@import url('https://fonts.googleapis.com/css2?family=Allura&family=Lora:ital,wght@0,400..700;1,400..700&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');

body { margin: 0; padding: 0; overflow-x: hidden; font-family: "Poppins", sans-serif;}
h1, h2, h3, h4, h5 { font-family: "Lora", serif;}
p, .main-table ul li {font-size: 16px;margin: 0 0 15px 0;color: #272727;letter-spacing: .4px;line-height: 1.7;}
.heading h2 {color: #1f1f1f;font-size: 40px;font-weight: 600;margin: 0;}
.heading p { font-family: "Allura", serif; font-size: 28px; letter-spacing: .4px; font-weight: 600; color: #22a298;}
.custom-btn { display: inline-block; color: #1a1a1a; background: transparent; border: 2px solid #575757; padding: 12px 34px; letter-spacing: .5px; font-weight: 500;}
.custom-btn:hover { background: #22a298; color: #fff; border-color: #fff;}

.banner-section { position: relative; overflow: hidden; height: 620px;}
.banner-section .banner-img { animation: zoom 20s infinite; object-fit: cover; height: 620px;}
.banner-section .banner-text {position: absolute;top: 50%;left: 5%;transform: translate(0, -50%);}
.banner-section .banner-text .social-icon ul, .banner-section .banner-text .social-icon ul li { margin: 0; padding: 0; list-style-type: none;}
.banner-section .banner-text .social-icon ul li a { color: #fff; font-size: 18px;}
.banner-section .banner-text .social-icon ul li { margin: 8px 0;}
.banner-section .banner-text h1 { color: #fff; font-size: 44px; letter-spacing: -.5px; font-weight: 500; margin: 0 0 35px 0; line-height: 1.3;}
.banner-section .banner-text .text a {display: inline-block;padding: 15px 42px;color: #f4f4f4;font-size: 16px;border: 2px solid #f4f4f4;letter-spacing: .5px;}

@keyframes zoom {
    from { transform: scale(1,1);}
    to { transform: scale(1.25, 1.25);}
}  

.callus2 {
    width: 100%;
    margin: 8px 0 0 0;
    text-align: right;
    position: fixed;
    top: 20em;
    left: 47px;
    width: 40px;
    height: 40px;
    z-index: 99999;
    background: #22a298;
    border-radius: 50%;
  }
  .callusL2 a{color: #fff;}
  .callus2 .callusL2{
     width: 40px;
     height: 40px;
     font-size: 18px;
     border-radius: 100%;
     text-align: center;
     line-height: 40px;
     display: inline-block;
     color: #fff;
     margin: 0 20px 0 0;
     -moz-box-shadow: 0px 0px 0px 7px rgba(232, 154, 17, 0.25);
     -moz-animation: tada 1.25s infinite;
     -ms-animation: tada 1.25s infinite;
     box-shadow: 1px 1px 5px gray;
  }

.about-section { padding: 8% 0 9% 0;}
.about-section .text p { text-align: justify;}
.about-section .text p b { font-weight: 600}
.about-section .right-img { position: relative;}
.about-section .right-img::after { content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #22a298; top: -20px; right: -20px;}
.about-section .right-img img { position: relative; z-index: 2; filter: brightness(99%);}
.about-section .right-img .text { position: absolute; width: 85%; background: #ed483d; right: -40px; bottom: -40px; z-index: 3; padding: 25px;} 
.about-section .right-img .text p {margin: 0;font-size: 16px;color: #eeeeee;}

.vision-mission {padding: 8% 0 15% 0;}
.vision-mission .heading h2{ transform: rotate(-90deg); font-weight: 800; text-transform: uppercase; margin: 90px 0 0 0;}
.vision-mission .vision-card::after {content: '';position: absolute;width: 100%;height: 100%;border: 1px solid #ed483d;top: -12px;left: -12px;}
.vision-mission .vision-card { position: relative;}
.vision-mission .vision-card img { position: relative; z-index: 2;}
.vision-mission .vision-card { width: 90%;}
.vision-mission .vision-card .text { position: absolute; right: -10%; left: 10%; background: #22a298; bottom: -40%; padding: 20px 30px; z-index: 3;}
.vision-mission .vision-card .text h4 { color: #fff; font-size: 24px; font-weight: 600;}
.vision-mission .vision-card .text p { color: #f1f1f1; margin: 0; font-size: 15px; letter-spacing: .2px; line-height: 1.6;}

.service-section {padding: 6% 0;}
.service-section .ser-card { padding: 35px;}
.service-section .ser-card .num {font-size: 57px;margin: 28px 0 0px 0;padding: 15px 0 0 0;transform: rotate(-90deg);-webkit-text-stroke: 1px;background-clip: text;-webkit-text-fill-color: transparent}
.service-section .ser-card h4 {color: #ed483d;font-size: 24px;text-align: left;font-weight: 600;}
.service-section .ser-card p a { color: #22a298; font-size: 15px; font-weight: 600;}

.why-us { background: #22a298;}
.why-us .text { padding: 15% 12%;}
.why-us .text p  {color: #f5f5f5;}
.why-us .career { background-image: url('image/contact-bg.jpg'); background-size: cover; position: relative;}
.why-us .career .career-card .heading h2 { font-size: 37px; color: #fff; margin: 0 0 10px 0;}
.why-us .career .career-card .heading p { color: #ddd;}
.why-us .career .career-card { position: absolute; background: #ed483d; width: 70%; bottom: 12%; padding: 40px;} 
.why-us .career .career-card .content { height: 150px; overflow: hidden; transition: all .35s ease-in-out;}
.why-us .career .career-card .content .pattern { position: absolute; top: -15px; right: -15px; width: 50px;}
.why-us .career .career-card .custom-btn { background: #fff; border: 0; color: #ed483d;}
.why-us .career:hover .career-card .content { height: 215px;}

footer {background: #272727;padding: 5% 0 0 0;margin-top: -7px;}
footer h5 { color: #fff; font-size: 21px; margin: 0 0 20px 0; font-weight: 600; letter-spacing: .3px;}
footer p, footer p a {color: #aaaaaa;font-size: 14px;margin: 0 0 6px 0;text-align: justify;}
footer p a:hover { color: #ed483d;}
footer p i { color: #ed483d; margin: 0 4px 0 0;}
footer .social-icon p a { display: inline-block; width: 35px; height: 35px; background: #fff; border-radius: 50%; text-align: center; line-height: 2.5; margin: 5px 0 0 0;}
footer .social-icon p a i{ color: #22a298; margin: 0;}
footer .footer-bottom {background: #131313; padding: 12px 0; margin: 5% 0 0 0;}
footer .footer-bottom p  {margin: 0;}

.inner-banner {background-image: url('image/inner-banner.jpg'); padding: 6% 0; background-size: cover; position: relative;}
.inner-banner::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(90deg, rgba(7, 7, 7, .5), #22a298); top: 0; left: 0;}
.inner-banner h1 {color: #fff;position: relative;z-index: 2;font-size: 52px;text-align: left;font-weight: 600;}
.inner-banner p { position: relative; z-index: 2; color: #ddd; font-size: 16px;}
.inner-banner p a { color: #fff;}

.contact-page .contact-info {background: #e9e9e9;padding: 30px;}
.contact-page .contact-info i { background: #ed483d; width: 40px; height: 40px; text-align: center; display: inline-block; border-radius: 50%; color: #fff; font-size: 20px; line-height: 1.8;}
.contact-page .contact-info h5 { color: #22a298; font-size: 21px; font-weight: 600;}
.contact-page .contact-info p a, .contact-page .contact-info p { color: #1a1a1a; margin: 0; font-size: 15px; letter-spacing: 0;}

.contact-page .contact-form { background: #e9e9e9; padding: 40px;}
.contact-page .contact-form h4 { color: #ed483d; font-size: 30px; margin: 0 0 30px 0; font-weight: 600;}
.contact-page .contact-form .form-control {border: 0; padding: 15px; margin: 0 0 20px 0;}
.contact-page .contact-form input[type='button'] { background: #22a298; padding: 13px 34px; color: #fff; border: 0; font-size: 17px;}

@media (min-width: 320px) and (max-width: 768px) {
    .media-coverage1 img{ height:auto!important;width: 100%!important}
    .mentor{display:block!important;}
    p { font-size: 15px;}
    .heading h2 { font-size: 32px;}
    .heading p { font-size: 24px;}
    .custom-btn { padding: 10px 30px;}

    .banner-section { height: 340px;}
    .banner-section .banner-img { height: 340px;}
    .banner-section .banner-img img{ height: 340px; object-fit: cover;}
    .banner-section .banner-text {top: 70%; left: 2%; transform: translate(0, -50%);}
    .banner-section .banner-text .social-icon ul li a { font-size: 14px;}
    .banner-section .banner-text h1 { font-size: 24px; margin: 0 0 20px 0; text-shadow: 1px 1px 1px #333;}
    .banner-section .banner-text .text a { padding: 10px 30px; font-size: 15px;}

    .about-section .text p { text-align: justify;}
    .about-section .right-img { margin: 40px 0 60px 0;}
    .about-section .right-img::after { top: -10px; right: -10px;}
    .about-section .right-img .text {width: 90%; right: -20px;} 

    .vision-mission { padding: 4% 0 5% 0;}
    .vision-mission .vision-card::after { width: 100%; height: 160px; border: 1px solid #ed483d; top: -10px; left: -10px;}
    .vision-mission .vision-card { position: relative}
    .vision-mission .vision-card img { position: relative; z-index: 2;}
    .vision-mission .vision-card { width: 90%;}
    .vision-mission .vision-card .text { position: relative; top: -40px;}
    .vision-mission .vision-card .text h4 { color: #fff; font-size: 24px; font-weight: 600;}
    .vision-mission .vision-card .text p { color: #f1f1f1; margin: 0; font-size: 15px; letter-spacing: .2px; line-height: 1.6;}

    .why-us .text { padding: 8%;}
    .why-us .career { min-height: 400px; width: 97%;}
    .why-us .career .career-card .heading h2 { font-size: 27px;}
    .why-us .career .career-card .heading p { font-size: 21px; line-height: 1.5;}
    .why-us .career .career-card { position: absolute; background: #ed483d; width: 80%; bottom: 8%; padding: 20px;} 

    footer h5 { font-size: 18px; margin: 20px 0 8px 0;}
    footer p, footer p a {font-size: 13px;}

    .inner-banner { padding: 12% 0;}
    .inner-banner h1 { font-size: 32px;}
    .inner-banner p { font-size: 14px; margin: 0;} 

    .contact-page .contact-info { min-height: 100px; margin: 0 0 10px 0; padding: 15px;}
    .contact-page .contact-info i { width: 35px; height: 35px; font-size: 18px;}
    .contact-page .contact-info h5 { font-size: 18px;}
    .contact-page .contact-form {padding: 30px;}
    .contact-page .contact-form h4 { font-size: 24px; margin: 0 0 20px 0;}
    .contact-page .contact-form .form-control {margin: 0 0 10px 0;}
}

.service-offering { padding: 7% 0; background-color: rgba(34, 162, 152, 1);}
.service-offering .heading p{ color: #1a1a1a}
.service-offering h5{ font-size: 19px;}
.service-offering .ser-offer {padding: 45px 30px;background: #fff;border-radius: 10px;margin: 0 0 25px 0;}
.service-offering .ser-offer .icon { position: relative; display: inline-block;}
.service-offering .ser-offer .icon::after {content: '';position: absolute;width: 60px;height: 60px;background: #22a298e0;border-radius: 50%;left: -20px;top: 10px;}
.service-offering .ser-offer .icon img {width: 80px;margin: 0 0 25px 0;position: relative;z-index: 2;} 
.service-offering .ser-offer p { font-size: 18px; font-weight: 600; line-height: 1.4; color: #ed483d; margin: 0;}

.article-section { padding: 0 0 8% 0;}
.article-section .article-card {background: #22a298;padding: 25px;border-radius: 10px;margin: 90px 0 40px 0;position: relative;min-height: 300px;}
.article-section .article-card .pic img { margin: -140px 0 20px 0; border-radius: 10px; border: 1px solid #a1a1a1;}
.article-section .article-card .text p {font-size: 19px;font-weight: 500;line-height: 1.6;color: #1f1f1f;margin: 0 0 20px 0;}
.article-section .article-card .num {position: absolute;background: #ed483d;width: 52px;height: 52px;border-radius: 50%;right: 25px;color: #fff;font-size: 20px;font-weight: 700;line-height: 2.8;letter-spacing: 1px;bottom: -18px;}

.mentors-section { padding: 6% 0; background: #ed483d;}
.mentors-section .num { display: inline-block; background: rgba(255, 255, 255, .7); width: 50px; height: 50px; text-align: center; font-size: 20px; font-weight: 600; border-radius: 50%; line-height: 2.5;}
.mentors-section p {color: #fafafa; font-size: 17px;}
.mentors-section a { display: inline-block; background: #fff; color: #22a298; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 2.4;}

.post1 { padding: 4% 0;}
.post1 h3 {color: #ed483d;font-size: 34px;font-weight: 600;}
.post1 a i { display: inline-block; background: #0a66c2; color: #fff; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 2.5;}

.media-coverage {background: rgba(34, 162, 152, .3);min-height: 695px;margin: 15px 0;}
.media-coverage .pic{ background: #fff; min-height: 300px; border: 1px solid #cacaca;}
.media-coverage img{border: 1px solid #cacaca;}
.media-coverage .text {padding: 30px 20px 25px 20px;position: relative;}
.media-coverage .text .icon a {position: absolute;width: 40px;height: 40px;color: #fff;background: #ed483d;border-radius: 50%;font-size: 15px;text-align: center;line-height: 2.7;top: -20px;left: 15px;}
.media-coverage .text p {font-size: 14.5px;margin: 0;letter-spacing: 0;}

.media-coverage1 {background: rgba(34, 162, 152, .3);min-height: 695px;margin: 15px 0;}
.media-coverage1 .pic{ background: #fff; min-height: 300px; border: 1px solid #cacaca;overflow: hidden;}
.media-coverage1 img{ height: 350px;width: 50%;border: 1px solid #cacaca;}
.media-coverage1 .text {padding: 30px 20px 25px 20px;position: relative;}
.media-coverage1 .text .icon a {position: absolute;width: 40px;height: 40px;color: #fff;background: #ed483d;border-radius: 50%;font-size: 15px;text-align: center;line-height: 2.7;top: -20px;left: 15px;}
.media-coverage1 .text p {font-size: 14.5px;margin: 0;letter-spacing: 0;}

.Podcasts-card { background: rgba(34, 162, 152, .8); margin: 15px 0; min-height: 695px;}
.Podcasts-card .text { padding: 30px;}
.Podcasts-card .text a { color: #ed483d; font-size: 18px; font-weight: 700; line-height: 1.6;}

.mentor{display:flex;}