@charset "utf-8";
/* CSS Document */

/* CSS Document © 2025 Envinto */
/* @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap');

::-moz-selection{ background:#7b7d7f; color:var(--primary-color); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--primary-color); text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family:"Saira", serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#000000; background: #ffffff; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden; overflow-y: scroll; scroll-behavior: smooth;}
:root { --primary: #213e99; --secondary:#222222;}
a { text-decoration:none; transition:all 0.25s ease-out 0s; outline: none; box-shadow: none;}
a:hover{text-decoration: none;}
h1, h2, h3 , h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{font-family: "Saira", serif;}
p, p span { font-family:"Saira", serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:var(--secondary);
}
::-moz-placeholder { 
  color:var(--secondary);
}
:-ms-input-placeholder {
  color:var(--secondary);
}
:-moz-placeholder {
  color:var(--secondary);
}

section, header, footer {width: 100%; float: left;}

img{max-width: 100%; display: block;}

strong{font-weight: bold;}

.container{width: 94%; max-width: 1320px; margin: 0 auto;}



/* -------top-header------- */
.top-header {width: 100%; float: left; background: var(--primary); padding: 10px 0;}
.top-header .top-row { width: 100%;display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center;}
.top-header .social-icons {width: auto;}
.top-header .social-icons ul {width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.top-header .social-icons ul li {display: inline-block; margin: 0 10px 0 0;}
.top-header .social-icons ul li .icon {width: 30px;  height: 30px; display: block; background: #fff; padding: 7px; border-radius: 50%; position: relative;}
.top-header .social-icons ul li .icon img { width: 100%;height: 100%; transition: all .25s ease-in-out;}
.top-header .social-icons ul li .icon .hover-icon {position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 7px; transition: all .25s ease-in-out; opacity: 0;}
.top-header .social-icons ul li:hover .icon .hover-icon { opacity: 1;}
.top-header .social-icons ul li:hover .icon > img {opacity: 0;}
.top-header .top-right { width: auto;}
.top-header .top-right ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.top-header .top-right ul li { font-size: 16px; margin: 0 0 0 20px;}
.top-header .top-right ul li a { color: #ffff;}
.top-header .top-right ul li .icon { width: 20px; height: 20px; display: inline-block; float: left; margin: 0 8px 0 0;}
.top-header .top-right ul li .icon img { width: 100%; height: 100%;}
.top-header .top-right ul li:hover a { color: #bbbbbb;}


/* --------header-wrapp------- */
.header-wrapp {padding: 15px 0 10px; position: absolute; top: 0; left: 0; z-index: 9;}
.header-wrapp .header-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.header-wrapp .logo { width: 60px;}
.header-wrapp .logo img { filter: brightness(10); transition: all .25s ease-in-out;}
.header-wrapp .header-menu { width: auto; display: flex; flex-wrap: wrap; align-items: center;}
.header-wrapp .header-menu ul {  width: auto;}
.header-wrapp .header-menu ul li { display: inline-block; font-size: 16px; text-transform: uppercase;}
.header-wrapp .header-menu ul li a {color: #fff;  padding: 6px 22px; display: block;}
.header-wrapp .header-menu ul li.dropdown { position: relative;}
.header-wrapp .header-menu ul li.dropdown > a{background: url(../images/chevron-down-solid.svg) no-repeat center / 12px; background-position-x: 95%;}
.header-wrapp .header-menu ul li.dropdown:hover > a{ background: url(../images/chevron-down-blue.svg) no-repeat center / 12px; background-position-x: 95%;}
.header-wrapp .header-menu ul li.dropdown ul { position: absolute; top: 100%; width: 230px; background: #ffff; border-radius: 10px; border-right: 4px solid var(--primary);  border-bottom: 4px solid var(--primary);   padding: 15px 0;   opacity: 0;   visibility: hidden;   transition: all .25s ease-in-out;    transform: translateY(10%);}
.header-wrapp .header-menu ul li.dropdown ul li { display: block; font-size: 14px;}
.header-wrapp .header-menu ul li.dropdown ul li a { color: var(--secondary); }
.header-wrapp .header-menu ul li.dropdown ul li:hover a { color: var(--primary);}
.header-wrapp .header-menu ul li.dropdown:hover ul { opacity: 1; visibility: visible; transform: translateY(0);}
.header-wrapp .header-menu ul li:hover a { color: var(--primary);}
.header-wrapp .header-btns {width: auto;}
.header-wrapp .header-btn1 { display: inline-block; padding: 15px 28px 16px; background: var(--primary); color: #ffff; border-radius: 50px; border: 1px solid var(--primary);}
.header-wrapp .header-btn1:hover {  background: #fff;color: var(--primary); border-color: #ffffff;}
.header-wrapp.sticky { position: fixed; padding: 15px 0; animation: .7s slide-down; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 1) 100%);}

@keyframes slide-down {
    0% {
        transform: translateY(-100%)
    }
  
    100% {
        transform: translateY(0)
    }
  }

  .burger-btn{display: none;}
  .overlay{display: none;}
  


/* -------banner-wrapp------- */
.banner-wrapp {position: relative;}
.banner-wrapp .container{position: relative;}
.banner-wrapp .bg-video {width: 100%;}
.banner-wrapp .bg-video video { width: 100%; position: relative; display: block;}
.banner-wrapp .bg-video:after {content: "";position: absolute; width: 100%; height: 100%; top: 0;left: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%);}
.banner-wrapp .banner-content {position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.banner-wrapp .banner-row { width: 100%;}
.banner-wrapp .banner-col1 { width: 40%;}
.banner-wrapp h3 { font-size: 16px;text-transform: uppercase; color: #fff; font-weight: 500; letter-spacing: 2px; margin: 0 0 15px;}
.banner-wrapp h1 { font-size: 50px; font-weight: 600; color: #fff; margin: 0 0 20px;}
.banner-wrapp p { font-size: 16px; color: #fff; line-height: 1.56; margin: 0 0 20px;}
.banner-wrapp .banner-btn2 { display: inline-block;padding: 15px 28px 16px; background: var(--primary); color: #ffff; border-radius: 50px;  border: 1px solid var(--primary);}
.banner-wrapp .banner-btn2:hover { background: #fff; color: var(--primary); border-color: #fff;}
.banner-wrapp .social-icons { position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.banner-wrapp .social-icons ul {width: 100%;}
.banner-wrapp .social-icons ul li {display: block;width: fit-content;margin: 0 0 15px;}
.banner-wrapp .social-icons ul li .icon {width: 30px;  height: 30px; display: block; background: #fff; padding: 7px; border-radius: 50%; position: relative;}
.banner-wrapp .social-icons ul li .icon img { width: 100%;height: 100%; transition: all .25s ease-in-out;}
.banner-wrapp .social-icons ul li .icon .hover-icon {position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 7px; transition: all .25s ease-in-out; opacity: 0;}
.banner-wrapp .social-icons ul li:hover .icon .hover-icon { opacity: 1;}
.banner-wrapp .social-icons ul li:hover .icon > img {opacity: 0;}



/* --------abouts-wrapp-------- */
.abouts-wrapp { padding: 80px 0;  background: url(../images/body-bg-flip.png) no-repeat center right / contain;}
.abouts-wrapp .abouts-head { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 20px; justify-content: space-between;}
.abouts-wrapp .abouts-head .abouts-col1 { width: 48%;}
.abouts-wrapp .abouts-head .abouts-col2 { width: 50%; padding-left: 2%; border-left: 1px solid var(--secondary); margin-left: 2%;}
.abouts-wrapp h4 { font-size: 16px; text-transform: uppercase;letter-spacing: 2px; margin: 0 0 20px;}
.abouts-wrapp h2 { font-size: 46px; font-weight: 600; color: var(--secondary); margin: 0 0 20px;}
.abouts-wrapp h2 span { display: block;}
.abouts-wrapp p { font-size: 16px; line-height: 1.56; margin: 0 0 10px;}
.abouts-wrapp .abouts-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; flex-direction: row-reverse;}
.abouts-wrapp .abouts-col3 { width: 48%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.abouts-wrapp .abouts-col4 { width: 47%; position: relative;}
.abouts-wrapp .abouts-col4 img { width: 100%; border-radius: 12px;}
.abouts-wrapp .abouts-col4 .about-img-wrapp { width: 100%; padding: 40px 0 40px 40px;}
.abouts-wrapp .abouts-col4:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: calc(100% - 80px); background: linear-gradient(90deg, rgba(33,62,153,1) 0%, rgba(50,110,205,1) 100% ); border-radius: 30px; animation: auto-fill 5s infinite ease-in-out alternate;  z-index: -1;}
.abouts-wrapp .abouts-conten { width: 48%; display: flex; flex-wrap: wrap; flex-direction: column; margin: 0 0 20px;}
.abouts-wrapp .abouts-conten .abouts-icon { width: 65px; height: 65px; background: var(--primary); padding: 15px; border-radius: 10px; margin: 0 0 15px;}
.abouts-wrapp .abouts-conten .abouts-icon img { width: 100%; filter: brightness(10); height: 100%; object-fit: contain;}
.abouts-wrapp .abouts-conten .abouts-detail { width: 100%;}
.abouts-wrapp .abouts-conten h3 { font-size: 18px; font-weight: 500; margin: 0 0 10px;}
.abouts-wrapp .abouts-conten p { font-size: 14px;}
.abouts-wrapp .read-more-btn { display: inline-block; padding: 15px 28px 16px; background: var(--primary);  color: #ffff; border-radius: 50px; border: 1px solid var(--primary); font-size: 16px;}
.abouts-wrapp .read-more-btn:hover { background: var(--secondary); border-color: var(--secondary);}


@keyframes auto-fill{
  0%{
    width:calc(100% - 80px);
  }
  50%{
    width:calc(100% - 35%);
  }
  100%{
    width:calc(100% - 80px);
  }
}


/* -------logo-wrapp------ */
.logo-wrapp { padding: 0 0 80px; overflow:hidden;}
.logo-wrapp .logo-item {width: 100%;padding: 20px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;border-radius: 15px;}
.logo-wrapp .logo-item img { width: 180px; height: 72px; object-fit: contain;}
.logo-wrapp .slick-track {  display: flex; flex-wrap: wrap; align-items: center;}
.logo-wrapp .slick-track .slick-slide > div {width: 90%;margin: 15px auto; padding: 0 6px;}
.logo-wrapp .non-slider { width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.logo-wrapp .non-slider .logo-item { width: 15.3%; margin: 0 1.64% 0 0;}
.logo-wrapp .non-slider .logo-item:last-child { margin-right: 0;}

.logo-wrapp.tab { display: none;}
.logo-wrapp.mob { display: none;}


/* -------service-wrapp------- */
.service-wrapp {padding: 80px 0; background: #ededed;}
.service-wrapp .service-head {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 0 30px;}
.service-wrapp .service-col1 { width: 48%;}
.service-wrapp .service-col2 { width: 50%; padding-left: 2%; border-left: 1px solid var(--secondary); margin-left: 2%;}
.service-wrapp h4 { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 20px;}
.service-wrapp  h2 { font-size: 46px; font-weight: 600;  color: var(--secondary); margin: 0 0 32px;}
.service-wrapp  p {font-size: 16px; line-height: 1.56; margin: 0 0 10px;}
.service-wrapp .slick-track { display: flex; flex-wrap: wrap;}
.service-wrapp .service-row { width: 100%;}
.service-wrapp .slick-track .slick-slide { height: inherit;}
.service-wrapp .slick-track .slick-slide > div { width: 93%;  margin: 0 auto; height: 100%;}
.service-wrapp .service-col3 { width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 10px;}
.service-wrapp .service-col3 img { width: 100%; height: 100%; object-fit: cover; transition: all .4s ease-in-out;}
.service-wrapp .service-col3 .service-conten { position: absolute; padding: 30px; left: 0; bottom: 0;  z-index: 1;}
.service-wrapp .service-col3 .service-btn { position: absolute; width: 60px; height: 60px; z-index: 1; top: 30px; right: 30px; background: #213e99;  border-radius: 50%;  padding: 20px;   transition: all .4s ease-in-out;   transform: rotate(-45deg);}
.service-wrapp .service-col3:hover .service-btn {transform: rotate(0);}
.service-wrapp h3 {  font-size: 22px; color: #fff; font-weight: 600; margin: 0 0 20px;}
.service-wrapp .service-col3 p { color: #fff;}
.service-wrapp .service-col3:before { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .3);  transform: translate(-50%, -50%) rotate(-45deg);  z-index: 1;}
.service-wrapp .service-col3:after { content: ''; position: absolute; top: 0;  left: 0;  bottom: 0; right: 0; background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 105%);  height: 100%;   width: 100%;   transition: all 0.3s ease-in-out;}
.service-wrapp .service-col3:hover img { transform: scale(1.08);}
.service-wrapp .service-col3:hover:before { height: 250%; transition: all 600ms linear; background-color: transparent;}



/* --------whychoose-sec------ */
.whychoose-sec {padding: 80px 0; text-align: center;}
.whychoose-sec .whychoose-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.whychoose-sec .whychoose-row .whychoose-col1 { width: 23.5%; margin: 0 2% 0 0; padding: 25px;}
.whychoose-sec .whychoose-row .whychoose-col1:last-child { margin-right: 0;}
.whychoose-sec .whychoose-icon { width: 70px; margin: 0 auto 20px;}
.whychoose-sec  h3 { font-size: 20px; font-weight: 600; margin: 0 0 15px;}
.whychoose-sec p { font-size: 14px; line-height: 1.56;  color: var(--secondary);}
.whychoose-sec .whychoose-row .whychoose-col1:first-child { background: #213e99; padding: 30px; border-radius: 20px; text-align: left;}
.whychoose-sec h4 { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px; color: #fff;}
.whychoose-sec h2 { font-size: 36px; font-weight: 600; color: #fff; margin: 0 0 18px;}
.whychoose-sec .whychoose-row .whychoose-col1:first-child p { color: #fff;}



/* -------expert-wrapp-------- */
.expert-wrapp {padding: 80px 0; background: linear-gradient(90deg, rgba(33,62,153,1) 0%, rgba(50,110,205,1) 50%, rgba(33,62,153,1) 100%); text-align: center;}
.expert-wrapp h4 { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px; color: #fff;}
.expert-wrapp h2 { font-size: 46px; font-weight: 600; color: #ffff; margin: 0 0 18px;}
.expert-wrapp p { font-size: 16px; line-height: 1.56; color: #fff; margin: 0 0 24px;}
.expert-wrapp .expert-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; max-width: 700px; margin: 0 auto;}
.expert-wrapp .expert-col1 { width: auto;}
.expert-wrapp  h1 {font-size: 76px; font-weight: 600; color: #fff; margin: 0 0 5px;}
.expert-wrapp h5 { font-size: 18px; font-weight: 500; color: #fff;}



/* ------faq-wrapp------ */
.faq-wrapp { padding: 80px 0; position: relative;}
.faq-wrapp .faq-row { width: 100%;}
.faq-wrapp .faq-col1 { width: 50%;}
.faq-wrapp .faq-col2 { position: absolute; right: 0; top: 0; width: 40%; height: 100%;}
.faq-wrapp .faq-col2 img { width: 100%; height: 100%; object-fit: cover;}
.faq-wrapp h4 { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 20px;}
.faq-wrapp h2 {  font-size: 46px; font-weight: 600; color: var(--secondary); margin: 0 0 32px;}
.faq-wrapp .accordion { width: 100%;}
.faq-wrapp .accordion .accordion-item { width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.102); margin: 0 0 20px; border-radius: 10px;}
.faq-wrapp .accordion h2 { font-size: 18px; margin: 0 0 0; padding: 20px 50px 20px 20px; cursor: pointer; position: relative;}
.faq-wrapp .accordion .accordion-item .accodion-content { width: 100%; padding: 0 20px 20px; display: none;}
.faq-wrapp .accordion .accordion-item .accodion-content p { font-size: 14px; line-height: 1.56;}
.faq-wrapp .accordion .accordion-item.active h2 { color: var(--primary);}
.faq-wrapp .accordion h2:after{content: ""; background: url(../images/down-right.png) no-repeat center / 100%; width: 25px; height: 25px; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.faq-wrapp .accordion .active h2:after{background: url(../images/right-up.png) no-repeat center / 100%;}



/* -------services-wrapp-------- */
.services-wrapp {padding: 80px 0; background: url(../images/bg-img.png) no-repeat center / cover; background-attachment: fixed; text-align: center;}
.services-wrapp h4 { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px; color: #fff;}
.services-wrapp h2 { font-size: 46px; font-weight: 600; color: #ffff; margin: 0 0 18px;}
.services-wrapp p { font-size: 16px; line-height: 1.56; color: #fff; margin: 0 0 24px;}
.services-wrapp .services-row { width: 100%; display: flex; flex-wrap: wrap;  justify-content: center; margin: 40px 0 0;}
.services-wrapp .services-col1 { width: 18.4%; margin: 60px 2% 0 0; background: #fff; padding: 20px; border-radius: 10px;}
.services-wrapp .services-col1:last-child { margin-right: 0;}
.services-wrapp .services-icon {  width: 100px; margin: -65px auto 15px;}
.services-wrapp h3 {font-size: 20px; font-weight: 600;}
.services-wrapp .services-btn { display: inline-block; padding: 15px 28px 16px; background: var(--primary); color: #ffff; border-radius: 50px; border: 1px solid var(--primary); font-size: 16px; margin: 50px 0 0;}
.services-wrapp .services-btn:hover { background: #ffffff; border-color: #ffffff; color: var(--primary);}



/* ---------testimonial-wrapp------ */
.testimonial-wrapp {padding: 85px 0 100px;position: relative;text-align: center; background: var(--secondary);}
.testimonial-wrapp h2 {font-size: 46px; font-weight: 600; color: #ffffff; margin: 0 0 40px;}
.testimonial-wrapp .testimonial-item {width: 100%;background: #ffffff;padding: 50px 30px;height: 100%;}
.testimonial-wrapp .testimonial-item .avatar { width: 80px; height: 80px; margin: 0 auto 30px;}
.testimonial-wrapp .testimonial-item .avatar img { width: 100%;  height: 100%; object-fit: cover; object-position: top; border-radius: 50%;}
.testimonial-wrapp .testimonial-item h3 {font-size: 20px;margin: 0 0 10px;color: var(--secondary);text-transform: uppercase;font-weight: 600;}
.testimonial-wrapp .testimonial-item h5 {font-size: 16px;color: var(--secondary);margin: 0 0 20px;text-transform: uppercase;font-weight: 600;}
.testimonial-wrapp .testimonial-item .rating { width: 100px; margin: 0 auto 28px;}
.testimonial-wrapp .testimonial-item p {font-size: 16px;line-height: 1.56;font-style: inherit;color:var(--secondary);}
.testimonial-wrapp .slick-track { display: flex; flex-wrap: wrap;}
.testimonial-wrapp .slick-track .slick-slide { height: inherit;}
.testimonial-wrapp .slick-track .slick-slide > div {width: 94%;margin: 0 auto;height: 100%;}
.testimonial-wrapp .slick-dots li button:before {background: #ffffff;}



/* -----contact-wrapp----- */
.contact-wrapp {padding: 80px 0;}
.contact-wrapp .contact-row {width: 90%; margin: 0 0 0 auto; background: var(--secondary); padding: 65px; position: relative; display: flex; flex-wrap: wrap; justify-content: end;  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
.contact-wrapp .contact-col1 { width: 46%; background: #ededed; padding: 0; position: relative; left: -17%; min-height: 80%; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
.contact-wrapp h2 { font-size: 46px; font-weight: 600; color: var(--secondary); margin: 0 0 28px;}
.contact-wrapp .contact-col1 ul { width: 100%;}
.contact-wrapp .contact-col1 ul li { display: block; margin: 0  0 20px; position: relative; padding-left: 30px; font-size: 18px; line-height: 1.56;}
.contact-wrapp .contact-col1 ul li a { color: var(--secondary);}
.icon { display: inline-block; width: 20px; position: relative; overflow: hidden;}
.icon img { width: 100%;  transition: all .25s ease-in-out;}
.icon .hover-icon { position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  transform: translateY(100%);  transition: all .25s ease-in-out;}
.icon:hover .hover-icon {transform: translateY(0);}
.icon:hover > img {  transform: translateY(-100%);}
.contact-wrapp .contact-col1 ul li .icon { position: absolute; top: 6px; left: 0;}
.contact-wrapp .contact-col1 ul li a:hover { color: var(--primary);}
.contact-wrapp .contact-col1 ul li a:hover .icon .hover-icon { transform: translateY(0);}
.contact-wrapp .contact-col1 ul li a:hover .icon > img { transform: translateY(-100%);}
.contact-wrapp .social-icons {  width: 100%;}
.contact-wrapp .social-icons ul li { padding:0 !important; margin: 0 20px 0 0 !important; display: inline-block !important;}
.contact-wrapp .social-icons ul { width: 100%; display: flex;  flex-wrap: wrap;  align-items: center;}
.contact-wrapp .social-icons ul li .icon { position: relative !important;  top: 0 !important;}
.contact-wrapp .contact-col2 { width: 54%;}
.contact-wrapp .contact-col2 h2 {color: #ffff;}
.contact-wrapp .contact-form { width: 100%;}
.contact-wrapp .contact-form .text-fields { width: 100%;  display: flex;  flex-wrap: wrap;}
.contact-wrapp .contact-form .text-fields .text-field { width: 100%;  margin: 0 0 20px;}
.contact-wrapp .contact-form input {width: 100%;height: 58px;background: none;border: 1px solid #ffffff;color: #ffff;font-size: 16px;padding: 10px 24px;border-radius: 80px;}
.contact-wrapp .contact-form textarea {width: 100%;height: 130px;background: none;border: 1px solid #ffffff;color: #ffff;font-size: 16px;resize: none;border-radius: 27px;padding: 20px 24px 0;}
.contact-wrapp .contact-form .submit-btn {display: inline-block;width: auto;background: #ffff;border: 1px solid #ffff;color: var(--secondary);padding: 15px 32px;border-radius: 80px;margin: 0 0 0 0;font-size: 16px;transition: all .25s ease-in-out;cursor: pointer;font-family: "Saira", serif;}
.contact-wrapp .contact-form .submit-btn:hover {color: #ffff;background: none;}
.contact-wrapp .contact-form input::placeholder, .contact-wrapp .contact-form textarea::placeholder{color: #ffffff;}
.contact-wrapp .contact-col1 img {width: 100%; display: block; height: 100%; object-fit: cover;}


/* -----footer-wrapp------ */
.footer-wrapp { padding: 60px 0 20px; background: var(--secondary);}
.footer-wrapp .footer-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-wrapp .footer-col1 {  width: 24%;}
.footer-wrapp .logo { width: 100px; margin: 0 0 20px;}
.footer-wrapp .logo img { width: 100%; filter: brightness(10);}
.footer-wrapp p { font-size: 16px; color: #ffff; line-height: 1.56; margin: 0 0 30px;}
.footer-wrapp .footer-social { width: 100%;}
.footer-wrapp .footer-social ul {width: 100%; display: flex; flex-wrap: wrap;}
.footer-wrapp .footer-social ul li { width: auto; margin: 0 13px 0 0;}
.footer-wrapp .footer-social ul li img { width: 100%; height: 100%; transition: all .25s ease-in-out;}
.footer-wrapp .footer-social ul li a { display: block; width: 30px; height: 30px; background: #fff; padding: 6px; border-radius: 50%; border: 1px solid #fff;}
.footer-wrapp .footer-social ul li:hover a { background: none;}
.footer-wrapp .footer-social ul li:hover img {  filter: brightness(10);}
.footer-wrapp .footer-col2 { width: 22%;}
.footer-wrapp  h3 { font-size: 20px; color: #fff; margin: 0 0 20px;}
.footer-wrapp ul { width: 100%;}
.footer-wrapp ul li { font-size: 16px;  margin: 0 0 10px;  color: #fff;}
.footer-wrapp ul li a { color: #ffff;}
.footer-wrapp ul li a:hover { color: #a3a3a3;}
.footer-wrapp .footer-col3 { width: 23%;}
.footer-wrapp .footer-col3 li { padding-left: 25px; position: relative;}
.footer-wrapp .footer-col3 li .icon { width: 20px; height: 20px; position: absolute;  left: 0;}
.footer-wrapp .footer-col3 li .icon img { transform: none;  width: 100%;  height: 100%;}
.footer-wrapp .footer-col4 { width: 25%;}
.footer-wrapp .footer-news { width: 100%;}
.footer-wrapp .footer-news input { width: 100%; height: 48px; background: none; border: 1px solid #fff; font-size: 14px; padding: 10px; border-radius: 10px; flex: 1 0 0; color:#fff}
.footer-wrapp .footer-news input::placeholder { color: #fff;}
.footer-wrapp .footer-news form { width: 100%;display: flex; flex-wrap: wrap;}
.footer-wrapp .footer-news .submit-btn { padding: 10px 13px;  background: var(--primary);  border: 1px solid var(--primary);  border-radius: 10px;  margin: 0 0 0 10px;  color: #fff;  transition: all .25s ease-in-out;  cursor: pointer;  font-family: "Saira", serif;}
.footer-wrapp .footer-news .submit-btn:hover {  color: var(--primary);  background: #fff;  border-color: #ffff;}
.footer-wrapp .footer-row1 {  width: 100%;  display: flex;  flex-wrap: wrap;  justify-content: space-between;  margin: 30px 0 0;  padding: 20px 0 0;  border-top: 1px solid #fff;}
.footer-wrapp .footer-row1 p {  margin: 0 0 0;  font-size: 14px;}
.footer-wrapp .footer-row1 p a { color: #fff; text-decoration: underline;}
.footer-wrapp .footer-row1 p a:hover { text-decoration: none;}




/* ------inner-banner------- */
.inner-banner {position: relative;}
.inner-banner .bg-img {width: 100%;}
.inner-banner .bg-img img {width: 100%;height: 462px; object-fit: cover;}
.inner-banner .inner-content {width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.inner-banner h2 { font-size: 50px; font-weight: 600; color: #fff; margin: 0 0 20px;}



/* --------about-wrapp-------- */
.about-wrapp {padding: 80px 0 60px; position: relative;}
.about-wrapp .about-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.about-wrapp .about-col1 { width: 46%;}
.about-wrapp .about-col2 { width: 44%;}
.about-wrapp h3 { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 20px;}
.about-wrapp h2 { font-size: 46px; font-weight: 600; color: var(--secondary); margin: 0 0 20px;}
.about-wrapp p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.about-wrapp:before { content: ""; position: absolute; width: 50%; height: 100%; top: 0; left: 0; background: linear-gradient(90deg, rgba(33,62,153,1) 0%, rgba(50,110,205,1) 50%, rgba(33,62,153,1) 100%); z-index: -1;}



/* --------mission-wrapp-------- */
.mission-wrapp {padding: 80px 0;background: #213E991C; text-align: center;}
.mission-wrapp h3 { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 20px;}
.mission-wrapp  h2 { font-size: 46px; font-weight: 600; color: var(--secondary); margin: 0 0 32px;}
.mission-wrapp .mission-row { width: 100%; display: flex; flex-wrap: wrap;}
.mission-wrapp .mission-col1 { width: 32%; margin: 0 2% 0 0; background: #ffff; padding: 30px 30px 10px; border-radius: 10px;}
.mission-wrapp .mission-col1:last-child { margin-right: 0;}
.mission-wrapp .mission-col1 .mission-icon { width: 90px; margin: 0 auto 20px;}
.mission-wrapp h4 { font-size: 24px; font-weight: 600; margin: 0 0 15px;}
.mission-wrapp p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}



/* -------whychoose-wrapp-------- */
.whychoose-wrapp {padding: 80px 0; text-align: center;}
.whychoose-wrapp .whychoose-head { width: 100%; max-width: 900px; margin: 0 auto 40px;}
.whychoose-wrapp h3 {font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 20px;}
.whychoose-wrapp h2 { font-size: 46px; font-weight: 600; color: var(--secondary); margin: 0 0 10px;}
.whychoose-wrapp p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.whychoose-wrapp .whychoose-row { width: 100%; display: flex; flex-wrap: wrap;}
.whychoose-wrapp .whychoose-col1 { width: 23.5%; background: #213E991C; margin: 0 2% 0 0; padding: 30px 30px 10px; border-radius: 10px;}
.whychoose-wrapp .whychoose-col1:last-child { margin-right: 0;}
.whychoose-wrapp .whychoose-col1 .whychoose-icon { width: 70px; margin: 0 auto 20px;}
.whychoose-wrapp h4 { font-size: 20px; font-weight: 600; margin: 0 0 10px;}



/* -------service-wrapp------- */
.service-wrapp1 {padding: 80px 0; background: #ededed;}
.service-wrapp1 .service-head {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 0 30px;}
.service-wrapp1 .service-col1 { width: 48%;}
.service-wrapp1 .service-col2 { width: 50%; padding-left: 2%; border-left: 1px solid var(--secondary); margin-left: 2%;}
.service-wrapp1 h4 { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 20px;}
.service-wrapp1  h2 { font-size: 46px; font-weight: 500;  color: var(--secondary); margin: 0 0 32px;}
.service-wrapp1  p {font-size: 16px; line-height: 1.56; margin: 0 0 10px;}
.service-wrapp1 .slick-track { display: flex; flex-wrap: wrap;}
.service-wrapp1 .service-row {width: 100%;display: flex;flex-wrap: wrap; justify-content: center;}
.service-wrapp1 .service-col3 {width: 32%;position: relative;overflow: hidden;border-radius: 10px;margin: 0 2% 30px 0; }
.service-wrapp1 .service-col3:nth-child(3n){margin-right: 0;}
.service-wrapp1 .service-col3:last-child {margin-right: 0;}
.service-wrapp1 .service-col3 img {width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;max-height: 300px;}
.service-wrapp1 .service-col3 .service-conten { position: absolute; padding: 30px; left: 0; bottom: 0;  z-index: 1;}
.service-wrapp1 .service-col3 .service-btn { position: absolute; width: 60px; height: 60px; z-index: 1; top: 30px; right: 30px; background: #213e99;  border-radius: 50%;  padding: 20px;   transition: all .4s ease-in-out;   transform: rotate(-45deg);}
.service-wrapp1 .service-col3:hover .service-btn {transform: rotate(0);}
.service-wrapp1 h3 {  font-size: 22px; color: #fff; font-weight: 600; margin: 0 0 20px;}
.service-wrapp1 .service-col3 p { color: #fff;}
.service-wrapp1 .service-col3:before { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .3);  transform: translate(-50%, -50%) rotate(-45deg);  z-index: 1;}
.service-wrapp1 .service-col3:after { content: ''; position: absolute; top: 0;  left: 0;  bottom: 0; right: 0; background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 105%);  height: 100%;   width: 100%;   transition: all 0.3s ease-in-out;}
.service-wrapp1 .service-col3:hover img { transform: scale(1.08);}
.service-wrapp1 .service-col3:hover:before { height: 250%; transition: all 600ms linear; background-color: transparent;}




/* ---------getin-wrapp------ */
.getin-wrapp { padding: 80px 0 0;}
.getin-wrapp .getin-row {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.getin-wrapp .getin-col1 { width: 48%;}
.getin-wrapp .getin-col2 { width: 48%;}
.getin-wrapp h2 { font-size: 46px; font-weight: 600; color: var(--secondary); margin: 0 0 20px;}
.getin-wrapp  p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.getin-wrapp ul {width:100%;}
.getin-wrapp ul li {font-size: 16px;margin: 0 0 10px;color: #fff;padding-left: 30px;position: relative;}
.getin-wrapp ul li a {color: #000000;}
.getin-wrapp ul li a:hover {color: var(--primary);}
.getin-wrapp ul li  .icon { width: 20px; height: 20px; position: absolute; left: 0;}
.getin-wrapp ul li .icon img { transform: none; width: 100%; height: 100%;}
.getin-wrapp .getin-col2 iframe { width: 100%; max-height: 400px; border-radius: 10px;}
.getin-wrapp .getin-social {width: 100%;margin: 30px 0 0;}
.getin-wrapp .getin-social ul {width: 100%; display: flex; flex-wrap: wrap;}
.getin-wrapp .getin-social ul li {width: auto;margin: 0 13px 0 0;padding: 0 0 0;}
.getin-wrapp .getin-social ul li img {width: 100%;height: 100%;transition: all .25s ease-in-out;filter: brightness(10);}
.getin-wrapp .getin-social ul li a {display: block;width: 35px;height: 35px;background: var(--primary);padding: 8px;border-radius: 50%;border: 1px solid var(--primary);}
.getin-wrapp .getin-social ul li:hover a { background: none;}
.getin-wrapp .getin-social ul li:hover img {filter: none;}



/* -------serviceInner-wrapp------ */
.serviceInner-wrapp {padding: 80px 0;}
.serviceInner-wrapp .serviceInner-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.serviceInner-wrapp .serviceInner-col1 { width: 48%;}
.serviceInner-wrapp .serviceInner-col2 { width: 48%;}
.serviceInner-wrapp h2 { font-size: 46px; font-weight: 600; color: var(--secondary); margin: 0 0 20px; line-height: 1.23;}
.serviceInner-wrapp p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.serviceInner-wrapp ul { width: 100%; margin: 0 0 20px;}
.serviceInner-wrapp ul li { font-size: 16px; position: relative; padding-left: 10px;}
.serviceInner-wrapp ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}
.serviceInner-wrapp .serviceInner-col2 img { width: 100%; border-radius: 10px;}




/* --------howwe-wrapp------- */
.howwe-wrapp { padding: 80px 0; background: #213E991C; position: relative;}
.howwe-wrapp h2 { font-size: 46px; font-weight: 600; color: var(--secondary); margin: 0 0 40px; line-height: 1.23; text-transform: capitalize;}
.howwe-wrapp .howwe-row { width: 100%; display: flex; flex-wrap: wrap;}
.howwe-wrapp .howwe-col1 { width: 19%; margin: 0 1.25% 0 0;}
.howwe-wrapp .howwe-col1:last-child { margin-right: 0;}
.howwe-wrapp .howwe-col1 .howwe-icon { width: 70px; margin: 0 0 15px;}
.howwe-wrapp h3 { font-size: 18px; font-weight: 600; margin: 0 0 10px;}





.hamburgure-menu{
  display:none;
}


.contact-wrapp .contact-form .everest-forms .evf-container {
    margin: 0 0 0;
}

.contact-wrapp .contact-form .everest-forms .evf-container .evf-frontend-grid {
    padding: 0 0;
}

.contact-wrapp .contact-form .everest-forms .evf-container .evf-submit-container {
    padding: 0 0 0;
}

.contact-wrapp .contact-form .everest-forms .evf-container .evf-submit-container button {
    display: inline-block;
    width: auto;
    background: #ffff;
    border: 1px solid #ffff;
    color: var(--secondary);
    padding: 15px 32px;
    border-radius: 80px;
    margin: 0 0 0 0;
    font-size: 16px;
    transition: all .25s ease-in-out;
    cursor: pointer;
    font-family: "Saira", serif;
}

.contact-wrapp .contact-form .everest-forms .evf-container .evf-submit-container button:hover {
    background: none;
    color: #ffff;
}


.footer-wrapp .footer-news .everest-forms .evf-field-container {
  padding: 0 0 0;
  flex: 1 0 0;
}

.footer-wrapp .footer-news .everest-forms .evf-submit-container {
  padding: 0 0 0;
}

.footer-wrapp .footer-news .everest-forms .evf-submit-container button {
  padding: 11px 13px;
  background: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 10px;
  margin: 0 0 0 10px;
  color: #fff;
  transition: all .25s ease-in-out;
  cursor: pointer;
  font-family: "Saira", serif;
  font-size: 15px;
}

.footer-wrapp .footer-news .everest-forms .evf-submit-container button:hover {
  background: #fff;
  color: var(--primary);
  border-color: #ffff;
}

.footer-wrapp .footer-news .everest-forms .evf-field-container .evf-frontend-row {
  margin: 0 0 0;
}

.footer-wrapp .footer-news .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid {
  padding: 0 0 0;
}

.footer-wrapp .footer-news .everest-forms .evf-container {
  margin: 0 0 0;
}


.error-page-section {padding: 60px 0;text-align: center;}
.error-page-section h1 {font-size: 60px;color: #213e99;margin: 0 0 20px;font-weight: 500;}
.error-page-section h2 {font-size: 28px; margin: 0 0 20px;}
.error-page-section p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.error-page-section .search-form {width: auto;max-width: 420px;display: flex;flex-wrap: wrap;margin: 0 auto;}
.error-page-section .search-form input {width: 100%;height: 50px;border-width: 1px;border-style: solid;border-color: #213e99;border-image: initial;border-radius: 8px;padding: 0px 20px;background: no-repeat;margin: 0 10px 0 0;flex: 1 0 0;}
.error-page-section .search-form .search-submit {display: inline-block;font-size: 14px;color: #ffff;margin: 0 0 0 auto;position: relative;padding: 11px 28px 11px 28px;font-weight: 500;background: #213e99;border: 1px solid #213e99;border-radius: 50px;font-family: "Poppins", serif;transition: all .25s ease-in-out;cursor: pointer;}
.error-page-section .search-form .search-submit .screen-reader-text {font-size: 16px;clip: inherit;clip-path: inherit;position: relative !important;transition: all .25s ease-in-out;}
.error-page-section .search-form .search-submit:hover {color: #213e99;background: none;}
.error-page-section .search-form .search-submit:hover .screen-reader-text {color: #213e99;}
.error-page-section .search-form input::placeholder{color:var(--secondary);}



.search-page-section {padding: 60px 0 0;}
.search-page-section h1 { font-size: 32px; margin: 0 0 20px;}
.search-page-section h3 { font-size: 28px; margin: 0 0 20px;}
.search-page-section p { font-size: 16px; line-height: 1.56; margin: 0 0 20px;}
.search-page-section .search-btn1 {display: inline-block;background: #213e99;padding: 12px 26px 12px;color: #ffffff;font-size: 13px;text-transform: uppercase;border: 1px solid #213e99;border-radius: 50px;}
.search-page-section .search-btn1:hover {color: #213e99;background: none;}
.search-page-section .search-page-card { width: 100%;  margin: 0 0 50px;}



.defualt-page-section {padding:80px 0;}
.defualt-page-section h2 { font-size: 28px; margin: 0 0 20px;}
.defualt-page-section p {font-size: 16px; line-height: 1.56; margin: 0 0 20px; word-break: break-all;} 
.defualt-page-section p a {color: #213e99;}
.defualt-page-section p a:hover { color: var(--primary-color);}



/* ----------gallery-wrapp---------- */
.gallery-wrapp { padding: 70px 0;}
.gallery-wrapp.service-galler { padding-top: 0px !important;}
.gallery-wrapp .gallery-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.gallery-wrapp .galler-left { width: 24%; background: #213e99; padding: 30px; border-radius: 20px; text-align: left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;}
.gallery-wrapp .gallery-row1 { width: 74%; margin: 0 0 0;}
.gallery-wrapp  h2 { font-size: 36px; font-weight: 600; color: #fff; margin: 0 0 18px;}
.gallery-wrapp p {font-size: 14px; line-height: 1.56; color: #fff;}
.gallery-wrapp .gallery-row1 .slick-track { display: flex; flex-wrap: wrap;}
.gallery-wrapp .gallery-row1 .slick-track .slick-slide { height: inherit;}
.gallery-wrapp .gallery-row1 .slick-track .slick-slide > div { width: 94%; margin: 0 auto; height: 100%;}
.gallery-wrapp .gallery-row1 .slick-track .slick-slide .gallery-col1 { height: 100%; border-radius: 10px; overflow: hidden; position: relative;}
.gallery-wrapp .gallery-row1 .gallery-col1 img { height: 100%; width: 100%; object-fit: cover; transition: all .4s ease-in-out;}
.gallery-wrapp .gallery-row1 .gallery-col1 a:before { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .3);  transform: translate(-50%, -50%) rotate(-45deg);  z-index: 1;}
.gallery-wrapp .gallery-row1 .gallery-col1 a:after { content: ''; position: absolute; top: 0;  left: 0;  bottom: 0; right: 0; background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 105%);  height: 100%;   width: 100%;   transition: all 0.3s ease-in-out;}
.gallery-wrapp .gallery-row1 .gallery-col1:hover img { transform: scale(1.08);}
.gallery-wrapp .gallery-row1 .gallery-col1:hover a:before { height: 250%; transition: all 600ms linear; background-color: transparent;}

.html5-elem-box .html5-elem-wrap .html5-image { padding: 0 0 0 !important;}
#html5lightbox-watermark { display: none !important;}
.html5-elem-data-box { display: none !important;}
.html5-timer { height: 0 !important;}
.html5-elem-box .html5-elem-wrap .html5-image .html5-image-container img { width: 100%; height: 100%; object-fit: cover;}
.html5-prev, .html5-next{display: block !important;}
.mh-icon-right {background: #000000 url(../images/chevron-right-solid.svg) no-repeat center / 12px;}
.mh-icon-left {background: #000000 url(../images/chevron-left-solid.svg) no-repeat center / 12px;}


.gallery-wrapp.photo-wrapp .gallery-row1 { width: 100%; display: flex; flex-wrap: wrap;}
.gallery-wrapp.photo-wrapp  .gallery-col1 { position: relative; width: 24%; margin: 0 1.33% 1.33% 0; overflow: hidden; border-radius: 10px; height: 253px;}
.gallery-wrapp.photo-wrapp .gallery-col1:nth-child(4n) { margin-right: 0;}

.gallery-wrapp .gallery-row1 .gallery-col1 .galler-title {position: absolute; bottom: 20px; width: 100%; padding: 0 20px; z-index: 1;}
.gallery-wrapp h3 { font-size: 20px; color: #ffff; font-weight: 600;}

.gallery-wrapp .tab-content { width: 100%;}
.gallery-wrapp .tab-content .tab-pane { width: 100%;}
.gallery-wrapp .tabs { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 50px;}
.gallery-wrapp .tabs li {  font-size: 16px;  text-transform: uppercase; font-weight: 500;  margin: 0 25px 0 0;}
.gallery-wrapp .tabs li a { color: var(--secondary); display: block; padding: 5px 0; position: relative;}
.gallery-wrapp .tabs li a:after { content: ""; position: absolute; width: 0; height: 2px; background: var(--primary); left: 0; bottom: 0;}
.gallery-wrapp .tabs li a:hover { color: var(--primary);}
.gallery-wrapp .tabs li a.active { color: var(--primary);}
.gallery-wrapp .tabs li a.active:after { width: 100%;}


/* ----------message-wrapp---------- */
.message-wrapp { padding: 70px 0;}
.message-wrapp .message-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.message-wrapp .message-col1 { width: 48%;}
.message-wrapp h2 { font-size: 46px; font-weight: 600; color: var(--secondary); margin: 0 0 20px;}
.message-wrapp p { font-size: 16px; line-height: 1.56; margin: 0 0 20px; font-style: italic;}
.message-wrapp h3 { font-size: 18px; font-weight: 500;}
.message-wrapp .message-col2 { width: 46%;overflow: hidden;  clip-path: circle(50%);}
.message-wrapp .message-col2 img { width: 100%;}



/* ----------product-wrapp--------- */
.product-wrapp {padding: 70px 0 50px;}
.product-wrapp .product-row {width: 100%; display: flex; flex-wrap: wrap;}
.product-wrapp .product-col1 { width: 32%; margin: 0 2% 30px 0; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; padding: 20px 20px 74px; position: relative;}
.product-wrapp .product-col1:nth-child(3n) {margin-right: 0;}
.product-wrapp .product-col1 .product-img { width: 100%; position: relative; overflow: hidden; margin: 0 0 20px;}
.product-wrapp .product-col1 .product-img img { width: 100%; transition: all .25s ease-in-out;}
.product-wrapp .product-col1 .product-img:before {content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1;}
.product-wrapp .product-col1:hover .product-img:before {height: 250%;transition: all 600ms linear; background-color: transparent;}
.product-wrapp .product-col1:hover .product-img img { transform: scale(1.08);}
.product-wrapp .product-col1 .product-detail { width: 100%;}
.product-wrapp h3 { font-size: 22px; color: var(--secondary); font-weight: 600; line-height: 1.4; margin: 0 0 20px;}
.product-wrapp .product-col1 .product-btn { display: inline-block; padding: 13px 28px 13px; background: var(--primary); color: #ffff; border-radius: 50px; border: 1px solid var(--primary); position: absolute; bottom: 20px; left: 20px;}
.product-wrapp .product-col1 .product-btn:hover { background: #fff; color: var(--primary);}


/*---------------------------------Responsive-------------------------------*/

@media screen and (max-width:1400px) {
.gallery-wrapp.photo-wrapp .gallery-col1 { height: 18.1vw;}
}

@media screen and (max-width:1200px) {
 
  .banner-wrapp h1 {font-size: 40px}
  .banner-wrapp .banner-content {top:54%;}
  .service-wrapp h2 { font-size: 42px;}
  .service-wrapp1 .service-col3 .service-conten {padding: 15px;}
  .howwe-wrapp .howwe-col1 {width: 23%;margin: 30px 2% 0 0;}

.gallery-wrapp h2 { font-size: 32px;}
.gallery-wrapp .galler-left { width: 30%;}
.gallery-wrapp .gallery-row1 { width: 68%;}

.product-wrapp h3 { font-size: 18px;}

}

@media screen and (max-width:992px){
    .banner-wrapp h1{font-size: 32px;line-height: normal;}
    .header-wrapp .header-menu ul{display:none;}
    .header-wrapp .hamburgure-menu{display:block;width:40px;height:40px;margin-left:30px;}
    .banner-wrapp .banner-content {top:60%;}
    .header-wrapp .header-btn1{padding: 12px 20px 12px;}
    .abouts-wrapp h2 {font-size: 36px;}
    .abouts-wrapp .abouts-conten .abouts-icon {width: 55px;height: 55px;background: var(--primary);padding: 13px;}
    .service-wrapp h2 {font-size: 36px;}
    .service-wrapp .service-col3 .service-conten{padding:20px}
    .service-wrapp h3{font-size: 20px ;margin:0 0 10px;}
    .banner-wrapp .bg-video {position: relative;overflow: hidden; height: 100%;}
    .banner-wrapp {height: 500px;}
    .banner-wrapp .bg-video video { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 130%;height: 125%;}
    .whychoose-sec .whychoose-row .whychoose-col1{width:40%; margin-bottom:3%}
    .whychoose-sec .whychoose-row .whychoose-col1:first-child { padding: 25px;}
    .whychoose-sec h2 {font-size: 36px;}
    .expert-wrapp h1 {font-size: 55px;}
    .whychoose-sec .whychoose-row .whychoose-col1:nth-child(2n){margin-right:0}
    .faq-wrapp h2 {font-size: 36px;}
    .services-wrapp .services-icon {width: 70px;}
    .services-wrapp h2 {font-size: 36px; }
    .services-wrapp .services-col1 { width: 18%;margin: 60px 2% 0 0;padding: 16px}
    .services-wrapp h3 {font-size: 20px;}
    .footer-wrapp .logo {width: 80px;}
    .footer-wrapp .footer-col1 {width: 45%;}
    .footer-wrapp .footer-col2 {width: 45%;}
    .footer-wrapp .footer-col3 {width: 45%; margin:40px 0}
    .footer-wrapp .footer-col4 {width: 45%; margin:40px 0}

    .contact-wrapp .contact-row { padding: 40px 30px;}

    
      /*----- About-us page ---------*/
    .inner-banner h2 {font-size: 45px;}
    .mission-wrapp h2 {font-size: 36px;}
    .mission-wrapp .mission-row { width: 100%;display: flex ;justify-content: center;}
    .mission-wrapp .mission-col1 {width: 48%;margin: 30px 2% 0 0;}
    .mission-wrapp .mission-col1 .mission-icon {width: 70px;}
    .whychoose-wrapp h2 {font-size: 36px;}
    .mission-wrapp .mission-col1:nth-child(2n){ margin-right: 0;}
    .whychoose-wrapp .whychoose-row {display: flex;justify-content: center;}
    .whychoose-wrapp .whychoose-col1 {width: 48%;margin: 25px 4% 0 0;}
    .whychoose-wrapp .whychoose-col1:nth-child(2n){margin-right: 0;}
    .about-wrapp h2 {font-size: 36px;}
    .about-wrapp { padding: 60px 0 40px;}
    .inner-banner .bg-img img {object-position: right;  }

    /*------------Contact-page----------*/
    .getin-wrapp h2 {font-size: 36px;}
    .contact-wrapp h2 {font-size: 36px;}
    .service-wrapp1 .service-col3 .service-conten {padding: 25px;}
    .service-wrapp1 .service-col3{width: 48%;margin: 20px 4% 0 0;}
    .service-wrapp1 .service-col3:nth-child(2n){margin-right:0}
    .service-wrapp1 .service-col3:nth-child(3n){margin-right:4%}
    .service-wrapp1 .service-col3:nth-child(6n){margin-right:0}

    /*------ inner-page-service ---------*/
    .serviceInner-wrapp h2 {font-size: 36px;}
    .serviceInner-wrapp .serviceInner-row{display: flex;flex-direction: column;}
    .serviceInner-wrapp .serviceInner-col1 {width: 100%; margin:0 0 20px;}
    .serviceInner-wrapp .serviceInner-col2 {width: 100%;}
    .howwe-wrapp h2 {font-size: 36px;}
    .howwe-wrapp .howwe-col1 {width: 30%;margin: 30px 2% 0 0}
    .howwe-wrapp .howwe-col1:nth-child(3n){margin-right: 0;} 



.header-wrapp .header-menu {display: none;}
.overlay { display: block; position: fixed; right: 0; top: 0; width: 350px; height: 100%; background: #ffffff;  background-size: 300% 100%;  z-index: 99;  padding: 110px 5% 50px;  transform: translateX(100%);  opacity: 0;  visibility: hidden;  transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.overlay.show { transform: translateX(0);  opacity: 1; visibility: visible;}
.overlay ul {width: 100%;}
.overlay ul {width: 100%;}
.overlay ul li a {color: var(--primary-color); display: block; padding: 20px 0;}
.overlay ul li { font-size: 18px; border-bottom: 1px solid var(--primary);font-weight: 500;}
.overlay ul li a:hover {color: var(--primary) !important;}
.burger-btn { display: block;  position: fixed;  width: 40px;  height: 30px; right: 5%;top: 36px;z-index: 999;overflow: hidden;  cursor: pointer;}
.burger-btn span {display: block;width: 100%; height: 3px; background: var(--primary);background-size: 300% 100%;  border-radius: 5px;transition: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
.burger-btn:hover span {background-position: 50% 0;}
.burger-btn .active span { background: var(--primary);}
.burger-btn span:nth-child(2n) {  margin: 9px 0; transition: all 0.5s cubic-bezier(.22,.68,0,1.71);}
.burger-btn .burger-toggle { display: flex;flex-wrap: wrap; justify-content: right;}
.burger-btn .active span:nth-child(2n) { transform: translateX(-100%);}  
.burger-btn .active span:first-child { transform: translateY(13px) rotate(-45deg);}
.burger-btn .active span:last-child { transform: translateY(-11px) rotate(45deg);}
body:after { content: ""; display: block;  position: fixed; right: 0; top: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 40%); z-index: 9; transform: translateX(100%);  opacity: 0;    visibility: hidden;     transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);}
body.menu-open:after { transform: translateX(0); opacity: 1; visibility: visible;}
body.menu-open { overflow-y:  hidden;} 
.overlay ul ul.sub-menu li {border: none;padding-left: 20px; position: relative; color: var(--primary-color);}
.overlay ul ul.sub-menu li:before { content: "-"; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.overlay ul li.has-sub > a { background: url(../images/chevron-down-white.svg) no-repeat center / 14px;background-position-x: 95%;}  
.overlay ul li.has-sub > a:hover { background: url(../images/chevron-down-grey.svg) no-repeat center / 14px; background-position-x: 95%;}
  
.testimonial-wrapp h2 { font-size: 36px;}


.gallery-wrapp h2 { font-size: 30px;}
.gallery-wrapp .galler-left { padding: 20px;}

.message-wrapp h2 { font-size: 36px;}


.logo-wrapp.tab { display: block;}
.logo-wrapp.mob { display: none;}
.logo-wrapp.desk { display: none;}

.product-wrapp h3 { font-size: 16px;}

}



@media screen and (max-width:767px) {
   .banner-wrapp h1 {font-size: 35px;line-height: 1.56}
   .banner-wrapp .banner-btn2 {padding: 10px 17px 10px; }
   .banner-wrapp .bg-video video { width: 150%; }
   .header-wrapp .header-btn1{ display:none;}   
   .banner-wrapp .banner-col1 {width: 85%;}
   .abouts-wrapp .abouts-head{display: flex;flex-direction: column;justify-content: center;align-items: center;}
   .abouts-wrapp .abouts-head .abouts-col1 {width:100%;}
   .abouts-wrapp .abouts-head .abouts-col2 {width:100%;margin: 0 0 0; padding: 0 0 0; border: none;}
   .abouts-wrapp h2 span {display:inline;}
   .abouts-wrapp h2 {font-size: 33px;}
   .abouts-wrapp .abouts-row{display: flex; flex-direction: column-reverse; justify-content: center; align-items: center;}
   .abouts-wrapp .abouts-conten h3{font-size: 25px;}
   .abouts-wrapp .abouts-col3{width:100%; display: flex; justify-content: center; align-items: center;}
   .abouts-wrapp .abouts-col4{width:100%; margin: 30px 0 ;}
   .abouts-wrapp .abouts-conten { margin:20px 3% 20px 0}
   .abouts-wrapp .abouts-conten:nth-child(2n){margin-right:0}
   .service-wrapp .service-head {font-size: 40px; display:flex; flex-direction: column; justify-content: center; align-items: center;  }
   .service-wrapp .service-col1{width:100% }
   .service-wrapp .service-col2 {width:100%; margin: 0 0 0; padding: 0 0 0; border: none; }
   .service-wrapp h3{font-size: 25px;}
   .service-wrapp h2 {font-size: 33px;}
   .whychoose-sec .whychoose-icon {width: 50px;}
   .whychoose-sec h2 {font-size: 33px;}
   .whychoose-sec h3 {font-size: 18px;}
   .expert-wrapp h2 {font-size: 33px;}
   .expert-wrapp h1 {font-size: 50px}
   .faq-wrapp .faq-col1 {width: 100%;}
   .faq-wrapp .faq-col2{display:none}
   .services-wrapp h2 {font-size: 33px;}
   .services-wrapp .services-col1 {width:30% ;margin: 65px 3% 0 0;}
   .services-wrapp .services-col1:nth-child(3n){margin-right:0}
   .services-wrapp .services-icon { width: 70px; margin: -56px auto 15px;}
   .contact-wrapp .contact-row {padding: 30px; width: 100%;}
   .footer-wrapp ul li {font-size: 15px;}
   .contact-wrapp .contact-col1 { width: 100%; margin: 0 0 30px; left: 0;}
   .contact-wrapp .contact-col2 { width: 100%;}
  
    /* About-us--- */
  .inner-banner h2{font-size: 40px;}
  .mission-wrapp .mission-col1 {width: 100%;}
  .about-wrapp h2 { font-size: 35px;}
  .mission-wrapp .mission-col1:first-child{ margin-right: 0;}
  .mission-wrapp h2 {font-size: 33px;}
  .mission-wrapp h4 {font-size: 20px;}
  .whychoose-wrapp .whychoose-col1 {width: 100%;margin: 25px 2% 0 0;}
  .whychoose-wrapp .whychoose-col1:first-child{margin-right:0}
  .whychoose-wrapp .whychoose-col1:nth-child(3n){margin-right:0}
  .whychoose-wrapp h2 {font-size: 33px;}
  .about-wrapp .about-col1 {width: 100%;margin: 0 0 65px;}
  .about-wrapp .about-col2 {width: 100%;}
  .about-wrapp:before {width: 100%;height: 80vw;}
  .container {width: 90%;}
  .whychoose-wrapp h4 {font-size: 24px;}

/* ----------Contact-wrap---- */
  .getin-wrapp .getin-row {display: flex;flex-direction: column;align-items: center;}
  .getin-wrapp .getin-col1 {width: 100%;margin:0 0 20px}
  .getin-wrapp .getin-col2 {width:100%;}
  .getin-wrapp h2 {font-size: 33px;}
  
/* services-wrap */

  .service-wrapp1 .service-col3 .service-btn {width: 55px;height: 55px;top: 18px;right: 20px;}

/* inner-page-service */
  .serviceInner-wrapp h2 {font-size: 33px;}
  .howwe-wrapp h2 { font-size: 33px;}
  .howwe-wrapp .howwe-col1 { width: 48%; margin: 30px 2% 0 0}
  .howwe-wrapp .howwe-col1:nth-child(3n){margin-right: 0;}
  .howwe-wrapp .howwe-col1:nth-child(2n){ margin-right:0;}
  .howwe-wrapp .howwe-col1 .howwe-icon{ width:60px; }
  
  .whychoose-sec .whychoose-row .whychoose-col1 { width: 48%; margin: 0 4% 4% 0;}

.abouts-wrapp {padding: 60px 0;}
.logo-wrapp {padding: 0 0 60px;}
.service-wrapp { padding: 60px 0 80px;}
.whychoose-sec {  padding: 60px 0 40px;}
.expert-wrapp {padding: 60px 0;}
.faq-wrapp {padding: 60px 0;}
.services-wrapp { padding: 60px 0;}
.testimonial-wrapp {  padding: 60px 0;}
.testimonial-wrapp h2 { font-size: 33px;}
.contact-wrapp { padding: 60px 0;}

.mission-wrapp {padding: 60px 0;}
.whychoose-wrapp {padding: 60px 0;}

.service-wrapp1 .service-col3 p { font-size: 14px;}
.service-wrapp1 h3 {font-size: 20px;}

.service-wrapp1 {padding: 60px 0;}

.gallery-wrapp .galler-left { width: 100%; margin: 0 0 20px; text-align: center;}
.gallery-wrapp .gallery-row1 { width: 100%;}

.gallery-wrapp.photo-wrapp .gallery-col1 { width: 32%; height: 23vw; margin: 0 2% 2% 0;}
.gallery-wrapp.photo-wrapp .gallery-col1:nth-child(4n) { margin-right: 2%;}
.gallery-wrapp.photo-wrapp .gallery-col1:nth-child(3n) { margin-right: 0;}

.message-wrapp .message-row { flex-direction: column-reverse;}
.message-wrapp .message-col1 { width: 100%;}
.message-wrapp .message-col2 { width: 100%; margin: 0 0 20px;}

.logo-wrapp.tab { display: none;}
.logo-wrapp.mob { display: block;}
.logo-wrapp.desk { display: none;}

.product-wrapp h3 { font-size: 16px;}
.product-wrapp .product-col1 { width: 48%; margin: 0 4% 30px 0;}
.product-wrapp .product-col1:nth-child(3n) { margin-right: 4%;}
.product-wrapp .product-col1:nth-child(2n) { margin-right: 0;}

}

@media screen and (max-width:600px) {
 
  .banner-wrapp .bg-video video {width: 185%;}
   .banner-wrapp .social-icons{display: none;}
   .banner-wrapp .banner-col1 {width: 100%;}
   .service-wrapp h3 {font-size: 22px;}
   .whychoose-sec .whychoose-row{display: flex;flex-direction: column;}
   .whychoose-sec .whychoose-row .whychoose-col1{width:100%}
   .whychoose-sec .whychoose-row .whychoose-col1:first-child{margin-right:0}
   .whychoose-sec .whychoose-row .whychoose-col1:nth-child(3n){margin-right:0}    
   .expert-wrapp h1 {font-size: 40px;}
   .expert-wrapp p {font-size: 14px;}
   .expert-wrapp h2 {font-size: 30px;}
   .services-wrapp h3 {font-size: 20px;}
   .services-wrapp .services-icon {width: 60px;}
   .services-wrapp .services-col1 {width: 40.4%;margin: 75px 3% 0 0;padding: 27px;}
   .services-wrapp .services-col1:nth-child(3n){margin-right:3%}
   .services-wrapp .services-col1:nth-child(2n){margin-right:0}
   .services-wrapp .services-icon { width: 70px; margin: -68px auto 35px}
   .contact-wrapp .contact-row {padding: 15px;}
   .faq-wrapp h2 {font-size: 30px;}
   .footer-wrapp .logo {width: 60px;}
   .footer-wrapp p {font-size: 14px;}
   .footer-wrapp h3 {font-size: 18px; margin: 0px 0 10px}
   .footer-wrapp ul li {font-size: 14px;}
   .footer-wrapp .footer-row1 {display: flex;flex-direction: column;justify-content: center;align-items: center; text-align: center;}


   /* About-us-wrap */

   .inner-banner h2 {font-size: 35px;}
   .about-wrapp h2 {font-size: 25px;   margin: 0 0 10px;}
   .about-wrapp h3 { margin: 0 0 10px;}
   .whychoose-wrapp h2 {font-size: 25px;}
   .mission-wrapp h2 {font-size: 30px;}
   .about-wrapp:before {height: 82vw;}

   /* Service-inner-page */
   .howwe-wrapp .howwe-col1 {width: 100%;}
   .howwe-wrapp .howwe-col1:first-child{margin-right: 0;margin-top: 0;}
   .howwe-wrapp .howwe-col1:nth-child(2n){margin-right:0;}


   .service-wrapp1 .service-col3 {width: 100%; margin: 0 0 20px !important;}

}





@media screen and (max-width:480px) {
  .banner-wrapp .bg-video video { width: 280%;}
  .expert-wrapp h1 {font-size: 40px;}
  .expert-wrapp h5 {font-size: 15px;}
  .banner-wrapp h1 {font-size: 26px;}
  .expert-wrapp .expert-col1 { width: 48%; margin: 0 4% 4% 0;}
.expert-wrapp .expert-row { gap: 0;justify-content: center;}
.expert-wrapp .expert-col1:nth-child(2n) { margin-right: 0;}

  /* About-us--wrap*/
  .inner-banner h2{font-size: 30px;}
  .whychoose-wrapp h2 {font-size: 20px;}
  .about-wrapp:before {height: 88vw;}
  .footer-wrapp .footer-col1 { width: 100%;margin: 0 0 30px;}
  .footer-wrapp .footer-col2 {width: 100%;margin: 0 0 30px;}
  .footer-wrapp .footer-col3 {width: 100%;margin: 0 0 30px;}
  .footer-wrapp .footer-col4 {width: 100%;margin: 0}
  .services-wrapp .services-col1 {width: 48%;margin: 51px 4% 0 0;padding: 15px;}
  .services-wrapp h3{font-size: 16px;}
  .testimonial-wrapp h2 {font-size: 30px;}
  .contact-wrapp h2 {font-size: 30px;}
  .whychoose-sec h2 {font-size: 30px;}
  .service-wrapp h3{font-size: 25px;}.service-wrapp h2{font-size: 30px;}
  .expert-wrapp h2 {font-size: 30px;}
  .faq-wrapp h2{font-size: 30px;}
  .abouts-wrapp .abouts-conten {width: 100%;}
  .services-wrapp .services-col1:nth-child(2n){margin-right:0;}
  .services-wrapp .services-icon {width: 54px;margin: -46px auto 25px;}

  /* ---------Contact-wrap------- */
  .getin-wrapp p {font-size: 14px;}
  .getin-wrapp ul li {font-size: 14px;}
  .getin-wrapp {padding: 60px 0 0;}
  .contact-wrapp {padding: 60px 0;}
  .getin-wrapp .getin-social ul li a {width: 32px;height: 32px;}

  /* Serive-wrap */
  .service-wrapp1 .service-col3 {width: 100%;}
  .service-wrapp1 .service-col3:first-child{margin-right:0;margin-top:0;}
  .service-wrapp1 .service-col3:nth-child(2n){margin-right:0}
  .service-wrapp1 .service-col3:nth-child(3n){margin-right:0}
  .service-wrapp1 .service-col3:nth-child(5n){ margin-right:0}
  .service-wrapp1 .service-col3:nth-child(7n){  margin-right:0}
  .service-wrapp1 {padding: 60px 0;}
  .service-wrapp1 .service-col3 .service-conten {padding: 10px;}
  .serviceInner-wrapp h2 {font-size: 30px;}
  

/* service-inner-page */
  .serviceInner-wrapp h2 {font-size: 30px;}
  .howwe-wrapp h2 { font-size: 30px;}
  .serviceInner-wrapp {padding: 60px 0;}
  .howwe-wrapp {padding: 60px 0;}
  .howwe-wrapp .howwe-col1 .howwe-icon{width:50px;}
  .footer-wrapp .footer-news .submit-btn {padding: 10px 40px;}

  .abouts-wrapp .abouts-col4 .about-img-wrapp {padding: 30px 0 30px 30px;}

  .abouts-wrapp .abouts-conten h3 {font-size: 22px;}

  .defualt-page-section { padding: 60px 0;}

.gallery-wrapp.photo-wrapp .gallery-col1 { width: 48%;  margin: 0 4% 4% 0; height: 34.4vw;}
.gallery-wrapp.photo-wrapp .gallery-col1:nth-child(3n) {margin-right: 4%;}
.gallery-wrapp.photo-wrapp .gallery-col1:nth-child(2n) { margin-right: 0;}

.message-wrapp h2 { font-size: 25px;}

.gallery-wrapp h3 { font-size: 16px;}

.overlay {width: 100%;}

.product-wrapp .product-col1 {width: 100%; margin: 0 0 30px !important;}


}