@font-face {
  font-family: 'ttf';
  src: url('Waiting on the Bridge.ttf') format('truetype');
}
* {margin: 0;padding: 0;}
.header {width: 100%;float: left;padding: 5px 0 5px 10px;background: #ffffffd9;backdrop-filter: blur(2px);box-shadow: 0 1rem 1rem 0 rgb(0 0 0 / 7%) !important;/*position: absolute;*/z-index: 99;}
.header .logo img{width: 110px}
.header .container-fluid {display: flex;justify-content: space-between;align-items: center;}
.header .container-fluid .header_button{}
.header .container-fluid .header_button a{display: inline-block;color: #ffffff !important;border-width: 0px !important;border-radius: 100px;letter-spacing: 1px;font-size: 12px;font-family: 'Montserrat';font-weight: 600 !important;text-transform: uppercase !important;background-color: #45b1d9;text-decoration: none;padding: 14px 15px;transition: all 300ms ease 0ms;animation: pulse-animation 2s infinite;}
.header .container-fluid .menu {display: flex;}
.header .container-fluid .menu ul {display: flex;gap: 20px;margin-bottom: 0;padding: 0;}
.header .container-fluid .menu ul li {list-style: none;position: relative;float: left;z-index: 1;transition: all .5s ease;}
.header .container-fluid .menu ul li ul{left: 0;opacity: 0;visibility: hidden;padding: 0;position: absolute;top: 37px;margin-top: 10px;text-align: left;width: 240px;z-index: 9999;margin: 0;background: rgb(90 34 19);border-left: 4px solid #45b1d9;display: inline;}
.header .container-fluid .menu ul li ul li{width: 100%;padding: 1px 5px 1px 6px;}
.header .container-fluid .menu ul li ul li a{transition: all ease-in-out 0.3s;margin: 0;float: left;padding: 3% 3% 3% 6%;color: #fff !important;text-transform: inherit;width: 100%;overflow: hidden;border-top: none !important;transition: all .5s ease;font-family: 'Ubuntu';}
.header .container-fluid .menu ul li a {text-decoration: none;color: #000;position: relative;transition: all .5s ease}
.header .container-fluid .menu ul li a:after {position: absolute;content: '';width: 0;height: 3px;background: #45b1d9; bottom: -12px;transition: all 300ms ease-in-out;left: 50%;/* right: 50%; */}
.header .container-fluid .menu ul li a:hover:after {width: 100%;left: 0;right: 0;}
.header .container-fluid .menu ul li ul li a:after { content: ""; position: absolute; left: 0; width: 5px; height: 5px; background: #fff; top: 50%; transform: translateY(-50%); border-radius: 50%; opacity: 0; transition: all 0.6s cubic-bezier(0.25, 1, 0.55, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.25, 1, 0.55, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.25, 1, 0.55, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.25, 1, 0.55, 1) 0s; -ms-transition: all 0.6s cubic-bezier(0.25, 1, 0.55, 1) 0s; left: -20px; }
.header .container-fluid .menu ul li ul li a:hover:after {opacity: 1;left: 2px;width: 5px;}
/*.header .container-fluid .menu ul li a:hover{font-weight: 600}*/
.header .container-fluid .menu ul li:hover ul{left: 0; opacity: 1; visibility: visible; margin-top: 7px;}

.biosContainer { width: 100%; float: left; position: relative; overflow: hidden; }
.biosContainer:before{content: '';position: absolute;top: 0;right: 0;bottom: 20px;left: 0;z-index: -2;background: linear-gradient(0deg, #e6c9a26b, #e6c9a224 60%);pointer-events: none;}
.biosContainer .slider-texts{width: 45%;float: left;height: 100%;position: relative;overflow: hidden;}
.biosContainer .slider-texts .headingSlider{ position: relative; top: 30px; width: 100%; height: 600px; padding: 0 52px; display: flex; flex-direction: column; align-items: self-start; justify-content: center; }
.biosContainer .slider-texts .headingSlider h2{font-size: 40px;width: 100%;position: relative;padding: 8px 0;margin: 13px 0;font-family: Montserrat;font-weight: 800;}
.biosContainer .slider-texts .headingSlider h2:before{ content: ""; position: absolute; bottom: -15px; left: 0; width: 78px; height: 3px; background: #e6c9a2; }
.biosContainer .slider-texts .headingSlider p{font-size: 18px;width: 96%;margin: 18px 0 25px;font-family: Ubuntu;}
.biosContainer .slider-texts .headingSlider .button{}
.biosContainer .slider-texts .headingSlider .button a{display: inline-block;color: #ffffff !important;border-width: 0px !important;border-radius: 100px;letter-spacing: 1px;font-size: 14px;font-family: 'Montserrat';font-weight: 600 !important;text-transform: uppercase !important;background-color: #45b1d9;text-decoration: none;padding: 14px 26px;transition: all 300ms ease 0ms;}
.biosContainer .slider-texts .headingSlider .button a:hover{letter-spacing: 2px !important;}
.biosContainer .slider_item{width: 55%;float: right;position: relative;}
.biosContainer .slider-texts ul li {font-family: Ubuntu;font-size: 22px;}
.biosContainer .slider_item img{width: 100%;height: 660px;object-fit: cover;border-radius: 46% 54% 0% 100% / 100% 0% 100% 0% ;}
.biosContainer .slider_item:before{content: '';position: absolute;top: 0;right: 0;bottom: -40px;left: -30px;z-index: -1;background-image: radial-gradient(#e6c9a26b 40%, #e6c9a26b 100%);pointer-events: none;border-radius: 46% 54% 0% 100% / 100% 0% 100% 0%;}
.biosContainer .slider_item:after{ content: ''; position: absolute; top: 300px; right: 0; bottom: 0; left: -102px; z-index: -2; background: url('../../images/dots.webp'); width: 210px; height: 210px; background-repeat: no-repeat; pointer-events: none; border-radius: 46% 54% 0% 100% / 100% 0% 100% 0%; }

.services{width: 100%;float: left;padding: 50px 0 20px;position: relative;background-repeat: no-repeat;background-size: contain;}
.services .m_container{position: relative;top: -100px;z-index: 99;display: table;margin: 0 auto;/* border-radius: 50px; *//* left: 7%; */}
.services h2{ font-weight: 800; color: #343a40; font-family: 'Poppins'; margin: 0 0 15px; line-height: 1.4; text-transform: uppercase; font-size: 36px; letter-spacing: 3px; }
.services .small{ font-family: 'Ubuntu', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 0.2em; letter-spacing: 2.5px; color: #000; }
.services p{font-family: Ubuntu;font-size: 16px}
.services .services_item{background: #fff;overflow: hidden;position: relative;text-align: center;border-radius: 10px;height: 310px;width: 100%;z-index: 1;}
.services .services_item:before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;background: linear-gradient(0deg, #000000e3, #00000000 65%);pointer-events: none;transition: all .3s;}
.services .services_item .services_title{width: 100%;float: left;height: 400px;position: absolute;bottom: -329px;background: #00000000;z-index: 9999;padding: 5px 30px;transition: all 300ms ease 0ms;}
.services .services_item .services_title a{color: #fff;font-weight: 600;display: block;width: 100%;height: 100%;text-decoration: none;font-family: Montserrat;font-size: 18px;text-transform: uppercase;text-align: left;letter-spacing: 0;}
.services .services_item .services_title a button{background: transparent; border: 0; color: #fff; font-size: 17px;}
.services .services_item .services_title a p{margin-top: 10px;font-family: Ubuntu;font-size: 16px;text-transform: capitalize;font-weight: 400;margin: 10px 0 14px 0;visibility: hidden;}
.services .services_item img{height: 100%;max-width: 100%;border: none;border-radius: 0;box-shadow: none;object-fit: cover;transition: all 300ms ease 0ms}
.services .services_slider .owl-nav .owl-prev{position: absolute;left: -52%;bottom: 15%;background: #e6c9a2;padding: 14px 22px;border-radius: 50%;}
.services .services_slider .owl-nav .owl-next{position: absolute;left: -43%;bottom: 15%;background: #e6c9a2;padding: 14px 22px;border-radius: 50%;}
.services .services_item:hover .services_title{bottom: -200px;}
.services_item:hover img{transform: scale(1.1)}
.services .services_item:hover::before{background: linear-gradient(0deg, #000000e8, #0000004f 95%);}
.services .services_item:hover .services_title>a>p{visibility: visible}

.servicess{width: 100%;float: left;padding: 0 0 100px;position: relative;background: url(../../images/offers_bg.webp);background-repeat: no-repeat;background-size: contain;}
.servicess .m_container{position: relative;top: -100px;z-index: 99;display: table;margin: 0 auto;/* border-radius: 50px; *//* left: 7%; */}
.servicess h2{ font-weight: 800; color: #343a40; font-family: 'Poppins'; margin: 0 0 15px; line-height: 1.4; text-transform: uppercase; font-size: 36px; letter-spacing: 3px; }
.servicess .small{ font-family: 'Ubuntu', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 0.2em; letter-spacing: 2.5px; color: #000; }
.servicess p{font-family: Ubuntu;font-size: 16px}
.servicess .services_item{background: #fff;overflow: hidden;position: relative;text-align: center;border-radius: 10px;height: 310px;width: 100%;z-index: 1;}
.servicess .services_item:before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;background: linear-gradient(0deg, #000000e3, #00000000 65%);pointer-events: none;transition: all .3s;}
.servicess .services_item .services_title{width: 100%;float: left;height: 400px;position: absolute;bottom: -329px;background: #00000000;z-index: 9999;padding: 5px 30px;transition: all 300ms ease 0ms;}
.servicess .services_item .services_title a{color: #fff;font-weight: 600;display: block;width: 100%;height: 100%;text-decoration: none;font-family: Montserrat;font-size: 18px;text-transform: uppercase;text-align: left;letter-spacing: 0;}
.servicess .services_item .services_title a button{background: transparent; border: 0; color: #fff; font-size: 17px;}
.servicess .services_item .services_title a p{margin-top: 10px;font-family: Ubuntu;font-size: 16px;text-transform: capitalize;font-weight: 400;margin: 10px 0 14px 0;visibility: hidden;}
.servicess .services_item img{height: 100%;max-width: 100%;border: none;border-radius: 0;box-shadow: none;object-fit: cover;transition: all 300ms ease 0ms}
.servicess .services_slider .owl-nav .owl-prev{position: absolute;left: -52%;bottom: 15%;background: #e6c9a2;padding: 14px 22px;border-radius: 50%;}
.servicess .services_slider .owl-nav .owl-next{position: absolute;left: -43%;bottom: 15%;background: #e6c9a2;padding: 14px 22px;border-radius: 50%;}
.servicess .services_item:hover .services_title{bottom: -200px;}
.services_item:hover img{transform: scale(1.1)}
.servicess .services_item:hover::before{background: linear-gradient(0deg, #000000e8, #0000004f 95%);}
.servicess .services_item:hover .services_title>a>p{visibility: visible}

.about{width: 100%;float: left;padding: 120px 0 120px;position: relative;overflow: hidden;}
.about h2{ font-weight: 800; color: #343a40; font-family: 'Poppins'; margin: 0 0 30px; line-height: 1.4; text-transform: uppercase; font-size: 30px; text-align: left; letter-spacing: 2px; position: relative; }
.about h2:before{content: ""; position: absolute; bottom: -15px; left: 0; width: 78px; height: 3px; background: #e6c9a2;}
.about p{font-family: Ubuntu;font-size: 17px;line-height: 26px;}
.about:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: bottom;background: url('../../images/shape-28.png');background: url(../../images/abt_bg.webp);opacity: .8;z-index: -1;}
.about .abt-img{width: 100%;height: 100%;display: flex;justify-content: start;align-items: center;position: relative;}
.about .abt-img:before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: -70px;z-index: -2;background: url('../../images/dots.webp');width: 210px;height: 210px;background-repeat: no-repeat;pointer-events: none;border-radius: 46% 54% 0% 100% / 100% 0% 100% 0%;}
.about .abt-img:after{content: '';position: absolute;right: 98px;top: 108px;bottom: 0;z-index: -2;background: url('../../images/dots.webp');width: 228px;height: 910px;background-repeat: no-repeat;pointer-events: none;border-radius: 46% 54% 0% 100% / 100% 0% 100% 0%;}
.about .abt-img img{width: 450px;height: 450px;object-fit: cover;border-radius: 50%;position: relative}
.about .abt-img .img_2{width: 200px;height: 200px;object-fit: cover;border-radius: 0;position: absolute;bottom: -30px;right: 100px;}
.technologies .divider{ background-image: url(../../images/wave.svg); background-size: 100% 88px; top: 0; height: 88px !important; z-index: 1; transform: scale(1, 1); display: block; background-repeat: no-repeat; position: absolute; pointer-events: none; width: 100%; left: 0; right: 0; }
.about .about_section .info_widget_container{}
.about .about_section .info_widget_container .header_info{}
.about .about_section .info_widget_container .header_info .theme_header-info{padding: 0;}
.about .about_section .info_widget_container .header_info .theme_header-info li{list-style: none;padding: 0 0 8px 0;font-family: Ubuntu;line-height: 26px;font-size: 17px;}
.about .about_section .info_widget_container .header_info .theme_header-info li span{margin-right: 8px;}
.about .about_section .info_widget_container .header_info .theme_header-info li span i{color:#45b1d9;}
.about .about_section .about_button a{display: inline-block; color: #ffffff !important; border-width: 0px !important; border-radius: 100px; letter-spacing: 1px; font-size: 14px; font-family: 'Montserrat'; font-weight: 600 !important; text-transform: uppercase !important; background-color: #45b1d9; text-decoration: none; padding: 14px 26px; transition: all 300ms ease 0ms;}
.about .about_section .about_button a:hover{letter-spacing: 3px;}
.bottom_shape {background-image: url(../../images/download.svg);background-size: 100% 46px;bottom: 19px;height: 46px;z-index: 1;transform: scale(1, 1);position: absolute;width: 100%;pointer-events: none;left: 0;right: 0;}
.about .product_divider{background-image: url(../../images/cloud.svg); background-size: cover; background-position: center top; bottom: 0; height: 36px; z-index: 1; transform: scale(1, 1); position: absolute; pointer-events: none; width: 100%; left: 0; right: 0;}

.exp{width: 100%;float: left;position: relative;/* overflow: hidden; */padding: 160px 0 150px;z-index: 2;background: #faf3eb; background-image: linear-gradient(to right, #981598, #0b99cc);
 /*background: linear-gradient(0deg, #e6c9a2d4, #e6c9a24a 100%)*/;}
.exp:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: top;opacity: .8;z-index: -1;background: url(../../images/shape-28.png);/* background-repeat: no-repeat; */}
.exp .divider{ background-image: url(../../images/wave.svg); background-size: 100% 88px; top: 0; height: 88px !important; z-index: 1; transform: scale(1, 1); display: block; background-repeat: no-repeat; position: absolute; pointer-events: none; width: 100%; left: 0; right: 0; }
.exp .exp_divider{background-image: url(../../images/bottom_wave.svg); background-size: 100% 82px; position: absolute; width: 100%; bottom: 0; height: 82px; z-index: 1; transform: scale(1, 1);}

.exp h2{ font-weight: 800; color: #343a40; font-family: 'Poppins'; margin: 0 0 36px; line-height: 1.4; text-transform: uppercase; font-size: 36px; letter-spacing: 3px; }
.exp h2:before{ content: ""; position: absolute; bottom: 21px; left: 47%; width: 78px; height: 3px; background: #fff; }
.exp .small{ font-family: 'Ubuntu', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 0.2em; letter-spacing: 2.5px; color: #000; margin-bottom: 21px; }
.exp .certi{display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all .5s ease;cursor: pointer;width: 20%;float: left;margin-bottom: 30px;}
.exp .certi .certi_icon img{background: #fff;padding: 15px 15px;border-radius: 15%;border: 4px solid #45b1d9;transition: all .5s ease}
.exp .certi p{text-align: center;margin-top: 15px;font-family: Montserrat;font-weight: 600;}
.exp .certi:hover img{box-shadow: 5px 4px 6px 0px rgb(0 0 0 / 55%);}

.hearing_aid{width: 100%;float: left;position: relative;/* overflow: hidden; */padding: 0 0 80px;z-index: 2;/* background: #faf3eb; *//* background: linear-gradient(0deg, #e6c9a2d4, #e6c9a24a 100%); */}
.hearing_aid:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: bottom;background: url(../../images/city_bg.webp);opacity: 1;z-index: -1;background-repeat: no-repeat;background-size: cover;}
.hearing_aid h2{ font-weight: 800; color: #343a40; font-family: 'Poppins'; margin: 0 0 36px; line-height: 1.4; text-transform: uppercase; font-size: 30px; text-align: center; letter-spacing: 2px; }
.hearing_aid .district{background: #fff;padding: 16px 7px 20px 7px;text-align: center;border-radius: 50px;margin-bottom: 31px;box-shadow: 3px 7px 11px 0 rgb(0 0 0 / 64%);transition: all 0.5s ease;width: 42%;float: left;margin-right: 51px;}
.hearing_aid .district:hover , .hearing_aid .district:hover a{ background: #45b1d9; color: #fff; transform: scale(1.02) !important; box-shadow: 0px 11px 9px -10px rgba(0, 0, 0, 0.52); transition: all 0.5s ease; }
.hearing_aid .district a{ text-decoration: none; color: #000; }
.hearing_aid .district h5{margin: 0;font-family: Ubuntu;}
    
.blogs{width: 100%;float: left;position: relative;overflow: hidden; padding: 100px 0 100px;z-index: 2;background: #ffffff;}
.blogs h2{    position: relative; font-family: Montserrat; font-weight: 800; margin: 0px 0 30px; padding: 0px 0 1px;}
.blogs h2:before{content: ""; position: absolute; bottom: -15px; left: 0; width: 78px; height: 3px; background: #e6c9a2;}

.faq{width: 100%;float: left;position: relative;overflow: hidden;padding: 170px 0 180px;z-index: 2;background: #45b1d9; background-image: linear-gradient(to right, #981598, #0b99cc); /*background: linear-gradient(0deg, #e6c9a2d4, #e6c9a24a 100%);*/}
.faq:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: top; opacity: .8; z-index: -1; background: url(../../images/bg-shape.png); }
.faq .faq_divider{ background-image: url(../../images/wave.svg); background-size: 100% 88px; top: 0; height: 88px !important; z-index: 1; transform: scale(1, 1); display: block; background-repeat: no-repeat; position: absolute; pointer-events: none; width: 100%; left: 0; right: 0; }
.faq .faq_bottom_divider{background-image: url(../../images/bottom_wave.svg);background-size: 100% 82px;position: absolute;width: 100%;bottom: 0;height: 82px;z-index: 1;transform: scale(1, 1);}
.faq h2{ font-weight: 800; color: #343a40; font-family: 'Poppins'; margin: 0 0 36px; line-height: 1.4; text-transform: uppercase; font-size: 36px; letter-spacing: 3px; text-align: center; }


.products{width: 100%;float: left;position: relative;overflow: hidden;padding: 100px 0 80px;z-index: 1;background-repeat: no-repeat;background-position: top;background-size: revert-layer;}
.services .counter_container{display: flex;align-items: center;justify-content: center;background: #fff;box-shadow: 0px 6px 14px 0px rgb(0 0 0 / 24%);padding: 12px 0px 12px 00px;border-radius: 50px;}
.products:before{content: '';position: absolute;top: 0;left: 0;width: 100%;float: left;height: 100%;z-index: -1;background: url('../../images/prod_bg.webp');background-repeat: no-repeat;background-size: contain;}
.products .main_cont{ display: flex; flex-direction: column; justify-content: center; position: relative; }
.hearing_aid .product-shape{ position: absolute; top: -40px; left: 8px; z-index: 0; }
.hearing_aid .product-shape img{ width: 160px; }
.products .main_cont h1{font-size: 40px;width: 100%;position: relative;font-family: Montserrat;font-weight: 800;margin: 0px 0 30px;padding: 0px 0 1px;line-height: 56px;}
.products .cont h1{ font-weight: 800; color: #343a40; font-family: Poppins; margin: 0 0 36px; line-height: 1.4; text-transform: uppercase; font-size: 36px; letter-spacing: 2px; /*text-shadow: -6px 2px 3px #0000001f;*/ }
.products .cont .small{ font-family: 'Ubuntu', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 0.2em; letter-spacing: 2.5px; color: #000; margin-bottom: 21px; }

.products .main_cont h1:before{ content: ""; position: absolute; bottom: -15px; left: 0; width: 78px; height: 3px; background: #e6c9a2; }
.products .cont h1:before{content: "";position: absolute;bottom: -15px;left: 0;width: 78px;height: 3px;background: #e6c9a2;}
.products .main_cont p{font-family: Ubuntu;font-size: 17px;line-height: 28px;margin-bottom: 40px;padding-right: 47px;}
.products .main_cont .button a{display: inline-block; color: #ffffff !important; border-width: 0px !important; border-radius: 100px; letter-spacing: 1px; font-size: 14px; font-family: 'Montserrat'; font-weight: 600 !important; text-transform: uppercase !important; background-color: #45b1d9; text-decoration: none; padding: 14px 26px; transition: all 300ms ease 0ms;}
.products .main_cont .button a:hover{letter-spacing: 3px}

.testimonials{width: 100%;float: left;position: relative;overflow: hidden;padding: 90px 0 90px;background: url('../../images/testi_bg.webp');background-size: cover;z-index: 1;}
.testimonials:before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;pointer-events: none;background-image: radial-gradient(#0000008f 40%, #000000d4 100%);}
.testimonials .testi_box{background-color: #fff;padding: 30px 30px;border-radius: 10px;box-shadow: 6.9px 5.3px 15px 0 rgba(105, 105, 105, 0.08);position: relative}
.testimonials .testi_slider .testi_box:nth-child(odd){margin-top: 30px}
.testimonials .testi_box:before{ content: "\f10e"; position: absolute; font-family: fontawesome; font-size: 44px; color: #45b1d9; right: 13px; top: 0px; z-index: 9; }
.testimonials .testi_box .testi_heading p{margin: 10px 0px 0 0;padding: 0 30px 0 0;line-height: 26px;color: #000;overflow: hidden;-webkit-line-clamp: 8;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;}
.testimonials .testi_box .testi_heading .stars{margin: 20px 0px 0 0;text-align: right}
.testimonials .testi_box .testi_heading .stars i{color: #ffae00}
.testimonials .testi_box .testi_heading h3{font-family: Montserrat;font-weight: 600;font-size: 26px;}
.testimonials h2{ font-weight: 800; color: #ffffff; font-family: 'Poppins'; margin: 0 0 30px; line-height: 1.4; text-transform: uppercase; font-size: 30px; text-align: left; letter-spacing: 2px; position: relative; }
.testimonials h2:before { content: ""; position: absolute; bottom: -15px; width: 230px; height: 3px; background: #45b1d9; }
.testimonials p {font-family: Ubuntu;font-size: 16px;padding: 0 50px 0 0;color: #fff;}
.testimonials .testi_slider .owl-nav .owl-prev {position: absolute;left: -52%;bottom: 7%;background: #ffffff;padding: 14px 22px;color: #000;border-radius: 50%;}
.testimonials .testi_slider .owl-nav .owl-next {position: absolute;left: -43%;bottom: 7%;background: #ffffff;color: #000;padding: 14px 22px;border-radius: 50%;}

.certification{width: 100%;float: left;position: relative;overflow: hidden;padding: 100px 0 100px;/* background: #F6F6F6; */}
.technologies .certi_divider{background-image: url(../../images/bottom_wave.svg); background-size: 100% 82px; position: absolute; width: 100%; bottom: 0; height: 82px; z-index: 1; transform: scale(1, 1);}
.certification h2 {position: relative;font-family: Montserrat;font-weight: 800;margin: 0px 0 6px;padding: 0px 0 1px;text-align: center;}
.certification .clients-logo {width: 100%;float: left}
.certification .clients-logo img{ border: 3px solid #b3b3b3; padding: 10px; border-radius: 20px 0; background: #fff; }
.map{width: 100%;float: left;position: relative;overflow: hidden;padding: 90px 0 90px;}
/*.map .container{display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto; max-width: 1200px;}*/
.testimonials .map_divider{background-image: url(../../images/cloud.svg); background-size: cover; background-position: center top; bottom: 0; height: 36px; z-index: 1; transform: scale(1, 1); position: absolute; pointer-events: none; width: 100%; left: 0; right: 0;}
.map h2{font-weight: 800;color: #000000;font-family: 'Poppins';margin: 0 0 30px;line-height: 1.4;text-transform: uppercase;font-size: 30px;text-align: left;letter-spacing: 2px;position: relative;text-align: center;display: inline;}
.map .small{text-align: center;font-family: 'Ubuntu', sans-serif;font-size: 18px;font-weight: 600;text-transform: uppercase;line-height: 0.2em;letter-spacing: 2.5px;color: #000;margin-bottom: 21px;}
.map h2:before{content: "";position: absolute;bottom: -11px;left: 22%;width: 78px;height: 3px;background: #e6c9a2;}
.map h2:after{content: "";position: absolute;background: url(../../images/yt_logo.webp);height: 42px;width: 42px;left: -45px;bottom: 0;}
.map .map_info p{}
.map .map_info h4{position: relative;font-family: Montserrat;font-weight: 800;margin: 30px 0 10px;padding: 0px 0 1px;}
.map .map_info h5{position: relative;font-family: Montserrat;font-weight: 600;margin: 14px 0 20px;padding: 0px 0 1px;font-size: 23px;}
.map .map_info h6{position: relative;font-family: Montserrat;font-weight: 600;margin: 14px 0 20px;padding: 0px 0 1px;font-size: 18px;}
.map .map-left{display: flex;justify-content: center;align-items: center;}

.technologies{width: 100%;float: left;position: relative;background: linear-gradient(0deg, #e6c9a2b0, #e6c9a240 100%);padding: 170px 0 140px;z-index: 2;overflow: hidden;}
.technologies:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: top;opacity: .8;z-index: -1;background: url(../../images/shape-28.png);/* background-repeat: no-repeat; */}
.technologies .small{
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 0.2em;
    letter-spacing: 2.5px;
    color: #000;
    margin-bottom: 11px;
    text-align: center;
    }
.technologies h2{font-weight: 800;color: #343a40;font-family: 'Poppins';margin: 0 0 56px;line-height: 1.4;text-transform: uppercase;font-size: 38px;text-align: center;letter-spacing: 3px;position: relative;}
.technologies h2:before{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 47%;
    width: 78px;
    height: 3px;
    background: #e6c9a2;
    }
.technologies .section-cards-main{    position: relative; margin-bottom: 65px; padding: 0 30px; overflow: hidden;}
.technologies .section-cards-main .section-cards-main-content{ bottom: 0; position: relative; z-index: -1; padding: 48px 24px 48px 45px; background-color: #ffffff; border-radius: 15px; height: 200px; overflow: hidden; box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06); display: flex; }
.section-cards-main-content h5{ font-family: 'Montserrat'; font-weight: 700; font-size: 26px; }
.section-cards-main-content p{ font-family: Ubuntu; font-weight: 400; font-size: 16px; }
.section-cards-main-content i{ font-size: 78px; margin-right: 18px; color: #45b1d9; }
.section-cards-main-content:before{content: '';position: absolute;left: 0;top: 0;z-index: -3;width: 0%;height: 100%;background-image: linear-gradient(267deg, #3e2822 0%, #45b1d9 100%);border-radius: 0;-webkit-transition: 0.5s;transition: 0.7s;}
.section-cards-main:hover .section-cards-main-content:before{width: 100%;}
.section-cards-main:hover .section-cards-main-content h5{color: #fff;   }
.section-cards-main:hover .section-cards-main-content .number{color: transparent;-webkit-text-stroke: 2px #fff;-webkit-text-stroke-width: 2px;}
.section-cards-main:hover .section-cards-main-content p{color: #fff;   }
.section-cards-main:hover .section-cards-main-content i{color: #fff;   }
    
    
.footer{width: 100%;float: left;position: relative;overflow: hidden;/* height: 514px; */}
.footer .mycontainer:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: bottom;background: url('../../images/shape-28.png');opacity: .8;z-index: -1;}
.footer .mycontainer{background-color: #0e232b;padding: 60px 50px;width: 100%;display: table;margin: 0 auto;}
.footer .mycontainer .bottom_logo{width: 100%;display: flex;justify-content: center;flex-direction: column;}
.footer .mycontainer .bottom_logo span{font-family: 'Montserrat';padding: 20px 20px 8px 20px;font-weight: 800;text-transform: uppercase; color: #fff;}
.footer .mycontainer .bottom_logo p{font-family: 'Montserrat'; font-weight: 600;color: #fff;font-size: 15px;margin: 0;}
.footer:before{ content: ''; position: absolute; right: 0; bottom: 0; left: 0; z-index: -1; background-image: radial-gradient(#45b1d9 40%, #45b1d9 100%); height: 160px; pointer-events: none; }
.footer .shape{background: #f5e8d8;width: 100%;float: left;position: absolute;height: 100%;left: 100px;bottom: 50px;right: 0;}
.footer .widget h5 {position: relative;font-family: Montserrat;font-weight: 800;font-size: 24px;margin: 0 0 28px 0;color: #fff;}
.footer .widget h5:before{content: "";position: absolute;bottom: -15px;left: 0;width: 64px;height: 3px;background: #d7b485;}
.footer .widget ol { list-style: none; padding: 0px 23px; }
.footer .widget ul {list-style: none;padding: 0px 1px;}
.footer .widget ul li{font-size: 16px;line-height: 30px;font-family: 'Ubuntu';position: relative;margin-bottom: 10px;color: #fff;}
.footer .widget ol li { font-size: 16px; line-height: 30px; font-family: 'Ubuntu'; position: relative; }
.footer .widget ol li a{text-decoration: none;color: #fff !important}
.footer .widget ol li:before{ position: absolute; left: -23px; content: '\f0da'; font-family: 'Font Awesome 5 Pro'; color: #fff; margin-right: 0; margin-top: 1px; }
.footer_bottom{color: #fff;font-size: 14px;width: 100%;text-align: right;font-family: 'Montserrat';font-weight: 500;margin: 14px 0 14px 0;display: flex;justify-content: space-around;align-items: center;}
.footer_bottom .social_icon{display: flex;gap: 20px;}
.footer_bottom .social_icon i{font-size: 18px;color: #fff}
.footer_bottom p{margin: 0}
strong{font-family: 'Montserrat'}

.icon-box-counter-area {display: flex;justify-content: center;gap: 16px;align-items: center;}
.icon-box-counter-area .icon-box {/* font-size: 70px; */color: var(--theme-color);}
.icon-box-counter-area .icon-box img{width: 70px;}
.icon-box-counter-area h3 {font-weight: 800;font-size: 36px;margin: 0;font-family: 'Montserrat';}
.icon-box-counter-area .text-1 {color: #787878;font-family: var(--secondary-font);}

.webWhatsApp {position: fixed;bottom: 20%;opacity: 1;transition: all ease-in-out 0.3s;left: 10px;z-index: 999;border: 2px solid #ffffff;border-radius: 50%;overflow: hidden;box-shadow: 4px 5px 5px #6a6a6a63;animation: pulse 2s infinite;}
.youtube {position: fixed;bottom: 8%;opacity: 1;transition: all ease-in-out 0.3s;left: 10px;z-index: 999;border: 2px solid #ffffff;border-radius: 50%;overflow: hidden;box-shadow: 4px 5px 5px #6a6a6a63;animation: pulse 2s infinite;}
.youtube img{width: 54px;}
.call {position: fixed;bottom: 32%;opacity: 1;transition: all ease-in-out 0.3s;left: 10px;z-index: 999;border: 2px solid #ffffff;border-radius: 50%;overflow: hidden;box-shadow: 4px 5px 5px #6a6a6a63;animation: pulse 2s infinite;}
.call img{width: 54px;}
.webWhatsApp img {width: 54px;}
@keyframes pulse-animation{0% {box-shadow: 0 0 0 0px rgb(0 0 0 / 82%);}100% {box-shadow: 0 0 0 14px rgb(0 0 0 / 5%);}}

.blink {animation: blink 1.5s linear infinite;}
@keyframes blink {0% {opacity: 0;}50% {opacity: 0.5;}100% {opacity: 1;}}

.pulse_ani{animation: pulse-animation 1.5s linear infinite;}
@keyframes pulse {0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}50% {-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.2, 1.2, 1.2);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.counter {animation-duration: 1s;animation-delay: 0s;}
.locations li .fa-facebook,.locations li .fa-x-twitter,.locations li .fa-instagram,.locations li .fa-whatsapp,.locations li .fa-linkedin{font-size: 30px;margin-top: 7px;}
.locations li .fa-facebook{color: #1877F2;}
.locations li .fa-instagram{color: #C13584;}
.locations li .fa-whatsapp{color: #25D366;}
.locations li .fa-linkedin{color: #0072b1;}
.locations li .fa-x-twitter{color: #1DA1F2;}

.text-center {text-align: center;}
.color-white {color: #fff;}
.box-container {width: 100%;}
.box-item { position: relative; -webkit-backface-visibility: hidden; }
.flip-box { -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; perspective: 1000px; -webkit-perspective: 1000px; margin-bottom: 40px; }
.flip-box .flip-box-front .flip_box_icon{display: inline;float: left;padding: 6px 20px;background: red;border-radius: 0 8px;color: #fff;font-weight: 600;font-family: Montserrat;letter-spacing: 3px;font-size: 16px;}
.flip-box-front,
.flip-box-back { background-size: cover; background-position: center; border-radius: 8px; min-height: 260px; -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1); transition: transform 0.7s cubic-bezier(.4,.2,.2,1); -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.flip-box-front { -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.flip-box:hover .flip-box-front { -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.flip-box-back { position: absolute; top: 0; left: 0; width: 100%; -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.flip-box:hover .flip-box-back { -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.flip-box .inner { position: absolute; left: 0; width: 100%; padding: 20px; outline: 1px solid transparent; -webkit-perspective: inherit; perspective: inherit; z-index: 2; transform: translateY(-50%) translateZ(60px) scale(.94); -webkit-transform: translateY(-50%) translateZ(60px) scale(.94); -ms-transform: translateY(-50%) translateZ(60px) scale(.94); top: 50%; }
.flip-box-header { font-size: 20px; font-family: 'Montserrat'; font-weight: 500; margin-bottom: 12px; line-height: 34px; }
.flip-box p {font-size: 20px;line-height: 1.5em;}
.flip-box-img {margin-top: 25px;}
.flip-box-button { background-color: transparent; border: 2px solid #fff; border-radius: 2px; color: #fff; cursor: pointer; font-size: 15px; font-weight: bold; margin-top: 24px; padding: 10px 14px; text-transform: uppercase; }
.topBarFxd {position: fixed;top: 0;background-color: #fff;z-index: 999;width: 100%;box-shadow: 0px 5px 9px #0000006b;transition: all 0.3s;}

.query {position: fixed;bottom: 55%;z-index: 99999;right: -108px;transition: all 0.5s ease;background: #45b1d9;padding: 10px 18px 30px 18px;transform: rotate(270deg);border-radius: 10px 10px 0px 0;}
.query a{text-decoration: none;color: #fff;font-family: 'Montserrat';font-size: 16px;font-weight: 600;letter-spacing: 1px;}

.social {position: fixed;bottom: 0%;z-index: 99999;right: 0;transition: all 0.5s ease;}
.social_active ul li {transform: translate(-180px,0);background: #45b1d9;transition: all 1.5s;}
.social ul {padding: 0px;transform: translate(272px,0);}
.social ul li {display: block;margin: 5px 10px;background: rgb(90 34 19);width: 318px;text-align: left;padding: 10px;border-radius: 30px 30px 30px 30px;transition: all 1.5s;}
.social ul li a{text-decoration: none;color: #fff;font-family: Montserrat;font-weight: 600;font-size: 18px;}
.social ul li:hover {transform: translate(-180px,0);background: #45b1d9;transition: all 1.5s;}
.social ul li:hover a {color: white;}
.social ul li:hover i{color: #45b1d9;background: white;transform: rotate(360deg);transition: all 1.5s;}
.social ul li i {margin-left: 1px;color: #45b1d9;background: white;padding: 10px;border-radius: 50%;width: 40px;height: 40px;transform: rotate(0deg);text-align: center;font-size: 20px;}

.owl-carousel4 .owl-item > div { cursor: pointer; }
.owl-carousel4 .owl-item.center > div { cursor: auto; margin: 8px; }
.owl-carousel4 .owl-item:not(.center) > div:hover {opacity: .75;}
.query_form{ background-image: linear-gradient(to right, #981598, #0b99cc); padding: 20px 50px; border-radius: 6px; box-shadow: 0px 6px 14px 0px rgb(0 0 0 / 24%); position: relative; }
.query_form h3{font-family: Montserrat;font-size: 20px;font-weight: 700;color: #36140b;}
.query_form #Send2{background: #45b1d9; color: #fff;border: none;}
.query_form #Send2:hover{background: #fff; color: #36140b}

.partner_card{ transition: all .3s ease; cursor: pointer }
.partner_card:hover img{ box-shadow: 0px 6px 14px 0px rgb(0 0 0 / 24%); transition: all .3s ease; }
.product_bottom_divider{ background-image: url(../../images/wave.svg); background-size: 100% 88px; top: 0; height: 88px !important; z-index: 1; transform: scale(1, 1); display: block; background-repeat: no-repeat; position: absolute; pointer-events: none; width: 100%; left: 0; right: 0; }

#accordion>div{ display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 28px 25px; margin: 20px 0 0 0; border-radius: 12px; box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 24%); }
#accordion h3{ font-size: 20px; font-family: 'Poppins'; letter-spacing: 1px; font-weight: 600; margin-bottom: 0; }
#accordion a{text-decoration: none;background-color: #45b1d9;padding: 6px 15px;color: #fff;font-family: 'Montserrat';font-weight: 700;border-radius: 11px;letter-spacing: 1px;transition: all .3s ease}
#accordion a:hover{letter-spacing: 2px}
#accordion p{ font-family: 'Montserrat'; font-weight: 500; line-height: 30px; font-size: 17px; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{ border: 1px solid #45b1d9 !important; background: #45b1d9 !important; font-weight: normal; color: #ffffff; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{ background: #ffffff; }
.ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); position: absolute; right: 13px; top: 25px; }
.ui-icon, .ui-widget-content .ui-icon { background-image: url(images/ui-icons_444444_256x240.png); position: absolute; right: 13px; top: 25px; }
.ui-icon { display: inline-block; /* vertical-align: middle; */ /* margin-top: -.25em; */ position: absolute !important; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.appointment-form {background-color: #ffffff;-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);box-shadow: 0 2px 28px 0 rgb(0 0 0 / 45%);padding: 50px 40px;border-radius: 5px;position: relative;}
.appointment-form .content {text-align: center;margin-bottom: 21px;}
.appointment-form .content h3 {font-size: 28px;margin-bottom: 0;font-family: 'Montserrat';font-weight: 800 !important;text-transform: uppercase;}
.appointment-form .form-group {position: relative;margin-bottom: 15px;}
.appointment-form .form-group .form-control {padding: 15px 20px;border: 1px dashed #f6f6f6;color: #5d5d5d;border-radius: 10px;background-color: #f6f6f6;font-size: 14px;font-weight: 400;}
.appointment-form .form-group i {position: absolute;top: 17px;right: 20px;line-height: 1;font-size: 18px;color: #04b8e5;}
.appointment-form .nice-select {height: 50px;width: 100%;line-height: 48px;font-size: 15px;margin-bottom: 15px;padding-left: 20px;border: 1px dashed #f6f6f6;color: #5d5d5d;border-radius: 10px;background-color: #f6f6f6;}
.appointment-form .nice-select .list {background-color: #ffffff;-webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);border-radius: 0;margin-top: 0;width: 100%;padding-top: 10px;padding-bottom: 10px;}
.appointment-form .nice-select .list .option {-webkit-transition: .6s;transition: .6s;color: #031521;padding-left: 20px;padding-right: 20px;}
.appointment-form .nice-select .list .option.selected {background-color: transparent;font-weight: 600;}
.appointment-btn .educate-btn{    display: inline-block; color: #ffffff !important; border-width: 0px !important; border-radius: 100px; letter-spacing: 1px; font-size: 14px; font-family: 'Montserrat'; font-weight: 600 !important; text-transform: uppercase !important; background-color: #45b1d9; text-decoration: none; padding: 14px 26px; transition: all 300ms ease 0ms;}
.appointment-btn .educate-btn:hover{ letter-spacing: 4px; }
    
    
.workingdiv{width: 100%;float: left;padding: 40px 0px 90px 0;position: relative;overflow: hidden;}
.workingdiv .wd-img{position: absolute;right: -5px;top: 40px;overflow: hidden;z-index: -1;}
.workingdiv h1{font-family: 'Montserrat';font-weight: 700;color: #45b1d9;text-shadow: -4px 1px 3px #0000001f;font-style: italic;position: relative;display: inline-block;}
.workingdiv h2{font-family: 'Montserrat';font-weight: 700;color:#343A40!important; text-shadow: -4px 1px 3px #0000001f;font-style: italic;position: relative;font-size: 28px;display: table;margin: auto;}
/*.workingdiv h2:before {content: "";position: absolute;bottom: 2px;right: -82px;width: 77px;height: 3px;background: #e6c9a2;}
.workingdiv h2:after {content: "";position: absolute;bottom: 2px;left: -82px;width: 77px;height: 3px;background: #e6c9a2;}
*/.workingdiv h3{font-family: 'Montserrat'; font-weight: 700; font-size: 22px; word-spacing: 1px; }
.workingdiv h3:before {}
.workingdiv p{font-family: 'Montserrat';font-weight: 500;line-height: 26px;word-spacing: 0;margin-top: 10px;text-align: justify;}
.workingdiv ul{}
.workingdiv ul li{ font-family: 'Montserrat'; font-weight: 500; line-height: 25px; font-style: italic; margin-bottom: 13px; position: relative; list-style: none; }
.workingdiv ul li:before { font-family: "Font Awesome 5 Pro"; content: "\f5f0"; width: 25px; height: 25px; text-align: center; border-radius: 40px; color: #45b1d9; transition: 0.6s; display: inline-block; font-size: 20px; position: absolute; left: -34px; top: 0; font-style: unset; }
.workingdiv ul li a{
    text-decoration: none;
}

.widget-menu{background: #fcfcfd;margin-bottom: 60px;width: 100%;float: left;}
/*.widget-menu .sidebar-service-list{width: 100%;float: left;padding: 10px 30px 20px 30px;box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.06);background: #f5e8d8;}
*/.widget-menu .sidebar-service-list a{width: 100%;float: left;padding: 15px 0 15px 15px;color: #000000;position: relative;font-family: 'Montserrat';font-weight: 600;border-bottom: 2px solid #94836e40;font-size: 15px;transition: all .3s;text-decoration: none;}
.widget-menu .sidebar-service-list a:hover{padding: 15px 0 15px 19px;}
.widget-menu .sidebar-service-list a:last-child{border-bottom: none;}
.widget-menu .sidebar-service-list a:before{position: absolute;content: "";left: -10px;font-family: Font Awesome\ 5 Pro;font-weight: 400;color: #00000099;transition: .3s;}
.widget-menu a{width: 100%;float: left;}
/*.widget_main_heading_div {display: flex;width: 100%;background: #f5e8d8;border-radius: 15px 0 0;position: relative;z-index: 1;}
*/.widget_heading_div { margin-top: -24px; position: relative; }
/*.widget_main_heading_div h3 {display: inline-block;font-size: 17px;text-transform: uppercase;border-radius: 20px 0;color: #ffffff;z-index: 1;background: linear-gradient(to top, #409dfd, #0b6fd9);background: linear-gradient(0deg, #45b1d9, #552b1f 100%);position: relative;box-shadow: 0px 0px 0 5px #ffffff;text-align: center;line-height: 24px;min-width: 165px;padding: 11px 15px;font-family: "Montserrat", sans-serif;font-weight: 600;letter-spacing: 1px;}
*/.widget_heading_div{margin-top: -10px;position: relative;}

.breadcrumbs {width: 70%;float: left;position: relative;margin: 35px 0 20px 0;z-index: 9;}
.breadcrumbs a { text-decoration: none; color: inherit; padding: 0 1px; text-transform: uppercase; display: inline-block; font-size: 13px; font-weight: 600; position: relative; }
.breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: .5rem; color: #6c757d; font-size: 14px; content: var(--bs-breadcrumb-divider, "/"); }
/*.breadcrumbs a:after { content: ""; position: absolute; bottom: -10px; left: 0; height: 7px; width: 100%; border: solid 3px #56291c; border-color: #56291d transparent transparent transparent; border-radius: 50%; }
*/.tpsubMen {display: inline-flex;margin: 0;background: #00000082;overflow: hidden;border-radius: 5px;font: 400 36px 'PT Sans', sans-serif;float: right;margin: 36px 110px 0 0;}
.tpsubMen a { padding: 14px 13px 14px 17px; color: #fff; font-size: 11px; position: relative; transition: all ease-in-out 300ms; letter-spacing: 0; border-radius: 0; }
.tpsubMen a:first-child { background: #FFCC00; color: maroon; }
.tpsubMen a:nth-child(2) {background: #e88f0a;}
.tpsubMen a:last-child {background: #FF0000;}

.prod{padding: 5px 20px;}
.prod>div{ /*background: url(../..//images/prodinner_bg.webp);*/ padding: 8px 18px; background-position: bottom; background-repeat: no-repeat; background-size: cover; border-radius: 10px; min-height: 310px; }
.prod a{ position: relative;display: inline-block; color: #ffffff !important; border-width: 0px !important; border-radius: 100px; letter-spacing: 1px; font-size: 12px; font-family: 'Montserrat'; font-weight: 600 !important; text-transform: uppercase !important; background-color: #45b1d9; text-decoration: none; padding: 14px 41px 14px 34px; transition: all 300ms ease 0ms; animation: pulse-animation 2s infinite; display: table; margin: 32px auto; }
.prods a{ position: relative;display: inline-block; color: #ffffff !important; border-width: 0px !important; border-radius: 100px; letter-spacing: 1px; font-size: 12px; font-family: 'Montserrat'; font-weight: 600 !important; text-transform: uppercase !important; background-color: #45b1d9; text-decoration: none; padding: 14px 41px 14px 34px; transition: all 300ms ease 0ms; animation: pulse-animation 2s infinite; display: table; margin: 32px auto; }
.prods a:before{
    content: "" !important;
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: 13px;
    right: 24px;
    font-size: 13px;
    display: block;
    transition: .3s all;
}
/*.prod>div:hover{box-shadow: 0px 6px 14px 0px rgb(0 0 0 / 24%);}*/
.prod h3{text-align: center;font-size: 18px;}
.prod p{word-spacing: 0px;font-size: 15px;text-align: center;}

.single-contact {display: flex;gap: 0;}
.single-contact .contact-icon {font-size: 16px;color: #45b1d9;width: 35px;min-width: 35px;}
.info-contact ul li:before {content: ''}
.info-contact ul{padding-left: 0px;}
.info-contact .single-contact p { font-size: 16px; font-weight: 700; color: #45b1d9; line-height: 22px; margin-top: 3px; margin-bottom: 4px; }
.single-contact p a {color: #45b1d9;}
.info-contact{padding: 12px 36px 0 4px;}

.owl-carousel8{margin-top: 0!important}

.otherSlider { width: 100%; float: left; min-height: 400px !important; padding: 60px 0; background: url(../../images/templete-bg.webp) no-repeat center top / cover; position: relative; z-index: 9; }
.otherSlider .bottom_shape{ background-image: url(../../images/download.svg); background-size: 100% 46px; bottom: 0; height: 46px; z-index: 1; transform: scale(1, 1); position: absolute; width: 100%; pointer-events: none; left: 0; right: 0; }
.otherSlider .heading { position: absolute; top: 44%; color: #45b1d9; z-index: 2; text-transform: inherit; font-size: 55px; left: 5%; font: 400 80px 'ttf' !important;     overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;}
.otherSlider:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-image: radial-gradient(#0000000f 40%, #00000021 100%); pointer-events: none; }
.otherSlider:after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 20px; z-index: 2; background: url(../../images/bottom_white_chera.png); }
.hearing_aids{ padding: 60px 80px; background: #45b1d9; margin: 30px 0; border-radius: 30px; height: 500px; display: flex; justify-content: center; align-items: center; }
.owl-carousel8 .owl-nav .owl-prev{ position: absolute; left: 10px; top: 53%; transform: translateY(-100%); margin: 0; outline: 0; width: 50px; height: 50px; transition: 0.5s; background-color: #ffffff !important; border-radius: 50%; opacity: 1; }
.owl-carousel8 .owl-nav .owl-prev i{
   font-size: 18px;
   color: #45b1d9;
}
.owl-carousel8 .owl-nav .owl-next { position: absolute; right: 10px; top: 53%; transform: translateY(-100%); margin: 0; outline: 0; width: 50px; height: 50px; transition: 0.5s; background-color: #ffffff !important; border-radius: 50%; opacity: 1; }
.owl-carousel8 .owl-nav .owl-next i{ font-size: 18px; color: #45b1d9; }
.workingdiv .contentWrap h2{font-family: 'Montserrat'; font-weight: 700; color: #45b1d9; text-shadow: -4px 1px 3px #0000001f; font-style: italic; position: relative; font-size: 26px; display: inline; }
.workingdiv .contentWrap h2:before{content: '';position: inherit}
.workingdiv .contentWrap h2:after{content: '';position: inherit}
.leftBar{box-shadow: 0px 0px 15px #cccccc91;background: #fff;margin-top: 0px;padding: 0;}
.leftHeading{font-size: 16px;color: #000;margin: 0;padding: 6px 5px 6px 0;font-style: italic;letter-spacing: 0.05rem;font-weight: 500;display: inline-table;}
.leftBar ul {margin: 10px 10px 17px 10px;padding: 0;}
.leftBar ul li{list-style-type: none;padding: 0;background: none;border-bottom: 1px solid #f5f5f5;margin-bottom: 1px;position: relative;transition: all ease-in-out 0.3s;}
.leftBar ul li a{position: relative;display: block;padding: 8px 0 8px 20px;font-size: 14px;text-decoration: none;color: #075f36;transition: all ease-in-out 0.3s;}
.leftBar ul li a:before{transition: all ease-in-out 0.3s;content: '';position: absolute;top: 13px;left: 0;width: 10px;height: 10px;border: 1px solid #a37241;box-shadow: 2px 2px 0px #fff, 3px 3px 0px #165917;}
.leftBar ul li a:hover{color: inherit;padding-left: 25px;}
.leftBar ul li a:hover:before{border: 5px solid #c8a47a;box-shadow: 2px 2px 0px #fff, 3px 3px 0px #797979;}
.leftBar ul li .lemmenuToggle{position: absolute;top: 0px;right: 0px;bottom: 0px;cursor: pointer;transition: all 300ms ease-in-out;width: 40px;height: 38px;display: flex;align-items: center;justify-content: center;}
.leftBar ul li .lemmenuToggle:hover{background: #eee;}
.leftBar ul li .lemmenuToggle i{padding: 3px 0 0px;width: 35px;text-align: center;font-size: 20px;}
.leftBar ul li .lemmenuToggle .selt{color: #6cabe6;margin-top: 6px;}
.leftBar ul li ul{margin: 0 0 0 20px;}
.leftBar ul li ul li a{padding-top: 7px;padding-bottom: 7px;color: #838383;}
.leftBar .active{color: #198754;font-weight: 600;}
.leftBar .active:before{content: '';border: 5px solid #c8a47a;box-shadow: 2px 2px 0px #fff, 3px 3px 0px #797979;}
.selcDWarrow > a{}
.leftBar .actLftMnu{color: inherit;color: #a37241;font-weight: 500;font-size: 14px;}
.leftBar .actLftMnu:before{content: '';border: 5px solid #a37241;}

.eachArticle img{width: 100%}
.eachArticle .eachArticle_txt{padding: 0px 8px;display: flex;justify-content: space-between;flex-direction: column;}
.eachArticle .eachArticle_txt span{ font-size: 14px; font-weight: 600; font-family: 'Montserrat'; display: block; margin-bottom: 7px; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }
.eachArticle .eachArticle_txt em{font-size: 12px;}

a{text-decoration: none !important;color: #000}

.con_msgbox{height: 454px;box-shadow: 0 2px 28px 0 rgb(0 0 0 / 45%);padding: 50px 50px;background-color: antiquewhite;}
.con_msgbox h2{
    margin-top: 31px;
    font-family: 'Montserrat';
    font-weight: 700;
    color: #45b1d9;
    font-size: 30px;
}
.con_msgbox p{
    margin-top: 17px;
    font-family: 'Montserrat';
    font-weight: 500;
    color: #212121;
    }
.con_msgbox a{  display: inline-block;
    color: #ffffff !important;
    border-width: 0px !important;
    border-radius: 100px;
    letter-spacing: 1px;
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background-color: #45b1d9;
    text-decoration: none;
    padding: 14px 26px;
    transition: all 300ms ease 0ms;}
.con_msgbox a:hover{
    letter-spacing: 4px;
    }
    
    .single-team-item {
    margin-bottom: 30px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-align: center;
    border-radius: 8px;
}
.single-team-item .team-image {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-width: 100%;
    height: auto;
}
.single-team-item .team-content {
        padding:8px 15px 18px;
    position: relative;
    max-width: 100%;
    height: auto;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.single-team-item .team-content span {
    display: block;
    color: #5090ca;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    font-weight: 800;
    color: #45b1d9;
    font-family: 'Montserrat';
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

.img-responsive{
width:100% !important;
}

.technologies .container{display: flex;justify-content: center;align-items: center;flex-direction: column; /* Stack elements vertically */margin: 0 auto;max-width: 1200px;}
.technologies .card {
  display: flex;
  flex-direction: column;
  width: clamp(20rem, calc(20rem + 3vw), 25rem);
  overflow: hidden;
  box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 1em;
  background: #ECE9E6;
  background: #fff;
}

.technologies .card_body {
  padding: 21px 20px 36px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.technologies .card_body small{
  font-style: italic;
  font-family: Poppins;
  font-weight: 500;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 4px;
}
.technologies .card_body small .fa-feather{
  font-size: 18px
}

.technologies .card_header img{
    height: 180px;
    object-fit: cover;
    }
.technologies .tag {
  align-self: flex-start;
  padding: .25em .75em;
  border-radius: 1em;
  font-size: .75rem;
}

.technologies .tag + .tag {
  margin-left: .5em;
}

.technologies .tag_blue {
  background: #56CCF2;
  background: linear-gradient(to bottom, #a53517, #45b1d9);
  color: #fafafa;
  border-radius: 14px;
  padding: 5px 14px 4px;
  width: 64%;
  text-align: center;
  font-family: 'Poppins';
  font-size: 14px;
  font-style: italic;
}

.technologies .tag-brown {
  background: #D1913C;
background: linear-gradient(to bottom, #FFD194, #D1913C);
  color: #fafafa;
  border-radius: 14px;
  padding: 5px 14px 4px;
  width: 55%;
  text-align: center;
  font-family: 'Poppins';
  font-size: 14px;
  font-style: italic;
}

.technologies .tag-red {
  background: #cb2d3e;
background: linear-gradient(to bottom, #ef473a, #cb2d3e);
  color: #fafafa;
  border-radius: 14px;
  padding: 5px 14px 4px;
  width: 55%;
  text-align: center;
  font-family: 'Poppins';
  font-size: 14px;
  font-style: italic;
}

.technologies .card_body h4 {
  font-size: 1.5rem;
  text-transform: capitalize;
  font-family: Poppins;
  font-weight: 700;
  font-size: 22px;
  word-spacing: 1px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}

.technologies .card_footer {
  display: flex;
  padding: 10px 20px 24px;
  margin-top: auto;
}

.technologies .user {
  display: flex;
  gap: .5rem;
  flex-direction: column;
}

.user__image {
  border-radius: 50%;
}

.user > small {
  color: #666;
}

.owl-carousel9 .owl-nav .owl-prev{
    position: absolute;
    top: 41%;
    left: -7%;
    border: 1px solid #45b1d9 !important;
    padding: 17px 24px!important;
    border-radius: 50%;
    transition: all .3s ease;
    display: none;
    background: #45b1d9 !important;
    color: #fff !important;
}
.owl-carousel9 .owl-nav .owl-next{
    position: absolute;
    top: 41%;
    right: -7%;
    border: 1px solid #612211 !important;
    padding: 17px 24px!important;
    transition: all .3s ease;
    border-radius: 50%;
    display: none;
    background: #45b1d9 !important;
    color: #fff !important;
}
.technologies:hover .owl-carousel9>.owl-nav>.owl-prev{
    display: block
}
.technologies:hover .owl-carousel9>.owl-nav>.owl-next{
    display: block
}

.service-title
{
	font-weight: 800;
    color: #343a40;
    font-family: 'Poppins';
    line-height: 1.5;
    font-size: 20px;
    
}

.service-btn
{
	display: inline-block;
    color: #ffffff !important;
    border-width: 0px !important;
    border-radius: 100px;
    letter-spacing: 1px;
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background-color: #45b1d9;
    text-decoration: none;
    padding: 14px 26px;
    transition: all 300ms ease 0ms;
}

.service-btn:hover
{
letter-spacing: 2px !important;
background-color: #45b1d9 !important;
}

.card-body
{
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.card-body p
{
	font-size: 16px;
    width: 96%;
    margin: 18px 0 25px;
    font-family: Ubuntu;
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    border-radius: 20px !important;
    margin: 20px 0 !important;
    }

.accordion-button 
{
	background-color: #00000000 !important;
	font-weight: 700;
    color: #343a40;
    font-family: 'Poppins';
    line-height: 1.4;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
}    

.accordion-body p
{
	font-size: 18px;
    width: 96%;
    margin: 18px 0 25px;
    font-family: Ubuntu;
}

.form-section
{
	padding: 30px 0 80px 0;
}

.card .card-body img
{
	height: 70px;
	padding-bottom: 10px;
}


  .owl-nav button {
    width: 40px;
    height: 40px;
    border-radius: 50%; /* Makes it round */
    background-color: #fff;
    color: #333;
    border: none;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    transition: background-color 0.3s ease;
  }

  .owl-nav button:hover {
    background-color: #45b1d9 ;
  }

  .owl-nav button i {
    pointer-events: none; /* Ensures icon clicks trigger the button */
  }

  /* Optional: center nav buttons if needed */
  .owl-nav {
    display: flex;
    justify-content: right;
    margin-top: 10px;
  }

 .nav-item a 
    {
        color: #000;
        font-size: 18px;
        font-weight: 500;
    }
    

  /*  .navbar .nav-link.active {
      color: #45b1d9 ;
      font-weight: bold;
      border-bottom: 2px solid #45b1d9 ;
      padding: 10px;
    }*/

    /* Optional: hover effect for all links */
    .navbar .nav-link:hover {
      color: #45b1d9 ;
    }

    /* Optional: different background for active (if needed) */
    .navbar .nav-link.active {
     /* background-color: rgba(13, 110, 253, 0.1);*/
      border-radius: 5px;
    }

        .carousel-item {
      height: 100vh;
      min-height: 400px;
      background-size: cover;
      background-position: center;
      position: relative;
      color: white;
    }

    .carousel-caption {
      bottom: 20%;
    }

    .carousel-caption h1 {
      font-size: 3rem;
      font-weight: bold;
      font-family: 'Poppins';

    }

    .carousel-caption p {
      font-size: 1.25rem;
    }

    .carousel-dark-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1;
    }

    .carousel-caption {
      z-index: 2;
    }