@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
body { margin: 0; padding: 0; font-family: "Lato", sans-serif; overflow-x: hidden;}
p, li {color: #272727;font-size: 16px; line-height: 1.7; letter-spacing: .8px; margin: 0 0 15px 0;font-family: "Lato", sans-serif;}
.main-table li {color: #313131;font-size: 16px;letter-spacing: .4px;line-height: 1.5;margin: 0 0 10px 0; font-family: "Lato", sans-serif;}
a { text-decoration: none !important; font-family: "Lato", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Lato", sans-serif;}

.main-table { text-align: left}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}

#MenuControl .nav-item { margin: 0}
#MenuControl .nav-item .nav-link {color: #fff;font-size: 16px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;}
#MenuControl .nav-fill{width:100%;}
#MenuControl .bg-light { background: transparent !important; height: 100%;}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter {
    background-color: transparent !important;
}

#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter {
    background-color: transparent !important;
}

#MenuControl { position: absolute; width: 75%; right: 0; z-index: 2; top: 50px}
#HeaderControl { position: absolute; width: 25%; top: 0px}
#HomepagecontentControl_C { margin-top: -21px}
@media (min-width: 320px) and (max-width: 768px) { 
    p, li { font-size: 15px; line-height: 1.7; letter-spacing: .5px;}
    .main-table li {font-size: 15px;letter-spacing: .4px;line-height: 1.5;}

    .navbar-toggler {position: absolute;right: 15px;top: -40px;background: #fff}
    #MenuControl, #MenuControl_C { height: 0 !important;}
    #HeaderControl, #HeaderControl_C {height: 75px !important;/* background: #002346; */}
    .navbar-collapse {background: #048f9b;margin-top: -10px}
}

.dropdown, .dropdown-menu li {margin-bottom: 0;}
.dropdown-menu {
    border-radius: 0 !important;
    padding: 0;
    min-width: 240px;
}

.dropdown-menu .dropdown-item {
    font-size: 16px;
    padding: 10px!important;
}


@media (min-width:1023px) {

    .navbar-nav li:hover>ul.dropdown-menu {
        display: block;
    }

    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu>.dropdown-menu {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: -6px;
    }

    /* rotate caret on hover */
    .dropdown-menu>li>a:hover:after {
        transform: rotate(180deg);
    }

    .dropend .dropdown-menu {
        right: 100% !important;
        top: 0;
        left: auto !important;
    }
    .dropdown-item.active, .dropdown-item:active { background: #f08080}
}

.heading { color: #048d9b; font-size: 40px; font-weight: 700; margin: 0 0 25px 0;}
.sub-heading { color: #1b1b1b; font-size: 27px; font-weight: 700; margin: 0 0 25px 0;}
.custom-btn { display: inline-block; background-image: linear-gradient(45deg, #00a39d, #048d9b); padding: 12px 52px; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; color: #fff; border-radius: 30px; font-weight: 600; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; transition: all .3s ease-in-out;}
.custom-btn:hover { background-image: linear-gradient(45deg, #048d9b, #00a39d); color: #fff; transform: translate(0, -4px);}
.custom-btn1 { background: #f08080; padding: 14px 50px;}
.custom-btn1:hover { background: #f08080;}

.top-nav { position: absolute; top: 0; left: 2%; width: 96%; z-index: 2; border-bottom: 1px solid rgba(244, 244, 244, .5); padding: 10px 0;}
.top-nav p { margin: 0; color: #fff; font-size: 15px;}
.top-nav p a { color: #f1f1f1;}
.top-nav a i {color: #f08080; display: inline-block; width: 25px; height: 25px; border-radius: 50%; text-align: center; background: #fff; font-size: 12px; line-height: 2; margin: 0 2px;}
.top-nav .book-btn { background: #f08080; color: #fff; padding: 6px 20px; font-size: 13px; border-radius: 15px; letter-spacing: .7px; margin: 0 0 0 20px;}

header { position: absolute; z-index: 2; top: 50px;}
header img { width: 150px; padding: 10px;}

.banner-section .carousel-caption { top: 40%; width: 60%; left: 20%;}
.banner-section .carousel-caption h1 { color: #fff; font-size: 56px; margin: 0 0 10px 0; font-weight: 800; letter-spacing: 1px;}
.banner-section .carousel-caption p { color: #f5f5f5; font-size: 21px; margin: 0 0 20px 0}

.about-section { position: relative; padding: 5% 0;}
.about-section .left-pic { position: relative;}
.about-section .left-pic::after { content: ''; position: absolute; width: 100%; height: 100%; left: -20px; bottom: -20px; background: #f08080;} 
.about-section .left-pic img { position: relative; z-index: 2; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.about-section .left-dt h4 {position: absolute;color: #00a39d;font-size: 84px;text-transform: uppercase;rotate: -90deg;top: 24%;left: -65px;font-weight: 1000;opacity: .4;}
.about-section .icon { position: absolute; width: 250px; bottom: -20px; right: -20px; transform: rotate(-15deg);}
.about-section h6 { color: #f08080; font-size: 18px; margin: 0 0 20px 0; font-weight: 600; line-height: 1.5; letter-spacing: .3px;} 
.about-section .custom-btn { margin: 20px 0 0 0;}
.about-section .text { position: relative; z-index: 2;}

.about-me {background: #f0808052;position: relative;overflow: hidden;}
.about-me .left-dt h4 {position: absolute;color: #e77575;font-size: 84px;text-transform: uppercase;rotate: -90deg;top: 24%;left: -13%;font-weight: 1000;opacity: .1;}

.steps { padding: 6% 0;}
.steps-heading h5 { color: #048d9b; font-size: 23px; display: inline-block; position: relative; margin: 0 0 15px 0;}
.steps-heading h5::before { content: ''; position: absolute; width: 50px; height: 2px; background: #f08080; left: -70px; top: 48%;}
.steps-heading h5::after { content: ''; position: absolute; width: 50px; height: 2px; background: #f08080; right: -70px; top: 48%;}
.steps-heading h2 { color: #272727; font-size: 32px; line-height: 1.3; margin: 0 0 20px 0;}
.steps-heading h6 {color: #f08080;font-size: 19px;font-weight: 700;line-height: 1.4;margin: 0 0 40px 0;}
.steps .step-card { padding: 25px 20px;}
.steps .step-card .icon { width: 120px; height: 120px; border-radius: 50%; background: #dddddd; padding: 30px;display: inline-block; position: relative; margin: 0 0 12px 0;}
.steps .step-card .icon .num { position: absolute; top: 0px; left: 0; width: 35px; height: 35px; background: #f08080; border-radius: 50%;}
.steps .step-card .icon .num h5 {  color: #fff; font-size: 15px; font-weight: 600; letter-spacing: .8px; line-height: 2.1}
.steps .step-card p { color: #048d9b; font-size: 18px; font-weight: 600; line-height: 1.3; margin: 0;}

.programs {padding: 6% 0;background: #f6e6cb;}
.programs .left-text h4 {font-size: 24px;margin: 0 0 10px 0;font-weight: 600;color: #1b1b1b;letter-spacing: .7px;line-height: 1.4;}
.programs .left-text p {margin: 0 0 25px 0;}
.programs h5 {font-size: 21px;font-weight: 700;letter-spacing: .5px;/* color: #000; */}
.programs h5 span {font-size: 37px;color: #f6e6cb;letter-spacing: 2px;text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, -2px 0px 0 #000, 2px 0px 0 #000, 0px -2px 0 #000,0px 2px 0 #000;}
.programs ul li, .programs ul { margin: 0; padding: 0; list-style: none; }
.programs ul li { display: flex; margin: 0 0 7px 0; line-height: 1.4; letter-spacing: .3px;}
.programs ul li i { margin: 4px 5px 0 0;}
.programs .contact { color: #048d9b; text-transform: uppercase; font-size: 20px; font-weight: 700; letter-spacing: 1px; margin: 5px 0 0 0;}

.success-stories { padding: 6% 0; background: #f6e6cb;}
.success-stories .testimonials-card {position: relative;border: 3px solid #f08080;margin: 0 0 30px 0;}
.success-stories .testimonials-card img { filter: brightness(90%);}
.success-stories .testimonials-card .transformation { position: absolute; bottom: 2%; width: 90%; left: 5%; right: 5%; display: flex; background: #fff; border-radius: 8px;}
.success-stories .testimonials-card .transformation h4 { color: #048d9b; font-size: 12.5px; text-transform: uppercase; font-weight: 800; text-align: center; margin: 0 0 4px 0; letter-spacing: 1px;}
.success-stories .testimonials-card .transformation img { width: 40px; filter: brightness(100%);}
.success-stories .testimonials-card .transformation .without, .success-stories .testimonials-card .transformation .with { width: 50%; text-align: center; padding: 8px;}
.success-stories .testimonials-card .transformation .with { background: #048d9b; border-radius: 8px;}
.success-stories .testimonials-card .transformation .with h4 { color: #fff;}
.success-stories .carousel-control-next, .success-stories .carousel-control-prev { width: 10%; filter: brightness(0); opacity: .7;}

.vision-mission { padding: 6% 0;}
.vision-mission h4 { color: #048d9b; font-size: 21px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700;} 

.video-testimonials { padding: 0 0 6% 0;}
.video-testimonials video { width: 100%; height: 450px; object-fit: cover; border-radius: 10px;}

.faqs { padding: 6% 0; background: #f6e6cb;}
.faqs .accordion-item{ background-color: transparent !important; border-color: #00000069}
.faqs .accordion-button{ background-color: transparent !important; color: #e77575; font-size: 18px; padding: 18px;}
.accordion-button::before {content: ''; position: absolute; width: 25px; height: 25px; background: #00a39d; right: 0; border-radius: 50%; right: 15px; top: 15px;}
.accordion-button::after { filter: brightness(9);}
.accordion-button:focus { box-shadow: none;}
.accordion-body ul li, .accordion-body ul{ margin: 0; padding: 0; list-style-type: none;}
.accordion-body ul li, .accordion-body ul li a { color: #ccc; font-size: 15px; letter-spacing: .5px; margin: 0 0 6px 0;}
.accordion-body ul li i { margin: 0 5px 0 0;}

footer { padding: 5% 0 0 0; background-image: linear-gradient(45deg, #00a39d, #048d9b);}
footer .logo { width: 150px; margin: 0 0 30px 0;}
footer p, footer p a { color: #ffffff; margin: 0 0 5px 0;}
footer p a:hover { color: #000}
footer h4 { color: #fff; text-transform: uppercase; letter-spacing: 1.5px; font-size: 18px; font-weight: 700; margin: 0 0 15px 0; border-bottom: 1px dashed #fff; padding: 0 0 5px 0;}
footer .follow-us a {display: inline-block;background: #fff;color: #f08080;width: 40px;height: 40px;margin: 10px 5px 0 0;border-radius: 50%;text-align: center;font-size: 16px;line-height: 2.4;}
footer .footer-bottom { border-top: 1px solid rgba(244, 244, 244, .3); padding: 10px; margin: 4% 0 0 0;}
footer .footer-bottom p { margin: 0; font-size: 14px;}

.inner-heading { background-image: linear-gradient(90deg, #00a39d, #048d9b); padding: 6% 0;}
.inner-heading h1 { text-align: center; text-transform: uppercase; font-size: 45px; font-weight: 700; color: #fff; letter-spacing: 1px; margin: 0 0 12px 0;}
.inner-heading p a, .inner-heading p { text-align: center; color: #fff; font-size: 17px;}
.inner-heading p i { font-size: 14px; margin: 0 5px 0 0;}

.contact-page { padding: 5% 0;}
.contact-page .sub-heading { border-bottom: 3px solid #e77575; margin: 0 0 40px 0; padding: 0 0 15px 0;}
.contact-page .contact-info i { background: #e77575; color: #fff; display: inline-block; width: 50px; height: 50px; border-radius: 50%; text-align: center; font-size: 19px; line-height: 2.6;}
.contact-page .contact-info h6 { color: #048d9b; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: 800;}
.contact-page .contact-info p, .contact-page .contact-info p a { color: #272727; font-size: 17px;}
.contact-page .contact-form { padding: 30px 40px; border-top: 3px solid #e77575; background: #e9e9e9;}
.contact-page .contact-form .sub-heading { padding: 0; border: 0; margin: 0 0 20px 0;}
.contact-page .contact-form .form-control { padding: 14px; font-size: 15px; margin: 0 0 10px 0;}
.contact-page input[type='button'] {display: inline-block; background-image: linear-gradient(45deg, #00a39d, #048d9b); padding: 12px 52px; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; color: #fff; border-radius: 30px; font-weight: 600; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; transition: all .3s ease-in-out; border: 0; margin: 10px 0 0 0;}

.working-method { padding: 6% 0;}
.working-method .num h2 {font-size: 350px;margin: 0;font-weight: 900;text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, -4px 0px 0 #000, 3px 0px 0 #000, 0px -3px 0 #000,0px 3px 0 #000;color: #fff;position: relative;z-index: 2;line-height: 21rem;}
.working-method .text {background: #dddddd;padding: 30px 20px 20px 70px;margin-left: -15px;margin-top: 10px;}
.working-method .text h4 {color: #048d9b;font-size: 22px;font-weight: 800;letter-spacing: .5px;margin: 0 0 13px 0;}
.working-method .text ul { list-style-type: none; margin: 0; padding: 0;}
.working-method .text ul li {display: flex;font-size: 15px;margin: 0 0 8px 0;}
.working-method .text ul li i {color: #e77575;font-size: 18px;margin: 3px 10px;}
.working-method .text1 {margin-left: -50px;padding: 30px 20px 20px 60px;}
.working-method .text2 {margin-left: -40px;padding: 30px 20px 20px 70px;}

.our-programs { padding: 6% 0;}
.our-programs .program-card { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding: 40px; border-radius: 20px;}
.our-programs .program-card h4 { color: #e77575; font-size: 27px; font-weight: 800; letter-spacing: .5px; margin: 0 0 30px 0; position: relative;}
.our-programs .program-card h4::after { content: ''; position: absolute; width: 40px; height: 3px; background: #048d9b; border-radius: 5px; left: 0; bottom: -7px;}
.our-programs .program-card ul, .our-programs ul li { list-style: none; margin: 0; padding: 0;}
.our-programs .program-card ul li { display: flex; margin: 0 0 15px 0; line-height: 1.4; font-size: 15px;}
.our-programs .program-card ul li i { color: #048d9b; font-size: 17px; margin: 2px 8px 0 10px;}
.our-programs .program-card1 {background: #048d9b;}
.our-programs .program-card1 h4 { color: #fff;}
.our-programs .program-card1 h4::after { background: #fff;}
.our-programs .program-card1 ul li { color: #f4f4f4;}
.our-programs .program-card1 ul li i { color: #f4f4f4;}

.header-bg { background-image: linear-gradient(90deg, #00a39d, #048d9b); min-height: 150px;}

@media (min-width: 320px) and (max-width: 768px) { 
    p, li {font-size: 15px;line-height: 1.6;}
    .main-table li {font-size: 17px; }

    .heading { font-size: 30px; margin: 0 0 10px 0;}
    .sub-heading { font-size: 22px;}
    .custom-btn { padding: 10px 32px; font-size: 14px; color: #fff;}
    .custom-btn1 { background: #f08080; padding: 10px 32px;}

    header { position: absolute; z-index: 2; top: 0px;}
    header img {width: 110px;padding: 10px 0;}

    .banner-section .carousel-item img { width: 100%; height: 300px; object-fit: cover;}
    .banner-section .carousel-caption { top: 40%; width: 80%; left: 10%;}
    .banner-section .carousel-caption h1 { font-size: 24px;}
    .banner-section .carousel-caption p { font-size: 15px; margin: 0 0 20px 0}
    .banner-section .carousel-caption .custom-btn { display: none;}

    .about-section { padding: 6% 0 0 0;}
    .about-section { overflow: hidden;}
    .about-section .left-pic::after { left: -10px; bottom: -10px;} 
    .about-section .left-dt h4 {position: absolute;color: #00a39d;font-size: 84px;text-transform: uppercase;rotate: -90deg;top: 24%;left: -65px;font-weight: 1000;opacity: .4;}
    .about-section .icon { display: none;}
    .about-section h6 {font-size: 16px;margin: 0 0 10px 0;} 
    .about-section .custom-btn { margin: 0;}

    .about-me { padding: 7% 0 0 0;}
    .about-me .left-dt h4 {display: none;}

    .steps { padding: 7% 0; overflow: hidden;}
    .steps-heading h5 { font-size: 19px; margin: 0 0 10px 0;}
    .steps-heading h5::before { content: ''; position: absolute; width: 30px; left: -40px;}
    .steps-heading h5::after { content: ''; position: absolute; width: 30px; right: -40px;}
    .steps-heading h2 { font-size: 21px; margin: 0 0 10px 0;}
    .steps-heading h6 {color: #f08080;font-size: 17px;margin: 0 0 30px 0;}
    .steps .step-card { padding: 10px;}
    .steps .step-card .icon { width: 100px; height: 100px; padding: 22px; margin: 0 0 10px 0;}
    .steps .step-card .icon .num { width: 28px; height: 28px;}
    .steps .step-card .icon .num h5 {font-size: 15px;line-height: 1.8}
    .steps .step-card p { font-size: 16px; margin: 0 0 10px 0;}

    .programs { overflow: hidden;}
    .programs .left-text p {margin: 0 0 25px 0;}
    .programs h5 {font-size: 19px;}
    .programs h5 span {font-size: 28px;}

    .success-stories { padding: 6% 0; background: #f6e6cb;}
    .success-stories .testimonials-card { margin: 10px 20px;}
    .success-stories .testimonials-card .transformation { width: 96%; left: 2%; right: 2%;}
    .success-stories .testimonials-card .transformation h4 { font-size: 11px; letter-spacing: .5px; margin: 0;}
    .success-stories .testimonials-card .transformation img { width: 30px;}
    .success-stories .testimonials-card .transformation .without, .success-stories .testimonials-card .transformation .with { padding: 2px;}
    .success-stories .carousel-control-next, .success-stories .carousel-control-prev { width: 5%;}

    .vision-mission h4 {font-size: 17px;} 

    .video-testimonials video { height: 400px;}

    .faqs .accordion-button{ font-size: 16px; padding: 10px;}
    .accordion-button::before {width: 0px; height: 0px;}
    .accordion-button::after { filter: brightness(0);}

    footer .logo { width: 100px; margin: 0 0 10px 0;}
    footer h4 { font-size: 17px; margin: 20px 0 10px 0;}
    footer .follow-us a { width: 30px; height: 30px;font-size: 13px;}

    .inner-heading { padding: 10% 0;}
    .inner-heading h1 { font-size: 22px; margin: 0 0 8px 0;}
    .inner-heading p a, .inner-heading p { font-size: 15px;}
    .inner-heading p i { font-size: 14px;}

    .contact-page .sub-heading { margin: 0 0 20px 0; }
    .contact-page .contact-info i { width: 40px; height: 40px; font-size: 16px;}
    .contact-page .contact-info h6 { font-size: 15px; margin:0;}
    .contact-page .contact-info p, .contact-page .contact-info p a { color: #272727; font-size: 17px;}
    .contact-page .contact-form { padding: 20px;}

    .working-method { padding: 6% 0;}
    .working-method .num h2 {display: none;}
    .working-method .text { padding:20px;margin-left: 0;margin-top: 10px;}
    .working-method .text h4 { font-size: 19px;}
    .working-method .text1 {margin-left: 0px; padding: 20px;}
    .working-method .text2 {margin-left: 0px;padding: 20px;}

    .our-programs .program-card { padding: 20px; margin-bottom: 20px;}
    .our-programs .program-card h4 { font-size: 22px;}

    .header-bg { min-height: 60px}
}