
.navbar-brand img{ position: absolute; top: -12px;}
.header-area .header-text .header-title{ font-size:55px;}
.contact-info{ padding: 30px 30px;}
.contact-info .info-icon i, .social-menu-2 a i{ color:#fc4303 !important;} 
.social-menu-2 a:hover, .contact-info li:hover .info-icon{ background:#fc4303 !important; } 
.social-menu-2 a:hover i, .contact-info li:hover .info-icon i{ color:#fff !important;} 
.contact-info a{ color:#fff !important;} 
.mt-15{ margin-top:15px;}
.mt-50{ margin-top:50px;}
.mt-100{ margin-top:100px;}
.mb0{ margin-bottom:0px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.pb0{ padding-bottom:0px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}

.footer-area{ padding: 200px 0px 0px 0px; }
.footer-bottom{ text-align: center; padding-top: 15px; background: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 100%);} 
.footer-bottom .copyright{ color: #000; font-weight: 700;} 

.count-icon i{ background: -webkit-linear-gradient(#c2e9fb, #a1c4fd); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}



.slideEventImg{ height: 500px; margin-top:20px;}
.slideEventImg img{ position: absolute;transition: 1s; opacity: 0; width:100%; border-radius:10px}
.slideEventImg img:first-of-type{z-index: 3;}
.slideEventImg img:nth-of-type(2){z-index: 2;}
.slideEventImg img:last-of-type{z-index: 1;}
.indicators i{z-index: 4;}
.activeImg{opacity: 1!important;}
.slideEventImg i{position: absolute; cursor: pointer; background: #78ADC9; opacity: .9; transition: .4s; color:#fff; padding:0 10px; }
.slideEventImg i:first-of-type{top:32%;left: 6%}
.slideEventImg i:last-of-type{top:32%;right: 1%}
.slideEventImg i:hover{opacity: .9}

.aboutUsTab .tabs-list li a{ font-size:16px; }
.aboutUsTab .page-title{ margin-bottom: 25px; }


main {  display: flex; align-items: center; justify-content: center; padding: 20px; }
.accordion { display: flex; flex-direction: column; gap: 10px; }
.accordion .accordion-item { background-color: var(--background-color); border: 1px solid var(--border-color); border-radius: 5px; background: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 100%); color:#fff !important; }
.accordion .accordion-item .accordion-item-description-wrapper hr { border: none; border-top: 1px solid var(--border-color); visibility: visible; }
.accordion .accordion-item.open .accordion-item-description-wrapper hr { visibility: visible; }
.accordion .accordion-item .accordion-item-header { display: flex; align-items: center; justify-content: space-between; padding: 10px; cursor: pointer; }
.accordion .accordion-item .accordion-item-header .accordion-item-header-title { font-weight: 600; }
.accordion .accordion-item .accordion-item-header .accordion-item-header-icon { transition: var(--transition); }
.accordion .accordion-item.open .accordion-item-header .accordion-item-header-icon { transform: rotate(-180deg); }
.accordion .accordion-item .accordion-item-description-wrapper { display: grid; grid-template-rows: 0fr; overflow: hidden; transition: var(--transition); }
.accordion .accordion-item.open .accordion-item-description-wrapper { grid-template-rows: 1fr; }
.accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description { min-height: 0; background:#fff; border: 1px solid #ddd; }
.accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description p { padding: 10px; line-height: 1.5; color:#000; }


.mainmenu-area #mainmenu ul.nav.navbar-nav.primary-menu li.active a, .mainmenu-area #mainmenu ul.nav.navbar-nav.primary-menu li a:hover{ border-bottom: 2px solid #a1c4fd; color:#a1c4fd; font-weight:700; }

/* .mainmenu-area #mainmenu ul.nav.navbar-nav li a{ color: #6a6060;} */
.brandsdaddy:hover { background: rgba(0, 0, 0, 0.4); }
.brandsdaddy:hover a::before { content: ''; width: 50px; height: 50px; position: absolute; left: 0px; top: 50px; right: 0px; bottom: 0px; margin: auto; background: url(../images/zoom-in2.png) no-repeat center; background-size: contain; z-index: 2; opacity: 1; visibility: visible; top: 0px; transition: 0.5s; }
.brandsdaddy:hover a::before { content: ''; width: 50px; height: 50px; position: absolute; left: 0px; top: 50px; right: 0px; bottom: 0px; margin: auto; background: url(../images/zoom-in2.png) no-repeat center; background-size: contain; z-index: 2; opacity: 1; visibility: visible; top: 0px; transition: 0.5s; }

.life-list, .engineering-solution-step { list-style-type: none; padding-left: 15px; }
.life-list li { padding-bottom: 10px; font-size: 16px; line-height: 22px; position: relative; }
.life-list li:before { content: ''; position: absolute; border-right: 2px solid #a1c4fd; border-bottom: 2px solid #a1c4fd; width: 7px; height: 7px; transform: rotate(-45deg); left: -20px; top: 7px; }
.engineering-solution-step li { padding-bottom: 10px; font-size: 20px; line-height: 28px; position: relative; font-weight: 600;}
.engineering-solution-step li:before { content: ''; position: absolute; border-right: 3px solid #a1c4fd; border-bottom: 3px solid #a1c4fd; width: 7px; height: 7px; transform: rotate(-45deg); left: -25px; top: 10px; }

#filtering .filter-box{ margin-bottom:30px;}
.filter-box .filter-image h5 { color: #ffffff; position: absolute; padding: 10px 0; top: 30px; left: 30px; }
.filter-box .filter-image h5:after { content: ""; position: absolute; left: 0; bottom: 0; width: 60px; height: 2px; background-color: #ffffff; }
.filter-box .filter-hover{ background: rgba(0, 0, 0, 0.4);}
.filter-box .filter-hover ul{ padding-left:15px; }

.trust-keys{ background: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 100%); padding: 20px 15px; margin-bottom: 25px; color: #fff;}
.trust-keys p{ padding-bottom: 0px; margin-bottom: 0px; text-align: center; font-size: 20px; font-weight: 600;}

.pdf-wrapper{ display:flex; justify-content: center;}
a.download-pdf{ margin-top:50px; background: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 100%); padding: 15px 15px; width:250px; text-decoration: none; color: #fff; position: relative; font-weight: 800; font-size: 16px; line-height: 20px; text-align: center; letter-spacing: -0.02em; border: none; border-top-left-radius: 15px; border-bottom-right-radius: 15px; display: block; overflow: hidden; margin-right: 15px; } 
a.download-pdf:hover{ background: #fc4303; color: #fff; }
.plr-15{ padding: 0px 15px; }

#innovationpartner { position: relative; }
#innovationpartner .InnovationBox { box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); border: solid 1px #e4e4e4; }
#innovationpartner .swiper-button-next, #innovationpartner .swiper-button-prev { top: 70%; }
#innovationpartner .swiper-button-next:after, #innovationpartner .swiper-button-prev:after { display: none; }
#innovationpartner .swiper-button-next { right: -43px; top: 45px;}
#innovationpartner .swiper-button-prev { left: -43px; top: 45px; }
#innovationpartner p { font-size: 16px; }
.Our-team{ display: flex; justify-content: space-between;}
a.know-more{ color:#fff; text-align:center; background: #fc4303; padding: 5px 10px;}


.professional-expertise { list-style-type: none; padding-left: 15px; }
.professional-expertise li { padding-bottom: 10px; line-height: 24px; position: relative; font-weight: 400;}
.professional-expertise li:before { content: ''; position: absolute; border-right: 3px solid #a1c4fd; border-bottom: 3px solid #a1c4fd; width: 7px; height: 7px; transform: rotate(-45deg); left: -18px; top: 6px; }

.modal {
    z-index: 9999;
}
.modal .modal-fluid { width: 100%; display: block; position: relative; margin: 0 auto; margin-top: 0px; overflow-x: hidden; }
.bod-modal .close { position: absolute; top: 30px; right: 30px; z-index: 100; outline: none; border: none; outline-style: none; }
.bod-modal .modal-body { padding: 0px; }
.bod-modal .bod-in-pic-card { background-color: #f2f2f2; padding: 50px 50px; clear: both; height: 730px; overflow-y: scroll; scrollbar-width: thin;}
.bod-in-pic-card .cvr img{ border-radius: 8px;}
.bod-sec1, .bod-sec2{ border-bottom: 1px solid #0080C6; padding-bottom: 25px;}
.bod-sec3{ font-size:16px; line-height:22px; padding-top: 25px;}
.download-profile, .download-profile:hover { display: inline-block; background-color: #0080c6; padding: 10px 10px; color: #fff; 		background-image: url(../images/download.png); background-repeat: no-repeat; background-position: 92% center; padding-right: 35px; 		margin-top: 8px; text-decoration: none; font-size: 14px; width: 180px;}
.modal.bod-modal button img{ width: 30px;}
.our-associates img{ margin-bottom:20px; }
::-webkit-scrollbar { width: 5px; height:15px; color:#fc4303; }
.white{ color:#fff !important;}

.accordion-item{ display: none;}
#loadMore{ background: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 100%); color: #fff !important; width: 100px; padding: 10px 5px; margin: 0 auto;   margin-top: 20px; text-align: center;}
#loadLess{ background: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 100%); color: #fff !important; width: 100px; padding: 10px 5px; margin: 0 auto;   margin-top: 20px; text-align: center; display:none; }



@media (min-width: 320px) and (max-width: 767px){
	.mmt10{ margin-top:10px;}
	.mmt20{ margin-top:20px;}
	.mmt30{ margin-top:30px;}
	.mmt40{ margin-top:40px;}
	.mmt50{ margin-top:50px;}
	.container-fluid, .container{ padding-left: 30px;}
	.mmb{ margin-bottom:30px;}
	.mainmenu-area #mainmenu ul.nav.navbar-nav.primary-menu li{ text-align:left;}
	.mainmenu-area #mainmenu ul.nav.navbar-nav.primary-menu li.active a, .mainmenu-area #mainmenu ul.nav.navbar-nav.primary-menu li a:hover{ color:#fc4303; border-bottom: none;}
	.header-area .header-text .header-title{ font-size: 28px; margin-top: 100px;}
	h2.title{ font-size: 24px;}
	.slideEventImg { height: 220px; }
	.accordion .accordion-item .accordion-item-header .accordion-item-header-title{ font-size:16px;}
	p{ font-size:16px;}
	.Our-team{ display: block;}
	.modal-body .name{ margin-top:20px;}
	.bod-modal .close { top: 15px; right: 15px; }
	.header-area{ width: 105%; height: 450px;}
	.mainmenu-area .container{ padding: 0px 0px;}
	.slideEventImg img{ width: 92%;}
	.slideEventImg i:first-of-type{left: 0%; top: 42%;}
	.slideEventImg i:last-of-type{right: 0%; top: 42%;}
	.section-padding{ padding: 0px 0px 50px 0px;}
	.contact-area{ margin-left: 15px;}
	.contact-area .container{ padding-left: 15px;}
}
}