@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{
    font-family:  "Montserrat", sans-serif;
    margin: 0;padding: 0;
}
:root{
    /* 055b9d
    008ad1 */
    --thm-font:  "Outfit", sans-serif;
    --thm-base: #055b9d;
    --thm-base-light: #055b9d30;
    --thm-base2: #198AC8;
    --thm-base2-light: #198AC830;
    --thm-black: #000000;
    --thm-black-ligth: #00000040;
    --thm-gray: #999999;
    --thm-line: #8b8b8b80;
    --thm-white: #ffffff;
    --thm-section-bg: #f7f7f7;
    --thm-light: #c7c7c7;
    --thm-footer: #e2e2e2;
    --thm-primary: #666666;
}
h1,
h2,
h3,
h4,
h5,
h6,
p{ margin: 0; }
ul{ margin: 0; padding: 0; }
li{ list-style: none; }
h1{ font-size: 45px; font-weight: 500;} 
h2{ font-size: 30px; font-weight: 600;} 
h3{ font-size: 24px; font-weight: 600;} 
h4{ font-size: 22px; font-weight: 600;} 
h5{ font-size: 20px; font-weight: 500;} 
h6{ font-size: 16px;}
a{ color: var(--thm-black); text-decoration: none; font-weight: 500; transition: 0.5s;}
a:hover {color: var(--thm-base); }
.mb-80{ margin-bottom: 80px;}
.mt-80{ margin-top: 80px;}
.container{ max-width: 1400px;}

.section-container{ position: relative; }
.heading-tag{ font-size: 18px; color: var(--thm-base); margin-bottom: 10px; font-weight: 600; text-transform: uppercase; }
.heading{ color: var(--thm-black); margin-bottom: 15px; font-weight: 600; }
.description{ font-size: 16px; margin-bottom: 15px; color: #888888; font-weight: 500; }
.tag-line:before { content: ""; width: 12px; height: 4px; background: var(--thm-base); position: absolute; top: -20px; left: 0; margin-left: 0px; border-radius: 2px; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 1; }
.tag-line:after { content: ""; width: 65px; height: 4px; background: var(--thm-base); position: absolute; top: -20px; left: 0; margin-left: 20px; border-radius: 2px; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 0; }
.section-container:hover .tag-line:before{ width: 65px; margin-left: 0px; background: var(--thm-base); }
.section-container:hover .tag-line::after{ width: 12px; margin-left: 75px; background: var(--thm-base); }

.gradient{
    color: var(--thm-base);
    /* background: linear-gradient(to right, var(--thm-base), var(--thm-base));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text; */
}

.btn-box { display: inline-block; position: relative; background-color: var(--thm-base2); border-radius: 4px; padding: 10px 20px; background-repeat: no-repeat; cursor: pointer; box-sizing: border-box; color: #fff; border: none; transition: all 0.3s ease-in-out; z-index: 1; overflow: hidden; }
.btn-box::before { content: ""; background-color: var(--thm-base); width: 0; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transition: width 700ms ease-in-out; display: inline-block; }
.btn-box:hover::before { width: 100%; }
.btn-box:hover{ color: var(--thm-white); }
.btn-box i{ font-size: 14px; opacity: 0; margin-left: -10px; transition: 0.5s; }
.btn-box:hover i{ margin-left: 3px; opacity: 1; }

header{ width: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px }
.top-header-bg{ background-color: var(--thm-base-light) }
.top-header{ display: flex; justify-content: space-between }
.top-header div{ display: flex; align-items: center }
.top-header .header-contact-info div{ display: flex ; gap: 6px; border-right: 1px solid var(--thm-line); padding: 10px 20px }
.top-header .header-contact-info p{ font-size: 15px; font-weight: 600; color: var(--thm-base) }
.top-header a{ display: flex; gap: 5px; align-items: center; font-size: 15px; font-weight: 6 0; color: var(--thm-base); font-weight: 600;}
.top-header i{ font-size: 18px; margin-top: 2px; color: var(--thm-base) }
.top-header a:hover{ color: var(--thm-base) }
.top-header .social-media-container div{ display: flex; gap: 10px; /* border-right: 1px solid var(--thm-line); */ padding: 10px 20px }
.top-header .social-media-container div p{ font-size: 15px; font-weight: 600; color: var(--thm-base) }
.top-header .header-contact-info div:first-child{ padding-left: 0px }
.top-header .header-contact-info div:last-child{ border: none }
/* .top-header .social-media-container div:last-chil {
    border: none;
    padding-right: 0px;
}
.top-header .social-media-container .social-media{
    display: flex;
    gap: 20px;
}
.top-header .social-media-container .social-media a i{
   font-size: 14px;
   border: 1px solid var(--thm-base);
   padding: 6px;
} */
.nav-bar .container{ display: flex; padding: 8px 0px; justify-content: space-between; align-items: center; }
.nav-bar .container .logo a img{ max-width: 160px; }
.menu{ display: flex; gap: 30px; }
.menu li a{ font-weight: 600; color: var(--thm-black); }
.menu li a:hover{ color: var(--thm-base2); }
.menu > li{ position: relative; padding-bottom: 1px; }
.nav-bar .menu > li > a::before{ content: ""; position: absolute; width: 40%; height: 2px; background-color: transparent; bottom: 0px; left: 50%; transform: translateX(-50%); transition: 0.5s; z-index: 2; }
.nav-bar .menu a:hover::before{ background-color: var(--thm-base2); }
.nav-bar .menu .active a{ color: var(--thm-base2); }
.nav-bar .menu .active a::before{ background-color: var(--thm-base2);  }

.toggle-container{ display: flex; gap: 20px; align-items: center; }
.highlight-header{ background-color: #18658f; padding: 10px 0px; }
.highlight-header-silder .owl-stage { margin: 0 auto;}
/* .highlight-header .container{ display: flex; gap: 10px; align-items: center; justify-content: center; flex-wrap: wrap; } */
.highlight-header-items{ display: flex; gap: 8px; align-items: center; border-right: 2px solid var(--thm-line); padding-right: 10px; }
.highlight-header-items:last-child{ border: none; padding-right: 0px; }
.highlight-header-items p{ font-size: 14px; color: var(--thm-white); font-weight: 500; }
.highlight-header-items img{ max-width: 25px; }
.highlight-header-items a{ font-size: 14px; color: var(--thm-white); animation: blur 3s linear infinite; }
@keyframes blur {
    0%, 90% { color: #18658f; }
    50% { color: #ffffff; }
}
/* .highlight-header-items .blur1{ animation: blur1 3s linear infinite;}
.highlight-header-items .blur2{ animation: blur2 3s linear infinite;}
.highlight-header-items .blur3{ animation: blur3 3s linear infinite;}
@keyframes blur1 {
    0%, 90% { color: #02d9ff;}
    50% { color: #ffffff;}
}
@keyframes blur2 {
    0%, 90% { color: #18658f;}
    50% { color: #ffffff;}
}
@keyframes blur3 {
    0%, 90% { color: #ffffff;}
    50% { color: #02d9ff;}
} */

.banner-section{ position: relative;}
.banner-silder .banner-content{ width: 40%; text-align: center; margin: auto;
    padding: 250px 0px; 
}
.banner-img{ background-image: url(../images/banner-01.jpg); min-height: 800px; background-position: center; background-size: cover; }
.banner-img.banner-img2{background-image: url(../images/banner-02.jpg);}
.banner-img.banner-img3{background-image: url(../images/banner-03.jpg);}
.banner-content h6{ display: inline-block; color: var(--thm-white); margin-bottom: 5px; background-color: var(--thm-base-light); padding: 7px 30px; border-radius: 4px; text-transform: uppercase;}
.banner-content h1{ color: var(--thm-white); margin-bottom: 15px; }
.banner-content p{ color: var(--thm-white); margin-bottom: 20px; }
.banner-btn{ display: flex; gap: 15px; justify-content: center; }
/* .unique-text{ position: relative; }
.unique-text::before{ position: absolute; content: ""; width: 103%; height: 5px; background-color: var(--thm-base); bottom: 2px; left: -3px; z-index: -1; transition: 0.5s; }
.banner-content:hover .unique-text::before{ height: 53px;  } */

.founder-section{ display: flex; align-items: center; margin-top: 30px; }
.founder-name{ padding-right: 40px; border-right: 1px solid var(--thm-line); line-height: 1.5; }
.founder-name h5{ font-size: 19px; font-weight: 600; }
.founder-name p{ color: var(--thm-gray); }
.video-section{ display: flex; gap: 20px; align-items: center; padding: 0px 30px; }
.video-section p{ font-weight: 600; }
.video-icon { border: 1px solid var(--thm-base); color: var(--thm-base); font-size: 40px; display: flex; justify-content: center; align-items: center; width: 0; height: 0; padding: 27px; text-decoration: none; border-radius: 50%; animation-name: pulse; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinit  }
@keyframes pulse {
    0% { box-shadow: 0 0 0 15px #0b75bb30; }
    80% { box-shadow: 0 0 0 20px rgba(37, 211, 102, 0); }
}
.video-icon:hover{ transform: scale(1.09); }
.founder-img{ text-align: end; position: relative; }
.founder-img img{ width: 80%; border-radius: 20px 0px 0px 20px; }
.img-text-up{ position: absolute; bottom: 40px; left: 20px; display: flex; gap: 10px; align-items: center; text-align: left; padding: 10px; background-color: var(--thm-white); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; animation: imgtextup 3s linear infinite; }
.img-text-up i{ font-size: 30px; background-color: var(--thm-base2); color: var(--thm-white); padding: 10px; border-radius: 8px; }
.img-text-up p{ font-size: 16px; font-weight: 500; line-height: 1.2; }
.img-text-up p span{ font-size: 26px; font-weight: 600; }
@keyframes imgtextup{
    0% { transform: translatey(10px);}
    50% { transform: translatey(-10px);}
    100% { transform: translatey(10px);}
}

.about-section .section-container{ margin-left: 30px; }
.about-section .about-img img{ border-radius: 0px 20px 20px 0px; }
.about-section .about-bold{ font-weight: 600; }
.about-points{ display: grid; gap: 5px 15px; grid-template-columns: repeat(2, 1fr); padding: 20px; background-color: var(--thm-base2-light); margin-top: 20px; border-left: 5px solid var(--thm-base); border-radius: 0px 20px 20px 0px; }
.about-points p{ font-weight: 500; }
.about-points p i{ color: var(--thm-base); }

.our-services-section{ padding: 100px 0px; background-image: url(../images/services_bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.our-services-section.our-services-page-section{ background-color: var(--thm-white); background-image: none; }
.service-icon{ display: flex; gap: 24px; align-items: center; margin-bottom: 5px; }
.service-icon img{ width: 19%; }
.service-icon a{ font-size: 18px; position: relative; transition: 0.5s; padding-bottom: 2px; font-weight: 600; /* border-bottom: 1px solid transparent; */ }
.service-icon a::before{ content: ''; position: absolute; width: 4px; height: 40px; background-color: var(--thm-base-light); top: 50%; transform: translatey(-50%); left: -16px; border-radius: 20px; }
.service-items-container{ display: grid; gap: 25px; grid-template-columns: repeat(3,1fr); }
.service-items{ box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; padding: 20px; border-radius: 6px; background-color: var(--thm-white); transition: 0.5s; border-bottom: 4px solid var(--thm-white); }
/* .service-items .description{ margin-top: 10px; } */
.service-items .btn-box{ padding: 10px 15px; transition: 0.5s; }
.service-items .btn-box i{ font-size: 14px; opacity: 0; margin-left: -10px; transition: 0.5s; }
.service-items:hover .service-icon a{ color: var(--thm-base); }
.service-items:hover .btn-box i{ color: var(--thm-white); margin-left: 3px; opacity: 1; }
.service-items:hover{ border-bottom: 4px solid var(--thm-base); }
.service-items:hover .service-icon img{ animation: rotate-icon 0.3s linear; }
@keyframes rotate-icon{
    to{ transform: scaleX(-1); }
}

.service-img{ overflow: hidden; position: relative; margin-bottom: 10px;}
.service-img img{ width: 100%; transition: 0.5s; }
.service-img::before{ position: absolute; content: ""; width: 100%; height: 100%; background-color: #00000060; z-index: 5; bottom: 0; opacity: 0; transition: 0.5s; }
.service-items:hover .service-img img{ transform: scale(1.1); } 
.service-items:hover .service-img::before{ opacity: 1; }

.wcu-points{ display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); }
.wcu-points p{ display: flex; gap: 6px; align-items: center; padding: 10px 15px; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 8px; border: 1px solid var(--thm-base2-light); border-radius: 4px;}
/* .wcu-section .section-container > .btn-box{ width: 100%; margin-top: 20px; display: flex; align-items: center; padding: 6px 20px; justify-content: space-between; } */

.benefits-section{ background-color: #CFEEFF30; padding: 50px 0px; }
.benefits-items{ margin-bottom: 30px; text-align: center; padding: 20px; /* border: 1px solid var(--thm-base-light); */ border-radius: 6px; background-color: #2b8dc220; }
.benefits-items .description{ margin-bottom: 0px; }
.benefits-items img{ max-width: 80px; background-color: #ffffff; border-radius: 6px; margin-bottom: 20px; }
.benefits-items:hover{ /* border: 1px solid transparent; */ box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px; }

.fun-fact{ background-image: url(../images/main-banner-3.jpg); background-attachment: fixed;  background-size: cover;}
.fun-fact .counter-section .counter-items h4{ color: var(--thm-white); }
.fun-fact .counter-section .counter-items .counter-title{ color: var(--thm-white); }
.counter-section{ padding: 60px 0px 80px 0px; }
.counter-section .counter-items{ text-align: center; border-right: 1px solid var(--thm-light); }
.counter-section .counter-items.counter-items2{
    border-right: none;
}
.counter-section .counter-items h4{ display: flex; justify-content: center; font-size: 50px; font-weight: 700; color: var(--thm-base2); margin-bottom: 0px; }
.counter-section .counter-items .counter-title{ color: var(--thm-base2); font-size: 16px; font-weight: 600; margin-left: 0px; }

.contact-from{ background-image: url(../images/MSPCS_images-2Home_2.jpg); padding: 80px 0px; }
.form-section { width: 100%; margin: auto; padding: 30px; /* margin: 0px 60px; */ /* background-color: #c7c7c720; */ border: 1px solid var(--thm-base-light); border-radius: 4px; }
.form-heading { font-size: 22px; margin-bottom: 6px; color: var(--thm-black); font-weight: 600; }
.form-control { display: block; margin-top: 3px; padding: 10px 15px; font-size: 14px; color: var(--thm-black); background-color: transparent; background-clip: padding-box; border: 1px solid var(--thm-black-ligth); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 4px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.form-select { border-radius: 0px; margin-top: 3px; padding: 10px 15px; font-size: 14px; border-radius: 4px; border: 1px solid var(--thm-black-ligth); color: var(--thm-black); background-color: transparent; }
.form-select:focus { border: 1px solid var(--thm-black-ligth); box-shadow: rgba(18, 118, 250, 0.25) 0px 0px 0px 0.25rem; }
.form-control:focus { color: var(--thm-black); background-color: transparent; border: 1px solid var(--thm-black-ligth); outline: 0px; box-shadow: rgba(18, 118, 250, 0.25) 0px 0px 0px 0.25rem; }
.form-section button{ border: none; }


/* Accordion section Css */
/* .accordion-button:focus {z-index: 3;border-color: var(--thm-base);outline: 0;box-shadow: none;}
.accordion-button:not(.collapsed) {color: var(--thm-base);background-color: transparent;box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);font-weight: 500;}
.accordion-button {font-weight: 500;} */
.accordion-button:not(.collapsed) { color: var(--thm-white); background-color: var(--thm-base2); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);}
.accordion-button:not(.collapsed)::after { color: var(--thm-white); filter: brightness(40);}
.accordion-button:focus { z-index: 3; border-color: var(--thm-base2-light); outline: 0; box-shadow: none; /* box-shadow: 0 0 0 0.25rem rgba(143, 175, 250, 0.25); */ border-radius: 6px;}
.accordion-item:first-of-type .accordion-button { border: 1px solid var(--thm-base2-light); border-radius: 6px;}
.accordion-item { border: none; margin-bottom: 15px;}
.accordion-item .accordion-button { border: 1px solid var(--thm-base2-light); border-radius: 6px; margin-bottom: 2px; font-weight: 600; }
.accordion-body { border: 1px solid var(--thm-base2-light); border-radius: 6px; margin-bottom: 20px; font-weight: 500;}

.padding-left-test{ padding-left: 10px; }
.testimonials-section .testimonial-container{ padding: 0px 60px; }
.testimonials-section .testimonial-container .testimonials-silder-div{ padding: 25px; background-color: var(--thm-white); border-radius: 4px; position: relative; margin: 1px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px; /* border: 2px solid var(--thm-base-light); */ transition: 0.5s; }
.testimonials-section .testimonial-container .testimonials-silder-div > div{ display: flex; justify-content: space-between; padding-right: 30px; }
.testimonials-section .testimonial-container .testimonials-silder-div .person-info{ display: flex; gap: 10px; align-items: center; margin-bottom: 30px; }
.testimonials-section .testimonial-container .testimonials-silder-div .person-info div h5{ font-weight: 600; }
.testimonials-section .testimonial-container .testimonials-silder-div .person-info div img{ width: 100% !important; }
.testimonials-section .testimonial-container .testimonials-silder-div .person-info .reating{ display: flex; gap: 4px; align-items: center; font-size: 12px; color: rgb(255, 162, 55); transition: 0.5s; margin-top: 3px; }
.testimonials-section .testimonial-container .testimonials-silder-div .comma-img{ width: 100% !important; }
/* .testimonials-section .testimonial-container .testimonials-silder-div:hover{ background-color: var(--thm-base-light); } */
.google-icon{max-width: 28px; margin-right: 2px; padding-right: 6px; border-right: 1px solid var(--thm-line);}

.contact-section{ background-color: #CFEEFF; padding: 40px 0px; }
.contact-section-container{ display: flex; align-items: center; }
.contact-section .heading{ color: #18658f; }
.contact-section .description{ margin-bottom: 0px; margin-top: -10px; }
.contact-section-btn{ display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: center; }
.contact-section-btn .btn-box{ border: 1px solid #18658f; background-color: transparent; color: #18658f; }
.contact-section-btn .btn-box:hover{ border: 1px solid transparent; color: #ffffff; }
.style2{ background-color: transparent; border: 1px solid #18658f; color: #18658f; font-weight: 500; padding: 10px 14px; border-radius: 4px; }
.style2 img{ transition: 0.5s; }
.style2:hover{ border: 1px solid transparent; }
.style2:hover img{ filter: brightness(135); }


.footer-section{ background-color: #18658f; }
.footer-bg-img{ background-image: url(../images/footer-bg2.jpg); }
.footer-container{ padding: 50px 10px 10px 10px; }
.footer-logo a img{ margin-bottom: 20px; max-width: 180px; /* background-color: #ffffff; padding: 5px; border-radius: 5px; */ }
.footer-container .description{ color:var(--thm-white); }
/* .footer-container .sub-heading{ font-size: 20px; display: inline-block; color: var(--thm-white); padding-bottom: 4px; border-bottom: 1px solid var(--thm-footer); margin-bottom: 25px; } */
.footer-services li{ margin-bottom: 10px; overflow: hidden; }
.footer-services li a{ display: inline-flex; color: var(--thm-white); transition: 0.5s; position: relative;  padding-bottom: 4px; }
.footer-services li a::before{ content: ""; position: absolute; width: 100%; height: 2px; background-color: var(--thm-base2); bottom: 0px; left: -100%; transition: 0.5s; z-index: 2; }
/* .footer-services li a:hover{ color: var(--thm-base); } */
.footer-services li a:hover::before{ color: var(--thm-base);  left: 0px; }
.footer-contact > a{ display: flex; gap: 10px; align-items: center; margin-bottom: 10px; color: var(--thm-white); }
.footer-contact p{ display: flex; gap: 10px; align-items: center; font-weight: 500; margin-bottom: 10px; color: var(--thm-white); padding-bottom: 10px; border-bottom: 1px solid var(--thm-base2-light); }
.footer-contact p:last-child{ display: flex; gap: 10px; align-items: center; margin-bottom: 10px; color: var(--thm-white); padding-bottom: 0px; border-bottom: none; }
.footer-contact p a{ color: var(--thm-white); }
.footer-contact a:hover{ /* color: var(--thm-base2); */ font-weight: 600; }
.footer-bottom-section{ padding: 30px 0px; border-top: 1px solid  var(--thm-line); background-color: #18658f; }
.footer-bottom-section .container{ display: flex; align-items: center; justify-content: center; }
.footer-bottom-section p a{ color: var(--thm-white); transition: 0.5s; font-weight: 600; }
.footer-bottom-section p a:hover{ color: var(--thm-base2); }
.footer-social-media{ display: flex; gap: 22px; align-items: center; }
.footer-social-media a{ position: relative; color: var(--thm-white); z-index: 2; }
/* .footer-social-media a img{ max-width: 22px; } */
/* .footer-social-media a:hover{ color: var(--thm-white); } */


.breadcrumb-section { background-image: url(../images/Who-we-are-banner.jpg); padding: 200px 0px 100px 0px; background-size: cover; background-position: center;  }
.breadcrumb-section.breadcrumb-service { background-image: url(../images/What-We-Do-banner.jpg); }
.breadcrumb-section.breadcrumb-service-cf { background-image: url(../images/Company-Formation-banner.jpg); }
.breadcrumb-section.breadcrumb-service-startup { background-image: url(../images/Startup-Registration-Service-2.jpg); }
.breadcrumb-section.breadcrumb-service-dsc { background-image: url(../images/Digital-Signature-Certificate-banner.jpg); }
.breadcrumb-section.breadcrumb-service-sc { background-image: url(../images/Secretarial-Compliances&Audits-banner.jpg); }
.breadcrumb-section.breadcrumb-service-ipo { background-image: url(../images/IPO-Services&Solutions-banner.jpg); }
.breadcrumb-section.breadcrumb-service-ipr-im { background-image: url(../images/Intellectual-Property-Rights-banner.jpg); }
.breadcrumb-section.breadcrumb-service-xbrl { background-image: url(../images/eXtensible-Business-Reporting-Language-banner.jpg); }
.breadcrumb-section.breadcrumb-contact { background-image: url(../images/Contact-Us-banner.jpg); }
.breadcrumb-section.breadcrumb-contact-form { background-image: url(../images/Send-Message-banner.jpg); }
.breadcrumb-section.breadcrumb-FAQs { background-image: url(../images/Have-Questions-banner.jpg); }
.breadcrumb-section.breadcrumb-team { background-image: url(../images/team-member-banner.jpg); }
.breadcrumb-section nav{ /* display: flex; justify-content: space-between; */ position: relative; }
.breadcrumb-section .breadcrumb-heading { text-transform: uppercase; font-size: 140px; font-weight: 800; background-color: transparent; -webkit-text-fill-color: var(--thm-white); /* -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--thm-light); */ line-height: .8; margin-bottom: 10px; opacity: 0.1; }
.breadcrumb-section .breadcrumb { display: inline-flex; gap:  8px; justify-content: center; margin-bottom: 0; list-style: none; align-items: center; /* position: absolute; left: 0; bottom: -200px; */ background-color: #fff; padding: 10px 20px; /* box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; */ border-radius: 2px; }
.breadcrumb-content .heading{ font-size: 35px;}
.breadcrumb-section .breadcrumb .breadcrumb-item a { display: flex; font-weight: 600; color: #18658f; font-size: 16px; align-items: center; }
.breadcrumb-section .breadcrumb .breadcrumb-item a i{ margin-right: 5px; font-size: 16px; margin-top: -4px; }
.breadcrumb-section .breadcrumb .breadcrumb-item a:hover { font-weight: 400; color: var(--thm-base2); }
.breadcrumb-section .breadcrumb .breadcrumb-item { font-size: 20px; font-weight: 400; }
.breadcrumb-section .breadcrumb .symbol-breadcrumb { font-weight: 500; font-size: 16px; color: var(--thm-base2); } 
.breadcrumb-section .breadcrumb .breadcrumb-item.active { color: #18658f60; font-size: 16px; font-weight: 500; }
.breadcrumb-content{ margin-top: -70px; }
.breadcrumb-content .description{ width: 50%; }


.our-mission-section .mv-container{ display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); }
.our-mission-section .mv-container .mv-content{ padding: 30px; background-color: #18658f; border-radius: 10px; }
.our-mission-section .mv-container .mv-content .heading{ font-size: 25px; display: inline-flex; gap: 6px; align-items: center; padding-bottom: 4px; border-bottom: 1px solid #ffffff50; border-radius: 3px; }
.our-mission-section .mv-container .mv-content .description{ margin-bottom: 0px; }
.our-mission-section .mv-container .mv-content.mv-content2{ background-image: none; background-color: #0098DB30; padding: 0px; }
.our-mission-section .mv-container .mv-content.mv-content2 .heading{ border-bottom: 1px solid #00000040; }
.our-mission-section .mv-container .mv-content.mv-content2 .mv-content2-container{ padding: 30px; }

.about-founder-section.team-page-section{
    background-color: #CFEEFF30; padding: 50px 0px;

}
.about-founder-container{ padding-top: 10px; /* border-bottom: 1px solid var(--thm-base2-light); */ }
.about-founder-img{ padding: 16px; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px; background-color: var(--thm-white); }
.about-founder-img .founder-name{ text-align: center; border: none; margin-top: 15px; padding-right: 0px; }

.team-silder .about-founder-img{
    margin: 10px;
    padding: 0px;
    padding-bottom: 14px;
}
.team-page-section{
    margin: 40px 0px;
}
.team-page-section .about-founder-img{
    margin-bottom: 20px;
}
.contact-get-container{ background-color: #0098DB30; padding: 30px; border-radius: 6px; margin: 20px 0px; }
.contact-get-container h3{ margin-bottom: 15px; }
.contact-get-container.contact-location{ background-color: var(--thm-section-bg); margin-top: 0px; }

.contact-info-items{ display: flex; gap: 10px; /* align-items: center; */ margin-bottom: 20px; }
.contact-info-items:last-child{ margin-bottom: 0px;}
.contact-info-items div i{ color: var(--thm-base3); background-color: var(--thm-base2-light); padding: 15px; font-size: 22px; border-radius: 5px; }
.contact-info-items .contact-info-content p{ color: var(--thm-base3); font-weight: 600; margin-bottom: 0px; }
.contact-info-items .contact-info-content .opening-time{ color: var(--thm-primary); font-weight: 500; }
.contact-info-items div a{ color: var(--thm-primary); transition: 0.5s; }
.contact-info-items div a:hover{ color: var(--thm-base); }
.footer-social-media.social-media-black a img{ filter: brightness(0.1); }
.heading-tag.Get-in-touch-heading{ border-bottom: 1px solid var(--thm-black-ligth); padding-bottom: 6px; margin-bottom: 25px; }
/* .map iframe{ border-radius: 6px; } */


.service-detail-page .heading{ display: inline-block; color: var(--thm-base3); margin-bottom: 20px; }
/* .service-detail-page .service-detail-silder{ margin-bottom: 10px; }
.service-detail-page .service-detail-silder img{ border-radius: 10px; } */
.service-detail-page .service-sub-heading{ font-size: 18px; font-weight: 600; color: var(--thm-base3); margin: 25px 0px 10px 0px; }
.service-detail-page .service-sub-heading .gradient{
    font-size: 22px;
}
.service-detail-steps-items{ transition: 0.5s; }
.service-detail-steps-items > div{
    padding-bottom: 15px;
    border-bottom: 1px solid var(--thm-footer);
    margin: 20px 0px;
}
.service-detail-steps-items h5{ font-weight: 600; font-size: 18px; margin-bottom: 3px; color: var(--thm-base3); }
.service-detail-steps-items > div i{ font-size: 30px; background-color: var(--thm-base2-light); color: var(--thm-base3); padding: 12px; border-radius: 6px; }
.service-detail-steps-items .description{ margin-bottom: 0px; font-size: 16px; }
.service-detail-page img{ border-radius: 8px; margin-bottom: 25px; width: 100%; }
.service-detail-faq{ /* background-image: url(../images/faq_bg.e437e84e04db7785595b.jpg); */ padding: 30px; border-radius: 10px; margin: 35px 0px; /* background-color: #198AC810; */ border: 2px solid #198AC810; }
.service-detail-faq .faq-heading{ font-size: 26px; display: inline-block; color: var(--thm-base3); margin-bottom: 20px; /* border-bottom: 2px solid var(--thm-base2); */ }

/* .side-bar-container{ padding-right: 0px;  margin-left: 20px;} */
.side-bar{ padding: 50px 30px 30px 30px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; border-radius: 6px; margin-bottom: 30px; }
.side-bar ul li{ margin-bottom: 15px; }
.side-bar ul li a { display: flex; justify-content: space-between; align-items: center; gap: 3px; position: relative; background-color: var(--thm-base2); border-radius: 4px; padding: 10px 20px; background-repeat: no-repeat; cursor: pointer; box-sizing: border-box; color: #fff; border: none; transition: all 0.3s ease-in-out; z-index: 1; overflow: hidden;  }
.side-bar ul li a i{
    font-size: 15px;
    padding-left: 5px;
    border-left: 1px solid #ffffff40;
}
.service-detail-page .side-bar li a::before { content: ""; background-color: var(--thm-base); width: 0; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transition: width 700ms ease-in-out; display: inline-block; }
.service-detail-page .side-bar li a:hover::before { width: 100%; }
.side-bar ul li a:hover{ color: var(--thm-white); }
/* .service-detail-page .side-bar li a::after{
    font-family: "Font Awesome 5 Free";
    content:  "\f101";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
} */
.side-bar ul li .active-service{ color: var(--thm-white); background-color: var(--thm-base); }
/* .side-bar-contactform{ background-image: url(../images/service-form-bg.jpg); background-size: cover; } */
.side-bar-contactform .form-section{ border: none; padding: 0px; }
.contact-form-section .social-media-black a img{ border-radius: 0px; margin-bottom: 0px; }

.scroll-page{
    position: sticky;
    top: 160px;
}


/* ==================== sticky nav-bar ===================================== */

.sticky { position: fixed; top: 0; width: 100%; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px; z-index: 9; background-color: var(--thm-white); }

/* ==================== back-to-top-button ===================================== */

#back-to-top-button { display: inline-block; background-color: var(--thm-base2); width: 50px; height: 50px; text-align: center; border-radius: 2px; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px;}
#back-to-top-button::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 22px; line-height: 50px; color: var(--thm-white); }
#back-to-top-button:hover { cursor: pointer; background-color: var(--thm-gray); }
#back-to-top-button:active { background-color: var(--thm-light); }
#back-to-top-button.show { opacity: 1; visibility: visible; }

.btn-whatsapp-pulse { background: #25d366; color: white; position: fixed; bottom: 30px; left: 30px; /* right: 20px; */ font-size: 36px; display: flex; justify-content: center; align-items: center; width: 0; height: 0; padding: 25px; text-decoration: none; /* border-radius: 50%; */ border-radius: 3px; animation-name: whp-pulse; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; z-index: 10000; }
@keyframes whp-pulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);}
    80% { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);}
}
 

/* ==================== mega-menu ===================================== */

.mega-menu{ background-color: #fff; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px; }
.mega-menu .row{ --bs-gutter-x: 0; }
.mega-menu .mega-menu-content{ padding: 30px 20px; }
.mega-menu .mega-menu-content h6{ color: #055b9d; margin-bottom: 20px; padding-left: 10px; }
.mega-menu .mega-menu-content .content-items{ display: flex; gap: 12px; padding: 10px 15px; border-radius: 6px; margin-bottom: 10px; }
.mega-menu .mega-menu-content .content-items:hover{ background-color: #198AC820; }
.mega-menu .mega-menu-content .content-items a{ font-size: 16px; font-weight: 600; }
.mega-menu .mega-menu-content .content-items .megamenu-subline{ font-size: 15px; font-weight: 500; color: #969696; margin-top: 0px; }
.mega-menu .mega-menu-content.contentBox1{ background-color: #0098DB30; /* background-color: #18658f; */ border-radius: 6px 0px 0px 6px; height: 100%; }
/* .mega-menu .mega-menu-content.contentBox1 .content-items{ background-color: #198AC820; } */
.mega-menu .mega-menu-content.contentBox1 .content-items a{ color: #0f0f0f; /* color: #ffff; */ }
.mega-menu .mega-menu-content.contentBox2 .content-items a{ color: #242424; }
.mega-menu .mega-menu-content.contentBox2 .content-items:hover{ background-color: #198AC810; }
.mega-menu .mega-menu-content .content-items div a:hover{ color: #198AC8; }
/* .mega-menu .mega-menu-content.contentBox3{ background-color: #F1F5F8; border-radius: 0px 10px 10px 0px; height: 100%; }
.mega-menu .mega-menu-content.contentBox3 .content-items:hover{ background-color: rgba(83, 83, 83, 0.1); } */


/* =============== Mega-menu hover-show =========================== */

.dropdown-megamenu { position: relative; display: flex; gap: 5px; align-items: center; }
.dropdown-megamenu .megamenu-open{ margin-top: -2px; display: none;}
.dropdown-megamenu .mega-menu{ position: absolute; min-width: 100%; opacity: 0; left:  -630px; top: 56px; right: -480px; z-index: 3; transition: 0.5s; visibility: hidden; }
.dropdown-megamenu:hover .mega-menu{ opacity: 1; z-index: 2; visibility: visible; }


/* ==================== toogle bar ===================================== */

.ham { width: 60px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: none; margin: -10px;   }
.hamRotate.active { transform: rotate(45deg); }
.hamRotate180.active { transform: rotate(180deg); }
.line { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: var(--thm-base); stroke-width: 5.0; stroke-linecap: round;  }
.ham6 .top { stroke-dasharray: 40 172; }
.ham6 .middle { stroke-dasharray: 40 111; }
.ham6 .bottom { stroke-dasharray: 40 172;}
.ham6.active .top { stroke-dashoffset: -132px;}
.ham6.active .middle { stroke-dashoffset: -71px;}
.ham6.active .bottom {  stroke-dashoffset: -132px;}



/* ==================== Whatsapp & pdf ===================================== */
.social-btn { width: 50px; padding: 12px 14px; position: relative; right:0px; transition: right 1s; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px; }
.social-btn:hover { right: -10px; transition: right 1s; }
.social { position: fixed; top: 50%; transform: translateY(-50%); right: 0px; z-index: 100; }
.social a { text-decoration: none; }
.color-linkdin { background-color: var(--thm-base2); border-radius: 8px 0px 0px 0px;}
.color-instagram{ background-color: var(--thm-base2);}
.color-fb { background-color: var(--thm-base2) ; border-radius: 0px 0px 0px 8px;}
.social-btn img { width: 25px; }