/************************************** base css **************************************/

:root{
    --main-color:#00E5B0;
    --main-text-color:#121214;
    --dark-color:#03032D;
    --Secendary:#FF9B00;
    --White-color:#fff;
    --bs-link-color-rgb: #fff;
    --santoi-body-font: "Dm Sans", Sans-serif;
    --santoi-h-font:"Hanken Grotesk", Sans-serif;
}

body{
    margin: 0;
    padding: 0;
    font-family: var(--santoi-body-font);
        background: #03032d;
    color: #fff;
}
.clearfix{
    clear: both;
}
.mobail-icons-position{
    float: right;
    margin-right: 15px;
}
.mobile-navbar{
    padding: 15px 10px;
}
.mobile_menu {
    display: flex;
    justify-content: flex-end;
}
.title-label{
    font-size: 30px;
    font-family: 'Rakkas';
    color: darkslategray;
    font-weight: 600;
}
.mobile_menu-bar-i{
    background-color: #f6f6f6 !important;
    border: none !important;
}
.mobile_menu-bar-i i{
    color: #000;
    font-size: 30px;
}
.back-button{
    border: 1px solid #000;
    background: #f8f8f8 !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.mobile-navbar-area{
    width: 320px !important;
    background-color: var(--dark-color) !important;
}
.mobile-navbar-ul{
    list-style: none;
    padding: 0;
}
.mobile-navbar-ul li{
    margin-bottom: 20px;
    list-style: none;
}
.mobile-navbar-ul li a{
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}
.nav-bar-area{
    padding: 30px 20px 50px;
}
.nav-bar-logo{
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.st1-nav-bar-area{
    background: url(img/banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 6;
}

.img_anim_reveal {
    visibility: hidden;
    overflow: hidden;
}
.img_anim_reveal img {
  -o-object-fit: cover;
     object-fit: cover;
  transform-origin: left;
}

.anim-reveal {
  overflow: hidden;
}

.anim-reveal-line {
  overflow: hidden;
}
::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: #d6d6d6;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.st1-hero-area::before{
    content: "";
    background: linear-gradient(107.3deg, rgba(24, 26, 84, 0.855) 1.59%, rgba(16, 17, 63, 0.765) 99.58%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 1;
    width: 100%;
    height: 100%;
}
.st1-container-navbar{
    position: relative;
    z-index: 5;
}
.st1-row-navbar{
    height: 120px;
    align-items: center;
}
.st1-logo-img img{
    max-width: 100%;
    height: 100%;
}
.st1-navbar-ul{
    list-style: none;
    padding: 0;
    display: flex;
    gap: 45px;
    margin: 0;
    justify-content: center;
}
.st1-navbar-ul li{
    list-style: none;
}
.st1-navbar-ul li a{
    text-decoration: none;
    font-family: var(--santoi-body-font);
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    transition: all 0.60s;
}
.st1-navbar-ul li a:hover{
    color: var(--main-color);
}
.st1-navbar-login{
    text-align: end;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:20px;
}
.st1-navbar-login a{
   text-decoration: none;
    border: 1px solid #fff;
    padding: 10px 32px;
    border-radius: 8px;
    font-family: var(--santoi-body-font);
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--main-text-color);
    max-height: 42px;
}
.st1-navbar-login .st1-navbar-login-1{
    margin-right: 20px;
}
.st1-button-hover span{
    z-index: 5;
    position: relative;
}
.st1-button-hover{
    position: relative;
    z-index: 1;
}
.st1-button-hover:hover{
    border: none !important;
}
.st1-button-hover:hover::before{
    height: 100%;
    opacity: 1;
}
.st1-button-hover::before{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0px;
    content: '';
    border-color: var(--main-color);
    color: #fff;
    opacity: 0;
    border-radius: 12px;
    transition: all 700ms;
    background: var(--main-color);
    z-index: 0;
}
.st1-banner-contain{
    text-align: center;
   
}
.st1-button-hover-anim-st{
        padding: 12px 40px;
        background: var(--main-color);
    text-align: center;
    display: inline-block;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
    will-change: transform;
        color: #fff;
    border: 0px transparent;
    border-radius: 0.3rem;
    transition: 0.3s ease-in-out;
    transition-delay: 0.35s;
    overflow: hidden;
    text-decoration:none;
}
.st1-button-hover-anim-st:before{
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    width: 200%;
    height: 500%;
    border-radius: 100%;
    transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
        transform: translate(-110%, -110%) translateZ(0);
}
.st1-button-hover-anim-st:hover{
    color:var(--main-color);
}
.st1-button-hover-anim-st span{
   color: var(--main-text-color);
    position: relative;
    top: 0;
    height: 100%;
    width: 100%;
    display: inline;
    height: auto;
    font-size: 19px;
    transition: 0.25s ease-in;
    transition-delay: 0.1s;
}
.st1-button-hover_border span{
    color:#fff;
}
.st1-button-hover-anim-st:hover span {
    color: var(--main-color);
}
.st1-button-hover-anim-st:hover:before {
    transform: translate(-45%, -34%) translateZ(0);
}
.st1-button-hover_border{
    background:transparent;
}

.st1-banner-contain h2{
    font-family: var(--santoi-h-font);
    font-size: 64px;
    font-weight: 400;
    line-height: 88px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;

}
.st1-banner-contain p{
    font-size: 90px;
    font-weight: 500;
    line-height: 123px;
    letter-spacing: 0em;
     background-color:#99ceff;
    background-image:
    radial-gradient(at 4% 80%, hsl(165.91deg 100% 45.1%) 0px, transparent 50%),
    radial-gradient(at 1% 34%, hsl(165.91deg 100% 45.1%) 0px, transparent 50%),
    radial-gradient(at 97% 70%, hsl(220.62deg 100% 63.78%) 0px, transparent 50%),
    radial-gradient(at 93% 85%, hsla(238,85%,73%,1) 0px, transparent 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin: 0;
}
.st1-banner-img-2nd{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.st1-about-area{
    background-color: #18183B;
    padding: 220px 0;
}
.st1-about-area-container{
    max-width: 1170px !important;
}
.st1-about-contain h2{
    font-family: var(--santoi-h-font);
    font-size: 40px;
    font-weight: 400;
    line-height: 67px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    width: 500px;
    margin-bottom: 0px;
}
span.st1-about-contain-subtitle {
    font-family: var(--santoi-h-font);
    font-size: 56px;
    line-height: 67px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    width: 500px;
}

.st1-about-contain p{
    font-family: var(--santoi-body-font);
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: left;
    color: #B9BABD;
    width: 469px;
    margin-top: 45px;
    margin-bottom: 50px;
}
.st1-about-contain a{
    font-family: var(--santoi-body-font);
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
    padding: 12px 32px;
    border-radius: 12px;
    position: relative;
    z-index: 1;
    transition: all 700ms;
}
.st1-button-color::before {
    background: #fff;
    color: var(--main-color);
}
.st1-button-color:hover span{
    color: var(--main-color);
}


.st1-about-contain-box{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.st1-about-contain-box-text{
    width: 270px;
}
.st1-about-contain-box-text h4{
    font-family: var(--santoi-h-font);
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-bottom: 28px;
}
.st1-about-contain-box-text p{
    font-family: var(--santoi-body-font);
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #B9BABD;
}
.st1-about-area-img-row{
    margin-top: 150px !important;
}
.about-area-img-row {
    background: #18183B;
    padding-bottom: 220px;
}
.st1-about-area-img-text h2{
    font-family: var(--santoi-h-font);
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}
.st1-about-area-img-text p{
    font-family: var(--santoi-body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #B9BABD;
    width: 673px;
    margin: auto;
    margin-bottom: 68px;
}
.st1-about-img-area{
    padding: 0 74px;
}
.st1-about-img-area img{
    max-width: 100%;
    height: auto;
}
.st1-package-area{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 220px 0;
}

.st1-package-contain{
    text-align: center;
    width: 100%;
    padding: 0 0 41px;
}
.st1-package-contain h2{
    font-family: var(--santoi-h-font);
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}
.st1-package-contain p{
    font-family: var(--santoi-body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #B9BCCC;
    max-width: 673px;
    margin: auto;
}
.santoi-main-header{
    position:absolute;
    z-index:999;
    top:0;
    left:0;
    width:100%;
}
.santoi-main-header.header-sticky {
    background: #03032D;
    border-color: #03032D;
    padding: 0;
    position: fixed;
    top: -80px;
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    -o-transition: transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
}
.santoi-main-header.header-sticky .st1-row-navbar{
    height:80px !important;
}
.pricing__tab {
    display: flex;
    justify-content: center;
}
.st1-package-ul{
    padding: 0;
    border-radius: 12px;
    overflow: hidden;
}

.st1-package-button-monthly{
    font-family: var(--santoi-body-font);
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 34px;
    letter-spacing: 0em;
    color: #000000 !important;
    margin: auto !important;
    padding: 15px 68px !important;
}
.nav-pills .st1-package-button-monthly.active, .nav-pills .show > .nav-link{
    margin: auto !important;
    padding: 15px 68px !important;
    border-bottom-left-radius: 1px !important;
    border-top-left-radius: 1px!important;
    border-bottom-right-radius: 12px !important;
    border-top-right-radius: 12px!important;
    color: #fff !important;
    background-color: var(--main-color) !important;
}
.st1-package-button-Annual{
    font-family: var(--santoi-body-font);
    font-size: 18px;
    font-weight: 500 ;
    color: #000000;
    padding: 15px 30px;
    background: #fff;
    border-radius: 0 !important;
}
.nav-pills .st1-package-button-Annual.active, .nav-pills .show > .nav-link{
    color: #fff;
    background-color: var(--main-color);
}
.st1-package-button-Annual:hover{
    color: #000000;
}
.st1-package-list{
    display: flex;
    gap: 30px;
    justify-content: center;
}
.st1-package-box{
    background: linear-gradient(148.99deg, rgba(100, 63, 8, 0.25) 6.38%, rgba(204, 148, 40, 0.2475) 94.31%),
    linear-gradient(209.11deg, #6F6FEC 0.55%, #3F62F4 98.86%);
    Width: 370px;
    border-radius: 12px;
    margin-top: 89px;
    text-align: center;
    padding: 60px 0;
    min-height: 494px;
    box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.05);
}
.active_price_item{
    min-height: 541px;
    margin-top: 60px;
    margin-bottom: -20px;

}
.active_price_item h4 {
    padding-bottom: 22px;
}
.active_price_item .pricing__button {
    padding-top: 56px;
}
.pricing__button {
    padding-top: 32px;
}
.st1-package-list .box-2{
    height: 541px;
    margin-top: 65px;
}
.st1-package-list .box-2 h2{
    margin-bottom: 60px;
}
.st1-package-list .box-2 .p-last{
    margin-bottom: 60px;
}
.st1-package-list .box-3 h4{
    font-size: 24px;
}
.st1-package-box h4{
    font-family: var(--santoi-h-font);
    font-size: 36px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
}

.st1-package-box h2{
    font-family: var(--santoi-h-font);
    font-size: 48px;
    font-weight: 400;
    line-height: 67px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
}
.st1-package-box h2 span{
    font-family: var(--santoi-body-font);
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: center;
}
.st1-package-box ul{
    width: 100%;
    margin: auto;
    padding: 0;
}
.st1-package-box ul li{
    font-family: var(--santoi-body-font);
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 27px;
    letter-spacing: 0em;
    text-align: left;
    color: #BDD6FF;
    list-style: none;
    width: 62%;
    margin: auto auto 20px;
    padding: 0;
}
.st1-package-box-width li{
    width: 75% !important;
}
.st1-package-box ul li i{
    margin-right: 14px;
}
.st1-package-box .p-last{
    margin-bottom: 40px;
}
.st1-package-box a{
    background: #7A6FFF;
    padding: 19px 74px;
    border-radius: 12px;
    font-family: var(--santoi-body-font);
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 25px 35px 0px rgba(24, 24, 59, 0.13);
}
.st1-our-product{
    background-color: var(--dark-color);
    width: 100%;
    height: auto;
    padding: 220px 0;
}
.st1-our-product-contain{
    width: 100%;
    height: auto;
    display: flex;

}
.st1-our-product-contain-text {
    width: 50%;
    height: auto;
}
.st1-our-product-contain-text h4{
    font-family: var(--santoi-h-font);
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    width: 412px;
}
.st1-our-product-contain-text h2{
    font-size: 56px;
    line-height: 67px;
    letter-spacing: 0em;
    text-align: left;
    color: #ffffff;
    margin-bottom: 36px;
}
.st1-our-product-contain-text p{
    font-family: var(--santoi-body-font);
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: left;
    color: #B9BABD;
    width: 374.1px;
}
.st1-our-product-contain-img img{
    width: 100%;
    height: 100%;
}
.st1-our-product-contain-box{
    background: #00e6b0;
    width: 100%;
   height: 411px;
    border-radius: 12px;
}
.st1-our-product-contain-box-link{
    width: 35%;
    float: left;
}
.st1-our-product-contain-box-link{
    padding: 86px 0 25px 90px!important;
    list-style: none;
    display: block !important;
}
.st1-our-product-contain-box-link li{
    margin-bottom: 23px !important;
}
.st1-our-product-contain-box-link li button{
    font-family: var(--santoi-body-font);
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #03032d;
    text-decoration: none;
    transition: all 0.60s;
}
.st1-our-product-contain-box-button{
    padding: 0 !important;
}
.nav-pills .st1-our-product-contain-box-button.active i{
    margin-right: 10px;
    opacity: 1;
    visibility: visible;
    margin-left: 20px;
}
.nav-pills .st1-our-product-contain-box-button.active{
    background-color: #FFF0;
    color:#ffffff;
}
.st1-our-product-contain-box-link li button:hover{
    color: #ffffff;
    background:transparent;
    border:none;
}
.st1-our-product-contain-box-link li button i{
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.60s;
}
.st1-our-product-contain-box-link li button:hover i{
    margin-right: 10px;
    opacity: 1;
    visibility: visible;
}

.st1-our-product-contain-box-link-right{
    width: 65%;
    float: right;
}
.st1-product-item{
    border-radius: 30px 0px 30px 0px;
    background: #001f41;
    width: 100%;
    height: 357px;
    margin-top: 86px;

}
.st1-product-item p{
    font-family: var(--santoi-body-font);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    
}
.st1-product-item p a{
    color: var(--dark-color);
    transition: all 1s;
}
.st1-product-item p a:hover{
    color: #7A6FFF;
}
.st1-product-ul-item{
    display: flex;
    flex-wrap: wrap;
    gap: 86px;
    padding-left: 87px;
}
.st1-product-item ul li{
    font-family: var(--santoi-body-font);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-bottom: 32px;
    list-style: none;
}
.st1-product-item ul li i{
    margin-right: 10px;
    color: #000000;
}
.st1-tabs-contain-box button,
.st1-tabs-contain-box button:hover{
    background:transparent !important;
}
.st1-info-area{
    background: url(img/info-banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 120px 0 120px 0;
}
.st1-info-contain{
    padding: 0 0 115px;
}
.st1-info-contain-svg{
    width: 7%;
    height: auto;
    margin: auto auto 13px;
}
.st1-info-contain h4{
    font-family: DM Serif Display;
    font-size: 32px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}
.st1-info-contain p,
.st1-portfolio-contain p{
    font-family: var(--santoi-body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #B9BCCC;
    max-width: 673px;
    margin: auto;
}


.footer-home-1{
    background-color: var(--dark-color);
    width: 100%;
    height: auto;
    padding-bottom: 80px;
}

.about-footer{
    padding-top: 110px;
}


.st1-footer-contain h4{
    font-family: var(--santoi-h-font);
    font-size: 36px;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}

.st1-footer-contain p{
    font-family: var(--santoi-body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #B9BABD;
    width: 673px;
    margin: auto;
}



.st1-footer-contain-box-img{
    width: 100%;
    height: 100%;
    border-radius:6px;
    overflow: hidden;
}
.st1-footer-contain-box{
    position: relative;
}
.st1-footer-contain-box p{
    font-family: var(--santoi-body-font);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    color: #77829D;
    padding: 16px 0;
    margin: 0;
}
.st1-footer-contain-box p span{
    background: var(--main-color);
    color: var(--main-text-color);
    width: 80px;
    height: 80px;
    border-radius: 8px;
    font-family: var(--santoi-h-font);
   font-size: 21px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    padding-top: 9px;
    text-align: center;
    position: absolute;
    right: 20px;
    bottom: 91px;
    z-index: 5;
}
.st1-footer-contain-box h4 a{
    font-family: var(--santoi-h-font);
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}
.st1-footer-trial-box-row{
    margin-bottom: 100px;
}
.st1-footer-contain-box .st1-footer-contain-box-img img{
    transition: all 2s;
}
.st1-footer-contain-box:hover .st1-footer-contain-box-img img{
    transform: scale(1.1);
}
.st1-footer-trial-box h4{
    font-family: var(--santoi-h-font);
    font-size: 40px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}
.st1-footer-trial-box p{
    font-family: 'TT Norms Pro';
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}
.st1-footer-trial-link-box{
    margin-top: 53px;
    text-align: end;
}
.st1-footer-trial-link-box a{
    padding: 17px 48px;
    background: linear-gradient(203.33deg, #8C8CFF 0.43%, #1B3397 94.96%),
    linear-gradient(117.3deg, rgba(100, 63, 8, 0.25) 13.31%, rgba(204, 148, 40, 0.2475) 83.8%);
    font-family: 'TT Norms Pro';
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0em;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
}
.st1-footer-trial-link-box a::before{
    border-radius: 8px !important;
}
.st1-footer-logo-box{
    width: 100%;
}
.st1-footer-logo-box-img{
    width: 13%;
    margin: auto;
    margin-bottom: 48px;
}
.st1-footer-logo-box ul{
    list-style: none;
    padding: 0;
    display: flex;
    gap: 48px;
    justify-content: center;
    margin-bottom: 64px;
}
.st1-footer-logo-box ul li {
    list-style: none;
}
.st1-footer-logo-box ul li a{
    font-family: 'Plus Jakarta Sans';
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #D9D9D9;
    text-decoration: none;
    transition: all 0.60s;
}
.st1-footer-logo-box ul li a:hover{
    color: var(--main-color);
}
.st1-footer-apps-box{
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-bottom: 160px;
}
.st1-footer-apps-box a {
    text-decoration: none;
    display: flex;
    gap: 15px;
    width: 262px;
    height: 89px;
    border: 1px solid #fff;
    border-radius: 44.5px;
    padding: 10px 36px;
    justify-content: center;
}
.st1-footer-apps-box a i{
    font-size: 42px;
    line-height: 72px;
    color: #fff;
}
.st1-footer-apps-box a h4{
    font-family: 'General Sans';
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;

}
.st1-footer-apps-box a h4 span{
    font-family: 'General Sans';
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;

}

.st1-footer-apps-box a:hover i{
    color: #000E33;
    position: relative;
    z-index: 5;
}
.st1-footer-apps-box a:hover h4{
    color: #000E33;
    position: relative;
    z-index: 5;
}
.st1-footer-apps-box a::before {
    color: #000E33 !important;
    border-radius: 44.5px !important;
    background-color: #fff !important;
}

.st1-footer-icons{
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #fff;
    padding-top: 24px;
}
.st1-footer-icons p{
    font-family: 'Plus Jakarta Sans';
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}
.st1-footer-icons ul{
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px;
}
.st1-footer-icons ul li{
    list-style: none;
}
.st1-footer-icons ul li a{
    text-decoration: none;
}
.st1-footer-icons ul li a i{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #06065E;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.60s;
}
.st1-footer-icons ul li a:hover i{
    background-color: #8C8CFF;
    color: #fff;
}
.st1-testimonial-thumbs .swiper-slide{
    display: flex;
    justify-content: center;
    height:auto;
    flex-direction: row;
    align-items: flex-start;
    padding:10px;
}
.st1-testimonial-thumbs .swiper-slide img{
    border-radius:6px;

}
.st1-testimonial-thumbs .swiper-slide.swiper-slide-active img {
  height:200px;
    object-fit: cover;
}
.st1-testimonial-content-part{
    padding:40px;
    position: relative;
    z-index: 1;
}
.st1-testimonial-content-part p{
    font-family: var(--santoi-body-font);
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #ADADDB;
    margin-top: 30px;
}
.st1-testimonial-content-part span.stl1-qoute-icon{
    position: absolute;
    top: 0;
    z-index: 5;
    opacity: 1;
}

.st1-testimonial-content-part h5{
    font-family: var(--santoi-body-font);
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}
.st1-testimonial-content-part .st1-testimonial-content-p{
    font-family: var(--santoi-body-font);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-top: 0 !important;
    opacity:.65;
}

.snp-pagination{
    position: relative;
    z-index: 1;
    color: #fff;
}
.st1-testimonial-thumbs{
    padding-bottom: 20px !important;
}





.swiper-container-horizontal>.st1-testimonial-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 90px !important;
    left: 240px !important;
    width: 100%;
    display: flex;
    gap: 20px;
}
.st1-testimonial-bullets .swiper-pagination-bullet-active {
    margin-right: 98px !important;
}
.st1-testimonial-bullets .swiper-pagination-bullet{
    font-family: var(--santoi-h-font);
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    position: relative;
    width: 0 !important;
    height: 0 !important;
    color: #fff;
    opacity: 1 !important;
}
.st1-testimonial-bullets .swiper-pagination-bullet-active::after{
    content: "";
    position: absolute !important;
    bottom: -19px !important;
    left: 20px !important;
    width: 88px !important;
    height: 2px !important;
    background-color: #ffffff !important;
}




/* index-2 Start */
.st2-log-margin{
    margin-right: 20px;
}

.st2-nav-bar-area{
    background: url(img/index-2\ banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    position: relative;
}
.st2-nav-bar-area::before{
    content: "";
    background: linear-gradient(107deg, rgba(41, 44, 118, 0.90) 1.59%, rgba(16, 17, 63, 0.77) 99.58%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 1;
    width: 100%;
    height: 100%;
}
.st2-banner-part-1{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 838.033px;
    height: 690.912px;
}
.st2-banner-part-1 svg{
    fill: linear-gradient(143deg, #1C1E76 24.25%, #1B1D5B 86.02%) !important;
    width: 100%;
    height: 100%;
}
.st2-banner-part-3{
    position: absolute;
    top: 20%;
    left: 45%;
    z-index: 1;
    width: 351.719px;
    height: 378.369px;
}
.st2-banner-part-3-img-2{
    width: 101.36px;
    height: 138px;
    position: relative;
    z-index: 5;
    opacity: 1;
    top: 0;
    left: 0;
}
.st2-banner-part-3 img{
    filter: drop-shadow(20px 10px 10px 10px #fff);
    width: 100%;
    height: 100%;
    opacity: 0.4;
}

.st2-banner-part-2{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 971.384px;
    height: 674.927px;
}
.st2-banner-part-2 svg{
    fill: linear-gradient(143deg, #1C1E76 24.25%, #1B1D5B 86.02%) !important;
    width: 100%;
    height: 100%;
}

.st2-nav-bar-contain h2{
    font-family: 'DM Serif Display';
    font-size: 89px;
    font-weight: 400;
    line-height: 122px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    /*margin-top: 220px;*/
}
.st2-nav-bar-contain p{
    font-family: 'DM Sans';
    font-size: 24px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    width: 929px;
    height: 79px;
    margin: 138px 0 0px auto;
    position: relative;
}
.st2-nav-bar-contain p::after{
    content: "";
    display: block;
    width: 265px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: -331px;
    top: 48px;
}


.st2-contain-post{
    height: 314px;
    background: #1B1D6D;
    position: relative;
    padding: 40px 60px !important;
    z-index: 1;
    bottom: -153px;
}

.st2-contain-post-banner-img{
    position: absolute;
    left: 100px;
    top: 40px;
    z-index: -1;
}
.st2-contain-post h4{
    font-family: var(--santoi-h-font);
    font-size: 50px;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    position: relative;
    z-index: 5;
}
.st2-contain-post-text{
    display: flex;
    gap: 20px;
    margin-top: 60px;
}
.st2-contain-post-text p{
    font-family: var(--santoi-body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #A1A3C7;
    width: 397px;
    padding: 20px 0;
}

.st2-contain-post-text-part{
    display: flex;
    gap: 30px;
    width: 325px;
}
.st2-contain-post-text-part h4{
    font-family: var(--santoi-body-font);
    font-size: 48px;
    font-weight: 700;
    line-height: 67px;
    letter-spacing: 0em;
    text-align: left;
    color: #FF9B00;
    position: relative;
}
.st2-contain-post-text-part h4::before{
    content: "+";
    content: "+";
    position: absolute;
    right: -30px;
    top: -18px;
}
.st2-contain-post-text-part p{
    font-family: var(--santoi-body-font);
    font-size: 22px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}
.st2-Instruct-area{
    background-color: var(--dark-color);
    height: auto;
    width: 100%;
}

.st2-Instruct-contain h4{
    font-family: var(--santoi-h-font);
    font-size: 36px;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--White-color);
}
.st2-Instruct-contain p{
    font-family: var(--santoi-body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #707181;
    width: 673px;
    margin: auto;
}
.st2-Instruct-box h2{
    color: #1B1D6D;
    text-align: left;
    font-family: var(--santoi-h-font);
    font-size: 128px;
    font-style: normal;
    font-weight: 400;
    line-height: 153.6px;
}
.st2-Instruct-box h2 span svg{
    margin-top: -15px;
}
.st2-Instruct-box h4{
    color: #FFF;
    font-family: var(--santoi-h-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 38.4px;
    margin-bottom: 18px;
}
.st2-Instruct-box p{
    color: #A1A3C7;
    font-family: var(--santoi-body-font);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.4px;
    width: 357px;
}
.st2-trial-area{
    background: #1B1D6D;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    padding: 150px 0 165px;
}
.st2-trial-area-banner{
    position: absolute;
    bottom: 0;
    right: 118px;
    opacity: 1;
    z-index: -1;
}

.st2-trial-contain h4{
    font-family: var(--santoi-h-font);
    font-size: 56px;
    font-weight: 400;
    line-height: 67px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--White-color);
    width: 570px;
    margin-bottom: 72px;
}

.st2-button-color::before {
    background: #fff !important;
    color: #FF9B00 !important;
}
.st2-button-color:hover span{
    color: #FF9B00 !important;
}
.st2-navbar-Sign{
    background-color: #FF9B00;
    border: none !important;
}
.st1-navbar-Sign{
    background-color: var(--main-color);
    border: none !important;
}
.st2-trial-img{
    position: absolute;
    bottom: -8px;

}
.st2-awards-area .row{
    align-items:center;
}
.st2-trial-img-1 img{
    position: relative;
    z-index: 1;
}
.st2-trial-img-2 img{
    position: absolute;
    top: 133px;
    right: 233px;
    z-index: 5;
    opacity: 1;
}

.st2-awards-contain h4{
    font-family: var(--santoi-h-font);
    font-size: 64px;
    font-weight: 400;
    line-height: 77px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--White-color);
    margin-bottom:20px;

}
.st2-awards-contain h4 span{
    font-size: 32px;
}
.st2-awards-contain p{
    color: #A1A3C7;
    font-family: var(--santoi-body-font);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.8px;
    width: 527px;
    margin-bottom: 45px;
}

.st2-awards-info-area{
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}
.st2-awards-info{
    width: 304px;
    height: 286px;
    border-radius: 6px;
    background: #1B1D6D;
}
.st2-awards-info-first-edit{
    margin-top: 80px;
}
.st2-awards-info-last-edit{
    margin-top: -80px;
}
.st2-awards-info h4{
    color: #FF9B00;
    text-align: center;
    font-family: var(--santoi-h-font);
    font-size: 62px;
    font-style: normal;
    font-weight: 600;
    line-height: 74.4px;
    padding-top: 70px;
}
.st2-awards-info p{
    color: #FFF;
    text-align: center;
    font-family: var(--santoi-h-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 38.4px;
}


.st2-about-area{
    width: 100%;
    height: auto;
}
.st2-about-container{
    position: relative;
    z-index: 1;
}
.st2-about-banner-img{
    position: absolute;
    top: -51px;
    right: 0;
    z-index: -1;
}
.st2-about-img-area p{
    color: #FFF;
    font-family: var(--santoi-body-font);
    font-size: 22px;
    font-style: normal;
    margin-top: 20px;
}
.st2-about-img-area-img-one{
    margin-top: 38px;
    position: relative;
    z-index:99;
}
.st2-about-img-area-img-one img{
    position: inherit;
    right: -58px;
    top: 0;
    width: 100%;
    height: 100%;
}
.st2-about-img-area-img-two img{
    width: 100%;
    height: 100%;
    margin-top: 50px;
}

.st2-about-contain{
    margin-left: 10px;
}
.st2-about-contain h4{
    font-family: var(--santoi-h-font);
    font-size: 36px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-bottom: 35px;
}
.st2-about-contain p{
    width: 633px;
    height: auto;
    color: #A1A3C7;
    font-family: var(--santoi-body-font);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.8px;
    margin-bottom: 50px;
}
.st2-about-contain ul{
    list-style: none;
    padding: 0;
    margin:0;
    margin-bottom: 60px;
}
.st2-about-contain ul li{
    color: #FFF;
    font-family: var(--santoi-body-font);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.6px;
    margin-bottom: 20px;
}

.st2-boost-area{
    background-color: var(--dark-color);
    width: 100%;
    height: auto;
}
.st2-boost-contain-img{
    background: url(img/boost.png);
    width: 100%;
    height: 635.235px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 10px solid #fff;
    border-radius: 20px;
    position: relative;
    margin-bottom: 80px;
}
.st2-boost-contain-img a{
    position: absolute;
    left: 50%;
    top: 50%;
}
.st2-boost-contain-box{
    display: flex;
    flex-wrap: wrap;
}
.st2-boost-contain-box h4{
    width: 50%;
    color: #FFF;
    font-family: var(--santoi-h-font);
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 72.8px;
}
.st2-boost-contain-box .st2-boost-link{
    width: 50%;
    text-align: end;
    margin-top: 65px;
}

.st2-boost-contain-box p{
    width: 100%;
    margin-top: 60px;
    color: #A1A3C7;
    font-family: var(--santoi-body-font);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.8px;
}
.st2-customers-area{
    background-color: var(--dark-color);
    width: 100%;
    height: auto;
    padding: 0 0 220px 0;
}
.st2-customers-contain h2{
    color: #FFF;
    font-family: var(--santoi-h-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 45px;
}
.st2-customers-contain h4{
    font-size: 32px;
    color: #FFF;
    font-family: var(--santoi-h-font);
}
.st2-customers-contain p{
    color: #A1A3C7;
    font-family: var(--santoi-body-font);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.8px;
    width: 527px;
}
.st2-customers-info{
    position: relative;
}
.st2-customers-info ul{
    list-style: none;
    padding: 0;
    max-height: 854px;
    overflow: hidden;
}
.st2-customers-info ul li{
    border-radius: 12px;
    background-color: #1B1D6D;
    width: 100%;
    height: 257px;
    padding: 30px 40px 0;
    margin-bottom: 40px;
    list-style: none;
}
.st2-customers-info .st2-customers-author-img img{
    max-width:52px;
    border-radius: 50px;
}
.st2-customer-carousel .swiper-wrapper {
    flex-direction: column;
}
.st2-csd-overlay-top{
    background: linear-gradient(180deg, #03032D 0%, rgba(27, 29, 109, 0.00) 50.19%) !important;
    width:100%;
    height:200px;
    position: absolute;
    top:-10px;
    left:0;
    z-index: 2;
}
.st2-csd-overlay-bottom{
    width: 100%;
    height: 145px;
    position: absolute;
    bottom: -16px;
    left: 0;
    z-index: 2;
    background: linear-gradient(180deg, #03032D 0%, rgba(27, 29, 109, 0.00) 50.19%) !important;
    transform: rotate(180deg);
}
.st2-customers-info ul li p{
    color: #FFF;
    font-family: var(--santoi-body-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 38px;
}
.st2-customers-info-Details{
    display: flex;
    gap: 15px;
    float: left;
    width: 50%;
}
.st2-customers-info-Details span h4{
    color: #FFF;
    font-family: var(--santoi-body-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.8px;
    margin:0;
}
.st2-customers-info-Details span .st2-customers-info-Details-p{
    color: #A1A3C7;
    font-family: var(--santoi-body-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.6px;
    margin-bottom: 0;
}
.st2-customers-info-star{
    float: right;
    width: 33%;
    margin-top: -81px;
}


.st2-customers-info-star-main{
    width: 150px;
    height: 150px;
    background: rgba(56, 58, 136, 0.25);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
}
.testimonial__quote_icon i {
    color: #ffffff;
    font-size: 42px;
}
.st2-customers-info-star-main span i{
    color: #FDC330;
    margin-top: 20px;
}
.st2-news-area{
    background-color: var(--dark-color);
    width: 100%;
    height: auto;
    padding: 0 0 220px 0;
}

.st2-news-contain h4{
    color: #FFF;
    text-align: center;
    font-family: var(--santoi-h-font);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 43.2px;
    margin-bottom: 13px;
}
.st2-news-contain p{
    color: #B9BABD;
    text-align: center;
    font-family: var(--santoi-body-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
    width: 673px;
    margin:auto auto 120px;
}
.st2-news-box{
    border-radius: 12px;
    width: 100%;
    height: 351px;
    position: relative;
    z-index: 1;
    padding: 55px 42px;
}
.st2-news-box-banner{
    position: absolute;
    top: 61px;
    left: 0;
    z-index: -1;
}
.st2-news-box:hover .st2-news-box-banner{
    display: none;
}
.st2-news-box{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 351px;
}

.st2-news-box-info{
    margin-right: 38px;
}
.st2-news-box span{
    color: #A1A3C7;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}
.st2-news-box h4 a{
    color: var(--White-color);
    font-family: var(--santoi-h-font);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 33.6px;
    margin-bottom: 30px;
    margin-top: 11px;
}
.st2-news-box p{
    color: #A1A3C7;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-bottom: 15px;
}
.st2-bg-img {
    background-image: url(https://santoi.themepreview.xyz/home01/wp-content/uploads/sites/2/2023/10/Footer-1.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px;
    z-index: -1;
    opacity: 0;
    transition: all .2s;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.st2-bg-img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 12px;
    background: linear-gradient(0deg, rgba(3, 3, 45, 0.84) 0%, rgba(3, 3, 45, 0.84) 100%), url(<path-to-image>), #d3d3d340 50% / cover no-repeat;

}
.st2-news-box:hover .st2-bg-img{
    opacity: 1;
}
.st2-news-box a{
    color: #A1A3C7;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    text-decoration-line: underline;
    transition: all 0.90s;
}
.st2-news-box a:hover{
    text-decoration: none;
    color: var(--White-color);
}
.st2-main-button{
    text-decoration: underline;
}
.footer-home-2{
    background: #1B1D6D;
    width: 100%;
    height: auto;
    padding: 120px 0 0;
    position: relative;
    z-index: 1;
}
.footer-home-2:before{
    content: "";
    background: rgb(3 3 45 / 85%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}
.footer-home-2 .container{
   position: relative;
    z-index: 10; 
}

.st1-portfolio-contain{
    margin-bottom:60px;
}
.st1-portfolio-contain h4{
    color: var(--White-color);
    font-family: var(--santoi-h-font);
    font-size: 64px;
    font-style: normal;
    line-height: 1.2;
    text-align: center;
    margin-bottom: .5rem;
    font-weight:700;
}
.st1-portfolio-contain p{
      color: #A1A3C7;
    text-align: center;
    font-family: var(--santoi-body-font);
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
   
   
}

.st2-footer-contain h4{
    color: var(--White-color);
    font-family: var(--santoi-h-font);
    font-size: 40px;
    font-style: normal;
    line-height: 1.3;
    text-align: left;
    margin-bottom:20px;
    font-weight:700;
}

.st2-footer-contain p{
    color: #ffffff;
    text-align: left;
    font-family: var(--santoi-body-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    
}
.st2-footer-contain-a{
    text-align: right;
}

.st2-footer-contain a{
    color: var(--White-color);
    font-family: var(--santoi-body-font);
    font-size: 20px;
    font-style: normal;
    line-height: 36px;
    text-decoration: none;
    padding: 12px 40px;
    border-radius: 8px;
    box-shadow: 0px 5px 32px 0px rgba(255, 155, 0, 0.11);
}
.st2_footer_menu{
    padding-top:40px;
}
.st2_footer_menu ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    gap:25px;
        justify-content: center;
}
.st2_footer_menu ul li{
    list-style:none;
    margin:0;
}
.st2_footer_menu ul li a{
    text-decoration:none;
    color:#fff;
    opacity:.7;
    font-size:20px;
}
.st2_footer_menu ul li a:hover{
    opacity:1;
}
.st2-footer-bottom{
    border-top: 1px solid rgb(255 255 255 / 12%);
    padding: 30px 0;
}
.st2-footer-center{
    padding:0 0 80px 0;
    text-align:center;
}
.st2-footer-p p{
    color: #ffffff;
    text-align: left;
    font-family: var(--santoi-body-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.8px;
    opacity:.7;
}
.st2-footer-icons{
    list-style: none;
    padding: 0;
    display: flex;
    gap: 35px;
    justify-content: right;
    margin:0;
}
.st2-footer-icons li a{
    color: #ffffff;
    font-size: 20px;
    transition: all 0.60s;
}
.st2-footer-icons li a:hover{
    color: var(--White-color);
    opacity: 1;
}
.st2-footer-banner-1{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.st2-footer-banner-2{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.st1-about-body{
    background: #03032D;
}

.st1-nav-about-contain h4{
    color: var(--White-color);
    text-align: center;
    font-family: var(--santoi-h-font);
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 75.6px;
}
.st1-nav-about-contain p{
    color: var(--White-color);
    text-align: center;
    font-family: var(--santoi-body-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
    margin: 0;
}

.slider-info-contian h4{
    color: var(--White-color);
    font-family: var(--santoi-h-font);
    font-size: 51px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 170px;
    text-align: center;
    margin-bottom: 80px;
}
.slider-info-contian p{
    color: #5D5F7B;
    font-family: var(--santoi-body-font);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 654px;
    margin: auto;
    position: relative;
    left: 175px;
    margin-bottom: 120px;
}

.slider-info-contian p::after{
    content: "";
    display: block;
    width: 265px;
    height: 2px;
    background: #5D5F7B;
    position: absolute;
    left: -331px;
    top: 48px;
}
.slider-info-slider-img{
    margin: 0 10px;
    padding-bottom: 220px;
}
.slider-info-slider-img img{
    width: 100%;
    height: 279px;
    object-fit: cover;
}

.st1-growing-container{
    background: #03032D;
}

.st1-growing-contain h4{
    color: var(--White-color);
    font-family: var(--santoi-h-font);
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 58.8px;
    margin-bottom: 0;
}
.st1-growing-contain p{
    color: #5D5F7B;
    font-family: var(--santoi-body-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    margin:40px 0;
}
.st1-growing-contain ul{
    list-style: none;
    padding: 0;
    display: flex;
    gap: 32px;
    margin: 0;
}
.st1-growing-contain ul li{
    width: 304px;
    height: 319px;
    border-radius: 12px;
    background: #001f41;
    box-shadow: 0px 30px 45px -5px rgba(42, 167, 255, 0.10);
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.counter.st__counter-items {
    color: var(--White-color);
    font-family: var(--santoi-h-font);
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 58.8px;
    display: flex;
    justify-content: center;
}
.st1-growing-contain ul li p{
    color: #D2D2D2;
    text-align: center;
    font-family: var(--santoi-body-font);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 33.6px;
}
.st1-growing-img{
    text-align: end;
    width: 541.286px;
    height: 652.998px;

}
.st1-growing-img{
    width: 100%;
    height: 100%;
}


.st1-about-news-contain h4{
    color: var(--White-color);
    text-align: center;
    font-family: var(--santoi-h-font);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 43.2px;
}
.st1-about-news-contain p{
    color: #B9BABD;
    text-align: center;
    font-family: var(--santoi-body-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
    width: 673px;
    margin: auto;
    padding-bottom: 113px;
}
.st1-about-row-box {
    display: flex !important;
    margin-top: 100px !important;
   
}

.st1-about-news-thumbnails .slick-next:before {
    border: 1px solid !important;
    top: 20px;
    position: absolute;
    font-size: 15px;
    border-radius: 50%;
    font-family: 'Font Awesome 5 Free';
    content: "\f054";
    font-weight: 900;
    padding: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.st1-about-news-thumbnails .slick-prev {
    left: -36px !important;
    z-index: 1;
}
.st1-about-news-thumbnails .slick-next {
    right: -20px !important;
}
.st1-about-news-thumbnails .slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 63% !important;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.st1-about-news-thumbnails .slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;
    border: none !important;
    padding: 30px 10px;
    background-color: #fff0;
    opacity: 1;
    color: white;
    /* opacity: 0; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.st1-about-news-thumbnails .slick-prev:before {
    border: 1px solid !important;
    top: 20px;
    position: absolute;
    font-size: 15px;
    border-radius: 50%;
    font-family: 'Font Awesome 5 Free';
    content: "\f053";
    font-weight: 900;
    padding: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.st1-about-news-contain-box ul li{
    list-style: none;
}

.st1-about-news-span-icons{
    font-size: 20px;
}
.st1-about-news-span-icons::after {
    content: "";
    width: 289px;
    height: 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 84px;
    right: -144px;
}


.st1-about-news-number-box{
    color: #FFF;
    text-align: center;
    font-family: var(--santoi-body-font);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
}
.st1-about-news-number-box span{
    cursor: pointer;
}

.st1-about-news-img-box{
    position: relative;
    z-index: 1;
    margin-top: 70px;
    margin-left: 70px;
}

.st1-about-news-img-box-one{
    width: 528px;
    height: 414px;
    position: absolute;
    z-index: 5;
    bottom: 50px;
    left: -62px;
}
.st1-about-news-img-box-one img{
    width: 100%;
    height: 100%;
    border-radius:12px;
    max-height:414px;
}
.st1-about-news-img-box-two{
    border-radius: 12px;
    background: #001f41;
    box-shadow: 0px 30px 45px -5px rgba(42, 167, 255, 0.10);
    width: 517px;
    height: 399px;
}
.st1-about-news-img-box-two img{
    width: 100%;
    height: 100%;
}


.st1-about-news-contain-box h2{
    color: var(--White-color);
    font-family: var(--santoi-h-font);
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 67.2px;
}
.st1-about-news-contain-box h4{
    color: var(--White-color);
    font-family: var(--santoi-h-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 57.6px;
}
.st1-about-news-contain-box p{
    color: #5D5F7B;
    font-family: var(--santoi-body-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}
.st1-about-news-contain-box-p{
    color: var(--White-color) !important;
}
.st1-about-news-contain-box ul{
    list-style: none;
    padding: 0;
    margin-left: 0;
}
.st1-about-news-contain-box ul li{
    margin-bottom: 13px;
}
.st1-about-news-contain-box ul li span{
    color: #5D5F7B;
    font-family: var(--santoi-body-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}
.st1-items-logo-contain{
    margin-bottom: 128px;
}
.st1-items-logo-contain h4{
    color: var(--White-color);
    text-align: center;
    font-family: var(--santoi-h-font);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 43.2px;
    margin-bottom: 20px;
}
.st1-items-logo-contain p{
    color: #B9BABD;
    text-align: center;
    font-family: var(--santoi-body-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
    width: 673px;
    margin: auto;
}

.st1-items-logo-box ul{
    padding: 0;
    list-style: none;

    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 220px;
}
.st1-items-logo-box ul a li img{
    transition: all 1s;
    overflow: hidden;
}
.st1-items-logo-box ul a li{
    border-radius: 12px;
    border: 1px solid #FFF;
    background: rgba(7, 7, 66, 0.60);
    width: 300px;
    height: 173px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.st1-items-logo-box ul a:hover li img{
    transform: scale(1.3);

}
.st1-team-member-contain h4{
    color: var(--White-color);
    text-align: center;
    font-family: var(--santoi-h-font);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 43.2px;
    margin-bottom: 20px;
}
.st1-team-member-contain p{
    color: #B9BABD;
    text-align: center;
    font-family: var(--santoi-body-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
    width: 673px;
    margin: auto auto 80px;
}
.st1-team-member-img{
    border-radius: 12px 12px 100px 12px;
    background: var(--main-color);
    box-shadow: 0px 30px 45px -5px rgba(42, 167, 255, 0.10);
    margin-bottom: 33px;
    width: 406.528px;
    height: 426.587px;
}
.st1-team-member-img-2nd{
    padding-left: 25px;
}
.st1-team-member-img img{
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit:cover;
    border-radius:12px 12px 100px 12px
}
.st1-team-member-box{
    padding-bottom: 110px;
}
.st1-team-member-box h4{
    color: #FFF;
    font-family: var(--santoi-h-font);
    font-size: 32px;
    font-style: normal;
    line-height: 48px;
}
.st1-team-member-box p{
    color: var(--White-color);
    font-family: var(--santoi-body-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.st1-about-news-number-box.slick-slide.slick-current{
    color: var(--main-color) !important;
}
.santoi-counter{
    color: #FF9B00;
    leading-trim: both;
    text-edge: cap;
    font-family: DM Sans;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 67.2px */
}
.santoi-counter-pluse{
    position: absolute;
    /*margin-left: 10px;*/
}
.santoi-counter-pluse i{
    color: #FF9B00;
}
.santoi-counter-text{
    margin-left: -5px;
}

.st2-about-contain ul li{
    list-style: none;
}

.video-main {
    position: relative;
    display: inline-block;
}

.video {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    background: transparent;
    color: #fff;
    display: inline-block;
    background: #ffffff;
    z-index: 999;
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

.fa-play:before {
    content: "\f04b";
}

.wrapper {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.video-main {
    position: relative;
    display: inline-block;
}

.video {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    background: transparent;
    color: #FF9B00;
    display: inline-block;
    background: #ffffff;
    z-index: 999;
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

.fa-play:before {
    content: "\f04b";
}

.waves {
    position: absolute;
    width: 150px;
    height: 150px;
    background: #FFFFFF;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    right: -50px;
    bottom: -50px;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.st2-boost-contain-img {
    display: flex;
    position: relative;
}
.st2-boost-contain-img i{
    position: absolute;
    top: 33%;
    left: 39%;
}
.st1-blog-sc-title-box{
    padding-bottom:40px;
}
.st2-img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px;
    z-index: -1;
    opacity:0;
    transition: all .2s;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.st2-img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*z-index: 1;*/
    border-radius: 12px;
    background: linear-gradient(0deg, rgba(3, 3, 45, 0.84) 0%, rgb(3 3 45 / 71%) 100%), url(<path-to-image>), #d3d3d34d 50% / cover no-repeat;
}
.st2-news-box:hover .st2-img{
    opacity:1;
}

/************** home 1 navbar ****************/
.el-hm-one-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
.el-hm-one-nav.left-side-position ul li .megamenu {
    left: 0;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
.el-hm-one-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:30px;
    width: 100%;
    margin: 0;
    padding: 0;}
.el-hm-one-nav ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
    padding: 15px 0;
    list-style: none;
    margin-bottom:0;
}
.el-hm-one-nav ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    text-transform: capitalize;
    color: #ffffff;
    text-decoration: initial;
}
.el-hm-one-nav ul li a svg path{
    fill: #ffffff;
}
.el-hm-one-nav ul li.has-submenu {
    position: relative; }
.el-hm-one-nav ul li.has-megamenu {
    position: initial; }
@media (max-width: 1399.98px) {
    .el-hm-one-nav ul li {
        margin-right: 15px; } }
.el-hm-one-nav ul li svg {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.el-hm-one-nav ul li:hover .submenu{
    opacity: 1;
    visibility: visible;
    top: 100%; }
.el-hm-one-nav ul li:hover .megamenu{
    opacity: 1;
    visibility: visible;
    top: 66%;
}
.el-hm-one-nav ul li:hover a {
    color: var(--main-color); }
.el-hm-one-nav ul li:hover svg.dropdown-icon {
    fill: var(--blue-color);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.el-hm-one-nav ul li:hover svg.dropdown-icon path {
    fill: var(--main-color); }
.el-hm-one-nav ul li .submenu {
    position: absolute;
    top: 110%;
    left: 0;
    width: 200px;
    z-index: 88;
    padding: 20px;
    background: #ffffff;
    -webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.el-hm-one-nav ul li .submenu li {
    margin: 0;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    position: relative; }
.el-hm-one-nav ul li .submenu li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0px;
    height: 2px;
    background: var(--blue-color);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.el-hm-one-nav ul li .submenu li:last-child {
    margin-bottom: 0px; }
.el-hm-one-nav ul li .submenu li a {
    color: var(--text-color); }
.el-hm-one-nav ul li .submenu li:hover::after {
    opacity: 1;
    width: 20px;
    visibility: visible; }
.el-hm-one-nav ul li .submenu li:hover a {
    color: var(--main-color); }
.el-hm-one-nav ul li .submenu li:hover .submenu {
    opacity: 1;
    visibility: visible; }
.el-hm-one-nav ul li .submenu li:hover svg.dropdown-icon {
    -webkit-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;
    fill: var(--blue-color);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
.el-hm-one-nav ul li .submenu li:hover svg.dropdown-icon path {
    fill: var(--blue-color); }
.el-hm-one-nav ul li .submenu li svg.dropdown-icon {
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    fill: var(--dark-color);
    transform: rotate(0deg); }
.el-hm-one-nav ul li .submenu li svg.dropdown-icon path {
    fill: var(--dark-color); }
.el-hm-one-nav ul li .submenu li .submenu {
    top: 0;
    left: 110%;
    opacity: 0;
    visibility: hidden; }
.el-hm-one-nav ul li .submenu li .submenu li:hover a {
    color: var(--blue-color); }
.el-hm-one-nav ul li .submenu li .submenu li a {
    color: var(--dark-color); }

.megamenu {
    position: absolute;
    top: 75%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
    width: 100%;
    padding: 30px;
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.megamenu .single-menu {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
.megamenu .single-menu:last-child {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2; }
.megamenu .single-menu h5 {
    margin-bottom: 20px; }
.megamenu .single-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0; }
.megamenu .single-menu ul li {
    margin: 0;
    padding: 0;
    line-height: 2.1;
    position: relative; }
.megamenu .single-menu ul li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0px;
    height: 2px;
    background: var(--blue-color);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.megamenu .single-menu ul li a {
    color: var(--text-color);
    text-transform: capitalize; }
.megamenu .single-menu ul li:hover::after {
    opacity: 1;
    width: 20px;
    visibility: visible; }
.megamenu .single-menu ul li:hover a {
    color: var(--blue-color); }
.megamenu .single-menu .banner-1 {
    display: block;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    padding: 25px;
    background-size: 100%;
    background-position: center;
    transition: all 0.3s;
    position: relative; }
.megamenu .single-menu .banner-1 .banner-img {
    position: absolute;
    top: 0;
    left: 0;
    background: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    -webkit-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
    -o-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
    transition: all 4s cubic-bezier(0, 0, 0.1, 1);
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    width: 100%;
    height: 100%; }
.megamenu .single-menu .banner-1:hover .banner-img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
.megamenu .single-menu .banner-1 .inner-box {
    width: 220px;
    position: relative;
    z-index: 20; }
.megamenu .single-menu .banner-1 .tag-line {
    color: var(--light-red-color); }
.megamenu .single-menu .banner-1 .title {
    color: var(--dark-color);
    font-size: 32px;
    font-weight: 600; }
.megamenu .single-menu .banner-1 .badge-title {
    display: block;
    color: var(--white-color); }
.megamenu .single-menu .banner-1 .tag-line,
.megamenu .single-menu .banner-1 .badge-title {
    font-weight: 500;
    font-size: 14px; }
.megamenu .single-menu .banner-1 .badge-title {
    text-align: center;
    padding: 5px 8px;
    display: block;
    text-transform: uppercase; }
.megamenu .single-menu .banner-1 .price-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.megamenu .single-menu .banner-1 .price-wrapper .current-price {
    font-weight: 500;
    font-size: 24px;
    color: var(--yellow-color);
    display: inline-block;
    margin-right: 10px; }
.megamenu .single-menu .banner-1 .price-wrapper .old-price {
    font-weight: 500;
    font-size: 16;
    color: var(--white-color); }
.megamenu .single-menu .banner-1 .btn {
    font-size: 14px;
    padding: 8px 13px; }

.link-badge {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    margin-left: 8px;
    padding: 3px 5px;
    border-radius: 2px;
    line-height: 1; }

.el2-header-section .el-hm-one-nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
.el2-header-section .el-hm-one-nav ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }

.el-mobile-menu-and-category-sidebar {
    overflow-x: hidden;
    position: fixed;
    top: 0;
    left: -310px;
    background-color: #03032D;
    z-index: 200;
    width: 300px;
    height: 100%;
    overflow-y: scroll;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.el-mobile-menu-and-category-sidebar.active {
    left: 0; }
.el-mobile-menu-and-category-sidebar .el-search-with-category-wrapper.extended {
    width: 100%;
    border-bottom: 1px solid var(--border-gray); }
.el-mobile-menu-and-category-sidebar .el-search-with-category-wrapper.extended .bg-wrapper {
    width: 100%;
    padding: 0px 10px; }
.el-mobile-menu-and-category-sidebar .el-search-with-category-wrapper.extended .bg-wrapper .mobile-input {
    color: var(--dark-color);
    width: 100%;
    height: 70px;
    font-weight: 600; }
.el-mobile-menu-and-category-sidebar .el-search-with-category-wrapper.extended .bg-wrapper .mobile-input::-webkit-input-placeholder {
    color: var(--dark-color); }
.el-mobile-menu-and-category-sidebar .el-search-with-category-wrapper.extended .bg-wrapper .mobile-input:-ms-input-placeholder {
    color: var(--dark-color); }
.el-mobile-menu-and-category-sidebar .el-search-with-category-wrapper.extended .bg-wrapper .mobile-input::-ms-input-placeholder {
    color: var(--dark-color); }
.el-mobile-menu-and-category-sidebar .el-search-with-category-wrapper.extended .bg-wrapper .mobile-input::placeholder {
    color: var(--dark-color); }
.el-mobile-menu-and-category-sidebar .el-search-with-category-wrapper.extended .bg-wrapper .search-btn {
    background-color: var(--gray-color);
    color: var(--dark-color); }
.el-mobile-menu-and-category-sidebar .el-search-with-category-wrapper.extended .bg-wrapper .search-btn svg {
    width: 25px;
    height: 25px;
    fill: var(--dark-color); }
.el-mobile-menu-and-category-sidebar .el-search-with-category-wrapper.extended .bg-wrapper .search-btn svg path {
    fill: var(--dark-color); }
.el-mobile-menu-and-category-sidebar .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--gray-color);
    padding-right: 4px; }
.el-mobile-menu-and-category-sidebar .nav .nav-item {
    width: 50%; }
.el-mobile-menu-and-category-sidebar .nav .nav-item button {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    padding: 15px 20px;
    color: var(--dark-color); }
.el-mobile-menu-and-category-sidebar .nav .nav-item button.active {
    background: var(--blue-color);
    color: var(--white-color); }
.el-mobile-menu-and-category-sidebar .tab-content {
    height: 100%; }
.el-mobile-menu-and-category-sidebar .tab-content .tab-pane {
    height: 100%; }
.el-mobile-menu-and-category-sidebar .mobile-menu {
    position: static;
    padding: 0;
    width: 100%;
    height: 100%; }
.el-mobile-menu-and-category-sidebar .mobile-menu .mobile-nav-menu {
    margin-top: 0;
    padding: 0;}
.el-mobile-menu-and-category-sidebar .mobile-menu .mobile-nav-menu li {
    padding: 5px 20px; }
.el-mobile-menu-and-category-sidebar .mobile-menu .mobile-nav-menu li.has-submenu > i {
    top: 11px;
    right: 10px; }

/************************ mobile menu start ****************/
button.mobile-menu-toggle {
    width: 40px;
    height: 40px;
    line-height: 1;
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
    background: transparent;
    display: flex;
    justify-content: center;
}
.mobile-menu-close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: var(--primary-color); }
.mobile-menu-close:hover {
    color: var(--secondary-color); }

.mobile-menu {
    width: 300px;
    height: 100%;
    position: fixed;
    top: 0;
    left: -310px;
    background-color: var(--white-color);
    z-index: 100;
    padding: 60px 24px;
    overflow-y: scroll;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.mobile-menu .logo {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 60px;
    margin-bottom:20px;
}
.mobile-menu .mobile-nav-menu {
    margin-top: 32px; }
.mobile-menu .mobile-nav-menu li {
    display: block; }
.mobile-menu .mobile-nav-menu li + li {
    border-top: 1px solid #e8e8e8; }
.mobile-menu .mobile-nav-menu li a {
    text-transform: capitalize;
    display: block;
    color: #000e3c;
    padding: 10px 0;
    text-decoration: initial;
}
.mobile-menu .mobile-nav-menu li.has-submenu {
    position: relative; }
.mobile-menu .mobile-nav-menu li.has-submenu > i {
    position: absolute;
    right: 0;
    top: 6px;
    padding: 8px;
    -webkit-transition: var(--transition-base);
    -o-transition: var(--transition-base);
    transition: var(--transition-base); }
.mobile-menu .mobile-nav-menu li.has-submenu > i.icon-rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.mobile-menu .mobile-nav-menu li.has-submenu > .submenu-wrapper {
    display: none;
    padding: 0;}
.mobile-menu .mobile-search input {
    width: 100%; }
.mobile-menu .mobile-search button span {
    padding: 0;
    width: 50px;
    height: 50px; }
.mobile-menu .mobile-megamenu h6 {
    margin-top: 24px;
    padding-left: 16px;
    font-size: 18px; }
.mobile-menu.active {
    left: 0; }

.ur-search-form {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--primary-overlay);
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--transition-base);
    -o-transition: var(--transition-base);
    transition: var(--transition-base); }
.ur-search-form .close {
    position: absolute;
    right: 24px;
    top: 24px;
    font-size: 18px;
    color: var(--white-color); }
.ur-search-form .close:hover {
    color: var(--secondary-color); }
.ur-search-form form {
    background-color: var(--white-color); }
.ur-search-form form input {
    background-color: var(--white-color); }
.ur-search-form form button {
    border-left: 1px solid var(--light-stroke);
    width: 60px;
    -webkit-transition: var(--transition-base);
    -o-transition: var(--transition-base);
    transition: var(--transition-base);
    font-weight: 700; }
.ur-search-form form button:hover {
    color: var(--secondary-color); }
.ur-search-form.active {
    opacity: 1;
    visibility: visible; }

.mobile-select-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
@media (max-width: 767.98px) {
    .mobile-select-options.mobile-select-options-extended {
        margin-top: 30px;
        padding: 10px; } }
.mobile-select-options.mobile-select-options-extended .language-switcher, .mobile-select-options.mobile-select-options-extended .currency-select {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
@media (max-width: 767.98px) {
    .mobile-select-options {
        margin-top: 10px; } }
.mobile-select-options .language-switcher {
    margin-right: 18px; }
.mobile-select-options .language-switcher .dropdown {
    border: 1px solid var(--border-gray);
    padding: 8px 10px; }
.mobile-select-options .language-switcher button {
    font-size: 15px;
    color: var(--dark-color); }
.mobile-select-options .language-switcher button svg {
    fill: var(--dark-color); }
.mobile-select-options .language-switcher button svg path {
    fill: var(--dark-color); }
.mobile-select-options .language-switcher button.show svg {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg); }
.mobile-select-options .language-switcher button img {
    margin-right: 8px; }
.mobile-select-options .language-switcher .dropdown-menu {
    border-radius: 0;
    border-color: var(--gray-color);
    -webkit-box-shadow: 0px 0px 30px rgba(22, 32, 82, 0.12);
    box-shadow: 0px 0px 30px rgba(22, 32, 82, 0.12); }
.mobile-select-options .language-switcher .dropdown-menu.show {
    top: 39% !important;
    left: -7% !important; }
.mobile-select-options .language-switcher .dropdown-menu li + li {
    border-top: 1px solid var(--light-color); }
.mobile-select-options .language-switcher .dropdown-menu li a {
    padding: 4px 12px;
    display: block;
    color: var(--primary-color);
    font-size: 15px; }
.mobile-select-options .language-switcher .dropdown-menu li a img {
    margin-right: 8px;
    max-width: 29px; }
.mobile-select-options .currency-select {
    border: none;
    background-color: var(--blue-color);
    color: var(--white-color); }
.mobile-select-options .currency-select.nice-select::after {
    content: initial; }
.mobile-select-options .currency-select.nice-select .current {
    position: relative;
    padding-right: 13px; }
.mobile-select-options .currency-select.nice-select .current::before {
    content: url(../../assets/images/icons/down-arrow.svg);
    position: absolute;
    right: 0px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.mobile-select-options .currency-select.nice-select.open .current::before {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    margin-top: 3px; }
.mobile-select-options .currency-select.nice-select.open .list {
    border-radius: 0;
    background: var(--white-color);
    -webkit-box-shadow: 0px 0px 30px rgba(22, 32, 82, 0.22);
    box-shadow: 0px 0px 30px rgba(22, 32, 82, 0.22); }
.mobile-select-options .currency-select.nice-select.open .list li {
    color: var(--dark-color);
    border-bottom: 1px solid var(--light-color); }
.mobile-select-options .currency-select.nice-select.open .list li:last-child {
    border-bottom: none; }
.mobile-select-options .currency-select option {
    color: var(--dark-color); }

.el3-sidebar-category-list {
    border: 1px solid var(--border-gray);
    position: absolute;
    top: 100%;
    left: 0;
    width: 330px;
    background-color: var(--white-color);
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
    z-index: 100; }
@media (max-width: 1399.98px) {
    .el3-sidebar-category-list {
        width: 280px; } }
.el3-sidebar-category-list li {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.el3-sidebar-category-list li.parent-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 30px; }
.el3-sidebar-category-list li.parent-list:hover {
    background: var(--yellow-color); }
.el3-sidebar-category-list li.parent-list:hover a.parent-link {
    background: var(--yellow-color); }
.el3-sidebar-category-list li.has-megamenu a.parent-link {
    position: relative; }
.el3-sidebar-category-list li.has-megamenu a.parent-link::after {
    content: url(../../assets/images/icons/right-arrow-dark.svg);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.el3-sidebar-category-list li:last-child a.parent-link {
    border-bottom: none; }
.el3-sidebar-category-list li a.parent-link {
    padding: 20px 0px;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid var(--border-gray);
    background: var(--white-color);
    width: 100%;
    color: var(--dark-color);
    position: relative; }
@media (max-width: 1199.98px) {
    .el3-sidebar-category-list li a {
        font-size: 14px; } }
.el3-sidebar-category-list li .parent-list-icon {
    margin-right: 20px; }
@media (max-width: 1399.98px) {
    .el3-sidebar-category-list li .parent-list-icon {
        margin-right: 5px; } }
@media (max-width: 1199.98px) {
    .el3-sidebar-category-list li .parent-list-icon {
        font-size: 10px; } }
.el3-sidebar-category-list li .megamenu.cat-megamenu {
    top: -16.5%;
    left: 109%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 100;
    opacity: 0;
    visibility: hidden; }
@media (max-width: 1399.98px) {
    .el3-sidebar-category-list li .megamenu.cat-megamenu {
        top: 0; } }
@media (max-width: 1199.98px) {
    .el3-sidebar-category-list li .megamenu.cat-megamenu {
        width: 700px;
        left: 105%; } }
.el3-sidebar-category-list li:hover a.parent-link::after {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg); }
.el3-sidebar-category-list li:hover .megamenu.cat-megamenu {
    opacity: 1;
    visibility: visible; }
.el3-sidebar-category-list.el3-cate-dropdown-target-el {
    display: none; }
.el3-sidebar-category-list.el3-sidebar-widget-category {
    -webkit-box-shadow: initial;
    box-shadow: initial;
    position: static;
    z-index: 99;
    width: 100%; }
.el3-sidebar-category-list.el3-sidebar-widget-category li .megamenu.cat-megamenu {
    top: 0; }
.st2-footer-icons li{
    list-style: none;
}
.st1-product-ul-item ul , .st1-our-product-contain-box ul{
    margin: 0;
}
.st2-news-box h4 {
    color: #fff;
}
.st2-news-box a{
    text-decoration: none;
}
.st2-footer-contain .row{
    align-items:center
}
 .st2-about-img-area-img-there img{
        border-radius:12px;
        border:5px solid #fff;
    }
/*Responsive CSS*/
@media (max-width:1100px){
    .st1-navbar-ul {
        list-style: none;
        padding: 0;
        display: flex;
        gap: 34px;
        margin: 0;
        justify-content: center;
    }
}
@media (max-width:1197px){

    .st2-nav-bar-container{
        max-width: 961px !important;
    }
    .st2-banner-part-3 {
        top: 17%;
        left: 52%;
    }

    .st2-contain-post-text {
        flex-wrap: wrap;
    }

    .st2-contain-post {
        height: auto;
        background: #1B1D6D;
        position: relative;
        padding: 40px 60px !important;
        z-index: 1;
        bottom: -153px;
    }

    .st2-Instruct-row{
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .st2-Instruct-row .col-12{
        width: 100%;
        margin-bottom: 50px;
    }

    .st2-trial-row{
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    .st2-trial-row .col-12{
        width: 100%;
        margin-bottom: 50px;
    }

    .st2-trial-img {
        position: relative;
        bottom: 0;
    }

    .st2-995-row{
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .st2-995-row .col-12{
        width: 100%;
        margin-bottom: 50px;
    }

    .st2-footer-contain p {
        width: 100%;
    }
    .st1-container-navbar{
        max-width: 100% !important;
    }
    .st1-footer-trial-link-box a {
        padding: 17px 40px;
    }
    .st1-growing-img img{
        width: 100%;
    }
    .st1-about-row-box .col-12{
        width: 100%;
    }

    .st1-product-ul-item {
        gap: 0px;
        padding-left: 18px;
    }

    .st2-nav-bar-container{
        max-width: 100% !important;
    }
}
@media (max-width:992px){

    .st1-navbar-login {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }
    .st1-navbar-login .st1-navbar-login-1 {
        margin-right: 0;
        color: var(--main-color);
        border-color: var(--main-color);
    }

    .st1-banner-contain {
        text-align: center;
    }

    .st1-banner-contain h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .st1-banner-contain p {
        font-size: 45px;
    }
    .st1-banner-contain-img{
        margin-bottom: 20px;
    }
    .st1-banner-contain-img img{
        width: 100%;
        height: 100%;
    }
    .st1-about-contain h2 {
        width: 100%;
    }
    .st1-about-contain h2 span {
        font-size: 46px;
        width: 100%;
    }
    .st1-about-contain p {
        width: 100%;
    }
    .st1-about-contain-box {
        margin-top: 80px;
    }
    .st1-about-contain-box-text {
        width: 100%;
        margin-bottom: 35px;
    }
    .st1-about-contain-box-text h4 {
        text-align: center;
        margin-bottom: 17px;
    }
    .st1-about-contain-box-text p {
        text-align: center;
    }
    .st1-about-area-img-text h2 {
        font-size: 30px;
        margin-top: 37px;
        margin-bottom: 30px;
    }
    .st1-about-area-img-text p {
        width: 100%;
    }
    .st1-about-img-area{
        padding: 0 !important;
    }
    .st1-package-contain {
        padding: 30px 0 41px;
    }
    .st1-package-contain p {
        width: 100%;
    }

    .st1-package-ul {
        width: 100%;
    }
    .st1-package-button-Annual {
        font-size: 15px !important;
        padding: 15px 5px 15px 5px !important;
    }
    .nav-pills .st1-package-button-Annual.active, .nav-pills .show > .nav-link {
        padding: 15px 20px 15px 11px !important;
    }
    .nav-pills .st1-package-button-monthly.active, .nav-pills .show > .nav-link {
        padding: 15px 63px !important;
    }
    .st1-package-button-monthly {
        font-size: 15px !important;
        padding: 15px 63px !important;
    }
    .st1-package-button-monthly {
        font-size: 15px !important;
    }
    .st1-package-list {
        flex-wrap: wrap;
    }
    .st1-our-product {
        padding: 80px 0;
    }
    .st1-package-box {
        Width: 100%;
    }
    .st1-our-product-contain {
        flex-wrap: wrap;
    }
    .st1-our-product-contain-text h4 {
        width: 100%;
    }
    .st1-our-product-contain-text h2 {
        margin-bottom: 30px;
    }
    .st1-our-product-contain-text p {
        width: 100%;
        margin-bottom: 30px;
    }
    .st1-our-product-contain-box-link {
        width: 100%;
        padding: 0 !important;
        margin-top: 30px;
    }
    .st1-our-product-contain-box-link-right {
        width: 100%;
        float: right;
    }
    .st1-product-item {
        border-radius: 12px 12px 12px 12px;
        width: 100%;
        height: auto;
        margin-top: 0;
    }
    .st1-product-item p {
        padding: 24px 0 32px 18px;
    }
    .st1-product-ul-item {
        gap: 0px;
        padding-left: 30px;
    }
    .st1-product-ul-item ul{
        margin-bottom: 0 !important;
    }
    .st1-our-product-contain-box {
        width: 100%;
        height: 840px;
    }
    .st1-footer-contain p {
        width: 100%;
    }
    .st1-footer-contain-box-row{
        margin-bottom: 80px;
    }
    .st1-footer-contain-box{
        margin-bottom: 30px;
    }
    .st1-footer-contain-box-img img{
        width: 100%;
    }
    .st1-footer-trial-link-box {
        margin-top: 35px;
        text-align: center;
    }
    .st1-footer-logo-box-img {
        width: 44%;
    }
    .st1-footer-logo-box ul li{
        margin-bottom: 12px;
    }
    .st1-footer-logo-box ul {
        flex-wrap: wrap;
    }
    .st1-footer-apps-box {
        display: block;
        margin: auto auto 160px;
        width: 70%;
    }
    .st1-footer-apps-box a {
        margin-bottom: 40px;
    }
    .st1-our-product-contain-text {
        width: 100%;
        height: auto;
    }
    .st1-info-contain p {

        width: 100%;
    }
    .st1-info-contain-svg {
        width: 25%;
    }
    .st1-footer-contain-box p span {
        bottom: 89px;
    }
    .st2-nav-bar-contain h2 {
        font-size: 42px;
        line-height: 76px;
        margin-top: 48px;
    }
    .st2-nav-bar-contain p {
        font-size: 27px;
        line-height: 41px;
        width: 100%;
        height: 79px;
        margin: 65px 0 0px auto;
    }
    .st2-contain-post {
        height: auto;
        background: #1B1D6D;
        position: relative;
        padding: 0 !important;
        z-index: 1;
        bottom: -245px;
    }
    .st2-contain-post-banner-img {
        display: none;
    }
    .st2-contain-post h4 {
        font-size: 42px;
        font-weight: 500;
        line-height: 67px;
    }

    .st2-contain-post-text {
        flex-wrap: wrap;
    }

    .st2-Instruct-contain h4 {
        margin-bottom: 30px;
    }
    .st2-Instruct-contain p {
        font-size: 17px;
        line-height: 26px;
        width: 100%;
    }
    .st2-Instruct-box p {
        width: 100%;
    }
    .st2-Instruct-box{
        margin-bottom: 50px;
    }
    .st2-trial-contain h4 {
        font-size: 40px;
        line-height: 59px;
        width: 100%;
    }
    .st2-trial-img{
        position: relative;
        bottom: 0;
    }

    .st2-trial-img-1 img {
        width: 100%;
    }


    .st2-trial-img-2 img {
        position: relative;
        top: 20px;
        right: 0;
        width: 100%;
    }

  

    .st2-awards-contain h4 {
        font-size: 54px;
        line-height: 64px;
    }

    .st2-awards-contain p {
        font-size: 22px;
        line-height: 34.8px;
        width: 100%;
        margin-bottom: 45px;
    }

    .st2-awards-info-last-edit {
        margin-top: 0px;
    }

   
    .st2-about-img-area-img-one img {
        right: 0px;
    }
    .st2-about-img-area-img-there img{
        width: 100%;
        height: 100%;
        margin-top: 20px;
     
    }
    .st2-about-contain h4 {
        font-size: 35px;
        line-height: 53px;
        margin-top: 30px;
    }

    .st2-about-contain p {
        width: 100%;
        font-size: 25px;
        line-height: 37.8px;
        margin-bottom: 50px;
    }
    .st2-boost-contain-img a {
        position: absolute;
        left: 50%;
        top: 50%;
    }

    .st2-boost-contain-box h4 {
        width: 100%;
        font-size: 47px;
        line-height: 72.8px;
    }

    .st2-boost-contain-box .st2-boost-link {
        width: 100%;
        text-align: center;
    }

    .st2-customers-contain h2 {
        font-size: 68px;
        margin-bottom: 55px;
    }
    .st2-customers-contain p {
        font-size: 24px;
        line-height: 33.8px;
        width: 100%;
        margin-bottom: 30px;
    }

    .st2-customers-info ul li {
        width: 100%;
        height: 360px;
    }
    .st2-customers-info-Details {
        width: 100%;
    }

    .st2-customers-info ul li {
        position: relative;
    }

    .st2-customers-info-star {
        margin:  0;
        position: absolute;
        bottom: 71px;
        left: 55%;
    }
    .st2-news-contain p {
        font-size: 17px;
        line-height: 31.8px;
        width: 100%;
    }
    .st2-news-area {
        padding: 0 0 60px 0;
    }

    .st2-news-box {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }



    .st2-news-box-banner {
        rotate: 81deg;
    }

    .st2-news-box:hover {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }

    .footer-home-2 {
        padding: 60px 0 0;
    }

    

    .st2-footer-contain p {
        text-align: left;
        font-size: 24px;
        line-height: 36.8px;
        width: 100%;
    }
    .st2-footer-banner-1 {
        display: none;
    }

    .st2-footer-banner-2 {
        display: none;
    }
    .st2-footer-img {
        text-align: center;
        margin-bottom: 30px;
    }

    .st2-awards-info {
        width: 100%;
    }
    .st1-nav-about-contain h4 {
        padding-top: 60px;
    }
    .st1-nav-about-contain p {
        padding-bottom: 60px;
    }
    .slider-info-contian p {
        width: 100%;
        left: 0;
    }
    .slider-info-contian p::after {
        left: 20px;
        top: -20px;
    }

    .st1-growing-img img{
        width: 100%;
        height: 100%;
    }
    .st1-about-news-contain p {
        width: 100%;
    }
    .st1-items-logo-contain p {
        width: 100%;
    }
    .st1-team-member-contain p {
        width: 100%;
    }
    .st1-footer-icons{
        flex-wrap: wrap;
    }

}
/* Preloader */
.container-preloader {
  align-items: center;
  cursor: none;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
  
}
.container-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}
.container-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  height: 3em;
  width: 3em;
  border: 6px solid #fff;
  border-top-color: var(--main-color);
  margin: 0 auto 3.5em auto;
}
.text_invert > div {
background-image: linear-gradient(to right, var(--main-color) 50%, rgba(255, 255, 255, 0.2) 50%);
  background-size: 200% 100%;
  background-position-x: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

@media only screen and (max-width: 767px) {
  .container-preloader .animation-preloader .spinner {
    margin: 0 auto 0.2em auto;
  }
}
.container-preloader .animation-preloader .txt-loading {
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.container-preloader .animation-preloader .txt-loading .characters {
  color: #fff;
  position: relative;
  display: inline-block;
}
.light .container-preloader .animation-preloader .txt-loading .characters {
  color: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
  .container-preloader .animation-preloader .txt-loading .characters {
    font-size: 50px;
  }
}
.container-preloader .animation-preloader .txt-loading .characters:before {
  color: #E8BF96;
  content: attr(data-text);
  animation: characters 4s infinite;
  left: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  transform: rotateY(-90deg);
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
  animation-delay: 0.2s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
  animation-delay: 0.4s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
  animation-delay: 0.6s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
  animation-delay: 0.8s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
  animation-delay: 1s;
}
.container-preloader .loader-section {
  background-color: var(--black-2);
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}
.container-preloader .loader-section {
  background-color:#000E33;
}
.container-preloader .loader-section.section-left {
  left: 0;
}
.container-preloader .loader-section.section-right {
  right: 0;
}

.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}
.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}
.st1-footer-contain-box{
    overflow:hidden;
}
.santoi_distort_images {
	display: flex;
	width: 100%;
	height: 100%;
	position: relative;
    min-height:410px;
    border-radius:20px;
}
.santoi_distort_images_ab_block{
    display: flex;
	width: 100%;
	height: 100%;
	position: relative;
    min-height:500px;
    border-radius:20px;
}

.santoi_distort_images img,
.santoi_distort_images_center img,
.santoi_distort_images_ab_block img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.santoi_distort_images_center{
    	display: flex;
	width: 100%;
	height: 100%;
	position: relative;
    min-height:190px;
    border-radius:20px;
}
.santoi_distort_images_center:nth-child(2),
.santoi_distort_images_center:nth-child(3),
.st1-banner-contain-img-mob img:nth-child(2),
.st1-banner-contain-img-mob img:nth-child(3){
    width:46%;
}
.elementor-editor-active .dis-front-image{
    display:block;
}
.tilt {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	min-height:350px;
	border-radius:8px;
}

.tilt__back,
.tilt__front {
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
		border-radius:8px;
}

.tilt__back {
	position: relative;
}

.tilt__front {
	position: absolute;
	top: 0;
	left: 0;
}
@media (max-width:767px){
    .st2-footer-p p,
    .st2-footer-contain-a,
    .st2-footer-contain h4,
    .st2-footer-contain p{
        text-align:center;
    }
    .st2-footer-icons{
        justify-content:center;
    }
    .dis-front-image{
        display:block;
    }
}
.portfolio-style-one,
.st1-portfolio-contain-box{
    position:relative;
}
.portfolio-style-one{
    margin-bottom:24px;
}
.portfolio-style-one .portfolio-style-one-meta{
  position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
       background: linear-gradient(rgba(0,0,0,0), rgba(0,14,51,0.7));
    padding: 15px;
   
        transform: translateY(40px);
    transition: all 0.7s ease;
    transition-delay: 0ms;
    transition-duration: 0.5s;
    opacity:0;
    border-radius:4px;
}
.portfolio-style-one:hover .portfolio-style-one-meta{
      transform: translateY(-20px);
    transition: all 0.7s ease;
    transition-delay: 0ms;
    transition-duration: 0.5s;
     opacity:1;
     left:20px;
}
.st1-portfolio-contain-box-img{
    padding-left:0;
    border-radius:8px;
    
}
.st1-portfolio-contain-box-img a,
.st1-portfolio-contain-box-img img{
     border-radius:8px;
}
.st1-portfolio-contain-box-img a{
    position:relative;
    overflow:hidden;
}
.portfolio-style-one .portfolio-style-one-meta h4 {
    margin-bottom:0;
}
.portfolio-style-one .portfolio-style-one-meta h4 a{
    font-size:24px;
    color:#fff;
    font-weight:600;
}
.portfolio-style-one .portfolio-style-one-meta p{
    font-size:14px;
    margin:0;
}

/* #Progress
================================================== */

.progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgb(43 47 62 / 31%);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
      animation: alltuchtopdown 5s infinite;
    -webkit-animation: alltuchtopdown 5s infinite;
    animation-delay: 0s;
    -webkit-animation-delay: 3s;
    background:#E8F9FD;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: 'icomoon';
	content: '\ef90';
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	color: var(--main-color);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family: 'icomoon';
	content: '\ef90';
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	opacity: 0;
	background: black; /* --- Pijl hover kleur --- */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    	color: var(--main-color);
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: #E8F9FD; 
}
.progress-wrap svg.progress-circle path {
	stroke: var(--main-color); /* --- Lijn progres kleur --- */
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
@keyframes black-hole {
	 0% {
		 transform: scale(1) translate3d(75px, 0, 0);
	}
	 50% {
		 transform: scale(4) translate3d(55px, 0, 0);
	}
	 100% {
		 transform: scale(1) translate3d(75px, 0, 0);
	}
}
 @keyframes black-hole-rotate {
	 0% {
		 transform: translate(-50%, -50%) rotate(0deg) skew(3deg);
	}
	 50% {
		 transform: translate(-50%, -50%) rotate(180deg) skew(0deg);
	}
	 100% {
		 transform: translate(-50%, -50%) rotate(360deg) skew(3deg);
	}
}
 .black-hole {
	 backface-visibility: hidden;
	 z-index: 20;
	 position: relative;
	 overflow: hidden;
	 border-radius: 50%;
	 width: 250px;
	 height: 250px;
	 padding: 0;
	 box-shadow: 0 0 30px 0 var(--main-color) inset;
}
 .black-hole .gooey-container {
	 overflow: hidden;
	 border-radius: 50%;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%) rotate(0deg) skew(5deg);
	 filter: url(#gooey-black-hole);
	 width: 300px;
	 height: 300px;
	 padding: 0;
	 margin: 0;
	 box-shadow: 0 0 0 22px #4682ff inset;
	 animation: black-hole-rotate 5s ease infinite;
}
 .black-hole .gooey-container .bubble {
	 display: block;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 width: 100%;
	 text-align: right;
}
 .black-hole .gooey-container .bubble:before {
	 content: "";
	 display: inline-block;
	 background: var(--main-color);
	 width: 100px;
	 height: 100px;
	 border-radius: 50%;
	 transform: scale(1) translate3d(75px, 0, 0);
	 box-shadow: 0 0 10px 0 #4682ff inset, 0 0 10px 0 #4682ff inset;
}
 .black-hole .gooey-container .bubble:nth-child(1) {
	 transform: translate(-50%, -50%) rotate(60deg);
}
 .black-hole .gooey-container .bubble:nth-child(1):before {
	 animation: black-hole 1s ease 0.5s infinite;
}
 .black-hole .gooey-container .bubble:nth-child(2) {
	 transform: translate(-50%, -50%) rotate(120deg);
}
 .black-hole .gooey-container .bubble:nth-child(2):before {
	 animation: black-hole 2s ease 1s infinite;
}
 .black-hole .gooey-container .bubble:nth-child(3) {
	 transform: translate(-50%, -50%) rotate(180deg);
}
 .black-hole .gooey-container .bubble:nth-child(3):before {
	 animation: black-hole 3s ease 1.5s infinite;
}
 .black-hole .gooey-container .bubble:nth-child(4) {
	 transform: translate(-50%, -50%) rotate(240deg);
}
 .black-hole .gooey-container .bubble:nth-child(4):before {
	 animation: black-hole 4s ease 2s infinite;
}
 .black-hole .gooey-container .bubble:nth-child(5) {
	 transform: translate(-50%, -50%) rotate(300deg);
}
 .black-hole .gooey-container .bubble:nth-child(5):before {
	 animation: black-hole 5s ease 2.5s infinite;
}
 .black-hole .gooey-container .bubble:nth-child(6) {
	 transform: translate(-50%, -50%) rotate(360deg);
}
 .black-hole .gooey-container .bubble:nth-child(6):before {
	 animation: black-hole 6s ease 3s infinite;
}
 
/*----------------------------------------*/
/*  PRICING TABLE
/*----------------------------------------*/
#elite-pricing-container{
	margin-top:50px;
	position:relative;
	display: flex;
	align-items:flex-start;
	justify-content: center;
	flex-wrap:wrap;
	box-sizing:border-box;
}

#elite-pricing-sales-text{
	
	padding-right:80px;
	text-align:right;
	font-size:24px;
	color: #555555;
	line-height: 1.5;
	font-weight: 700;
	max-width:450px;
	padding-top:90px;
}

#elite-pricing-card.price-card{
	max-width:330px;
	color:white;
	position: relative;
	margin: 0 6px;
	padding: 30px 40px 10px 40px;
	background: url('https://images.unsplash.com/photo-1464639351491-a172c2aa2911?ixlib=rb-0.3.5&s=427721bc23b5d868669d8f0ba09c8710&auto=format&fit=crop&w=1200&q=80') left top no-repeat black;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}


#elite-pricing-card.price-card .price-card--header{
	padding:0;
	background-color:transparent;
}

#elite-pricing-card.price-card .price-card--header h4{
	font-size: 36px;
	font-weight: 600;
	padding-bottom:16px;
	margin-bottom:16px;
	border-bottom: 1px solid #f0c328;
	
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(top left, #efd100 0, #e2a233 38%, #f0c328 60%, #fff1a3 86%, #ffe13e 100%);
  background-size: 1em 1em;
  color: #fff1a3;
}

#elite-pricing-card.price-card #elite-pricing-card--desc{
	padding-bottom:25px;
}

#elite-pricing-card.price-card .price-card--features{
	border-top: 1px solid #f0c328;
}

#elite-pricing-card.price-card ul.price-card--features--list{
	padding:0 11px;
}

#elite-pricing-card.price-card .price-card--features--item{
	padding-bottom:16px;
}

#elite-pricing-card.price-card .price-card--features--item:before{
color:#f0c328 !important;
	left:-12px !important;
}


#elite-pricing-card.price-card .price-card--cta--button.btn{
  background-color: #f0c328;
	color:black;
	margin:0 auto;
}
#elite-pricing-card.price-card .price-card--cta--button.btn:hover{
	background-color:white;
}

#elite-pricing-card--desc{
	font-size:16px;
	line-height:1.5;
	max-width:400px;
}


@media (max-width: 980px) {
	#pricing-cards{
/* 		display:none !important; */
	}
	

}











/* - - - - - - - - - Tooltips - - - */

.has-tooltip:not(.tooltip-disabled) {
	cursor: help;
	position:relative;
}

.has-tooltip:not(.tooltip-disabled):hover
	.tooltip-container {
	display: block;
}

.has-tooltip .tooltip-container {
	display: none;
	position: absolute;
	background-color: white;
	z-index: 20;
	bottom: calc(100% + 13px);
	left: -10px;
	right: -10px;
	padding: 16px 20px;
	border-radius: 8px;
	box-shadow: 0 6px 55px -10px #777;
}
.has-tooltip .tooltip-container:after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid white;
	font-size: 0;
	line-height: 0;
	content: "";
	position: absolute;
	bottom: -10px;
}

.has-tooltip .tooltip-container h6 {
	font-weight: 600;
	font-size: 16px;
	margin: 0px;
}

.has-tooltip .tooltip-container p {
	color: #555;
	margin-top:4px;
}
/* - - - - - - - End Tooltips - - - */





#pricing-container * {
	box-sizing:border-box;
}

#pricing-container {
	-webkit-font-smoothing: antialiased;
	max-width: 100%;
	margin: 0 auto 50px;
	justify-content: center;
	line-height: 1;
	color: #000;
	 font-family: var(--santoi-body-font);
}



/* Cards */

#pricing-cards {
	display: flex;
	font-size: 14px;
	gap:24px;
}

#pricing-container .price-card {
	background-color: #001f41;
	display: block;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	transition: all 0.25s;
	position: relative;
	margin: 0 6px;
	flex-grow: 1;
	flex-shrink:1;
	border-radius:8px;
}

#pricing-container .price-card:hover {
	transform: translateY(-5px);
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}


/* - - - - - - - - - Header Section - - - */

#pricing-container .price-card--header {
	margin: 0;
	padding: 20px 0;
	text-align: center;
}

#pricing-container .price-card--header h4 {
	margin: 0;
	padding: 0;
	font-size: 28px;
	color: #fff;
	font-weight: 700;
}


/* - - - - - - - - - Price Section - - - */

#pricing-container .price-card--price {
	text-align: center;
	padding: 28px 0 6px 0;
}

#pricing-container .price-card--price-text {
	font-size: 52px;
	color:#fff;
}

#pricing-container .price-card--price-number {
	font-weight: 700;
	opacity: 1;
}

.odometer div {
	display: inline-block;
}
.price-card--price-text{
    position:relative;
}
.sp-currency-m{
     
}
.sp-currency-m,
.sp-timeframe-m{
   font-size:20px;
}

#pricing-container .price-card--price-conditions {
padding: 14px 0;
    color: #fff;
    line-height: 1.5;
    font-size: 16px;
    opacity: .7;
}

#pricing-container .price-card--onboarding-fee {
	color: green;
}

#pricing-container .price-card--onboarding-fee.has-fee {
	color: #888;
}


/* - - - - - - - - - CTA Button Section - - - */

#pricing-container .price-card--cta {
	padding: 30px;
	text-align: center;
	position:relative;
	overflow:hidden;
}

#pricing-container .price-card--cta--button.btn{
	min-width:20px;
	display:block;
	margin:0 auto;
}



#pricing-container .price-card--cta--button.btn.price-card--cta--button-monthly{
    display:none;
}

/* - - - - - - - - - Features Section - - - */

#pricing-container .price-card--features {
	border-top: 1px solid rgb(103 123 175 / 12%);
	padding: 16px 0 20px;
}

#pricing-container ul.price-card--features--list {
	padding: 0 32px;
	list-style: none;
	margin: 0;
}
#pricing-container ul.price-card--features--list  li{
    list-style: none;
    font-size:18px;
}
#pricing-container ul.price-card--features--list li i{
    padding-right:8px;
}
#pricing-container li.price-card--features--item {
	margin: 15px 0;
	padding-left: 8px;
	line-height: 1.5;
	position: relative;
}


#pricing-container li.price-card--features--item.features-highlight {
	/* 	font-weight: 600; */
}

#pricing-container li.price-card--features--item.features-disabled {
	opacity: 0.4;
	/* 	text-decoration: line-through; */
}




/* - - - - - - - - - Mobile Features Toggle - - - */

#pricing-container .price-card--mobile-features-toggle {
	text-align: center;
	border-top: 1px solid #ddd;
	margin: 24px 0 0;
	padding: 16px 0;
	cursor: pointer;
	display: none;
	color: green;
}

#pricing-container .price-card--mobile-features-toggle:after {
	content: "Show All Features ▾";
}
#pricing-container .price-card--mobile-features-toggle.hideall:after {
	content: "Hide Features ▴";
}

/* - - - - - - - - - Hero Card Styles - - - */

#pricing-container .price-card--hero {
	margin: -38px 6px 0;
	/* 	width:31%; */
	z-index: 10;
}

#pricing-container .price-card--hero-text {
	background-color:var(--main-color);
	height: 38px;
	color: var(--main-text-color);
	line-height: 38px;
	text-align: center;
	font-weight: 600;
}

/* - - - - - - - - - Only Yearly Basic Styles - - - */

#pricing-container .only-yearly {
	position: relative;
}

#pricing-container .only-yearly .price-card--price-number {
	transition: opacity 0.2s;
}

#pricing-container .only-yearly .only-yearly--text {
	position: absolute;
	top: -0.2em;
	left: 0;
	right: 0;
	display: none;
}
#pricing-container .only-yearly .only-yearly--text span {
	font-size: 14px;
}

#pricing-container .only-yearly.if-monthly .price-card--price-number {
	opacity: 0;
}

#pricing-container .only-yearly.if-monthly .only-yearly--text {
	display: block;
}

/* - - - - - - - - - Switch Section - - - */

#pricing-switch {
	margin: 80px auto 100px;
	text-align: center;
	line-height: 1.4;
	position: relative;
	max-width: 1080px;
	    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
}

#pricing-switch .switch-label {
	display: inline-block;
	width: 200px;
	text-align: center;
	opacity: 0.4;
	font-size: 20px;
	cursor: pointer;
	padding: 0 20px;
}

#pricing-switch .switch-label .save-money {
	color: var(--main-color);
	font-style: italic;
	padding-left: 8px;
	font-size:16px;
}
#pricing-switch .save-money--mobile {
	color: var(--main-color);
	font-style: italic;
	padding-top: 22px;
	display: none;
}

#pricing-switch .switch-label.active {
	font-size: 20px;
	opacity: 1;
}
#pricing-switch .switch-label-monthly {
	text-align: right;
}
#pricing-switch .switch-label-yearly {
	text-align: left;
}

#pricing-switch .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	vertical-align: -50%;
	margin: 0;
}

#pricing-switch .switch input {
	display: none;
}

#pricing-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:var(--main-color);
	border-radius: 34px;
	-webkit-transition: 0.1s;
	transition: 0.1s;
}

#pricing-switch .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: var(--main-text-color);
	border-radius: 50%;
	-webkit-transition: 0.1s;
	transition: 0.1s;
}
#pricing-switch label:after,
#pricing-switch label:before{
    display:none;
}

/* #pricing-switch input:checked + .slider {
	background-color: green;
} */

#pricing-switch input:focus + .slider {
	box-shadow: 0 0 1px #2196f3;
}

#pricing-switch input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}






/* - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - Media Queries - - - */
/* - - - - - - - - - - - - - - - - - - - */

@media (max-width: 1280px) {
	/* Tweak the card price font size */
	#pricing-container .price-card--price-text {
		font-size: 32px;
	}
	#pricing-container .price-card--price-number:before {
		top: -10px;
		font-size: 18px;
	}
}

@media (min-width: 981px) {
	/* 	always show features when not in mobile view */
	#pricing-container .price-card--features {
		display: block !important;
	}
}

@media (max-width: 980px) {
    .st1-button-hover-anim-st{
        padding:12px;
        font-size:16px;
    }
    #pricing-container ul.price-card--features--list li{
        font-size:15px;
    }
	#pricing-cards {
		display: block;
		padding: 0 24px;
	}
	#pricing-container .price-card {
		max-width: 360px;
		margin: 0 auto 48px;
	}
	#pricing-container .price-card:hover {
		transform: none;
	}
	#pricing-container .price-card-full-width {
		display: block;
	}
	#pricing-container .price-card-full-width .price-card--features--list {
		columns: 1;
	}
	#pricing-container .price-card--price {
		padding: 28px 0 0;
	}
	#pricing-container .price-card--features {
		display: none;
		margin: 26px 0 0 0;
		padding-bottom:0;
	}
	#pricing-container ul.price-card--features--list {
		max-width: 250px;
		margin: 0 auto;
	}
	#pricing-container li.price-card--features--item.features-disabled {
		display: none;
	}
	#pricing-container .price-card--mobile-features-toggle {
		display: block;
	}

	/* Pricing Switch */
	#pricing-switch {
		margin: 26px 0 52px;
	}
	#pricing-switch .switch-label {
		display: inline-block;
		width: auto;
		font-size:15px;
	}
	#pricing-switch .switch-label.active{
		font-size:16px;
	}
	#pricing-switch{
	    flex-wrap:wrap;
	}
	#pricing-switch .switch-label .save-money {
		display: none;
	}
	#pricing-switch .save-money--mobile {
		display: block;
	}
	
	/* Elite Pricing */
	#elite-pricing-container{
		display:block;
		padding: 0 24px
	}
	#elite-pricing-sales-text{
		padding-right: 0;
		padding-bottom: 32px;
		padding-top:0;
		width:auto;
		max-width:360px;
		margin: 0 auto;
		text-align: left;
		font-size:18px;
		line-height:1.5;
	}
	#elite-pricing-card.price-card .price-card--mobile-features-toggle{
		border-top:none;
		color: #f0c328;
		display:none;
	}
	#elite-pricing-card.price-card .price-card--features{
		display:block;
	}
}


@media (max-width: 480px) {
	#pricing-container .price-card {
		max-width: 360px;
		margin: 0 auto 36px;
	}

	#pricing-switch {
		margin: 26px 0 36px;
	}

	#elite-pricing-card.price-card{
	padding: 30px 20px 10px 20px;
	}
}



.santoi--textslider-area .swiper-container {
	 width: 100%;
	 height: 100%;
	 position: relative;
}

.santoi--textslider-area .swiper-container.swiper--bottom:after {
	 animation-direction: reverse;
}
.santoi--textslider-area .swiper-wrapper {
	 -webkit-transition-timing-function: linear !important;
	 transition-timing-function: linear !important;
	 position: relative;
}
.santoi--textslider-area .swiper-slide {
	 text-align: center;
	 font-size: 33px;
	 font-weight:600;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: auto;
	 position: relative;
	 overflow: hidden;
	 padding: 0 20px;
	 line-height:1.4;
	 color:#fff;
	 display: flex;
    gap: 20px;
    align-items: center;
}
 @keyframes line-slide {
	 0% {
		 background-position: -5% 0;
	}
	 100% {
		 background-position: 100% 0;
	}
}
 




/* ****************** */
/* Odometer Theme CSS */
/* ****************** */
/* https://raw.githubusercontent.com/HubSpot/odometer/master/themes/odometer-theme-default.css */

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
	text-align: left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
	display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
	display: block;
	-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
	display: block;
	-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme
	.odometer-digit
	.odometer-value.odometer-last-value,
.odometer.odometer-theme-default
	.odometer-digit
	.odometer-value.odometer-last-value {
	position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating
	.odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating
	.odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down
	.odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
	.odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating
	.odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
	line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
	text-align: center;
}

/* ************************** */
/* UPDATES TO CHANGE DURATION */
/* ************************** */

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
	.odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating
	.odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	-ms-transition: -ms-transform 0.4s;
	-o-transition: -o-transform 0.4s;
	transition: transform 0.4s;
	will-change: auto;
}



.santoi-temp-footer{
    text-align:center;
    padding:10px 0;
}
.santoi-temp-footer p{
    font-size:16px;
    margin:0;
}
.breadcrumb-section{
    position:relative;
}
.breadcrumb-section:before{
   content: "";
    background: rgb(3 3 45 / 81%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index:1;
}
.breadcrumb-section .container{
    position:relative;
    z-index:10;
}
.santoi-cf7-main-box{
    padding-top:30px;
}
.el-mobile-menu-wrapper .st1-navbar-login{
    padding:10px 15px 0 15px;
}
.el-mobile-menu-wrapper .st1-navbar-login a{
    width:100%;
    text-align:center;
}
/******************************************************************************************
        Accordion Menu CSS
******************************************************************************************/
#mayosis-sidemenu,
#mayosis-sidemenu ul,
#mayosis-sidemenu ul li,
#mayosis-sidemenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

#mayosis-sidemenu {
    width: 100%;
    color: #fff;
    margin: 30px 0
}

#mayosis-sidemenu ul ul {
    display: none
}

.align-right {
    float: right
}

#mayosis-sidemenu>ul>li>a {
padding: 15px 20px;
    cursor: pointer;
    z-index: 2;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid rgb(255 255 255 / 8%);
}

#mayosis-sidemenu>ul>li.active>a,
#mayosis-sidemenu>ul>li.open>a,
#mayosis-sidemenu>ul>li>a:hover {
    color: var(--main-color);
    background: transparent
}

.holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0
}


#mayosis-sidemenu ul li.has-sub>a::after {
    display: block;
    position: absolute;
    content: "\ef7e";
    width: 5px;
    height: 5px;
    right: 30px;
    z-index: 10;
    top: 11.5px;
    font-family: icomoon
}

#mayosis-sidemenu>ul>li.active>a>span::after,
#mayosis-sidemenu>ul>li.open>a>span::after,
#mayosis-sidemenu>ul>li>a:hover>span::after {
    border-color: #eee
}


#mayosis-sidemenu ul ul li a {
    cursor: pointer;
    border-bottom: none;
    padding: 10px 20px;
    z-index: 1;
    text-decoration: none;
    font-size: 16px;
    background: 0 0 !important;
    box-shadow: none;
    line-height: 15px;
    font-weight: 600;
    color: #fff;
}

#mayosis-sidemenu ul ul li.active>a,
#mayosis-sidemenu ul ul li.open>a,
#mayosis-sidemenu ul ul li:hover>a {
    background: 0 0;
    color: #1B3C74
}

#mayosis-sidemenu ul ul li:first-child>a {
    box-shadow: none
}

#mayosis-sidemenu ul ul ul li a {
    padding-left: 30px
}

#mayosis-sidemenu>ul>li>ul>li.last>a,
#mayosis-sidemenu>ul>li>ul>li:last-child>a {
    border-bottom: 0
}

#mayosis-sidemenu>ul>li>ul>li.last.open>a,
#mayosis-sidemenu>ul>li>ul>li.open:last-child>a {
    border-bottom: 1px solid #32373e
}

#mayosis-sidemenu>ul>li>ul>li.open:last-child>ul>li:last-child>a {
    border-bottom: 0
}

#mayosis-sidemenu ul ul li.has-sub>a::after {
    display: block;
    position: absolute;
    content: "\ef7e";
    width: 5px;
    height: 5px;
    right: 20px;
    z-index: 10;
    top: 11.5px;
    font-family: icomoon
}

#mayosis-sidemenu ul ul li.active>a::after,
#mayosis-sidemenu ul ul li.open>a::after,
#mayosis-sidemenu ul ul li>a:hover::after {
    border-color: #fff
}
.medi-anim_one {
    animation: movedelement 5s linear infinite;
}

.medi-anim_two {
    animation: movedelement2 5s linear infinite;
}

.medi-anim_three {
    animation: movedelement3 5s linear infinite;
}

.medi-anim_four {
    animation: alltuchtopdown 3s infinite;
    -webkit-animation: alltuchtopdown 3s infinite;
    animation-delay: 0s;
    -webkit-animation-delay: 1s;
}

.medi-anim_five {
    animation: alltuchtopdown 5s infinite;
    -webkit-animation: alltuchtopdown 5s infinite;
    animation-delay: 0s;
    -webkit-animation-delay: 3s;
}


.medi-anim_six {
    animation: rotation 20s linear infinite;
}

.medi-anim_seven {
    -webkit-animation: up-down 1.5s infinite alternate;
    animation: up-down 1.5s infinite alternate;
}


.medi-anim_eight {
    -webkit-animation: left-right 1.5s infinite alternate;
    animation: left-right 1.5s infinite alternate;
}



@-webkit-keyframes left-right {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-10px);
    }
}

@keyframes left-right {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-10px);
    }
}

@-webkit-keyframes up-down {
    0% {
        transform: translatey(0);
    }

    100% {
        transform: translatey(-10px);
    }
}

@keyframes up-down {
    0% {
        transform: translatey(0);
    }

    100% {
        transform: translatey(-10px);
    }
}

@keyframes movedelement {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    25% {
        -webkit-transform: translate(10px, 10px);
        transform: translate(10px, 10px);
    }

    50% {
        -webkit-transform: translate(5px, 5px);
        transform: translate(5px, 5px);
    }

    75% {
        -webkit-transform: translate(10px, -5px);
        transform: translate(10px, -5px);
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes movedelement2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    25% {
        -webkit-transform: translate(-10px, -10px);
        transform: translate(-10px, -10px);
    }

    50% {
        -webkit-transform: translate(-5px, -5px);
        transform: translate(-5px, -5px);
    }

    75% {
        -webkit-transform: translate(-10px, 5px);
        transform: translate(-10px, 5px);
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes movedelement3 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    25% {
        -webkit-transform: translate(-8px, -8px);
        transform: translate(-8px, -8px);
    }

    50% {
        -webkit-transform: translate(-15px, -15px);
        transform: translate(-15px, -15px);
    }

    75% {
        -webkit-transform: translate(-8px, 8px);
        transform: translate(-8px, 8px);
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}


@keyframes alltuchtopdown {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }

    50% {
        -webkit-transform: rotateX(0deg) translateY(-20px);
        -moz-transform: rotateX(0deg) translateY(-20px);
        -ms-transform: rotateX(0deg) translateY(-20px);
        -o-transform: rotateX(0deg) translateY(-20px);
        transform: rotateX(0deg) translateY(-20px);
    }

    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

@-webkit-keyframes alltuchtopdown {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }

    50% {
        -webkit-transform: rotateX(0deg) translateY(-20px);
        -moz-transform: rotateX(0deg) translateY(-20px);
        -ms-transform: rotateX(0deg) translateY(-20px);
        -o-transform: rotateX(0deg) translateY(-20px);
        transform: rotateX(0deg) translateY(-20px);
    }

    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

/* Animation */
@-webkit-keyframes MedifadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

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

@keyframes MedifadeInUp {
    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);
    }
}


@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.medianimated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.medianimated2 {
    animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both
}

.medianimated3 {
    animation-duration: 3s;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: both
}

.medianimatedFadeInUp {
    opacity: 0
}

.medi-fadein-up-one {
    opacity: 0;
    animation-name: MedifadeInUp;
    -webkit-animation-name: MedifadeInUp;
}

.saas-fadein-up-one {
    animation-name: MedifadeInUp;
    -webkit-animation-name: MedifadeInUp;
}
/*----------------------------------------*/
/*  01. ANIMATION CSS START
/*----------------------------------------*/
.cf_parallax_image {
  overflow: hidden;
}

@keyframes wcBubble {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.5;
  }
  100% {
    scale: 1;
  }
}
@keyframes wcZoom {
  0% {
    scale: 1;
  }
  50% {
    scale: 0.5;
  }
  100% {
    scale: 1;
  }
}
@keyframes wcZoom_2 {
  0% {
    scale: 1;
  }
  50% {
    scale: 0.9;
  }
  100% {
    scale: 1;
  }
}
@keyframes wcSlideBottom {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes reveal {
  to {
    opacity: 1;
    filter: blur(0px);
  }
}
@keyframes wcfadeUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes characters {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes sheen {
  50% {
    transform: translateY(-20px);
    color: var(--primary);
  }
}
.footer-home-3 {
    background: #081649;
    padding: 222px 0 36px;
    margin-top: -140px;
}

.st3-footer-icons {
    height: 24px;
}
.st2__banner-img-wrap{
    display: inline;
}
.st2__banner-img-wrap img:not(:first-child) {
    margin-left: -45px;
}
.st2__banner-img-wrap img {
    transition: all 0.3s;
}
.st2__banner-img-wrap img:hover {
    transform: scale(1.1) !important;
    position: relative;
    z-index: 1;
}
.st__footer3-top-content {
    position: relative;
    padding: 67px 0 92px 0;
    margin-top: 210px;
}
.st__footer3-top-content .container {
    padding-left: 240px;
    padding-right: 20px;
    z-index: 4;
    position: relative;
}
.st__footer3-top-content:before {
    background-color: #FF6D56;
    width: 75%;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    content: "";
    display: inherit;
    border-radius: 12px 0px 0px 12px;
    z-index: 3;
}
.st__footer3-top-content:after {
    background-color: #EFD3CE;
    width: 76%;
    height: 100%;
    top: 20px;
    right: 0;
    position: absolute;
    content: "";
    display: inherit;
    border-radius: 12px 0px 0px 12px;
    z-index: 2;
}
.st__footer3-top-title {
    color: #FFF;
    font-family: DM Serif Display;
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
    margin-bottom: 27px;
}
.st__footer3-top-title span {
    color: #081649;
    text-decoration-line: underline;
}
.st__footer3-top-info {
    color: #E5E5E5;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.st3-footer-icons li a {
    color: #838AA4;
}
.st3-footer-icons li a:hover{
    color: #ffffff;
}



.st3__testimonial-section {
    background-color: #081649;
    border-radius: 24px;
}

.st3-testimonial-slider-content {
    display: flex;
    align-items: center;
}

.st3__testimonial-content-wrap {
     padding: 0 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.st3__testimonial-img {
    flex: 0 0 370px;
}
.st3__author-comment {
    color: #FFF;
    text-align: center;
    font-family: DM Serif Display;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px; /* 131.25% */
    margin-top: 26px;
    margin-bottom: 22px;
}

.st3__testimonial-review {
    margin: 0 0 10px;
    padding: 0;

}

.st3__testimonial-review i {

    color: #FF6D56;
    font-size: 16px;
}
.st3__author-name {
    color: #FFF;
    text-align: center;
    font-family: Kumbh Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 7px;
}
.st3__author-designation {
    color: #CFCAD9;
    text-align: center;
    font-family: Kumbh Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 37px;
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .st__footer3-top-content {
        margin-top: 20px;
    }
    .st__footer3-top-content .container {
        padding-left: 0;
    }
    .st__footer3-top-content:before {
        width: 98%;
    }
    .st__footer3-top-content:after {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .st__footer3-top-title {
        font-size: 50px;
        line-height: 60px;
    }
    .st__footer3-top-content .container {
        padding-left: 20px;
    }
}
@media (max-width: 576px) {
    .st__footer3-top-title {
        font-size: 32px;
        line-height: 44px;
    }
    .st__footer3-top-content .container {
        padding-left: 40px;
    }
    .st__footer3-top-info {
        font-size: 20px;
    }
    .st__footer3-top-content:before {
        width: 96%;
    }
    .st3-testimonial-slider-content {
        flex-direction: column;
    }
    .st3__testimonial-content-wrap {
        padding: 60px 20px;
    }
    .st3__testimonial-section {
        margin-top: 40px;
    }
    .st3__testimonial-img {
        flex: 0 1 370px;
    }
}