@import url("../css/bootstrap.css");
/* @import url('../css/animate.css'); */
@import url("../css/slick.css");
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css");

/* NEW__FONT__ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* NEW__FONT__ */

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}

body {
    overflow-x: hidden !important;
}

:root {
    --color-one:#ad2402;
    --color-two:#332e28;
    --color-three:#ead4b6;
    --color-four:#f0d045;
}

a {
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

ul {
    padding: 0;
    margin: 0 0 0;
}

li {
    list-style: none;
}

p {
    margin: 0;
    font-family: "Poppins", sans-serif;
}

h1,
h2,
h3 {
    margin: 0;
    font-family: "Montserrat", sans-serif;
}

h4{
    margin: 0 0 0;
    font-family: "Montserrat", sans-serif;
}

/* HEADER____ */

section.header-top {
    background: #001537;
    padding: 10px 0 30px;
}

.top-head-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.-main-nav li {
    display: inline-block;
    padding: 0 20px 0;
}

.-main-nav a {
    color: white;
    font-size: 18px;
    font-weight: 400;
}

.login-get-started {
    display: flex;
    align-items: center;
    gap: 0px 25px;
}

.search a {
    color: white;
    font-size: 18px;
}

.log-get-started a {
    background-image: linear-gradient(90deg, #01C9D4 0%, #027A89 100%);
    color: white;
    font-size: 15px;
    padding: 13px 15px 13px;
    border-radius: 4px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.log-get-started a:hover {
    transform: translateY(-5px); /* oper move */
}

.-main-nav {
    padding: 20px 0 0;
}

/* HEADER____ */



/* FOOTER____ */

section.footer-sec {
    background: #000F25;
    padding: 80px 20px 35px;
}

.quick-link-one img {
    width: 100%;
    max-width: 270px;
    padding: 0 0 20px;
}

.quick-link-one {
    padding: 0px 5px 0;
}

.quick-link-one p {
    color: white;
    font-size: 15px;
}

.quick-link-one li {
    display: inline-block;
    padding: 10px 5px 9px;
    border: 1px solid #01a3b0;
    border-radius: 30px;
}

.quick-link-one li a {
    color: #01a3b0;
    font-size: 20px;
    padding: 6px 10px 6px;
    border-radius: 35px;
}

.quick-link-one ul {
    padding: 10px 0 0;
}

.quick-link-two h4 {
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    padding: 0 0 25px;
    font-weight: 700;
}

.quick-link-two li {
    padding: 4px 0 4px;
}

.quick-link-two li a {
    color: white;
}

.stay-connected h4 {color: white;text-transform: uppercase;font-size: 20px;padding: 0 0 22px;font-weight: 700;}

.stay-connected p {
    color: white;
    padding: 0 0 15px;
}

.mail input#exampleFormControlInput1 {
    padding: 17px 10px 17px;
    background: transparent;
    border: 1px solid dimgrey;
    font-weight: 600;
}

.sub-btn {
    text-align: center;
    padding: 15px 0 0;
}

/* .sub-btn a {
    background-image: linear-gradient(90deg, #01C9D4 0%, #027A89 100%);
    color: white;
    font-size: 18px;
    font-weight: 600;
    display: block;
    padding: 12px 0 12px;
    border-radius: 4px;
} */

.sub-btn a {
    background-image: linear-gradient(90deg, #01C9D4 0%, #027A89 100%);
    color: white;
    font-size: 18px;
    font-weight: 600;
    display: block;
    padding: 12px 0 12px;
    border-radius: 4px;
    transition: all 0.3s ease; /* smooth effect */
}

.sub-btn a:hover {
    transform: translateY(-5px); /* oper move */
    color: black; /* text black */
}

.copy-right-txt p {
    color: white;
    font-size: 15px;
    text-align: center;
}

.copy-right-txt p span {
    color: #01a7b4;
}

.copy-right-txt {
    border-top: 1px solid darkslategrey;
    padding: 10px 0 10px;
    margin: 30px 0 0;
}

.quick-link-two a:hover {
    color: #01a7b4;
    transition: .2s all;
}

/* FOOTER____ */



/* BANNER_____ */

section.banner-top {
    background-image: url(../images/banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 30px 80px;
}

.banner-txt h1 {
    color: white;
    font-size: 45px;
    font-weight: 700;
}

.banner-txt h1 span {
    color: #00ffff;
}

.banner-txt p {
    color: white;
    padding: 15px 0 0;
}

.banner-txt-main {
    padding: 30px 0 30px;
}

.list-icon {
    display: flex;
    align-items: center;
    gap: 0px 15px;
}

.list-icon h4 {
    color: white;
    font-size: 20px;
}

.box-set {
    background: #001537b8;
    margin: 5px 0 10px;
    border: 1px solid #01afbb;
    width: 50%;
    padding: 20px 10px 20px;
    border-radius: 10px;
}

.list-of-icons {
    padding-left: 95px;
}

.banner-btns {
    display: flex;
    align-items: center;
    gap: 0px 30px;
    padding: 30px 0 30px;
}

a.btn-one {
    background-image: linear-gradient(90deg, #01C9D4 0%, #027A89 100%);
    color: white;
    padding: 15px 20px 15px;
    border-radius: 4px;
}

a.btn-one i {
    font-size: 10px;
    border: 1px solid white;
    padding: 2px 2px 2px;
    border-radius: 10px;
}

a.btn-two {
    border: 1px solid white;
    color: white;
    padding: 15px 20px 15px;
    border-radius: 4px;
}

a.btn-two i {
    font-size: 12px;
    padding-right: 5px;
}

.btn-one {
    transition: all 0.3s ease; /* smooth effect */
    display: inline-block; /* zaroori for transform */
}

.btn-one:hover {
    transform: translateY(-5px); /* oper move */
    color: black; /* text black */
}

.btn-two {
    color: white; /* text white */
    display: inline-block;
    transition: all 0.3s ease; /* smooth */
}

.btn-two:hover {
    transform: translateY(-5px); /* oper move */
    background-image: linear-gradient(90deg, #01C9D4 0%, #027A89 100%);
    color: white; /* text white hi rahe */
}

.billing-list li {
    color: white;
    display: inline-block;
    padding-right: 10px;
    font-weight: 500;
}

.billing-list li i {
    font-size: 12px;
    background: #02b2bf;
    color: black;
    padding: 3px 4px 3px;
    border-radius: 12px;
}

/* BANNER_____ */



/* HOME__PAGE___ */

.oral-board-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

section.oral-board {
    padding: 70px 0px 70px;
}

.oral-icons-box {
    text-align: center;
    border-left: 1px solid darkslategrey;
    margin: 0 15px 0;
    padding: 0 10px 0;
}

.oral-icons-box h4 {
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0 10px;
}

.oral-icons-box p {
    font-size: 13px;
}

section.feature-course {
    padding: 70px 0 70px;
    background-image: url(../images/feature-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

.feature-txt {
    padding: 130px 0 0;
}

.feature-txt h4 {
    font-size: 23px;
    font-weight: 700;
    color: #01C4CF;
    padding: 0 0 10px;
}

.feature-txt h2 {
    color: white;
    font-size: 50px;
    font-weight: 700;
}

.feature-txt p {
    color: white;
    padding: 5px 0 5px;
}

.feature-btns {
    padding: 15px 0 0;
    display: flex;
    gap: 0px 20px;
}

a.feature-one {
    background-image: linear-gradient(90deg, #01C9D4 0%, #027A89 100%);
    color: white;
    padding: 13px 20px 13px;
    border-radius: 4px;
    font-size: 15px;
}

a.feature-two {
    padding: 13px 20px 13px;
    font-size: 15px;
    color: white;
    font-weight: 600;
}

a.feature-one i {
    font-size: 12px;
    padding-left: 10px;
}

a.feature-two i {
    font-size: 12px;
    padding-right: 10px;
}

.feature-one {
    display: inline-block;
    color: white; 
    transition: all 0.3s ease; 
}

.feature-one:hover {
    transform: translateY(-5px); 
    color: white; 
}

.feature-two {
    display: inline-block;
    color: white; 
    transition: all 0.3s ease; 
}

.feature-two:hover {
    transform: translateY(-5px); /* oper move */
    background-image: linear-gradient(90deg, #01C9D4 0%, #027A89 100%);
    color: white;
    border-radius: 4px; 
}

.counter-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px 20px;
    border-left: 2px solid white;
}

section.counter {
    background: #001537;
    padding: 35px 0 35px;
}

.counter-num h4 {
    color: white;
    font-size: 35px;
}

.counter-num p {
    color: white;
    font-size: 14px;
    font-weight: 300;
    padding: 5px 0 0;
}

section.why-choose-us {
    padding: 70px 0 70px;
}

.choose-right h4 {
    font-size: 23px;
    font-weight: 700;
    color: #01C4CF;
    padding: 0 0 10px;
}

.choose-right h2 {
    font-size: 33px;
    text-transform: capitalize;
    font-weight: 700;
    padding: 0 0 10px;
}

.choose-right p {
    font-size: 15px;
}

.choose-btn a {
    background: #0D1B2C;
    color: white;
    padding: 15px 15px 15px;
    border-radius: 4px;
}

.choose-btn {
    padding: 27px 0 0;
}

.choose-btn a i {
    font-size: 12px;
    padding-left: 10px;
}

.choose-btn a {
    display: inline-block;
    transition: transform 0.3s ease;
}

.choose-btn a:hover {
    transform: translateY(-3px);
}

.sub-choose img {
    width: 40%;
    object-fit: fill;
    padding: 0 0 20px;
    height: 85px;
}

.sub-choose h4 {
    font-size: 20px;
    font-weight: 700;
}

.sub-choose p {
    font-size: 14px;
    padding: 10px 0 0;
}

.sub-choose {
    border: 1px solid lightgrey;
    padding: 25px 15px 25px;
    height: 280px;
    border-radius: 10px;
}

.choose-box-main {
    padding-left: 20px;
}

.sub-choose {
    transition: transform 0.3s ease;
}

.sub-choose:hover {
    transform: translateY(-5px);
}

section.testimonials {
    padding: 90px 0 90px;
    background: #000F25;
}

.testi-head {
    text-align: center;
    padding: 10px 0 30px;
}

.testi-head h4 {
    color: #01C4CF;
    font-size: 25px;
    font-weight: 700;
    padding: 0 0 10px;
}

.testi-head h2 {
    color: white;
    font-size: 50px;
    font-weight: 700;
}

.taste-slide li {
    color: goldenrod;
    display: inline-block;
    padding: 10px 5px 10px;
}

.taste-slide p {
    color: white;
    font-size: 15px;
    padding: 10px 0 10px;
}

.user-name h4 {
    color: white;
    font-size: 20px;
}

.slider-user-flex {
    display: flex;
    align-items: center;
    gap: 0px 15px;
    padding: 20px 0 0;
}

.user-name p {
    padding: 0 0 0;
}

.user img {
    width: 100%;
    max-width: 70px;
}

.taste-slide {
    background: #091B38;
    border: 1px solid darkslategrey;
    padding: 35px 25px 35px;
    border-radius: 10px;
}

/*  */

.custom-dots li {
    display: none;
}

.custom-dots li:nth-child(-n+2) {
    display: inline-block;
}

.custom-dots li button {
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50%;
    border: none;
}

.custom-dots li.slick-active button {
    background: #01C4CF;
}

.testimonials-slider .slick-slide {
    margin: 0 15px;
}

.testimonials-slider .slick-dots {
    position: absolute;
    bottom: -60px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.testimonials-slider .slick-prev:before {
    content: '\f104';
    font-family: 'FontAwesome';
    font-size: 40px;
    border: 1px solid darkgrey;
    padding: 6px 20px 6px;
    border-radius: 30px;
}

.testimonials-slider .slick-prev {
    left: -80px;
}

.testimonials-slider .slick-next:before {
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 40px;
    border: 1px solid darkgrey;
    padding: 6px 20px 6px;
    border-radius: 30px;
}

.testimonials-slider .slick-next {
    right: -40px;
}

section.ready-master {
    background-color: transparent;
    background-image: linear-gradient(-90deg, #01C9D4 0%, #027A89 100%);
    padding: 20px 25px 20px;
}

.master-three a {
    background: #0D1B2C;
    color: white;
    padding: 15px 15px 15px;
    border-radius: 4px;
}

.ready-master-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.master-one {
    display: flex;
    align-items: center;
    gap: 0px 20px;
}

.ready-txt h4 {
    color: white;
    font-size: 25px;
    font-weight: 800;
}

.ready-txt p {
    color: white;
    font-size: 15px;
}

.ready-book img {
    width: 100%;
    max-width: 85px;
}

.master-three a {
    display: inline-block;
    transition: transform 0.3s ease;
}

.master-three a:hover {
    transform: translateY(-3px);
}

.-main-nav a:hover {
    color: #01a6b3;
    border-bottom: 2px solid #01a6b3;
    transition: .2s all;
}

.master-three a i {
    font-size: 12px;
    padding-left: 10px;
}

section.inner-banner {
    background-image: url(../images/banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 30px 80px;
    height: 70vh;
}

.banner-inner-cont h1 {
    color: white;
    text-transform: capitalize;
    font-size: 75px;
    font-weight: 700;
    padding: 10px 0 5px;
}

.banner-inner-cont p {
    color: white;
}

section.feature-product {
    padding: 80px 0 80px;
}

.feature-prodtc-head {
    text-align: center;
    padding: 0 0 50px;
}

.feature-prodtc-head h4 {font-size: 23px;font-weight: 700;color: #01C4CF;padding: 0 0 10px;}

.feature-prodtc-head h2 {
    font-size: 55px;
    font-weight: 700;
}

.pkg-header {
    text-align: center;
    background: #00A2B1;
    padding: 25px 0 10px;
    position: relative;
}

.pkg-header h4 {
    color: white;
    font-weight: 700;
    padding: 15px 0 10px;
    font-size: 18px;
}

.sub-pkg p {
    background: black;
    color: white;
    display: inline-block;
    padding: 3px 12px 3px;
    position: absolute;
    top: 0%;
    left: 39%;
    font-size: 14px;
    font-weight: 600;
}

.pakg-pricing {
    text-align: center;
    padding: 25px 0 10px;
}

.pakg-pricing h2 {
    color: #027d8c;
    font-size: 55px;
    font-weight: 700;
    position: relative;
}

.pakg-pricing h2 span {
    font-size: 20px;
    position: absolute;
    left: 33%;
    top: 15%;
}

.pakg-pricing p {
    font-size: 16px;
    font-weight: 400;
}

.pakg-disc p {
    font-size: 14px;
    text-align: center;
    padding: 15px 0 15px;
}

.pakg-list p {
    text-align: center;
}

.pakg-list p {
    font-size: 14px;
    text-align: center;
    padding: 10px 0 10px;
    border-top: 1px solid dimgrey;
}

.annual-packages {
    padding: 50px 0 0;
}

.buy-now {
    text-align: center;
    padding: 25px 0 0;
}

.buy-now a {
    background-image: linear-gradient(90deg, #01C9D4 0%, #027A89 100%);
    color: white;
    padding: 13px 35px 13px;
    border-radius: 5px;
    font-weight: 600;
}

.buy-now a {
    display: inline-block;
    transition: transform 0.3s ease;
}

.buy-now a:hover {
    transform: translateY(-3px);
}

.pkg-header.spring {
    background: #0B1A30;
}

.sub-pkg.spring p {
    background: #FFB300 !important;
    color: black;
}

.pakg-pricing.spring h2 {
    color: #FFB300;
}

.buy-now.spring a {
    background: #FFB300;
}

.pkg-header.review {
    background: #4A5568;
}

.sub-pkg.review p {
    background: white;
    color: black;
}

.pakg-pricing.review h2 {
    color: #4A5568;
}

.buy-now.review a {
    background: #4A5568;
}

.package-box {
    padding: 0 20px 0;
    margin: 0 0 50px;
}

.pkg-header.clinical {
    padding: 13px 0 13px;
}

.pakg-pricing.clinical h2 {
    color: black;
}

.blog-box img {
    width: 100%;
    border-radius: 20px;
    padding: 0 0 20px;
    height: 300px;
}

.blog-box h4 {
    font-size: 20px;
    font-weight: 500;
    padding: 5px 0 10px;
}

.blog-box p {
    font-size: 15px;
}

.blog-flex-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0 0;
}

.blog-r-m a {
    background-image: linear-gradient(90deg, #01C9D4 0%, #027A89 100%);
    color: white;
    font-size: 15px;
    padding: 13px 15px 13px;
    border-radius: 4px;
    display: inline-block;
}

.blog-r-m a i {
    font-size: 13px;
    padding-left: 10px;
}

.msg-count a {color: black;}

.msg-count i {
    padding-right: 5px;
}

section.blog-sec {
    padding: 80px 25px 80px;
}

.single-blog-content h4 {
    font-size: 32px;
    font-weight: 600;
    padding: 15px 0 20px;
}

.single-blog-content img {
    width: 100%;
    max-width: 500px;
    padding: 5px 0 40px;
    border-radius: 20px;
}

.single-blog-content p {
    font-size: 17px;
    line-height: 30px;
    padding: 10px 0 15px;
}

.understanding {
    padding: 20px 0 20px;
}

.understanding h4 {
    font-size: 32px;
    font-weight: 600;
    padding: 15px 0 20px;
}

.understanding p {
    font-size: 17px;
    line-height: 30px;
    padding: 5px 0 5px;
}

.understanding li {
    font-size: 17px;
    font-family: "Poppins", sans-serif;
    padding: 5px 0 5px;
    list-style: disc;
}

.understanding ul {
    padding-left: 20px;
}

.passive {
    padding: 20px 0 20px;
}

.passive h4 {
    font-size: 32px;
    font-weight: 600;
    padding: 15px 0 20px;
}

.passive p {
    font-size: 17px;
    line-height: 30px;
    padding: 5px 0 5px;
}

.passive li {
    font-size: 17px;
    font-family: "Poppins", sans-serif;
    padding: 5px 0 5px;
    list-style: disc;
}

.passive ul {
    padding-left: 20px;
}

.high-fedility {
    padding: 20px 0 20px;
}

.high-fedility h4 {
    font-size: 32px;
    font-weight: 600;
    padding: 15px 0 20px;
}

.high-fedility p {
    font-size: 17px;
    line-height: 30px;
    padding: 5px 0 5px;
}

.high-fedility li {
    font-size: 17px;
    font-family: "Poppins", sans-serif;
    padding: 5px 0 5px;
    list-style: disc;
}

.high-fedility ul {
    padding-left: 20px;
}

.common-mistake {
    padding: 20px 0 20px;
}

.common-mistake h4 {
    font-size: 32px;
    font-weight: 600;
    padding: 15px 0 20px;
}

.common-mistake p {
    font-size: 17px;
    line-height: 30px;
    padding: 5px 0 5px;
}

.common-mistake li {
    font-size: 17px;
    font-family: "Poppins", sans-serif;
    padding: 5px 0 5px;
    list-style: disc;
}

.common-mistake ul {
    padding-left: 20px;
}

.why-ai {
    padding: 20px 0 20px;
}

.why-ai h4 {
    font-size: 32px;
    font-weight: 600;
    padding: 15px 0 20px;
}

.why-ai p {
    font-size: 17px;
    line-height: 30px;
    padding: 5px 0 5px;
}

.final-tought {
    padding: 20px 0 20px;
}

.final-tought h4 {
    font-size: 32px;
    font-weight: 600;
    padding: 15px 0 20px;
}

.final-tought p {
    font-size: 17px;
    line-height: 30px;
    padding: 5px 0 5px;
}

section.single-blog-page {
    padding: 80px 0 80px;
}

.change-page a {
    color: black;
}

.change-page h4 {
    font-size: 17px;
    padding: 0 0 5px;
}

.change-page i {
    font-size: 13px;
    padding-right: 10px;
}

.change-page p {
    font-size: 15px;
}

.change-page {
    padding: 0 0 0px;
}

.message-area textarea#exampleFormControlTextarea2 {
    height: 160px;
    background: white;
    border: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.message-area {
    margin: 20px 0 20px;
}

.message-area input#exampleFormControlInput2 {
    background: white;
    border: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.post-comment {
    padding: 35px 0 20px;
}

.post-comment a {
    background: #ffcd57;
    color: white;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 20px 15px;
    border-radius: 33px;
}

.nxt h4 {
    font-size: 17px;
    padding: 0 0 5px;
}

.nxt i {
    font-size: 13px;
    padding-right: 10px;
}

.nxt a {
    color: black;
}

.nxt p {
    font-size: 15px;
}

.next-previous-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 30px;
}

.prev {
    padding: 0 0 0px;
}

section.single-blog-two {
    padding: 80px 0 80px;
}

.single-blog-content-one h4 {
    font-size: 32px;
    font-weight: 600;
    padding: 15px 0 20px;
}

.single-blog-content-one img {
    width: 100%;
    max-width: 500px;
    padding: 5px 0 40px;
    border-radius: 20px;
}

.single-blog-content-one p {
    font-size: 17px;
    line-height: 30px;
    padding: 10px 0 15px;
}

.single-blog-content-one {
    padding: 20px 0px 20px;
}

section.single-blog-three {
    padding: 80px 0 80px;
}

.single-blog-three-content h4 {
    font-size: 40px;
    font-weight: 700;
    padding: 15px 0 20px;
}

.single-blog-three-content img {
    width: 100%;
    max-width: 500px;
    padding: 5px 0 40px;
    border-radius: 20px;
}

.single-blog-three-content p {
    font-size: 17px;
    line-height: 30px;
    padding: 10px 0 15px;
}

.single-blog-three-content ul {
    padding-left: 20px;
}

.single-blog-three-content li {
    list-style: disc;
    padding: 5px 0 5px;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
}

.next-to-next {
    text-align: end;
    padding: 20px 0 30px;
}

.next-to-next a {
    color: black;
}

.next-to-next h4 {
    font-size: 20px;
    padding: 0 0 10px;
}

.next-to-next i {
    font-size: 13px;
    padding-left: 10px;
}

.mail-txt-area h4 {
    font-size: 20px;
    padding: 0 0 10px;
}

.mail-txt-area p {
    font-size: 17px;
}

/* HOME__PAGE___ */

.password-wrapper {
    position: relative;
}

.password-wrapper input {
    width: 100%;
    padding-right: 45px;
}

.toggle-password {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #555;
}

/*  */

.form-login a {
    background: #ffcd57;
    color: black;
    font-size: 20px;
    font-weight: 600;
    padding: 13px 35px 13px;
    border-radius: 33px;
}

.form-login {
    padding: 50px 0 0;
}

section.contact-account {
    padding: 80px 0 80px;
}

.form-one h4 {
    font-size: 55px;
    font-weight: 700;
    padding: 0 0 30px;
}

.my-contact-form-field {
    margin: 10px 0 10px;
}

.my-contact-form-field label.form-label {
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0 15px;
}

input#exampleFormControlInput3 {
    padding: 13px 0px 13px;
}

.remember-me .form-check {
    font-size: 17px;
    font-weight: 400;
}

.bordered-box {
    border: 1px solid lightgrey;
    border-radius: 10px;
    padding: 25px 25px 50px;
}

.remember-me .form-check {
    font-weight: 500;
}

.forgat-password {
    padding: 20px 0 0;
}

.forgat-password a {
    color: #0293a1;
    font-size: 18px;
    font-weight: 400;
}

.remember-me p a {
    color: #0293a1;
    font-size: 17px;
    font-weight: 400;
}

.log-in-btn {
    text-align: center;
    padding: 20px 0 20px;
}

.log-in-btn a {
    background-image: linear-gradient(90deg, #01C9D4 0%, #027A89 100%);
    color: white;
    font-size: 17px;
    padding: 12px 45px 12px;
    border-radius: 4px;
    display: inline-block;
    transition: transform 0.3s ease;
}

section.log-in-sec {
    padding: 80px 0 80px;
}

.log-in-field {
    padding: 15px 0 15px;
}

.log-in-field label.form-label {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 0px 5px;
}

.log-in-field input#exampleFormControlInput4 {
    padding: 8px 10px 8px;
    border-radius: 0;
}

.log-in-field.form-set {
    width: 85%;
}

section.about-us-sec {
    padding: 80px 0 80px;
}

.about-us-content h4 {
    font-size: 20px;
    font-weight: 700;
    color: #01C4CF;
    padding: 0 0 10px;
}

.about-us-content h1 {
    font-size: 70px;
    font-weight: 700;
    padding: 0 0 20px;
}

.about-us-content p {
    font-size: 17px;
    padding: 0 0 15px;
}

.about-us-content-tw h2 {
    font-size: 40px;
    font-weight: 800;
    padding: 0 0 20px;
}

.about-us-content-tw p {
    font-size: 17px;
}

.about-us-cover img {
    width: 100%;
    border-radius: 20px;
}

section.what-we-believe {
    background: #000F25;
    padding: 80px 0 80px;
}

.believe {
    text-align: center;
    border: 1px solid white;
    padding: 30px 30px 30px;
    border-radius: 20px;
}

.believe h4 {
    color: white;
    font-size: 45px;
    font-weight: 600;
    padding: 0 0 10px;
}

.believe h5 {
    color: white;
    font-weight: 600;
    padding: 5px 0 5px;
}

.believe p {
    color: white;
}

.believe p i {
    font-size: 10px;
    padding-right: 10px;
}

.find-here {
    text-align: center;
    border: 1px solid white;
    border-radius: 10px;
    padding: 20px 30px 20px;
}

.find-here h4 {
    color: white;
    font-size: 40px;
    font-weight: 600;
    padding: 0 0 10px;
}

.find-here li {
    color: white;
    padding: 10px 0 10px;
    font-size: 17px;
    font-family: "Poppins", sans-serif;
    list-style: disc;
}

.believe li {
    color: white;
    padding: 10px 0 10px;
    font-size: 17px;
    font-family: "Poppins", sans-serif;
    list-style: disc;
}

.flagship-cover img {
    width: 100%;
    border-radius: 20px;
}

section.flagship {
    padding: 80px 0 80px;
}

.flagship h4 {
    font-size: 35px;
    font-weight: 700;
    padding: 0 0 20px;
}

.flagship p {
    font-size: 17px;
    line-height: 25px;
}

section.important-note {
    background: #000F25;
    padding: 80px 20px 80px;
}

.whats-next h4 {
    color: white;
}

.whats-next p {
    color: white;
    padding-right: 15px;
}

.note-important {
    text-align: center;
}

.note-important h4 {
    color: white;
    font-size: 40px;
    font-weight: 700;
}

.note-box {
    background: white;
    padding: 15px 25px 15px;
    border-radius: 10px;
    height: 180px;
}

.note-box h5 {
    font-weight: 600;
}

.note-box p {
    font-size: 15px;
    padding: 10px 0 10px;
}

.note-box-main {
    padding: 20px 0 0;
}

.whats-next h4 {
    font-size: 50px;
    font-weight: 700;
    padding: 20px 0 10px;
}

.whats-next {
    padding: 50px 0 0;
}

section.contact-question {
    background-color: transparent;
    background-image: linear-gradient(-90deg, #01C9D4 0%, #027A89 100%);
    padding: 70px 0 70px;
}

.conntact-question-txt {
    text-align: center;
}

.conntact-question-txt h4 {
    color: white;
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 15px;
}

.conntact-question-txt p {
    color: white;
}

.conntact-question-txt p a {
    color: white;
    text-decoration: underline;
}

.note-box {
    transition: transform 0.4s ease;
}

.note-box:hover {
    transform: translateY(-10px);
}

section.testimoniols-sec {
    padding: 70px 30px 70px;
}

.inner-testi-header {
    text-align: center;
    padding: 0 0 40px;
}

.inner-testi-header h4 {
    color: #01C4CF;
    font-weight: 700;
    padding: 0 0 10px;
}

.inner-testi-header h2 {
    font-size: 50px;
    font-weight: 700;
}

section.contact-us-sec {
    padding: 80px 0 80px;
}

.address h4 {
    font-size: 35px;
    font-weight: 700;
    padding: 0 0 20px;
}

.address p {
    color: black;
    font-size: 17px;
    padding: 7px 0 7px;
}

.address a {
    color: black;
    font-weight: 500;
}

.contact-box-main {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 30px 20px 30px;
    border-radius: 20px;
}

.contact-box-field input#exampleFormControlInput5 {
    border: 1px solid;
}

.contact-box-field textarea#exampleFormControlTextarea5 {
    border: 1px solid;
}

.contact-box-field {
    padding: 5px 0 5px;
}

.form-send {
    text-align: center;
    padding: 15px 0 15px;
}

.form-send a {
    background: #027D8C;
    color: white;
    font-weight: 500;
    font-size: 17px;
    display: block;
    padding: 10px 0 10px;
}

/*  */

.custom-accordion {
    width: 100%;
}

.accordion-main-heading {
    margin-bottom: 20px;
}

/* ITEM */
.accordion-item {
    margin-bottom: 12px;
    border-radius: 8px;
    overflow: hidden;
}

/* HEADER (DEFAULT CLOSED) */
.accordion-header {
    background: #f7f9fb; /* closed color */
    padding: 15px 20px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s;
}

/* BODY */
.accordion-body {
    max-height: 0;
    overflow: hidden;
    background: #f7f9fb; /* tumhara diya hua color */
    padding: 0 20px;
    transition: all 0.4s ease;
}

/* ACTIVE STATE */

/* 👉 Header ka color change hoga */
.accordion-item.active .accordion-header {
    background: #01C9D4; /* open header color */
    color: #fff;
}

/* 👉 Body ka color SAME rahega (#f7f9fb) */
.accordion-item.active .accordion-body {
    max-height: 300px;
    padding: 15px 20px;
}

section.faq-answer {
    padding: 80px 0 80px;
}

.accordion-header {
    background: #f7f9fb;
    padding: 15px 20px;
    cursor: pointer;
    font-weight: 700;
    transition: 0.3s;
    position: relative;
    font-size: 18px;
}

/* Arrow default (DOWN) */
.accordion-header::after {
    content: "\f078"; /* down arrow */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 20px;
    transition: 0.3s;
}

/* OPEN state → arrow UP */
.accordion-item.active .accordion-header::after {
    transform: rotate(180deg);
}

/* Header open color */
.accordion-item.active .accordion-header {
    background: #027D8C;
    color: #fff;
}

h3.accordion-main-heading {
    font-size: 60px;
    font-weight: 700;
    padding: 25px 0 25px;
}

/*  */

section.privacy-policy {
    padding: 80px 0 80px;
}

.policy-content-one h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.policy-content-one p {
    padding: 5px 0 5px;
}

.policy-content-two h2 {
    font-size: 40px;
    font-weight: 700;
    padding: 0 0 20px;
}

.policy-content-two {
    padding: 20px 0 20px;
}

.policy-content-two h4 {
    font-weight: 700;
    padding: 15px 0 15px;
}

.policy-content-two li {
    padding: 5px 0 5px;
    list-style: disc;
    font-family: "Poppins", sans-serif;
}

.policy-content-two ul {
    padding-left: 20px;
}

.policy-content-one a {
    color: #01C4CF;
    font-weight: 500;
}

.policy-content-three h4 {
    font-weight: 700;
    padding: 15px 0 15px;
}

.policy-content-three h2 {
    font-size: 40px;
    font-weight: 700;
    padding: 0 0 20px;
}

.policy-content-four h2 {
    font-size: 40px;
    font-weight: 700;
    padding: 0 0 20px;
}

.policy-content-three {
    padding: 20px 0 20px;
}

.policy-content-five {
    padding: 25px 0 25px;
}

.policy-content-five h2 {
    font-size: 40px;
    font-weight: 700;
    padding: 0 0 20px;
}

.policy-content-five li {
    font-family: "Poppins", sans-serif;
    list-style: disc;
    padding: 5px 0 5px;
}

.policy-content-five ul {
    padding-left: 20px;
}

.policy-content-five p {
    padding: 0 0 20px;
}

.policy-content-six {
    padding: 20px 0 20px;
}

.policy-content-six h2 {
    font-size: 40px;
    font-weight: 700;
    padding: 0 0 20px;
}

.policy-content-seven {
    padding: 20px 0 20px;
}

.policy-content-seven h2 {
    font-size: 40px;
    font-weight: 700;
    padding: 0 0 20px;
}

.policy-content-seven p {
    padding: 0 0 10px;
}

.policy-content-seven li {
    padding: 5px 0 5px;
    list-style: disc;
}

.policy-content-seven ul {
    padding-left: 20px;
}

.policy-content-seven a {
    color: #01C4CF;
    font-weight: 500;
}

.policy-content-eight h2 {
    font-size: 40px;
    font-weight: 700;
    padding: 0 0 20px;
}

.policy-content-eight p {
    padding: 3px 0 3px;
}

.policy-content-eight a {
    color: #01C4CF;
    font-weight: 500;
}

.policy-content-eight {
    padding: 20px 0 20px;
}

.policy-content-nine h2 {
    font-size: 40px;
    font-weight: 700;
    padding: 0 0 20px;
}

.policy-content-nine {
    padding: 20px 0 20px;
}

.policy-content-nine a {
    color: #01C4CF;
    font-weight: 500;
}

.policy-content-ten {
    padding: 20px 0 20px;
}

.policy-content-ten h2 {
    font-size: 40px;
    font-weight: 700;
    padding: 0 0 20px;
}

.policy-content-two a {
    color: #01C4CF;
    font-weight: 500;
}

section.terms-candition {
    padding: 80px 0 80px;
}

.terms-txt-one h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-one p {
    padding: 3px 0 3px;
}

.terms-txt-one {
    padding: 20px 0 0px;
}

.terms-txt-two {
    padding: 20px 0 20px;
}

.terms-txt-two h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-three h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-four h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-five h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-six h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-seven h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-eight h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-nine h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-ten h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-eleven h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-twelve h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-thirteen h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-fourteen h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-fifteen h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 20px;
}

.terms-txt-four li {
    font-family: "Poppins", sans-serif;
    padding: 5px 0 5px;
    list-style: disc;
}

.terms-txt-four ul {
    padding-left: 20px;
    padding-bottom: 15px;
}

.terms-txt-five p {
    padding: 5px 0 5px;
}

.terms-txt-six li {
    padding: 5px 0 5px;
    font-family: "Poppins", sans-serif;
    list-style: disc;
}

.terms-txt-six ul {
    padding-left: 20px;
    padding-top: 15px;
}

.terms-txt-seven li {
    font-family: "Poppins", sans-serif;
    padding: 5px 0 5px;
    list-style: disc;
}

.terms-txt-seven ul {
    padding-left: 20px;
    padding-top: 10px;
}