@charset "utf-8";

:root{
    --theme-color: #8D2727;
    --theme-color-rgb: 141, 39, 39;
    --primary-color: #1CA8CB;
    --theme-bg-txt:#FFF7E3;
    --title-color: #113D48;
    --body-color: #6E7070;
    --smoke-color: #E9F6F9;
    --smoke-color2: #F3F4F6;
    --black-color: #000000;
    --black-color2: #0D0D0C;
    --gray-color: #E1E4E5;
    --white-color: #ffffff;
    --light-color: #E1E4E5;
    --yellow-color: #FFB539;
    --success-color: #28a745;
    --error-color: #dc3545;
    --th-border-color: #E9EDF5;
    --main-container: 1320px;
    --container-gutters: 24px;
    --section-space: 120px;
    --section-space-mobile: 80px;
    --section-title-space: 60px;
    --ripple-ani-duration: 2s;
    --spacer:3.25rem;
}
@media(min-width:768px){
    :root{
        --spacer:3.75rem;
    }
}
body{
    font-family: "Niramit", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.7;
}
a{
    text-decoration: none;   
}
.ThemeColor{
    color:var(--theme-color)
}
.Spacer{
    height: var(--spacer);
}
.Spacer2x{
    height: calc(var(--spacer) + ( var(--spacer)/2 ));
}
.FwMedium{
    font-weight: 500;
}
.FwSemi{
    font-weight:600;
}
.FwBold{
    font-weight:700;
}
.sticky-wrapper {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}
.sticky-wrapper.sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background-color: var(--white-color);
    -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.07));
    filter: drop-shadow(0 0 10px rgba(0,0,0,0.07));
    -webkit-animation: stickyAni 0.4s ease-in-out;
    animation: stickyAni 0.4s ease-in-out
}
.logo{
    background:url(../img/logo.svg)no-repeat 0 0;
    width: 88px;
    height: 81px; 
    padding: 0;
}
.sticky-wrapper.sticky .logo{
    background-position: center bottom;
    height: 30px;
}

@-webkit-keyframes stickyAni {
    0% {
        -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
        transform: translate3d(0, -40px, 0) scaleY(0.8);
        opacity: 0.7
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scaleY(1);
        transform: translate3d(0, 0, 0) scaleY(1);
        opacity: 1
    }
}

@keyframes stickyAni {
    0% {
        -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
        transform: translate3d(0, -40px, 0) scaleY(0.8);
        opacity: 0.7
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scaleY(1);
        transform: translate3d(0, 0, 0) scaleY(1);
        opacity: 1
    }
}

header{
    background-color:var(--theme-color);
}
.navbar-expand-md .navbar-nav .nav-link{
    --bs-navbar-nav-link-padding-x:1rem;
}
.nav-link{
    --bs-nav-link-color:var(--theme-bg-txt);
    --bs-nav-link-padding-y: 0.25rem;
    --bs-navbar-active-color:#fff;
    --bs-nav-link-font-size:16px;
    --bs-nav-link-padding-x:1rem;
    --bs-nav-link-font-weight:500;
    text-transform: uppercase;
}
.navbar-nav .nav-link.active span{
    box-shadow: 0px 1px #fff;
}
.navbar-expand-md .navbar-nav {
    gap: 10px;
}

.navbar-toggler{
    background-color:#9F2D2D;
    border:0
}
.navbar-dark{
    --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%28255, 247, 227' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-toggler:focus{
    box-shadow: none;
}
.ContactLink{
    background-color:var(--theme-bg-txt)!important;
    color:var(--theme-color)!important;
    border-radius: 20px;
    padding-left:1rem;
    padding-right: 1rem;
    display: inline-block;
}
.ContactLink:hover, .ContactLink:active{
    background-color: #9F2D2D!important;
    color:var(--theme-bg-txt)!important;
}
@media (min-width: 768px) {
.navbar>.container{
    align-items: end;
}
.navbar-expand-md .navbar-nav {
    gap: 10px;
}
.ContactLink{
    display: block;
}
.sticky-wrapper.sticky .navbar>.container{
    align-items: center;
}
}
@media (min-width: 992px) {
    .navbar-expand-md .navbar-nav {
        gap: 30px;
    }
}
@media (max-width:767px){
    .navbar-nav{
        gap:1rem;
    }
    .nav-link{
        font-size:1.25rem
    }
}
.offcanvas{
    --bs-offcanvas-bg:var(--theme-color);
    --bs-offcanvas-width:240px;
}
.offcanvas-header{
    justify-content: end;
}
.offcanvas-body {
    --bs-offcanvas-padding-y:0
}
.btn-close {
    background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}
.About{
    font-size:1.125rem;
    font-weight: 500;
}
.OurMission{
    background-color:var(--theme-color);
    color:var(--theme-bg-txt);
    border-radius: 1rem;
    display: flex;
    gap:3rem;
    font-size:1.375rem;
    padding:2rem;
}
@media(max-width:767px){
    .OurMission{
        flex-direction: column;
        gap:1rem;
        text-align: center;
    }
}
.TitleArea {
    margin-bottom: 1.5rem;
}
.TitleArea .SecTitle{
    font-size:2.5rem;
    font-weight: 500;  
}
.TitleArea .SubTitle{
    font-size:1.5rem;
    font-weight: 500;

}
.InitiativesWrap{
    background-color:#363636;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}
.InitiativesWrap:before, .InitiativesWrap:after{
    content:'';    
    width:100%;
    height: 22px;
    display: block;
    position: absolute;
    left: 0;
   
}
.InitiativesWrap:before{
    background: url(../img/motif-border-top.svg) repeat center center;
    top: 0;
}
.InitiativesWrap:after{
    bottom:0;
    background: url(../img/motif-border-bottom.svg) repeat center center;
}
.tourSlider2 .swiper-wrapper{
    height:auto;
}
@media(min-width:576px){
.tourSlider2:before, .tourSlider2:after{
    content:'';
    width:150px;
    height: 100%;
    position: absolute;
    top:0;
    z-index: 2;
    background: rgba(54, 54, 54);
    
}
.tourSlider2:before{
    left:0;  
    background: linear-gradient(90deg, rgba(54, 54, 54,1) 00%, rgba(54, 54, 54,0) 70%);    
}
.tourSlider2:after{
    right:0;
    background: linear-gradient(-90deg, rgba(54, 54, 54,1) 0%, rgba(54, 54, 54,0) 100%);
}
}

.fadein,.scalein,.slidetopleft,.slidebottomright,.slideinleft,.slideinright,.slideindown,.slideinup,.rollinleft,.rollinright {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-name: var(--animation-name);
    animation-name: var(--animation-name)
}

.swiper-slide-active .fadein {
    --animation-name: fadein
}

.swiper-slide-active .scalein {
    --animation-name: scalein
}

.swiper-slide-active .slidetopleft {
    --animation-name: slidetopleft
}

.swiper-slide-active .slidebottomright {
    --animation-name: slidebottomright
}

.swiper-slide-active .slideinleft {
    --animation-name: slideinleft
}

.swiper-slide-active .slideinright {
    --animation-name: slideinright
}

.swiper-slide-active .slideinup {
    --animation-name: slideinup
}

.swiper-slide-active .slideindown {
    --animation-name: slideindown
}

.swiper-slide-active .rollinleft {
    --animation-name: rollinleft
}

.swiper-slide-active .rollinright {
    --animation-name: rollinright
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes slideinup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideinup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(180px);
        transform: translateX(180px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(180px);
        transform: translateX(180px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideindown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideindown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slidebottomright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(120px) translateY(120px);
        transform: translateX(120px) translateY(120px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes slidebottomright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(120px) translateY(120px);
        transform: translateX(120px) translateY(120px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes slidetopleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px) translateY(-100px);
        transform: translateX(-100px) translateY(-100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes slidetopleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px) translateY(-100px);
        transform: translateX(-100px) translateY(-100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes cloudAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes cloudAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.swiper-fade .swiper-slide {
    -webkit-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
.hero-1 {
    position: relative;
    overflow: hidden
}
.hero-1 .th-hero-bg {
    z-index: 2
}
.hero-slider-1 .swiper-wrapper{
    height: calc( 100% - 97px);
}
.hero-1 .th-hero-bg:before {
    content: "";
    position: absolute;
    inset: 0;
   /* background: rgba(13, 13, 12, 0.5);*/
    mix-blend-mode: normal;
    z-index: -1
}
@media(max-width:575px){
    .hero-1 .th-hero-bg:before {
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 51%, rgba(13,13,12,.5) 100%);
    }   
}


.th-hero-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.hero-style1 {
    position: absolute;
    z-index: 9;
    max-width: 700px;
    top: auto;
    bottom:10%;    
}
.background-image, [data-bg-src] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
@media(min-width:768px){
    .hero-style1 {
        top: 55%;
        -webkit-transform: translateY(-55%);
        -o-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%);  
    }  
}
.hero-style1 .sub-title {
    color: var(--white-color);
    margin-bottom: 0px;
    display: block;
    font-size:2rem;
    line-height: 1.2;
    font-weight: 500;
}
.hero-style1 .hero-title {
    color: var(--white-color);
    margin-bottom: 0;
    font-size:5rem;
    font-weight: 700;
    line-height: 1.05;
}

.banner-1{
    background-position: 80% 50%;
}
.banner-2{
    background-position: 50% 50%;
}

@media (max-width: 991px) {
    .hero-style1 .hero-style1 {
        max-width: 550px
    }
    .hero-style1 .hero-title {
        font-size: 3.5rem;
    }
}
@media (max-width: 767px) {
    .hero-style1  .hero-title {
      font-size: 2.75rem
  }
  .hero-style1 .sub-title {
      font-size:1.25rem;
  }
}

@media (max-width: 375px) {
    .hero-style1 .hero-title {
        font-size: 2.5rem;
    }
}
@media (max-width: 330px) {
    .hero-title {
        font-size: 2rem
    }
}

.InitiateImg img{
    border-radius: 1rem;
}
.InitiateTxt{
    font-size:1.125rem;
    font-weight: 500;
    color:var(--theme-bg-txt);
    text-align: center;
    margin-top:.75rem;
    line-height: 1.2;
}
.ExploreMore{
    margin-top: 2.5rem;
}
.BtnExplore{
    background-color: var(--theme-bg-txt);
    color:var(--theme-color);
    font-size: 1.125rem;
    font-weight: 500;
    padding-right: 2rem;
    padding-left: 2rem;
    border-radius: 30px;
    border:0;
    --bs-btn-hover-color:var(--theme-color);
    --bs-btn-hover-bg:var(--theme-bg-txt);
    --bs-btn-active-color:var(--theme-bg-txt);
    --bs-btn-active-bg:var(--theme-color);
}
.BtnExplore:hover, .BtnExplore:active, .BtnExplore:focus-visible{
    background-color: var(--theme-color);
    color:var(--theme-bg-txt);
}
.Founders{
    background-color: var(--theme-bg-txt);
}
.FounderColWrap{    
    height: 100%;
    padding-bottom: 2rem;
    border-radius: 10px; 
    background: #FFECBC url(../img/motif-light.svg)no-repeat 20px 100%;
    overflow: hidden;
}
.FouderInfo {    
    margin-top: -10px;
    border-radius: 10px;   
}
.FounderImg{
    border:6px solid #FFF1CF;  
}
.FounderImg img{
    width: 100%;
    border-radius: 5px;
}
.FouderName{
    background-color: #FFE6A7;
    padding:.75rem 1.25rem;     
    position: relative;    
}
.FouderName h2{
    font-size:1.365rem;
    font-weight:500;
    color:var(--theme-color);
    margin-bottom: 0;
}

.FouderInfoTxt { 
    padding:1.25rem;
}

.TrustTitle, .TrustLogos{
    display: flex;
    align-items: center;
    justify-content: center;
}
.TrustTitle {
    gap:22px;
    margin-bottom: 2rem;
}
.TrustTitle h4{
    font-size:1rem;
    font-weight: 500;
    margin-bottom: 0;
    color:#363636;
    text-transform: uppercase;
}
.TrustTitle:before, .TrustTitle:after{
    content:'';
    background:url(../img/ornament.svg)no-repeat 0 0;
    width: 125px;
    height: 8px;
}
.TrustTitle::before{
    transform: rotate(-180deg);
}
.TrustLogos{
    gap:30px;
    flex-wrap: wrap;
}

@media(min-width:768px){
    .TrustLogos{
        gap:40px 100px;
    }
}
@media(max-width:575px){
    .TrustLogos img{
        width:80%;
    } 
}
footer{
   background: url(../img/footer-bg.webp)repeat-x 0 0;
   background-size: cover;
}
.FooterCol{
    background-color: var(--theme-color);
    color:#fff;
    padding-top:40px;
    padding-bottom: 40px;
    font-size: 1.125rem;
}
.Social{
    margin: 20px 0 30px;
}
.FooterCol a{
    color:#fff;
}
.FooterCol a:hover{
    color:var(--theme-bg-txt);
}
.InitativeHeading{
    gap:1.5rem;
    margin-bottom: 1.5rem;
}
.InitativeImg img{
    border:6px solid #FFECBC;
    border-radius: 10px;
}
.InitativeTitle{
    font-size:1.5rem;
    color:var(--theme-color);
    line-height:1.21;
    font-weight: 500;
    margin-bottom: 0;
}
.InitativeTxt{
    font-size:1.125rem;
    font-weight: 500;
    color:#3A3A3A;
}
.BulletList li{
    margin-left: 16px;
    margin-top: 8px;
    line-height:1.5;
}
.BulletList li:first-child{
    margin-top: 0;
}
.BulletList li::marker{
    font-weight: 400;
    font-size:13px;
    color:var(--theme-color)
}
.Seprator{
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(var(--spacer) * 2);
}
@media(min-width:992px){
    .InitativeRowRev{
        flex-direction: row-reverse;
    }
}
@media(max-width:991px){
    .InitativeRow{
        flex-direction: column-reverse;
    }
    .InitativeHeading{
        margin-bottom: 1rem;
        gap:1rem;
    }
    .InitativeContent{
        margin-bottom: 1.25rem;
    }
}
@media(min-width:768px){
    .InitativeTitle{
        font-size:1.75rem;
    }
}