/**/
body {
    color: #0f0f0f;
    font-size: 16px;}

/* aos */
html, body {
    overflow-x: hidden !important}


/* number without arrows */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;}
input[type=number] {
    -moz-appearance:textfield;}



/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a9a8a8 !important;}
::-moz-placeholder { /* Firefox 19+ */
  color: #a9a8a8 !important;}
:-ms-input-placeholder { /* IE 10+ */
  color: #a9a8a8 !important;}
:-moz-placeholder { /* Firefox 18- */
  color: #a9a8a8 !important;} 



/* btn */
.btn {
    font-size: 13.3px;}
@media (max-width: 991px) {
.btn {
    font-size: 12px;}
}
.btn:focus {
    box-shadow: none;}

/* close-btn */	
.close-btn {
    background-color: transparent;
    border: 0;
    position: absolute;
    width: 26px;
    height: 26px;
    opacity: 0.3;
    cursor: pointer;}
.close-btn:hover {
    opacity: 1;}
.close-btn:before, 
.close-btn:after {
    position: absolute;
    left: 12px;
    top: 5px;
    content: ' ';
    height: 100%;
    width: 2px;
    background-color: #333;}
.close-btn:before {
    transform: rotate(45deg);}
.close-btn:after {
    transform: rotate(-45deg);}


/* btn-text */
.btn-text {
    padding-left: 0;
    padding-right: 0;}


/* btn-group */
.btn-group img {
    height: 12px;}

/* btn-group-lg */
.btn-group-lg {
    color: #fff;
    min-width: 180px;
    padding: 10px 25px;
    border-radius: 35px;}
.btn-group-lg:hover {
    color: #fff;}
.btn-group-lg img {
    height: 28px;}
.btn-group-lg span {
    font-size: 11px;}
.btn-group-lg label {
    cursor: pointer;
    display: block;}
@media (max-width: 991px) {
.btn-group-lg {
    min-width: 160px;
    padding: 8px 20px;}
.btn-group-lg img {
    height: 20px;}
.btn-group-lg span {
    font-size: 10px;}
.btn-group-lg label {
    font-size: 11px;}
}
/* img-toggle */
.btn-group-lg.img-toggle:not(:hover) img:last-of-type,
.btn-group-lg.img-toggle:hover img:first-of-type {
    display: none;}




/* load-more__btn */
.load-more__btn-wrap {
    margin-top: 40px;}
.load-more__btn-wrap .load-more__btn {
    position: relative;
    text-decoration: none;
    padding: 12px 35px;
    font-size: 13.5px;
    background: linear-gradient(-45deg, #7B4DCE, #AC6BD6);
    box-shadow: 1px 11px 17px #7b4dce94;
    font-family: Poppins-Regular;
    color: #fff;
    display: inline-block;
    border-radius: 25px;
    font-weight: bold;
    /* scale-hove */
    overflow: hidden;
    transition: transform .6s;}
.load-more__btn-wrap .load-more__btn:hover {
    -ms-transform: scale(1.08); 
    -webkit-transform: scale(1.08);
    transform: scale(1.08);}
@media (max-width: 767px) {
.load-more__btn-wrap .load-more__btn {
    padding: 10px 25px;
    font-size: 12px;}
}

/* load-more-btn-green */
.load-more-btn-green .load-more__btn-wrap {
    text-align: center;}

/* load-more-btn-center */
.load-more-btn-green .load-more__btn-wrap .load-more__btn {
    box-shadow: none;
    background: linear-gradient(-45deg, #1CA6B7, #00B59C);}

/* load-more-btn-group */
.load-more-btn-group .load-more__btn-wrap .load-more__btn {
    padding-right: 60px;}
.load-more-btn-group .load-more__btn-wrap .load-more__btn::after {
    content: '';
    background-image: url(../images/icons/arrow-l-right.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    width: 20px;
    height: 20px;
    display: block;}
@media (max-width: 767px) {
.load-more-btn-group .load-more__btn-wrap .load-more__btn {
    padding-right: 55px;}
}





/* url-primary */
.url-primary {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;}

/* active */
a.active {
    cursor: default;}


/* p */
p {
    margin-bottom: 10px;}





/* scale-hover */
.scale-hover {
  overflow: hidden;
  transition: transform .6s;}
.scale-hover:hover {
  -ms-transform: scale(1.08); 
  -webkit-transform: scale(1.08);
  transform: scale(1.08);}


/* scale-up-hover */
.scale-up-hover {
  overflow: hidden;
  transition: transform .6s;}
.scale-up-hover:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);}


/* truncate */
.truncate-1,
.truncate-2,
.truncate-3,
.truncate-4,
.truncate-5,
.truncate-6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical}
.truncate-1 {
    -webkit-line-clamp: 1;}
.truncate-2 {
    -webkit-line-clamp: 2;}
.truncate-3 {
    -webkit-line-clamp: 3;}
.truncate-4 {
    -webkit-line-clamp: 4;} 
.truncate-5 {
    -webkit-line-clamp: 5;}
.truncate-6 {
    -webkit-line-clamp: 6;}


/* text */
.text-green-m {
    color: #00A89C !important;}
.text-green-d {
    color: #1CA6B7 !important;}
.text-gray-d {
    color: #303030 !important;}
.text-gray-m {
    color: #444444 !important;}
.text-gray-l {
    color: #A0A0A0 !important;}
.text-gray-xl {
    color: #EDEDED !important;}
.text-yellow-l {
    color: #f9bb00 !important;}

/* bg-color */
.bg-green-m {
    background: #00A89C !important;}
.bg-green-d {
    background: #1CA6B7 !important;} 
.bg-black-m {
    background: #383838 !important;}
.bg-yellow-l {
    background: #f9bb00 !important;}
.bg-purple-xs {
    background: #bea0c5 !important;}

/* bg-img */
.bg-indro {
    background-image: url('../images/bg/edu-bnr.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
.bg-lg-green-circle-2 {
    background-image: url(../images/bg/bg-lg-green-circle-2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
.bg-circle-2 {
    background-image: url(../images/bg/bg-circle-2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
.bg-circle-4 {
    background-image: url(../images/bg/bg-circle-4.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
.bg-purple-circle-2 {
    background-image: url(../images/bg/bg-purple-circle-2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
.bg-md-green-circle-2 {
    background-image: url(../images/bg/bg-md-green-circle-2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}


/* gradient */
.gradient-purple {
    background: linear-gradient(-45deg, #7B4DCE, #AC6BD6) !important;}
.gradient-green {
    background: linear-gradient(-45deg, #1CA6B7, #00B59C) !important;}
.gradient-rose {
    background: linear-gradient(-45deg, #EF65A1, #EEB4A0) !important;}
.gradient-yellow {
    background: linear-gradient(-45deg, #F39337, #FAC487) !important;}
.gradient-d-yellow {
    background: linear-gradient(-45deg, #ff7d00, #FAC487) !important;}
.gradient-blue {
    background: linear-gradient(-45deg, #0059BB, #299EE1) !important;}
.gradient-l-purple {
    background: linear-gradient(-45deg, #ae5cc1, #681a7a) !important;}

/* gradient */
.gradient-hover-purple:hover {
    background: linear-gradient(-45deg, #7B4DCE, #AC6BD6) !important;}
.gradient-hover-green:hover {
    background: linear-gradient(-45deg, #1CA6B7, #00B59C) !important;}
.gradient-hover-rose:hover {
    background: linear-gradient(-45deg, #EF65A1, #EEB4A0) !important;}
.gradient-hover-yellow:hover {
    background: linear-gradient(-45deg, #F39337, #FAC487) !important;}
.gradient-hover-blue:hover {
    background: linear-gradient(-45deg, #0059BB, #299EE1) !important;}
.gradient-hover-l-purple:hover {
    background: linear-gradient(-45deg, #ae5cc1, #681a7a) !important;}

/* shadow */
.shadow-default {
    box-shadow: 6px 8px 14px #46464638 !important;}
.shadow-purple {
    box-shadow: 1px 11px 17px #7b4dce94 !important;}
.shadow-green {
    box-shadow: 1px 11px 17px #1ca6b782 !important;}
.shadow-rose {
    box-shadow: 1px 11px 17px #ef65a1a6 !important;}
.shadow-yellow {
    box-shadow: 1px 11px 17px #f39337bd !important;}
.shadow-blue {
    box-shadow: 1px 11px 17px #0059bb8c !important;}

    
/* shadow */
.shadow-hover-purple:hover {
    box-shadow: 1px 11px 17px #7b4dce94 !important;}
.shadow-hover-green:hover {
    box-shadow: 1px 11px 17px #1ca6b782 !important;}
.shadow-hover-rose:hover {
    box-shadow: 1px 11px 17px #ef65a1a6 !important;}
.shadow-hover-yellow:hover {
    box-shadow: 1px 11px 17px #f39337bd !important;}
.shadow-hover-blue:hover {
    box-shadow: 1px 11px 17px #0059bb8c !important;}



/* header */
.header {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 6px 2px 7px #00000036;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
     /**/
    opacity: 1;
    transition: height 0ms 0ms, opacity 600ms 0ms;}
body.specific_scroll:not(.up_scroll) .header {
    height: 0;
    z-index: 0;
    opacity: 0;
    transition: height 0ms 400ms, opacity 400ms 0ms;}
/* fixed */
.specific_scroll.up_scroll .header {
    position: fixed;}

/* header-bg-transparent, header-bg-initial */
body:not(.specific_scroll) .header-bg-transparent .header,
body:not(.specific_scroll) .header-bg-initial .header {
    box-shadow: none;
    background-color: transparent;
    padding-top: 30px;}



/* a-logo */
.header .a-logo {
    display: inline-block;}
.header .a-logo img {
    max-width: 100%;
    max-height: 45px;}
div:not(.header-bg-transparent) .header .a-logo img:last-of-type {
    display: none;}
@media (max-width: 991px) {
.header .a-logo img {
    max-height: 35px;}
}

/* header-bg-transparent */
body:not(.specific_scroll) .header-bg-transparent .header .a-logo img:first-of-type,
.specific_scroll .header-bg-transparent .header .a-logo img:last-of-type {
    display: none;}

/* header-bg-initial */
.header-bg-initial .header .a-logo img:last-of-type {
    display: none;}



/* menu-bar */
.header .menu-bar {
    padding-right: 70px;}
.header .menu-bar .menu {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;}
.header .menu-bar .menu .link-item {
    margin-left: 15px;
    display: inline-block;}
.header .menu-bar .menu .link-item .link {
    padding-left: 15px;
    display: inline-block;
    text-decoration: none;
    font-size: 13.9px;
    color: #0c0c0c;}
.header .menu-bar .menu .link-item .link:not(.active) {
    opacity: .7;}
.header .menu-bar .menu .link-item .link:hover {
    opacity: initial}
.header .menu-bar .menu .link-item .link.active {
    font-weight: bold;}
@media (max-width: 1199px) {
.header .menu-bar {
    padding-right: 60px;}
.header .menu-bar .menu .link-item {
    margin-left: 0;}
}
@media (max-width: 991px) {
.header .menu-bar .menu .link-item:not(.item-login) {
    opacity: 0;
    display: none;}
}
/* header-bg-transparent */
@media (min-width: 992px) {
body:not(.specific_scroll) .header-bg-transparent header .menu-bar .menu .link-item .link {
    /* color: #fff; */
}
}


/* btn-login */
.header .menu-bar .menu .link-item.item-login .btn-login {
    padding: 9px 35px;
    margin-left: 15px;
    border: 0;
    cursor: pointer;
    opacity: initial;
    font-size: 12px;
    color: #fff;
    border-radius: 25px;}
@media (max-width: 1199px) {
.header .menu-bar .menu .link-item.item-login .btn-login {
    padding: 5px 25px;}
}

/* btn-login-green */
.btn-login-green .header .menu-bar .menu .link-item.item-login .btn-login:hover {
    box-shadow: 1px 11px 17px #1ca6b782 !important;}
@media (min-width: 768px) {
.btn-login-green .header .menu-bar .menu .link-item.item-login .btn-login {
    background: #119ea1 !important;}
}
@media (max-width: 767px) {
.btn-login-green .header .menu-bar .menu .link-item.item-login .btn-login {
    background: #003e5a !important;}
}


/* menu-toggle */
.header .menu-toggle {
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    background-color: transparent;
    border: none;
    padding: 0;
    width: 30px;
    height: 25px;}
.header .menu-toggle span {
    background-color: #6c6c6c;
    display: block;
    position: relative;
    float: right;
    width: 100%;
    border-radius: 25px;
    height: 2px;}
.header .menu-toggle:hover {
    opacity: .8;}
.header .menu-toggle span:nth-of-type(1) {
    width: 80%;
    top: -8px;}
.header .menu-toggle span:nth-of-type(3) {
    width: 45%;
    top: 8px;}


/* header-bg-transparent */
body:not(.specific_scroll) .header-bg-transparent .header .menu-toggle span {
    background-color: #fff;}
/**/
/* body:not(.specific_scroll) .header-bg-transparent .header .menu-toggle,
body:not(.specific_scroll) .header-bg-initial .header .menu-toggle {
    margin-top: 8px;} */




/* onlode-aos-down*/
@keyframes slideFadeDown {
  0% {
    transform: translate3d(0,-100px,0);
  }
  100% {
    transform: translateZ(0);
  }
}
.onlode-aos-down {  
  animation: 1s ease-out 0s 1 slideFadeDown;}

/* onlode-aos-up*/
@keyframes slideFadeUp {
  0% {
    transform: translate3d(0, 200px,0);
  }
  100% {
    transform: translateZ(0);
  }
}
.onlode-aos-up {  
  animation: 1s ease-out 0s 1 slideFadeUp;}




/* btn-whatsapp */
.btn-whatsapp {
    position: fixed;
    z-index: 5;
    bottom: 15px;
    right: 15px;
    padding: 0;
    font-size: 40px;
    background-color: #25D366;
    box-shadow: 3px 3px 6px #0000005e;
    color: #fff;
    width: 80px;
    height: 80px;
    line-height: 43px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-whatsapp:hover {
    color: #fff;}


/* enquiry-now-btn */
.enquiry-now-btn {
    position: fixed;
    z-index: 5;
    bottom: 140px;
    right: 10px;
    padding: 0;}
.enquiry-now-btn img {
    height: 45px;}


/* nav-full-screen */
.nav-full-screen {
    position: fixed;
    z-index: 101;
    bottom: 0;
    background-color: #fff;
    padding: 35px 60px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;}
@media (max-width: 991px) {
.nav-full-screen {
    padding: 20px;}
}
@media (max-width: 575px) {
.nav-full-screen {
    padding: 30px;}
}
.nav_open {
    overflow-y: hidden;}
/* inner */
@media (min-width: 1200px) {
.nav-full-screen .inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 30px;}
}

/* hide-show */
@media (min-width: 576px) {
/* nav-full-screen */
.nav-full-screen {
    right: 0;
    left: 0;
    top: -100%;
	-webkit-transition: top 1s ease-in-out;
    -moz-transition: top 1s ease-in-out;
    -ms-transition: top 1s ease-in-out;
    -o-transition: top 1s ease-in-out;
    transition: top 1s ease-in-out;}
/* nav_open */
.nav_open .nav-full-screen {
    top: 0;}
}
@media (max-width: 575px) {
/* nav-full-screen */
.nav-full-screen {
    right: -100%;
	-webkit-transition: right 1s ease-in-out;
    -moz-transition: right 1s ease-in-out;
    -ms-transition: right 1s ease-in-out;
    -o-transition: right 1s ease-in-out;
    transition: right 1s ease-in-out;}
/* nav_open */
.nav_open .nav-full-screen {
    right: 0;}
}


/* nav-head */
/* a-logo */
.nav-full-screen .nav-head .a-logo {
    display: inline-block;}
.nav-full-screen .nav-head .a-logo img {
    max-width: 100%;
    max-height: 45px;}
@media (max-width: 991px) {
.nav-full-screen .nav-head .a-logo img {
    max-height: 35px;}
}
/* btn-close */
html:not(.nav_open) .nav-full-screen .nav-head .close-btn {
    display: none;}
@media (min-width: 768px) {
.nav-full-screen .nav-head .close-btn {
    width: 32px;
    height: 32px;
    right: 60px;}
.nav-full-screen .nav-head .close-btn:before, 
.nav-full-screen .nav-head .close-btn:after {
    width: 3px;}
}
@media (max-width: 991px) {
.nav-full-screen .nav-head .close-btn {
    position: fixed;
    top: 30px;}
}
@media (max-width: 767px) {
.nav-full-screen .nav-head .close-btn {
    top: 20px;
    right: 30px;}
}
/* nav-body */
.nav-full-screen .nav-body {
    padding-top: 20px;}
.nav-full-screen .nav-body .links {
    padding-left: 10px;
    margin-bottom: 0;
    list-style: none;}
.nav-full-screen .nav-body .links .link-item {
    margin-bottom: 10px;}
.nav-full-screen .nav-body .links .link-item .link {
    display: inline-block;
    white-space: nowrap;
    padding-bottom: 5px;
    text-decoration: none;
    font-size: 22px;
    color: #303030;}
.nav-full-screen .nav-body .links .link-item .link.active {
    font-size: 26px;
    font-family: Poppins-SemiBold;
    color: #00A89C;}
@media (max-width: 991px) {
.nav-full-screen .nav-body {
    padding-top: 40px;}
.nav-full-screen .nav-body .links .link-item .link {
    font-size: 14px;}
.nav-full-screen .nav-body .links .link-item .link.active {
    font-size: 16px;}
}
/* info-about */
.nav-full-screen .nav-body .info-about .h4 {
    opacity: .9;
    font-size: 28px;}
.nav-full-screen .nav-body .info-about .h6 {
    font-size: 16px;
    line-height: 28px;
    margin-top: 30px;
    margin-bottom: 60px;
    opacity: .8;}
.nav-full-screen .nav-body .info-about .btn {
    color: #fff;
    min-width: 140px;
    padding: 12px 25px;
    margin-top: 15px;
    margin-right: 30px;
    border-radius: 25px;
    cursor: pointer;}
@media (min-width: 992px) {
.nav-full-screen .nav-body .info-about {
    margin-top: 60px;}
}
@media (max-width: 991px) {
.nav-full-screen .nav-body .info-about .btn {
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 7px 18px;
    font-size: 12px;}
}
/* meet */
@media (max-width: 991px) {
.nav-full-screen .nav-body .info-about .meet {
    display: none;}
}
/* line-green */
@media (min-width: 992px) {
.nav-full-screen .nav-body .line-lg-green {
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 65px;
    border-left: 2px solid #1ca6b75c;}
}
@media (max-width: 991px) {
.nav-full-screen .nav-body .line-md-green {
    padding-left: 70px;
    border-left: 2px solid #1ca6b75c;}
}
@media (max-width: 767px) {
.nav-full-screen .nav-body .line-md-green {
    padding-left: 40px;}
}
@media (max-width: 575px) {
.nav-full-screen .nav-body .line-md-green {
    border: none;
    padding-left: 1.5rem;}
}
/* info-contact */
.nav-full-screen .nav-body .info-contact {
    padding-top: 20px;}
.nav-full-screen .nav-body .info-contact .h5 {
    opacity: .9;
    font-size: 24px;}
.nav-full-screen .nav-body .info-contact .contact-table td {
    padding-top: 30px;}
.nav-full-screen .nav-body .info-contact .contact-table td .a {
    margin-top: -7px;
    font-size: 20px;
    color: #666666 !important;}
@media (max-width: 991px) {
.nav-full-screen .nav-body .info-contact .h5 {
    font-size: 20px;}
.nav-full-screen .nav-body .info-contact .contact-table td .a {
    margin-top: -3px;
    font-size: 15px;}
}
@media (max-width: 767px) {
.nav-full-screen .nav-body .info-contact .h5 {
    margin-top: 15px;}
.nav-full-screen .nav-body .info-contact .contact-table td {
    padding-top: 15px;}
}
/* app-download */
.nav-full-screen .nav-body .info-contact .app-download {
    margin-top: 45px;}
.nav-full-screen .nav-body .info-contact .app-download a {
    text-decoration: none;
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;}
.nav-full-screen .nav-body .info-contact .app-download a img {
    height: 45px;}
@media (max-width: 991px) {
.nav-full-screen .nav-body .info-contact .app-download a img {
    height: 30px;}
}



/* form-default */
.form-default .form-body .form-label {
    font-family: Poppins-SemiBold;}
.form-default .form-body .form-control, 
.form-default .form-body .form-select {
    font-family: Poppins-Medium;
    font-size: 12px;}
.form-default .form-body .form-control:invalid, 
.form-default .form-body .form-select:invalid {
    background-color: #f2f2f2;
    color: #212529;
}



/* form-small */
.form-small {
    border-radius: 25px;}
/* form-small-head */
.form-small .form-small-head {
    position: relative;
    color: #fff;
    width: 100%;
    min-height: 60px;
    border-radius: 15px 15px 0 0;
    padding: 30px 45px 0;}
.form-small .form-small-head:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    border-radius: 25%;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, #7B4DCE, #AC6BD6) !important;
    left: 0;
    bottom: -28px;}
/* close-btn */
.form-small .form-small-head .close-btn {
    right: 0;
    top: 0;}
.form-small .form-small-head .close-btn:not(:hover) {
    opacity: 0.7;}
.form-small .form-small-head .close-btn:before, 
.form-small .form-small-head .close-btn:after {
    background-color: #fff;}
/**/
.form-small .form-small-head .inner {
    position: relative;
    z-index: 2;}
.form-small .form-small-head h3 {
    font-size: 26px;}
.form-small .form-small-head h4 {
    font-size: 11.5px;
    line-height: 17px;
    margin-top: 10px;}
/* form-small-body */
.form-small .form-small-body {
    padding: 60px 45px 10px}
/* field-col */
.form-small .form-small-body .field-col {
    position: relative;}
.form-small .form-small-body .field-col .btn-toggle {
    position: absolute;
    right: 4px;
    bottom: 3px;
    padding: 3px 5px;
    border: none;
    background-color: transparent;
    color: #6a6a6a;}
.form-small .form-small-body .field-col .btn-toggle:hover {
    color: #000000c9;}
/* btn-forgot */
.form-small .form-small-body .btn-forgot {
    color: #6d686e;
    text-decoration: none;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    font-size: 12px;}
/* form-small-footer */
.form-small .form-small-footer {
    padding: 0 45px 35px}
.form-small .form-small-footer .btn {
    color: #fff;
    border-radius: 8px;
    font-size: 12px;
    padding: 10px 20px;
    min-width: 115px;}



/* form-enquiry */
.form-enquiry {
    margin-right: 0;}
.form-enquiry .form-small-head {
    padding-top: 25px;}
.form-enquiry .form-small-body {
    padding-top: 35px;}
.form-enquiry .form-small-body .iti__arrow {
    display: none;}
.form-enquiry .form-small-body .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;}
.form-enquiry .form-small-footer {
    padding-bottom: 15px;}
@media (max-width: 991px) {
.form-enquiry .form-small-footer {
    padding-bottom: 25px;}
}
@media (max-width: 767px) {
.form-enquiry .form-small-head,
.form-enquiry .form-small-body,
.form-enquiry .form-small-footer {
    padding-left: 30px;
    padding-right: 30px;}
}
/**/
.form-enquiry .form-default .form-body [class^="col-"] {
    margin-bottom: 0;}
.form-enquiry .form-default .form-body .form-label {
    font-size: 11px;}
.form-enquiry .form-default .form-body .form-control, 
.form-enquiry .form-default .form-body .form-select {
    font-size: 11px;
    padding: 7px 15px;}
.form-enquiry .form-small-footer {
    text-align: end;}
.form-enquiry .form-small-footer .btn {
    font-size: 11px;
    padding: 8px 20px;
    min-width: 110px;}

/* enquiry_zoom */
.form-enquiry {
    transition: transform .6s;}
.form-enquiry.enquiry_zoom {
    -ms-transform: scale(1.1); 
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}





/* modal-enquiry */
.modal-enquiry .inner {
    padding: 15px;
    border-radius: 15px;
    border: none;
    overflow: hidden;}
@media (min-width: 992px) {
.modal-enquiry .modal-dialog{
    max-width: 800px;}	
}

/**/
.modal-enquiry .modal-header,
.modal-enquiry .modal-body,
.modal-enquiry .modal-footer {
    position: relative;
    z-index: 2;}

/* right-cover */
.modal-enquiry .right-cover {
    position: relative;}
.modal-enquiry .right-cover::after {   
    content: '';
    position: absolute;
    right: -228px;
    top: -266px;
    z-index: 1;
    width: 550px;
    height: 550px;
    background: linear-gradient(257deg, #00ffe7, #2388a9);
    border-radius: 50%;}
@media (max-width: 991px) {
.modal-enquiry .right-cover::after {   
    right: -335px;
    top: -375px;}	
}
@media (max-width: 767px) {
.modal-enquiry .right-cover::after {    
    right: -385px;
    top: -405px;}	
}

/* modal-header */
.modal-enquiry .modal-header {
    padding-bottom: 25px;}
.modal-enquiry .modal-header .modal-title {
    color: #000;
    font-size: 18px;
    line-height: 27px;}
.modal-enquiry .modal-header .close-btn {
    right: 15px;
    z-index: 10;
    top: 10px;
    color: #fff;}
.modal-enquiry .modal-header .close-btn:not(:hover) {
    opacity: .6;}
.modal-enquiry .modal-header .close-btn:before, 
.modal-enquiry .modal-header .close-btn:after{
    background-color: #fff;}

/* img-right */
.modal-enquiry .modal-body .img-right {
    max-height: 300px;}
@media (max-width: 991px) {
.modal-enquiry .modal-body .img-right {
    max-height: 130px;
    margin-bottom: 20px;}	
}

/* form-small-footer */
.modal-enquiry .modal-body .form-small-footer {
    padding-top: 20px;}
.modal-enquiry .modal-body .form-small-footer .btn {
    padding: 8px 35px;
    font-size: 13.3px;
    border-radius: 7px;
    border: none;
    color: #fff;
    background: linear-gradient(257deg, #2388a9, #40c5b8) !important;}





/* success-modal */
.success-modal .modal-dialog {
    max-width: 620px;}
.success-modal .btn-close {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 20px;}
.success-modal .modal-body {
    padding: 75px 40px 50px;}
.success-modal .modal-body h3 {
    font-size: 19px;
    color: #000;
    line-height: 30px;
    white-space: pre-line;}
.success-modal .modal-body .btn-download {
    border-radius: 25px;
    font-size: 11px;
    color: #fff;
    padding: 10px 25px;}
.success-modal .modal-body .btn-download img {
    height: 18px;}
@media (max-width: 767px) {
.success-modal .modal-body {
    text-align: center;}
.success-modal .modal-body h3 {
    margin-top: 25px;
    font-size: 18px;}
}




/* container-fluid */
/* container-fluid-lg */
.container-fluid.container-fluid-lg {
    padding-left: 60px;
    padding-right: 60px;}
@media (max-width: 991px) {
.container-fluid.container-fluid-lg {
    padding-left: 25px;
    padding-right: 25px;}
}





/* section */
section {
    position: relative;
    padding-top: 70px;
    padding-bottom: 70px;}

/* section-sub */
.section-sub {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;}

    
#clients_say {
    padding-bottom: 100px;
}





/* slick-equal-height */
.slick-equal-height .slick-track {
    display: flex;}
.slick-equal-height .slick-slide {
    display: flex;
    height: auto;}
.slick-equal-height .item {
    height: 100%;
    width: 100%;}


/* slick-overflow-initial */
.slick-overflow-initial .slick-list {
    overflow: initial;}


/* slick-disabled */
button.slick-disabled {
    cursor: default !important;}


/* slick-grid */
.slick-grid {
    margin-left: -10px;
    margin-right: -10px;}
.slick-grid .slick-slide {
    padding-left: 10px;
    padding-right: 10px;}
/**/
.slick-grid-15 {
    margin-left: -15px;
    margin-right: -15px;}
.slick-grid-15 .slick-slide {
    padding-left: 15px;
    padding-right: 15px;}



/* slick-action-green */
.slick-action-green .slick-next, 
.slick-action-green .slick-prev {
    background-color: #fff;
    border: 2px solid #00A89C;
    z-index: 5;
    color: #00A89C;
    font-size: 22px;
    line-height: 37px;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;}
.slick-action-green .slick-next {
    right: -15px;} 
.slick-action-green .slick-prev {
    left: -15px;}
.slick-action-green .slick-next:before, 
.slick-action-green .slick-prev:before {
    content: initial;}


/* slick-action-green-arrow */
.slick-action-green-arrow .slick-next, 
.slick-action-green-arrow .slick-prev {
    background-color: transparent;
    box-shadow: none;
    font-size: 36px;}
.slick-action-green-arrow .slick-next {
    right: -30px;} 
.slick-action-green-arrow .slick-prev {
    left: -30px;}






/* contact-table */
.contact-table td {
  vertical-align: top;
  padding-top: 20px;}
.contact-table td img {
  height: 27px;
  padding-right: 15px;}
.contact-table td .mail {
  height: 17px;}
.contact-table td .a {
  color: #212529 !important;
  display: block;
  font-size: 14px;
  text-decoration: none;}
.contact-table label {
    margin-bottom: 2px;}
@media (max-width: 991px) {
.contact-table td img {
    height: 22px;}
.contact-table td .mail {
    height: 15px;}
}






/* banner-cover */
.banner-cover {
  position: relative;
  overflow: hidden;}
.banner-cover::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, #000000a6, #000000a6)}
.banner-cover .img-primary {
  height: 380px;
  width: 100%;
  object-fit: cover;}
.banner-cover .caption {
    color: #fff;
    /* width: 85%; */
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    right: 0;}
.banner-cover .caption h3 {
    font-size: 60px;}
.banner-cover .caption hr {
    opacity: initial;
    margin-top: 0;
    max-width: 250px;
    height: 6px;}
.banner-cover .caption h4 {
    font-size: 28px;
    margin-top: 35px;}
.banner-cover .caption .btn {
    padding: 10px 37px;
    border-radius: 0;
    font-size: 15px;}
@media (max-width: 991px) {
.banner-cover .caption h3 {
    font-size: 48px;}
.banner-cover .caption h4 {
    font-size: 22px;
    margin-top: 30px;}
.banner-cover .caption .btn {
    padding: 8px 30px;
    font-size: 14px;}
}
@media (max-width: 767px) {
.banner-cover .caption h3 {
    font-size: 42px;}
.banner-cover .caption hr {
    height: 4px;}
.banner-cover .caption h4 {
    font-size: 18px;
    margin-top: 25px;}
}
    





/* pagination */
.pagination .page-item {
    margin-left: 7px;
    margin-right: 7px;}
.pagination .page-item .page-link {
    border: none;
    font-size: 14px;
    border-radius: 12px;
    background-color: transparent;
    color: #212529de;
    padding: 0 6px;}
.pagination .page-item .page-link.active {
    background-color: #00A89C;
    padding: 2px 12px;
    color: #fff;}
.pagination .page-item.next-item .page-link,
.pagination .page-item.prev-item .page-link {
    width: 25px;
    height: 25px;
    text-align: center;
    border: 1px solid #00A89C;
    font-size: 16px;
    border-radius: 50%;
    color: #00A89C;}
    







/* accordion */
.accordion.accordion-line .accordion-item {
    position: relative;
    border: none;
    background-color: transparent}
.accordion.accordion-line .accordion-item::after {
    content: '';
    background-color: #ccc;
    position: absolute;
    left: 0;
    top: 22px;
    width: 3px;
    height: 100%;}

/* inner */
.accordion.accordion-line .accordion-item .inner {
    border-bottom: 1px solid #ddd;}

/* accordion-button */
.accordion.accordion-line .accordion-item .accordion-button {
    display: inline-block;
    color: #212529;
    box-shadow: none;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: transparent}
.accordion.accordion-line .accordion-item .accordion-button:not(.collapsed)::after {
    content: '';
    background: #00A89C;
    position: absolute;
    z-index: 2;
    left: -3px;
    top: 21px;
    width: 10px;
    height: 10px;
    border-radius: 50%;}
.accordion.accordion-line .accordion-item .accordion-button:not(.collapsed) {
    padding-bottom: 0;}
.accordion.accordion-line .accordion-item .accordion-button:focus {
    box-shadow: none;
    outline: none;}

/* inner */
.accordion.accordion-line .accordion-item .accordion-button .inner {
    padding-bottom: 23px;}
.accordion.accordion-line .accordion-item .accordion-button:not(.collapsed) .inner {
    padding-bottom: 8px;
    border-bottom-color: transparent;}

/**/
.accordion.accordion-line .accordion-item .accordion-button .year {
    font-size: 24px;}
.accordion.accordion-line .accordion-item .accordion-button .text-label {
    color: #858585;
    font-size: 14px;}
.accordion.accordion-line .accordion-item .accordion-button:not(.collapsed) .text-label {
    color: #00A89C;}

/* border-left */
.accordion.accordion-line .accordion-item .accordion-button:not(.collapsed)::before,
.accordion.accordion-line .accordion-item .accordion-collapse::before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    height: 100%;
    background-color: #00A89C;
    width: 2px;}
.accordion.accordion-line .accordion-item .accordion-button,
.accordion.accordion-line .accordion-item .accordion-collapse {
    padding-left: 30px;}
.accordion.accordion-line .accordion-item .accordion-button:not(.collapsed)::before {
    top: 27px;}
.accordion.accordion-line .accordion-item .accordion-collapse::before {
    top: 22px;}

/* accordion-collapse */
.accordion.accordion-line .accordion-item .accordion-collapse {
    padding-bottom: 12px;
    position: relative;}

/* accordion-body */
.accordion.accordion-line .accordion-item .accordion-body {
    padding: 0;}
.accordion.accordion-line .accordion-item .accordion-body p {
    font-size: 13px;
    line-height: 20px;}

/* inner */
.accordion.accordion-line .accordion-item .accordion-body .inner {
    padding-bottom: 15px;}





/* side-head */
.side-head {
    position: relative;}
.side-head label {
    position: absolute;
    bottom: 19px;
    left: -17px;
    font-size: 20px;
    letter-spacing: 2px;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    height: 25px;
    width: 45px;
    white-space: nowrap;}
.side-head h1 {
    font-size: 40px;
    line-height: 55px;}
@media (min-width: 576px) {
.side-head h1 {
    white-space: pre-line;}
}
@media (max-width: 991px) {
.side-head label {
    bottom: 26px;
    left: -22px;
    font-size: 17px;
    letter-spacing: 1px;}
.side-head h1 {
    font-size: 22px;
    line-height: 35px;
    padding-left: 30px;}
}



/* center-head */
/* .center-head h1 {
    font-size: 34px;
    margin-bottom: 35px;} */
.center-head h4 {
    font-size: 18px;
    line-height: 30px;}
@media (max-width: 991px) {
.center-head h1 {
    font-size: 30px;}
}





/* default-head */
.default-head label {
    font-size: 20px;
    margin-bottom: 5px;
    letter-spacing: 2px;}
.default-head h1 {
    font-size: 32px;
    line-height: 45px;}
.default-head h5 {
    font-size: 18px;
    line-height: 30px;}
@media (min-width: 576px) {
.default-head h1 {
    white-space: pre-line;}
}
@media (max-width: 991px) {
.default-head label {
    font-size: 18px;}
.default-head h1 {
    font-size: 24px;
    line-height: 32px;}
.default-head h5 {
    font-size: 14px;
    line-height: 25px;}
}


/* default-head-lg */
.default-head.default-head-lg label {
    font-size: 28px;
    margin-bottom: 20px;}
@media (max-width: 991px) {
.default-head.default-head-lg label {
    font-size: 20px;
    margin-bottom: 15px;}
.default-head.default-head-lg h3 {
    font-size: 24px;}
}


/* default-head-xl */
.default-head.default-head-xl label {
    font-size: 38px;
    margin-bottom: 25px;}
.default-head.default-head-xl h3 {
    font-size: 42px;
    line-height: 55px;}
@media (max-width: 991px) {
.default-head.default-head-xl label {
    font-size: 25px;
    margin-bottom: 15px;}
.default-head.default-head-xl h3 {
    font-size: 30px;
    line-height: 35px;}
}





/* img-bg-cover */
.img-bg-cover {
    position: relative;}
.img-bg-cover::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000024;}



/* card-hover */
.card-hover, 
.card-hover .img-cover, 
.card-hover .content {
    height: 420px;
    border-radius: 25px;}
.card-hover {
    overflow: hidden;
    position: relative;}
.card-hover .img-cover {
    width: 100%;
    /*position: absolute;
    top: 0;
    left: 0;*/
    transition: all 0.3s;
    object-fit: cover;
    object-position: top;}
.card-hover .content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    transition: all 1s;
    transform: translateY(-1%);}
.card-hover .content .inner {
    width: 100%;
    position: absolute;
    padding: 25px;
    transition: all 1s;}
/* bottom */
.card-hover .content.bottom .inner {
    bottom: 0;}
.card-hover:not(:hover) .content.bottom {
    transform: translateY(12%);}
/* hover-data */
.card-hover .content .hover-data {
    opacity: 0;
    transition: 1.5s;
    will-change: transform;}
.card-hover:hover .content .hover-data {
    opacity: 1;
    transform: translate3d(0,0,0);}





/* clients-logo */
.clients-logo {
    /* background-color: #fff; */
    text-align: center;
    margin-top: 50px;}
.clients-logo .slick-slider {
    margin-bottom: 0;}
.clients-logo .slide-item {
    cursor: pointer;
    padding: 20px;}
.clients-logo .slide-item img {
    max-width: 100%;
    max-height: 50px;}
.clients-logo .slide-item img {
    /* filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1); */
}
.clients-logo .slide-item:hover img {
    -webkit-filter: grayscale(0);
    filter: none;}
@media (max-width: 991px) {
.clients-logo .slide-item img {
    max-height: 35px;}
}









/* benefits */
.benefits .item {
    border-radius: 40px;
    max-width: 300px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;}
.benefits .item:hover {
    box-shadow: 4px 7px 17px #4cc9bd73;
    background-color: #fff;}
.benefits .item .icon {
    height: 45px;}
.benefits .item h4 {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 18px;}
.benefits .item h5 {
    line-height: 20px;
    font-size: 13px;}
@media (max-width: 1199px) {
.benefits .item {
    padding: 40px 25px;}
}




/* .blog */
.blog .date {
    font-size: 12px;}
.blog .title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 17px;}
.blog .dec {
    font-size: 12.5px;}
.blog .img-user {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;}
.blog .name {
    font-size: 13px;}






/* count-black */
.count-black {
    background-color: #000;
    padding: 50px 80px 50px 150px;
}
.count-black .item .col-img {
    min-width: 90px;}
.count-black .item .col-img .img-icon {
    max-width: 100%;}
.count-black .item .col-text .text-l {
    color: #fff;
    font-size: 38px;
    line-height: 1.2;}
.count-black .item .col-text .text-m {
    color: #969696;
    font-size: 20px;
    line-height: 1.2;}
@media (max-width:1200px){
.count-black {
    padding-left: 0;
    padding-right: 0px;}
}
@media (max-width: 991px) {
.count-black .item .col-img {
    min-width: 80px;}
.count-black .item .col-text .text-l {
    font-size: 24px;}
.count-black .item .col-text .text-m {
    font-size: 15px;}
}





/* tab-usertype */

/*  */
.tab-usertype .nav-pills {
    background-color: #fff;
    border-radius: 25px;
    padding: 5px;
    box-shadow: 5px 5px 10px #d3d4d4;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: initial;}
.tab-usertype .nav-pills .nav-item .nav-link {
    padding: 13px 60px;
    font-size: 16px;
    border-radius: 25px;}
.tab-usertype .nav-pills .nav-item .nav-link.active {
    background-color: #000;
    color: #fff;}
.tab-usertype .nav-pills .nav-item .nav-link {
    color: #777777;}
.tab-usertype .nav-pills .nav-item .nav-link:not(.active):hover {
    color: #000;}
@media (max-width: 991px) {
.tab-usertype .nav-pills .nav-item .nav-link {
    padding: 10px 40px;
    font-size: 14px;}
}

/*  */
.tab-usertype .tab-head {
    margin-top: 65px;}
.tab-usertype .tab-head .text-l {
    color: #000;
    font-size: 26px;}
@media (max-width: 991px) {
.tab-usertype .tab-head {
    margin-top: 35px;}
.tab-usertype .tab-head .text-l {
    font-size: 22px;}
}

/* table */
.tab-usertype table {
    margin-top: 15px;
    margin-left: 20px;
}
.tab-usertype table tbody td {
    vertical-align: top;
    padding-top: 15px;}
.tab-usertype table tbody td:first-of-type {
    padding-right: 12px;}
.tab-usertype table tbody td .text-m {
    color: #1c1c1c;
    font-size: 18px;}
.tab-usertype table tbody td .fa-circle {
    position: relative;
    top: 4px;
    font-size: 14px;
    color: #0dadab;}

/*  */
.tab-usertype .img-type {
    margin-top: 50px;
    max-height: 500px;}






/* index-page */
/* benefits */
.index-page .benefits .row-item {
    padding-top: 100px;}


/* indro */
#indro {
    min-height: 100vh;
    padding-top: 0;
    padding-bottom: 0;}
/* indro-row */
@media (min-width: 1200px) {
#indro .indro-row {
    height: 100vh;}
}

/* left */
#indro .left {
    /* color: #fff; */
}
#indro .left h1 {
    white-space: pre-line;
    text-transform: capitalize;
    font-size: 51px;
    line-height: 1.5;
}
#indro .left p {
    max-width: 550px;
    font-size: 15px;
    line-height: 28px;
    margin-top: 35px;}
#indro .left .btn {
    color: #fff;
    min-width: 160px;
    padding: 12px 25px;
    margin-top: 30px;
    margin-bottom: 10px;
    border-radius: 25px;}
#indro .left .count {
    flex-wrap: wrap;
    margin-top: 25px;}
#indro .left .count .item {
    cursor: pointer;
    margin-top: 25px;
    display: flex;
    align-items: center;}
#indro .left .count .item:not(:last-of-type) {
    margin-right: 50px;}
#indro .left .count .item .icon {
    margin-right: 15px;
    height: 45px;}
#indro .left .count .item .data {
    white-space: nowrap;
    font-size: 24px;}
#indro .left .count .item .data .animate-counter {
    min-width: 60px;
    display: inline-block;
}
#indro .left .count .item label {
    font-size: 14px;}
@media (max-width: 991px) {
#indro .left {
    padding-top: 20px;}
#indro .left h1 {
    font-size: 28px;}
#indro .left p {
    font-size: 13px;
    line-height: 24px;
    margin-top: 30px;} 
#indro .left .count .item .icon {
    height: 35px;}
#indro .left .count .item .data {
    font-size: 20px;}
#indro .left .count .item label {
    font-size: 12px;}  
}
@media (max-width: 767px) { 
#indro .left h1 {
    white-space: initial;}
#indro .left .count .item:first-of-type {
    margin-right: 30px;}
#indro .left .count .item .icon {
    margin-right: 10px;
    height: 30px;}
#indro .left .count .item .data {
    line-height: 22px;}
#indro .left .count .item label {
    font-size: 10px;}
}

/* carousel */
 @media (max-width: 1199px) {
#indro .carousel {
    padding-top: 50px;
    padding-bottom: 30px;
}
}
/*@media (max-width: 991px) {
#indro .carousel {
    padding-bottom: 60px;}
} */
@media (min-width: 992px) { 
#indro .carousel {
    height: 100vh;}
}
/*  */
#indro .carousel .carousel-indicators {
    bottom: 15px;}
@media (max-width: 991px) {
#indro .carousel .carousel-inner {
    padding-bottom: 30px;}
}








/* about */
/* img-left */
@media (max-width: 991px) {
#about .img-left {
    margin-top: 70px;
    margin-right: -30px;}
}
#about .about-info .side-head span{
    font-weight: 800;}
/* about-info */
#about .about-info .item {
    position: relative;
    cursor: pointer;
    padding: 20px;
    background-color: #72358e;
    box-shadow: 6px 6px 17px #ddd;
    border-radius: 20px;
    display: flex;
    align-items: center;}
#about .about-info .item .title {
    font-family: 'Poppins-medium';
    margin-bottom: 10px;
    color: #c19edf;
    line-height: 25px;
    font-size: 18px;}
#about .about-info .item .dec {
    font-size: 13.2px;}
#about .about-info .item .line {
    position: absolute;
    right: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
    height: 85px;
    border-radius: 100px}
/* img-phone */
#about .img-phone {
    margin-right: -35px;
    max-height: 560px;}




/* about_page */
/* img-left */
@media (min-width: 992px) {
#about_page .img-left {
    margin-top: -35px;}
}
@media (max-width: 991px) {
#about_page .img-left {
    margin-top: 35px;}
}



/* features */
/* count-item */
#features .count-item {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin-top: 40px;
    margin-right: 50px;}
#features .count-item .icon {
    max-width: 100%;
    max-height: 40px;}
#features .count-item .data {
    margin-top: 10px;
    font-size: 21px;}
#features .count-item label {
    font-size: 13px;}
@media (max-width: 991px) {
#features .count-item .icon {
    max-height: 30px;}
#features .count-item .data {
    font-size: 18px;}
#features .count-item label {
    font-size: 11px;}
}
@media (max-width: 575px) {
#features .count-item {
    margin-right: 20px;}
}

/* animate-features */
#features .animate-features {
    padding-right: 30px;}
#features .animate-features .col-item {
    position: relative;}
#features .animate-features .col-item:hover {
    z-index: 10 !important;}
/* item */
#features .animate-features .item {
    color: #fff;
    margin-top: -10px;
    padding: 30px;
    border-radius: 20px;
    cursor: pointer;
    /**/
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    transform: rotate(2.5deg);
    -webkit-transform: rotate(2.5deg);
    -moz-transform: rotate(2.5deg);
    -ms-transform: rotate(2.5deg);
    -o-transform: rotate(2.5deg);}
#features .animate-features .col-item:nth-child(odd) .item {
    margin-left: -30px;}
#features .animate-features .col-item:nth-child(even) .item {
    margin-right: -30px;}
#features .animate-features .col-item:hover .item {
    transform: rotate(0deg) scale(1.11);
    -webkit-transform: rotate(0deg) scale(1.11);
    -moz-transform: rotate(0deg) scale(1.11);
    -ms-transform: rotate(0deg) scale(1.11);
    -o-transform: rotate(0deg) scale(1.11);}
#features .animate-features .item .data {
    font-size: 14px;}
@media (max-width: 767px) {
#features .animate-features {
    margin-bottom: 20px;
    padding-right: 30px;
    padding-left: 55px;}
}






/* clients_say */
/* bg-watch-video */
#clients_say .bg-watch-video {
    min-height: 350px;}
/* btn-watch-video */
#clients_say .btn-watch-video {
    position: relative;
    height: 195px;
    width: 75px;
    color: #fff;
    border-radius: 0 0 40px 40px;}
#clients_say .btn-watch-video span {
    display: block;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    position: absolute;
    right: -11px;
    top: 58px;
    white-space: nowrap;
    font-size: 15px;}
#clients_say .btn-watch-video img {
    position: absolute;
    bottom: 15px;
    display: block;
    height: 50px;
    /**/
    overflow: hidden;
    transition: transform .6s;}
#clients_say .btn-watch-video:hover img {
    -ms-transform: scale(1.08); 
    -webkit-transform: scale(1.08);
    transform: scale(1.08);}

/* testimonial */
#clients_say .testimonial {

    /* padding: 60px 60px 90px;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 5px 10px 20px #00000021;*/
    } 
/* #clients_say .testimonial h1 {
    font-size: 30px;
    margin-bottom: 30px;} */
#clients_say .testimonial .comma {
    max-width: 100%;
    height: 55px;}
#clients_say .testimonial p {
    font-size: 13.5px;
    line-height: 25px;
    padding-top: 30px;}
#clients_say .testimonial .user-info {
    margin-top: 45px;}
#clients_say .testimonial .user-info .col:nth-child(1) {
    max-width: 90px;}
#clients_say .testimonial .user-info .profile {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;}
#clients_say .testimonial .user-info .dec {
    font-size: 11px;}
@media (min-width: 1200px) {
#clients_say .testimonial {
    margin-left: 45px;
    margin-right: 45px;}
}
@media (min-width: 992px) {
#clients_say .testimonial p {
    height: 185px;
    overflow-x: hidden;}
}
@media (max-width: 1199px) {
#clients_say .testimonial h1 {
    font-size: 25px;}
#clients_say .testimonial .comma {
    height: 40px;}
#clients_say .testimonial p {
    font-size: 13px;
    line-height: 23px;}
#clients_say .testimonial .user-info .col:nth-child(1) {
    max-width: 80px;}
#clients_say .testimonial .user-info .profile {
    width: 60px;
    height: 60px;}
#clients_say .testimonial .user-info .dec {
    font-size: 10px;}
}
/* slick */
#clients_say .testimonial .slick-dots {
    bottom: -70px;
}
#clients_say .testimonial .slick-dots li button, #video-slider .slick-dots li button {
    background-color: #dedede;
    min-width: 60px;
    height: 4px;
    padding: 0;}
#clients_say .testimonial .slick-dots li:first-of-type button, #video-slider .slick-dots li:first-of-type button {
    border-radius: 25px 0 0 25px;}
#clients_say .testimonial .slick-dots li:last-of-type button, #video-slider .slick-dots li:last-of-type button {
    border-radius: 0 25px 25px 0;}
#clients_say .testimonial .slick-dots li.slick-active button {
    background-color: #63266d;}
    #video-slider .slick-dots li.slick-active button {
    background-color: #119ea1;}
#clients_say .testimonial .slick-dots li button:before, #video-slider .slick-dots li button:before {
    content: initial;}
@media (max-width: 1199px) {
#clients_say .testimonial .slick-dots {
    right: 20px;
    bottom: -80px;}
}
/* commented-item */
#clients_say .commented-item {
    margin-top: 50px;}
#clients_say .commented-item .col:nth-child(1) {
    padding-right: 0;
    max-width: 90px;}
#clients_say .commented-item .logo {
    max-width: 100%;
    height: 60px;}
#clients_say .commented-item .rating {
    font-size: 19px;}
#clients_say .commented-item .fa-star {
    color: #dedede;
    margin-top: 7px;
    margin-right: 6px;
    font-size: 18px;}
#clients_say .commented-item p {
    margin-top: 20px;}
@media (max-width: 1199px) {
#clients_say .commented-item .col:nth-child(1) {
    max-width: 70px;}
#clients_say .commented-item .logo {
    height: 50px;}
#clients_say .commented-item .rating {
    font-size: 16px;}
#clients_say .commented-item .fa-star {
    font-size: 15px;}
}








/* latest_blog */
/* item */
#latest_blog .blog-slick{
    margin: 0px -15px; }
#latest_blog .blog-slick .slick-item{
    margin-bottom: 10px;
    padding: 0px 15px;}

#latest_blog .item {
    position: relative;
    height: 100%;
    border-radius: 25px;}
#latest_blog .item .img-primary {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 25px 25px 0 0;}
#latest_blog .item .content {
    padding: 20px;}
#latest_blog .item .content .title {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 10px;}
#latest_blog .item .content .dec {
    font-size: 12.4px;
    padding-bottom: 40px;}
#latest_blog .item .content .btn-read-more {
    position: absolute;
    bottom: 20px;
    right: 15px;
    margin-top: 10px;
    padding-bottom: 0;
    font-size: 11.6px;
    color: #42aeff;}








/* subscribe */
#subscribe {
    padding-top: 100px;
    padding-bottom: 100px;}
/* item */
#subscribe .item {
    background-color: #fff;
    padding: 60px;
    border-radius: 25px;}
@media (max-width: 767px) {
#subscribe .item {
    padding: 50px 30px;}
}
/* center-head */
#subscribe .center-head h1 {
    font-size: 30px;
    margin-bottom: 20px;}
#subscribe .center-head h6 {
    font-size: 17px;}
@media (max-width: 767px) {
#subscribe .center-head h6 {
    font-size: 14px;}
}
/* form */
#subscribe .form {
    margin-top: 25px;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    position: relative;}
#subscribe .form .form-control {
    background-color: #f1f1f3;
    border: none;
    font-size: 14px;
    border-radius: 25px;
    padding: 16px 160px 16px 30px;}
#subscribe .form .form-control:focus {
    box-shadow: none;}
#subscribe .form .btn {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 16px;
    border-radius: 25px;
    padding: 8px 40px;}
@media (max-width: 767px) {
#subscribe .form .form-control {
    font-size: 12px;
    padding: 10px 140px 10px 20px;}
#subscribe .form .btn {
    font-size: 13px;
    padding: 5px 25px;}
}







/* faq */
/* side-head */
#faq .side-head label {
    letter-spacing: 11px;}
@media (max-width: 991px) {
#faq .side-head label {
    letter-spacing: 5px;}
}
/* accordion */
#faq .accordion .accordion-item {
    border: none;
    border-bottom: 1px solid #ddd;
    background-color: transparent}
#faq .accordion .accordion-item .accordion-button {
    color: #212529;
    box-shadow: none;
    border-radius: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 0;
    background-color: transparent}
#faq .accordion .accordion-item .accordion-button h2 {
    margin-bottom: 0;
    font-size: 20px;}
#faq .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
    outline: none;}
#faq .accordion .accordion-item .accordion-button:not(.collapsed) {
    padding-bottom: 0;}
#faq .accordion .accordion-item .accordion-button:not(.collapsed) h2 {
    font-size: 22px;}
#faq .accordion .accordion-item .accordion-button.collapsed {
    opacity: .6;}
#faq .accordion .accordion-body {
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 0;}
#faq .accordion .accordion-body h5 {
    opacity: .8;
    line-height: 22px;
    font-size: 14px;}
@media (max-width: 991px) {
#faq .accordion .accordion-item .accordion-button {
    padding-top: 15px;
    padding-bottom: 15px;}
#faq .accordion .accordion-item .accordion-button h2 {
    font-size: 14px;}
#faq .accordion .accordion-item .accordion-button:not(.collapsed) h2 {
    font-size: 16px;}
#faq .accordion .accordion-body h5 {
    line-height: 20px;
    font-size: 13px;}
}








/* contact */
@media (min-width: 992px) {
#contact .center-head h1 {
    margin-bottom: 20px;
    margin-top: 10px;}
}
/* item */
#contact .item {
    background-color: #fff;
    padding: 30px;}
#contact .item .field-col {
    margin-top: 15px;}
#contact .item .btn-submit {
    color: #fff;
    font-size: 14px;
    border-radius: 25px;
    padding: 7px 35px;
    background: #72358e;
    width: 100%;
    height: 50px;
}
/* form-default */
#contact .form-default .form-body .form-control {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 7px;}





    

/* our_vision */
/* slick */
#our_vision .slick-item {
    background-color: #fff;
    border-radius: 25px;
    margin-right: 40px;
    padding: 40px 30px;}
#our_vision .slick-item .sl-no {
    line-height: 65px;
    font-size: 60px;}
#our_vision .slick-item .title {
    margin-bottom: 15px;
    font-size: 18px;}
@media (max-width: 991px) {
#our_vision .slick-item {
    margin-right: 25px;
    padding: 30px;}
#our_vision .slick-item .sl-no {
    line-height: 45px;
    font-size: 40px;}
#our_vision .slick-item .title {
    font-size: 16px;}
#our_vision .slick-item .dec {
    font-size: 11.5px;}
}








/* our_mission */
/* img-left */
@media (max-width: 991px) {
#our_mission .img-left {
    margin-top: 70px;}
}




/* our_story */

/* default-head */
#our_story .default-head h1 {
    font-size: 26px;
    line-height: 38px;}




    

/* our_team */
#our_team {
    padding-bottom: 120px;}
/* btn-join */
#our_team .btn-join {
    color: #fff;
    font-size: 18px;
    border-radius: 35px;
    padding: 14px 40px;}
@media (max-width: 991px) {
#our_team .btn-join {
    font-size: 13px;
    padding: 8px 30px;}
}
@media (max-width: 767px) {
#our_team .btn-join {
    margin-top: 20px;}
}

/* slick-item */
#our_team .slick-item {
    color: #fff;
    margin-right: 50px;}
#our_team .slick-item .img-cover {
    -webkit-filter: grayscale(0);
    filter: none;}
#our_team .slick-item:hover .img-cover {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);}
#our_team .slick-item .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s;
    background: linear-gradient(180deg, transparent, #000000db)}
.card-hover:hover .overlay {
    background: linear-gradient(180deg, transparent, #000)}
#our_team .slick-item .name {
    font-size: 21px;
    margin-bottom: 5px;}
#our_team .slick-item .dec {
    font-size: 14px;}
#our_team .slick-item .social-media {
    min-height: 35px;
    margin-top: 20px;}
#our_team .slick-item .social-media .a-link {
    display: inline-block;
    font-size: 18px;
    padding-right: 10px;
    text-decoration: none;
    color: #00c5b1;}
@media (max-width: 991px) {
#our_team .slick-item {
    margin-right: 20px;}
#our_team .slick-item .name {
    font-size: 18px;}
#our_team .slick-item .dec {
    font-size: 13px;}
#our_team .slick-item .social-media {
    min-height: 30px;}
#our_team .slick-item .social-media .a-link {
    font-size: 16px;}
}

/* slick-next */
#our_team .slick-prev,
#our_team .slick-next {
    bottom: -110px;
    top: initial;}
#our_team .slick-prev {
    left: initial;
    right: 30px;;}
#our_team .slick-next {
    right: -30px;}
@media (max-width: 991px) {
#our_team .slick-prev {
    right: 0;}
#our_team .slick-next {
    right: -65px;}
}








/* media */
#media .item {
    position: relative;
    height: 270px;
    margin-bottom: 25px;}
#media .item::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, transparent, #000000c7);}
#media .item .img-primary {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;}
#media .item .content {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 20px;}
#media .item .content .text-m {
    font-size: 16px;}
#media .item .btn-icon {
    border: 0;
    background-color: transparent;}
@media (max-width: 991px) {
#media .item {
    height: 230px;
    margin-bottom: 20px;}
#media .item .content .text-m {
    font-size: 14px;}
}
/* btn-icon */
#media .item .btn-icon img {
    position: absolute;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);}
@media (max-width: 991px) {
#media .item .btn-icon img {
    height: 50px;}
}
/* item-lg */
#media .item.item-lg {
    height: 565px;}
#media .item.item-lg .content {
    padding: 30px;}
#media .item.item-lg .content .text-m {
    font-size: 20px;}
@media (max-width: 991px) {
#media .item.item-lg {
    height: 350px;}
#media .item.item-lg .content {
    padding: 25px;}
#media .item.item-lg .content .text-m {
    font-size: 16px;}
}






/* #blog */
#blog .item {
    background-color: #fff;}
#blog .item .img-primary {
    width: 100%;
    object-fit: cover;}
#blog .item .dec {
    display: initial;}
#blog .content .btn-text {
    padding: 0;
    font-size: 12px;}
@media (min-width: 768px) {
#blog .item .img-primary {
    height: 300px;}
#blog .item .content {
    padding-right: 30px;}
}
@media (max-width: 767px) {
#blog .item .img-primary {
    height: 250px;}
#blog .item .content {
    padding: 20px;}
}






/* blog_view */
#blog_view.blog .date {
    font-size: 13px;}
#blog_view.blog .name {
    font-size: 14px;
    color: #000;}
#blog_view .btn-group {
    border-radius: 25px;
    color: #fff;
    margin-right: 15px;
    padding: 9px 15px;}
#blog_view .btn-group span {
    position: relative;
    top: 1px;}
#blog_view .btn-group img {
    height: 22px;}





/* career */
/* item-row */
#career .item-row {
    background-color: #fff;
    border-radius: 25px;
    padding: 35px 35px 45px 35px;}
#career .item-row .h3 {
    margin-bottom: 50px;
    font-size: 28px;}
#career .item-row .item {
    color: #2a2a2a;
    margin-top: 25px;
    position: relative;}
#career .item-row .item:not(:last-of-type) {
    padding-bottom: 30px;
    border-bottom: 2px solid #7bc9c3;}
#career .item-row .item::before {
    content: '';
    position: absolute;
    left: -35px;
    top: 0;
    background-color: #00A89C;
    width: 5px;
    height: 50px;
    border-radius: 0 5px 5px 0;}
#career .item-row .item .title {
    margin-bottom: 10px;
    font-size: 23px;}
#career .item-row .item .title small {
    font-size: 80%;}
#career .item-row .item .dec {
    line-height: 23px;
    margin-bottom: 5px;
    font-size: 13px;}
#career .item-row .item .info {
    margin-top: 20px;}
#career .item-row .item .info img {
    height: 20px;}
#career .item-row .item .info .map-circle {
    height: 25px;}
#career .item-row .item .info .data {
    font-size: 15px;}
#career .item-row .item .btn-apply,
#career .item-row .item .btn-collapse {
    border-radius: 25px;
    color: #fff;
    padding: 12px 25px;
    margin-top: 15px;
    margin-left: 10px;
    font-size: 14px;
    min-width: 170px;}
#career .item-row .item .btn-collapse {
    border: 1px solid #00A89C;}
#career .item-row .item .accordion-body {
    padding: 30px 0 0 0;}
#career .item-row .item .accordion-body p {
    margin-bottom: 0;
    line-height: 23px;}
@media (max-width: 767px) {
#career .item-row .h3 {
    font-size: 24px;}
#career .item-row .item .title {
    font-size: 20px;}
#career .item-row .item .btn-apply,
#career .item-row .item .btn-collapse {
    margin-right: 10px;
    margin-left: 0;
    margin-top: 30px;}
}






/* contact */
.wpcf7 form .wpcf7-submit {
  position: relative;
}

.wpcf7 form .wpcf7-spinner {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

#contact .item {
    background-color: #63266d;}
#contact h3 {
    font-size: 28px;
    margin-bottom: 40px;}
@media (max-width: 991px) {
#contact .item {
    padding: 20px;}
#contact h3 {
    font-size: 22px;
    margin-bottom: 30px;}
}
/* contact-info */
#contact .contact-info {
    background-image: url('../images/bg/bg-white-lines.webp'), linear-gradient(-45deg, #1CA6B7, #00B59C);}
@media (min-width: 992px) {
#contact .contact-info {
    width: 100%;
    height: 650px;
    padding: 110px 50px 45px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
}
@media (max-width: 991px) {
#contact .contact-info {
    padding: 90px 30px 35px;
    margin-top: -100px;}
}

/* contact-table */
#contact .contact-table td {
    padding-bottom: 30px;
    padding-top: 5px;}
#contact .contact-table td .a {
    color: #fff !important;}
#contact .contact-table td label {
    color: #fff;}
#contact .contact-table td img {
    height: 22px;}
#contact .contact-table td .mail-white {
    height: 16px;}

/* form-default */
#contact .form-default {
    /* padding: 35px; */
}
#contact .form-default .form-body [class^="col-"] {
    margin-bottom: 15px;}
#contact .form-default .form-body .form-control, 
#contact .form-default .form-body .form-select {
    height: 50px;
    border-radius: 7px;}
#contact .form-default .form-body textarea.form-control {
    height: 115px;
    
}

#contact .form-default .form-foot .btn-submit {
    border-radius: 5px;
    padding: 8px 30px;
    min-width: 145px;
    color: #fff;}
@media (max-width: 1024px) {
    #about .about-info .item {
    padding: 15px;
    }
    #about .about-info .item .title {
        line-height: 22px;
        font-size: 14px;
    }
    }
@media (max-width: 991px) {
#contact .form-default .form-foot .btn-submit {
    min-width: 100px;}
}

/* map */
#contact .map {
    margin-top: 100px;
    overflow-x: hidden;}
#contact .map iframe {
    display: block;
    height: 400px;}
@media (max-width: 991px) {
#contact .map iframe {
    height: 300px;}
}






/* price_plans */
#price_plans {
    padding-bottom: 200px;}
#price_plans .default-head h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 55px;}
#price_plans .default-head p {
    font-size: 16px;
    line-height: 25px;}
@media (max-width: 991px) {
#price_plans .default-head h1 {
    font-size: 28px;
    line-height: 40px;}
#price_plans .default-head p {
    font-size: 12px;
    line-height: 20px;}
}






/* price_plans_list */
#price_plans_list {
    margin-top: -190px;
    padding-bottom: 90px;}
#price_plans_list .item {
    background-color: #fff;
    border-radius: 30px;
    position: relative;
    text-align: center;
    cursor: pointer;
    transition: transform .6s;}
#price_plans_list .item:hover {
   -webkit-transform: translateY(-15px);
   -ms-transform: translateY(-15px);
   transform: translateY(-15px);}
#price_plans_list .item .text-badge {
    padding: 4px 10px;
    border-radius: 14px 14px 0 0;
    font-size: 11px;
    color: #fff;
    position: absolute;
    top: -25px;
    left: 35px;}
#price_plans_list .item .inner {
    padding: 25px 30px 20px;}
#price_plans_list .item .inner .label {
    font-size: 17px;
    background-color: #333;
    color: #fff;
    border-radius: 25px;
    margin-bottom: 25px;
    padding: 7px 15px}
#price_plans_list .item .inner .data {
    font-size: 12.4px;
    margin-top: 12px;}
#price_plans_list .item .inner .data-xl {
    font-size: 16px;}
#price_plans_list .item .foot {
    color: #fff;
    border-radius: 0 0 30px 30px;
    padding: 25px 20px 25px;}
#price_plans_list .item .foot .price {
    position: relative;
    right: 22px;
    line-height: 40px;
    margin-bottom: 7px;
    font-size: 44px;}
#price_plans_list .item .foot .price img {
    height: 33px;
    position: relative;
    bottom: 2px;
    left: 4px;}
#price_plans_list .item .foot .text-s {
    font-size: 12px;}
#price_plans_list .item .foot .text-m {
    margin-top: 2px;
    font-size: 13px;}
@media (max-width: 991px) {
#price_plans_list {
    padding-bottom: 50px;}
#price_plans_list .item {
    margin-bottom: 35px;}
#price_plans_list .item .inner {
    padding: 30px 30px 20px;}
#price_plans_list .item .inner .label {
    font-size: 16px;
    margin-bottom: 35px;}
#price_plans_list .item .inner .data {
    font-size: 13px;}
#price_plans_list .item .inner .data-xl {
    font-size: 18px;}
#price_plans_list .item .foot .price {
    line-height: 35px;
    font-size: 35px;}
#price_plans_list .item .foot .price img {
    height: 26px;}
#price_plans_list .item .foot .text-s {
    font-size: 11px;}
#price_plans_list .item .foot .text-m {
    font-size: 12px;}
}
@media (max-width: 575px) {
#price_plans_list .item {
    margin-bottom: 55px;}
}
/* item-lg */
@media (min-width: 992px) {
#price_plans_list .item.item-lg .foot {
    margin-top: 40px;
    padding-top: 45px;
    padding-bottom: 35px;}
}






/* core_features */
#core_features .item {
    max-width: 290px;
    position: relative;
    margin-top: 20px;
    padding: 10px 15px;
    border-radius: 12px;}
#core_features .item .img-icon {
    max-width: 100%;
    height: 25px;}
#core_features .item:not(:hover) .img-icon:last-of-type,
#core_features .item:hover .img-icon:first-of-type {
    display: none;}
#core_features .item .text-label {
    font-size: 15px;}
#core_features .item:hover .text-label {
    color: #fff !important;}
@media (min-width: 992px) {
#core_features {
    padding-bottom: 100px;}
}
@media (max-width: 575px) {
#core_features .item {
    margin-top: 15px;}
#core_features .item .img-icon {
    height: 23px;}
#core_features .item .text-label {
    font-size: 14px;}
}









/* feature-view */
.feature-view .default-head .img-icon {
    height: 40px;}
.feature-view .default-head h1 {
    margin-bottom: 0;
    font-size: 22px;}
.feature-view .btn-demo {
    color: #fff;
    min-width: 160px;
    padding: 12px 25px;
    margin-top: 50px;
    border-radius: 25px;}
@media (max-width: 991px) {
.feature-view .default-head .img-icon {
    height: 30px;}
.feature-view .default-head h1 {
    line-height: 25px;
    font-size: 18px;}
.feature-view .btn-demo {
    min-width: 140px;
    padding: 10px 20px;}
}






/* privacy */
#privacy h1 {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 10px;}
#privacy p {
    padding-bottom: 20px;}
#privacy ul li {
    padding-bottom: 12px;}
@media (max-width: 991px) {
#privacy h1 {
    font-size: 18px;}
}








/* footer */
footer {
    background-color: #0f0f0f;
    color: #fff;
    padding-top: 60px;
    padding-bottom: 60px;}
@media (max-width: 767px) {
footer {
    padding-bottom: 35px;}
}
/* top-logo */
footer .top-logo {
    position: relative;
    margin-bottom: 45px;}
/* footer .top-logo::before {
    background: linear-gradient(-45deg, #00B59C, #1CA6B7);
    width: 100%;
    height: 2px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -60px;} */
footer .top-logo .a-logo {
    /* background-color: #282828; */
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-right: 25px;}
footer .top-logo .a-logo img {
    max-width: 100%;
    max-height: 55px;}
@media (max-width: 767px) {
footer .top-logo::before {
    height: 1px;}
footer .top-logo .a-logo img {
    max-height: 35px;}
}
/* dec */
footer .dec {
    max-width: 450px;
    font-size: 15px;
    opacity: .7;
    line-height: 25px;}
@media (max-width: 767px) {
footer .dec {
    font-size: 13.3px;
    line-height: 22px;}
}
/* h5 */
footer .h5 {
    font-size: 18px;
    margin-bottom: 30px;}
@media (max-width: 767px) {
footer .h5 {
    margin-top: 60px;}
}
/* social-media */
footer .social-media {
    /* background-color: #383838; */
    margin-top: 55px;
    display: inline-block;
    border-radius: 25px;
    padding: 10px 20px 4px 0;}
footer .social-media a {
    display: inline-block;
    font-size: 20px;
    margin-right: 5px;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    color: #00c5b1;}
footer .social-media a img {
    height: 18px;}
@media (max-width: 767px) {
footer .social-media a {
    font-size: 18px;}
footer .social-media a img {
    height: 16px;}
}
/* links */
footer .links .link {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    margin-bottom: 7px;
    padding-bottom: 10px;}
footer .links .link:not(:hover) {
    opacity: .7;}
/* contact-table */
footer .contact-table tr td {
    padding-top: 0;
    padding-bottom: 25px;}
footer .contact-table tr td .a {
    color: #fff !important;}
footer .contact-table tr:first-of-type td .a {
    position: relative;
    bottom: 5px;}
footer .contact-table tr:not(:hover) td .a {
    opacity: .7;}
.modal .btn-close {
  filter: invert(1);
  opacity: 1;
}
.video-modal{
    max-width: 420px;
}

.video-wrapper-yt {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
}

.video-wrapper-yt iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}
.video-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Case Studies */
.case-studies {
    border-bottom: 2px solid #05b3a5;
    padding: 30px 0;
}
.case-studies:last-child {
    border-bottom: 0;
}
.case-studies img {
    border-radius: 20px;
}
.case-studies h2 {
    font-weight: 600;
    font-size: 28px;
    color: #212529de;
    line-height: 1.4;
}
.case-studies a {
    font-size: 20px;
    color: #6e86ff;
    font-weight: 600;
    margin-bottom: 20px;
    text-decoration: none;
}
.case-study-link {
    text-decoration: none;
}
.case-study-item {
    border-bottom: 2px solid #05b3a5;
    padding: 15px 0;
}
.case-study-item h3 {
    font-size: 14px;
    color: #6e86ff;
    font-weight: 600;
    margin-bottom: 10px;
    text-decoration: none;
}
.case-study-item h4 {
    font-weight: 600;
    font-size: 16px;
    color: #212529de;
    line-height: 1.4;
    margin-bottom: 0;
}
.other-case-studies h2 {
    font-size: 16px;
    color: #6b6c73;
    font-weight: 600;
}
.other-case-studies {
    padding-left: 30px;
    border-left: 1px solid;
    min-height: 500px;
    padding-bottom: 50px;
}
.banner-cover .caption h3.case-study {
    font-size: 32px;
}
.case-stydy-h1 {
    font-size: 38px;
}
.case-bnr img{
    border-radius: 30px;
}
.case-study h3 {
    font-weight: 600;
    font-size: 20px;
}
.casestudy-h2 {
    font-family: 'Poppins-SemiBold';
}
.case-study h2.casestudy-h2 {
    font-family: 'Poppins-SemiBold';
    font-size: 30px;
}
.case-study  h2 {
    font-weight: 700;
    font-size: 23px;
    color: #000;
}
ul.wp-block-list {
    list-style: none;
    padding-left: 0;
}
ul.wp-block-list li {
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px;
}
ul.wp-block-list li strong {
    color: #06b771;
}
ul.wp-block-list li:before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #539dcf;
    border-radius: 50%;
}
h4.wp-block-heading {
    font-size: 20px;
}
#case-study {
    position: relative;
}

.fixed-right {
    position: fixed;
    top: 0;
    z-index: 99;
}
.other-case-studies {
    margin-bottom: 100px;
}
.rounded-15 {
    border-radius: 15px !important;
}
/* Case Studies */
@media (max-width: 767px) {
.banner-cover .caption h3.case-study {
    font-size: 16px;
    margin-top: 42px;
}
.case-stydy-h1 {
    font-size: 20px;
}
.case-studies a {
    font-size: 15px;
}
.case-studies h2 {
    font-size: 18px;
    margin-bottom: 0;
}
.other-case-studies {
    min-height: auto;
}
.case-study h2 {
    font-size: 18px;
}
.case-study h2.casestudy-h2 {
    font-size: 24px;
}
}

/* Home Banner */
.ai-img {
    margin-bottom: 50px;
    width: 70%;
}
span.span1 {
    color: #7f3f97;
    font-style: italic;
    font-family: 'Poppins-Bold';
}
span.span2 {
    background: #119ea1;
    color: #fff;
    line-height: 6px;
    padding: 0 20px 0 10px;
}
span.span3 {
    background: #119ea1;
    color: #fff;
    line-height: 6px;
    padding: 0 20px 0 10px;
    font-style: italic;
    margin-top: 5px;
}
.bnr-right {
    position: relative;
}
.green-bg {
    position: absolute;
    background: green;
    width: 50%;
    background-size: 50%;
    right:0;
    bottom:0;

}
.green-bg {
    position: absolute;
    width: 50%;
    right: 0;
    height: 69%;
    background: linear-gradient(135deg, #3aa6a3, #7f3f97);
    border-radius: 150px 0 0 0;
}
.list-div {
    background: #7f3f97;
    width: 200px;
    padding: 20px;
    border-radius: 25px 25px 25px 0;
    position: absolute;
    right: 0;
    top: 30px;
}
.list-div ul {
    padding-left:0 ;
    margin-bottom: 0;
}
.list-div ul li {
    position: relative;
    padding-left: 20px;
}
.list-div ul li{
    color: #fff;
    text-align: left;
    list-style: none;
    font-weight: 600;
    line-height: 30px;
}
.list-div ul li:before {
    content: '';
    width: 7px;
    height: 7px;
    background: #17ff85;
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    border-radius: 50%;
}
.item h3 span {
    font-family: "poppins-semibold";
    color: #fff;
}
.core-feature {
    position: relative;
}
.feature-ul ul {
    padding-left: 0;
}
.feature-ul li {
    color: #a5a5a5;
    position: relative;
    padding-left: 35px;
    list-style: none;
    border-bottom: 1px solid #663479;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-family: 'Poppins-Medium';
    font-size: 17px;
}
.feature-ul li:last-child {
    border-bottom: 0;
}
.feature-ul {
    margin-left: 15%;
    padding: 50px;
    background: #0f0f0f;
    border-radius: 50px;
}
.feature-ul li span {
    color: #fff;
    font-weight: 600;
}
.modules h2 {
    font-family: 'Poppins-Light';
    line-height: 45px;
    color: #fff;
    font-size: 26px
}
.modules {
    padding: 170px 0 100px;
    background: linear-gradient(135deg, #2fbaaa 65%, #7f3f97 100%);
    margin-top: -175px;
}
.module-div{
    background: #0000001a;
    border-radius:10px;
    padding:20px;
    display:flex;
    align-items:flex-start;
    gap:15px;
    color:#fff;
    transition:0.3s;
}

.module-div:hover{
    transform:translateY(-5px);
}

.module-icon img{
    width:48px;
}

.module-content h5{
    font-size:18px;
    font-weight:600;
    margin-bottom:5px;
    font-family: 'Poppins-SemiBold';
}

.module-content p{
    font-size:14px;
    margin:0;
    opacity:0.9;
}
span.bold {
    font-family: 'Poppins-SemiBold';
}
span.violet-bg {
    background: #72358e;
    color: #fff;
    padding: 0 10px;
    line-height: .5;
    font-weight: 600;
    font-family: 'Poppins-SemiBold';
}
span.free {
    font-style: italic;
    color: #17ff85;
    font-weight: 600;
}
/* hide numbers inside dots */
#slick1 .slick-dots li button {
    font-size: 0;
}

/* create disc style */
#slick1 .slick-dots li button:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    display: block;
    opacity: 0.5;
}

/* active dot */
#slick1 .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #fff;
}
.about-bg p {
        color: #d5c3da;
}
.about-bg{
    background: linear-gradient(135deg, #7e3f96, #581c5d);
    padding: 50px 100px;
    border-radius: 0 50px 50px 0;
    margin-left: -125px;
    position: relative;
    z-index: 1;
}

.img-left{
    position: relative;
    z-index: 3;   /* higher than about-bg */
}

.col-lg-5 {
    position: relative;
    z-index: 3;
}
.feature-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f0f0f;
    border-radius: 50%;
    position: absolute;
    top: -25px;
    left: -25px;
    border: 1px solid #fff;
}
.feature-ul h3 {
    font-family: 'Poppins-SemiBold';
    color: #fff;
    display: inline-block;
    background-color: #72358e;
    padding: 7px 30px 7px 20px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 20px;
}
.slick-wrapper{
    margin: -10px;
}

#slick1 .slide-item{
    padding: 10px;
}
.slide-item{
    height: 100%;
}
.module-content{
    flex: 1;
}
section#about {
    position: relative;
    z-index: 2;
}
.slick_testimonial{
    margin: 0 -15px;
}

.slick_testimonial .slick-item{
    padding: 0 15px;
}
.shorts-wrapper{
    position:relative;
    width: 100%;
    padding-top: 177.77%;
}
.video-wrapper{
    position:relative;
}
.youtube-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events:auto;
    border-radius: 20px;
}
.video-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.35);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:20px;
}

.play-btn{
    width:70px;
    height:70px;
    border-radius:50%;
    border:none;
    font-size:28px;
    color:#fff;
    background:#7e3f96;
    cursor:pointer;
}

.testimonial-video{
    border-radius:12px;
}
 .feature-ul li:before{
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/bg/tick.png);
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    border-radius: 50%;
}
.website-btn {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 10px 20px;
    background: #1f1b1c;
    color: #fff;
    text-decoration: none;
    border-radius: 999px;
    font-size: 18px;
    font-family: 'Poppins-Medium';
}
/* icon circle */
.website-btn .btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  background: #3a3637;
  border-radius: 50%;
  font-size: 16px;
}

/* Circle on the right */
.website-btn::after {
  content: "↗";
  display: flex;
  align-items: center;
  justify-content: center;

  width: 35px;
  height: 35px;

  background: #3a3637;
  border-radius: 50%;

  font-size: 18px;
  color: #ffffff;
  transition: transform 0.3s ease;
}

/* Optional hover effect */
.website-btn:hover {
  background: #2a2526;
  color: #fff;
}
.website-btn:hover::after {
    transform: rotate(45deg);
}
.website-btn:hover::after {
  background: #4a4546;
}
.website-btn .btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;

  background: #3a3637;
  border-radius: 50%;
  font-size: 18px;
}
.website-btn img.emoji {
  display: none !important;
}
.video-slide{
    position: relative;
    cursor: pointer;
}

/* .video-slide::after{
    content: "▶";
    position: absolute;
    font-size: 40px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #7f3f97;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
} */
#video-slider img {
    border-radius: 10px;
    aspect-ratio: 9 / 16;
    object-fit: cover;
}
#video-slider .slick-slide {
    margin: 0 20px; /* space between videos */
}

#video-slider .slick-list {
    margin: 0 -5px;
}
section#contact {
    border-radius: 80px 80px 0 0;
    background: #63266d;
}
.vdeo-testi-h span {
    background: linear-gradient(90deg, #5a8fd6, #21b59a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* font-style: italic; */
}
.slick-dots {
    bottom: -70px;
}
img.w-lg-25 {
    width: 35%;
}
@media (max-width: 991px) {
    .feature-ul {
    margin-left: 0;
    }
}
@media (max-width: 767px) {
    section {
    padding-top: 40px;
    padding-bottom: 40px;
}
.ai-img {
    margin-bottom: 20px;
}
    .list-div {
    width: 125px;
    padding: 15px;
    top: 14px;
}
.list-div ul li:before {
    width: 5px;
    height: 5px;
    top: 6px;
}
.list-div ul li {
    padding-left: 13px;
    font-size: 11px;
    line-height: 18px;
}
.green-bg {
    width: 100%;
    height: 43%;
    border-radius: 0;
    top: 0;
    transform: translateY(145%);
}
.about-bg {
    padding: 30px 30px 200px 30px;
    border-radius: 40px;
    margin-left: 0;
}
    #about .img-left {
        margin-top: -236px;
        margin-right: 0;
    }
    .feature-ul {
    margin-left: 0;
    border-radius: 40px;
    padding: 50px 25px;
    }
    .about-info {
        padding: 0 30px;
    }
    #indro {
    min-height: auto;
    }
    section#contact {
    border-radius: 40px 40px 0 0;
    }
    footer .social-media {
    margin-top: 0;
    }
    .website-btn {
        gap: 10px;
        padding: 6px 15px;
        font-size: 16px;
    }
    .website-btn::after {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    font-size: 15px;
    }
    img.w-lg-25 {
        width: 50%;
    }
    #slick1 .slick-dots li button:before {
    content: "";
    width: 10px;
    height: 10px;
    }
    .modules {
    padding: 140px 0 40px;
    }
    .slick-dots {
    bottom: -50px;
    }
    .slick-dots li, .slick-dots li button, .slick-next, .slick-prev {
    width: 10px;
    }
    .center-head {
        width: 85%;
    }
}
.yt-videos{
    position: relative;
    z-index: 1;
    background: #64276f;
}

/* .yt-videos::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%; 
    background: #64276f;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    z-index: -1;
} */
 .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output,
 .wpcf7 form.sent .wpcf7-response-output {
    color: #fff;
}