@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{
  font-family: "Poppins", sans-serif;
  font-family: "Montserrat", sans-serif;
  margin: 0;padding: 0;
}
:root{
  --thm-font: "Montserrat", sans-serif;
  --thm-base: #004282;
  --thm-base-light: #00428230;
  --thm-base2: #00A6C0;
  --thm-base2-light: #00A6C010;
  --thm-base3: #696762;
  --thm-base3-light: #69676210;
  --thm-black: #000000;
  --thm-black-ligth: #00000040;
  --thm-gray: #999999;
  --thm-white: #ffffff;
  --thm-section-bg: #f7f7f7;
  --thm-footer: #e2e2e2;  
  --thm-primary: #666666;
}
h1,
h2,
h3,
h4,
h5,
h6,
p{ margin: 0; }
ul{ margin: 0; padding: 0; }
li{ list-style: none; }
h1{ font-size: 35px; font-weight: 500;} 
h2{ font-size: 38px; font-weight: 600;} 
h3{ font-size: 22px;} 
h4{ font-size: 22px; font-weight: 600;} 
h5{ font-size: 20px; font-weight: 500;} 
h6{ font-size: 18px;}
a{ color: var(--thm-black); text-decoration: none; font-weight: 500; transition: 0.5s;}
a:hover {color: var(--thm-base); }
.mb-100{ margin-bottom: 100px;}
.mt-100{ margin-top: 100px;}
.container{ max-width: 1440px;}

.heading-tag{ font-size: 14px; display: inline-block; padding: 5px 10px 4px; border: 1px solid #00000020; border-radius: 2px; color: var(--thm-black); margin-bottom: 10px; font-weight: 600; text-transform: uppercase;}
.heading-tag.white-tag{ border: 1px solid #ffffff20; color: var(--thm-white);}
.heading{ color: var(--thm-black); margin-bottom: 15px; font-weight: 800;}
.description{ font-size: 15px; line-height: 1.6; margin-bottom: 15px; font-weight: 500; color: var(--thm-primary);}
.description b{ color: #242424;}
.text-black{ color: var(--thm-black) !important;}


.btn-box { display: inline-block; padding: 10px 25px; border: unset; border-radius: 102px; color: var(--thm-white); z-index: 1; background: var(--thm-base); position: relative; font-weight: 500; font-size: 14px; text-transform: uppercase; /* -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27); box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27); */ transition: all 250ms; overflow: hidden; border: 3px solid var(--thm-white);}
.btn-box::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 0; background-color: #212121; z-index: -1; -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27); box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27); transition: all 250ms }
.btn-box:hover { color: #e8e8e8; border: 3px solid #e8e8e850; }
.btn-box:hover::before { width: 100%; background-color: #00274e;}

.btn-box.style-2 { border: 3px solid var(--thm-base); background-color: transparent; color: var(--thm-base);}
.btn-box.style-2:hover { color: #e8e8e8; border: 3px solid #e8e8e8; }
.btn-box.style-2:hover::before { background-color: var(--thm-base);}
.btn-box.style-3{ padding: 8px 20px; border: 3px solid #ffffff40; background-color: transparent;}
.btn-box.style-3:hover::before{ background-color: var(--thm-base);}

.owl-dots { text-align: center !important;}
.owl-dot { width: 18px; height: 4px; margin: auto; background-color: #00000050 !important; margin: 0 3px;  margin-top: 40px !important; border-radius: 10px;}
.owl-dots .active { width: 18px; background-color: #000000 !important;}

/* .social-media{ display: inline-flex; gap: 22px; align-items: center; margin-top: 10px; padding: 10px 20px; border: 1px solid #00000020; border-radius: 5px;}
.social-media a{ position: relative; color: var(--thm-white); z-index: 2;}
.social-media i{ font-size: 17px; color:var(--thm-base3); background-color: transparent; transition: 0.5s;}
.social-media a::before{ position: absolute; content: ""; width: 0px; height: 0px; background-color: var(--thm-base); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; border-radius: 50%; transition: 0.3s;}
.social-media a:hover i{ color: var(--thm-white);}
.social-media a:hover::before{ width: 35px; height: 35px;} */

.form-section { width: 100%; margin: auto; padding: 40px; background-color: var(--thm-white); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px;}
.form-heading { font-size: 22px; margin-bottom: 0px; color: var(--thm-black); font-weight: 600; }
.form-control { text-align: left; display: block; margin-top: 3px; padding: 10px 15px; font-size: 14px; color: var(--thm-black); background-color: transparent; background-clip: padding-box; border: 1px solid var(--thm-black-ligth); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 2px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.form-select { text-align: left; margin-top: 3px; padding: 10px 15px; font-size: 14px; border-radius: 2px; border: 1px solid var(--thm-black-ligth); color: var(--thm-black); background-color: transparent; }
.form-select:focus { border: 1px solid var(--thm-base-light); box-shadow: rgba(250, 18, 18, 0.25) 0px 0px 0px 0.25rem; }
.form-control:focus { color: var(--thm-black); background-color: transparent; border: 1px solid var(--thm-base-light); outline: 0px; box-shadow: rgba(250, 18, 18, 0.25) 0px 0px 0px 0.25rem; }

header .container{ width: 100%; margin: auto; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); z-index: 15; background-color: #ffffff; border-radius: 10px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px;}
.top-header-bg{ border-radius: 4px 4px 0px 0px; background-color: #f1f2f4; /* border-bottom: 1px solid var(--thm-gray); */}
.top-header{ display: flex; justify-content: space-between; padding: 8px 70px;}
.top-header div{ display: flex; align-items: center;}
.top-header .header-tag-line{ display: flex; gap: 8px;}
.top-header .header-tag-line .description{ color: var(--thm-primary); margin-bottom: 0px; font-weight: 500;}
.top-header a{ color: var(--thm-primary); font-size: 14px; text-transform: uppercase; font-weight: 500;}
.top-header i{ font-size: 18px; color: var(--thm-primary);}
.top-header a:hover{ color: var(--thm-base);}
.top-header .social-media-container div{ display: flex; gap: 5px; padding: 0px 4px;}
.top-header .social-media-container div p{ font-size: 14px; color: #000;}
.top-header .social-media-container div i{ font-size: 14px; color: var(--thm-footer); transform: rotate(70deg);}
.top-header .social-media-container div:last-child{ border: none; padding-right: 0px;}

.nav-bar{ background-color: transparent; padding: 10px 10px; display: flex; justify-content: space-between; align-items: center;}
.nav-bar .logo a img{ max-width: 220px; padding: 0px 25px 0px 15px;  border-right: 2px solid; border-image: linear-gradient( #ffffff00 10%, #004282 50%, #ffffff00 90% ) 1;   }
.menu{ display: flex; gap: 30px;}
.menu li{ position: relative; display: flex; gap: 5px; align-items: center; background-color: transparent; transition: 0.5s;}
.menu .display-chnage{ display: none;}
.menu li a{ font-weight: 600; color: var(--thm-black); text-transform: capitalize;}
.menu li i{ margin-top: 2px; font-size: 13px; color: #000;}
.menu li a:hover{ color: var(--thm-base);}
.menu .active a{ color: var(--thm-base);}

header.sticky .container{ width: 100%; position: static; left: 0%; transform: translateX(0%); box-shadow: none;}
header.sticky { position: fixed; top: 0; width: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; z-index: 10; background-color: var(--thm-white); border-bottom: none; border-radius: 0px;}


.menu .drop-down{
    position: relative;
}
.menu .drop-down .drop-down-menu{
    width: 235px;
    position: absolute;
    z-index: 16;
    top: 62px;
    left: 0px;
    background-color: var(--thm-base);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 10px 15px;
    border-radius: 4px;
    opacity: 0;
    z-index: -1;
    transition: 0.5s;
    visibility: hidden;
}


.menu .drop-down .drop-down-menu ul li{
    padding: 8px 0px;
    border-bottom: 1px solid #ffffff20;
    transition: 0.5s;
}

.menu .drop-down .drop-down-menu ul li:last-child{
    border-bottom: none;
}
.menu .drop-down .drop-down-menu ul li a{
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: 15px;  
    transition: 0.5s;
    width: 100%;
    font-weight: 400;
    color: var(--thm-white);
}
.menu .drop-down .drop-down-menu ul li a i{
    transition: 0.5s;
    font-size: 13px;
    color: var(--thm-white);
    opacity: 0;
    margin-left: -4px;
}
.menu .drop-down .drop-down-menu ul li:hover a i{
    opacity: 1;
    margin-left: 0;
}

.menu .drop-down .drop-down-menu .arrow-top{
    position: absolute;
    z-index: 100;
    top: -12px;
    background-image: url(../images/menu-down-arrow.svg);
    background-position: center top;
    background-repeat: no-repeat;
    height: 12px;
    width: 27px;
    text-align: center;
    left: 45%;
    transform: translatex(-45%);
}
.menu .drop-down .drop-down-menu.drop-down-menu3 .arrow-top{
    left: 70%;
    transform: translatex(-70%);
}
.menu .drop-down .drop-down-menu.drop-down-menu4 .arrow-top{
    left: 80%;
    transform: translatex(-80%);
}
.menu .drop-down:hover .drop-down-menu{
    opacity: 1;
    z-index: 40;
    visibility: visible;
}
.megamenu-open{
    display: none;
}
.menu .drop-down .drop-down-menu ul .active{
    background-color: var(--thm-base);
}
.menu .drop-down .drop-down-menu ul .active a ,
.menu .drop-down .drop-down-menu ul .active a i{
    color: var(--thm-white);
}

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

/* ===================================================================
    Main Slider
==================================================================== */
.main-slider{ position:relative;}
.main-slider .main-slider_pagination{ position: absolute; top: 40%; z-index: 999; left: 40px !important; right: auto !important; width: 45px !important;}
.main-slider .main-slider_pagination .swiper-pagination-bullet{ position: relative; opacity: 1; width:auto; height:auto; display: block; background: none; font-weight: 600; line-height: 36px; text-align: right; font-size: 20px; opacity:0.60; padding-right: 0px; color: var(--thm-white); margin: 35px 0px !important; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease;}
.main-slider .main-slider_pagination .swiper-pagination-bullet::before{ position: absolute; content: ''; left: 0px; top: 20px; width: 1px; height: 65px; background-color: var(--thm-white);}
.main-slider .main-slider_pagination .swiper-pagination-bullet::after{ position: absolute; content: ''; left: -5px; top: 14px; width: 10px; height: 10px; outline-offset: 1px; border-radius: 50px; display: inline-block; background-color:var(--thm-white);}
.main-slider .main-slider_pagination .swiper-pagination-bullet:last-child::before{ display:none;}
.main-slider .main-slider_pagination .swiper-pagination-bullet:hover,
.main-slider .main-slider_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; font-size: 20px;}
.main-slider .main-slider_pagination .swiper-pagination-bullet:hover::before,
.main-slider .main-slider_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{ opacity: 1;}

.main-slider .swiper-slide{ position: relative; padding: 270px 0px 250px;}
.main-slider .swiper-slide .main-slider_image-layer{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:1; opacity: 0; overflow:hidden; background-size:cover; background-position: center center; clip-path: polygon(0 0, 40% 0, 40% 100%, 0% 100%); -webkit-transition: all 1000ms linear; -moz-transition: all 1000ms linear; -ms-transition: all 1000ms linear; -o-transition: all 1000ms linear; transition: all 1000ms linear;}
.main-slider .swiper-slide .main-slider_image-layer:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; opacity:0.40; background-color: var(--thm-black);}

.main-slider .swiper-slide .main-slider_content{ position:relative; z-index: 2;}
.main-slider .swiper-slide .main-slider_content .main-slider_content-inner{ position:relative; max-width: 750px;}
.main-slider .swiper-slide .main-slider_content .main-slider_content-inner .main-slider_title{ position: relative; font-size: 16px; font-weight: 700; padding: 8px 25px 8px 18px; border-radius: 0px 30px 30px 0px; display:inline-block; color: var(--thm-base); transition:all 900ms ease; -moz-transition:all 900ms ease; -webkit-transition:all 900ms ease; -ms-transition:all 900ms ease; -o-transition:all 900ms ease; text-transform:capitalize; background-color: #FFFFFF90; backdrop-filter: blur(5px);}
.main-slider .swiper-slide .main-slider_content .main-slider_content-inner .main-slider_heading{ margin-top: 10px; font-weight: 700; text-transform: capitalize; margin-bottom: 10px; color: var(--thm-white); font-size: 50px; transition:all 900ms ease; -moz-transition:all 900ms ease; -webkit-transition:all 900ms ease; -ms-transition:all 900ms ease; -o-transition:all 900ms ease; transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1); clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);}
.main-slider .swiper-slide .main-slider_content .main-slider_content-inner .main-slider_text{ margin-top: 10px; font-weight: 500; font-size: 15px; margin:0 auto; line-height:26px; margin-bottom:20px; color: #e7e7e7; text-transform: capitalize; transition:all 900ms ease; -moz-transition:all 900ms ease; -webkit-transition:all 900ms ease; -ms-transition:all 900ms ease; -o-transition:all 900ms ease; transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1); clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);}
.main-slider .swiper-slide .main-slider_content .main-slider_content-inner .main-slider_arrow{ position:absolute; content:''; left: 220px; bottom:-100px; width:227px; height:202px; background-repeat:no-repeat; transform: rotate(20deg);}
.main-slider .swiper-slide .main-slider_content .main-slider_content-inner .main-slider_button{ position: relative; gap: 5px; display:inline-block; transition:all 900ms ease; -moz-transition:all 900ms ease; -webkit-transition:all 900ms ease; -ms-transition:all 900ms ease; -o-transition:all 900ms ease; transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1); clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);}

.main-slider .swiper-slide .main-slider_content .main-slider_content-inner .main-slider_button .main-slider_video{ position:relative;}
.main-slider .swiper-slide .main-slider_content .main-slider_content-inner .main-slider_button .main-slider_video:before{ position:absolute; content:''; left:-18px; top:50%; height:20px; width:20px; transform:translateY(-50%); background-color:var(--thm-white);}
.main-slider .swiper-slide .main-slider_content .main-slider_content-inner .main-slider_button .main-slider_video .play-box{ position:relative;}
.main-slider .swiper-slide .main-slider_content .main-slider_content-inner .main-slider_button .main-slider_video .play-box:hover .fa{ color: var(--thm-white); border-color: #ffffff40; background-color: var(--thm-base);}
.main-slider .swiper-slide .main-slider_content .main-slider_content-inner .main-slider_button .main-slider_video .fa{ position:relative; width:62px; height:62px; margin-top:3px; font-size:18px; line-height:50px; border-radius:50px; display:inline-block; color:var(--thm-white); text-align:center !important; border:6px solid var(--thm-white); transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; background-color: var(--thm-base);}

.main-slider .swiper-slide-active .main-slider_image-layer{ opacity: 1; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.main-slider .swiper-slide-active .main-slider_content .main-slider_content-inner .main-slider_title{ -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms;}
.main-slider .swiper-slide-active .main-slider_content .main-slider_content-inner .main-slider_heading{ -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.main-slider .swiper-slide-active .main-slider_content .main-slider_content-inner .main-slider_text{ -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.main-slider .swiper-slide-active .main-slider_content .main-slider_content-inner .main-slider_button{ -webkit-transition-delay: 1400ms; -moz-transition-delay: 1400ms; -ms-transition-delay: 1400ms; -o-transition-delay: 1400ms; transition-delay: 1400ms; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}

/* =================================================================
	About Three
================================================================== */
.about{ position:relative; overflow:hidden; padding:110px 0px 90px;}
.about .container{ position:relative;}
.about .about_pattern{ position:absolute; right:80px; top:80px; width:395px; height:286px; background-repeat:no-repeat;}
.about .about_big-title{ position:absolute; left: 0px; top: -100px; font-size:130px; font-weight:800; z-index: -1; text-transform:uppercase; line-height:1em; color:transparent; letter-spacing:1px; font-family: "Raleway", serif; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #00000015;}
.about .about-img img{ width: 100%; border-radius: 10px;}

.about .about_list li{ margin-bottom: 0px;}
.about .about_list li i{ position:relative; margin-right:10px; color:var(--thm-base);}

.about .lower-box{ display: inline-flex; align-items: center; gap: 30px; border-top: 1px solid #e2e2e2; padding-top: 15px; margin-top:15px; }
.about .lower-box .about_phone{ display: flex; gap: 14px; align-items: center; font-size:14px; font-weight: 500; color:#666666;}
.about .lower-box .about_phone span{ font-size:20px; text-align:center; border-radius:50px; color:var(--thm-base); }
.about .lower-box .about_phone a{ position:relative; font-weight:700; font-size: 18px; }

/* ====================================================================
	Counter
==================================================================== */
.counter{ position: relative; padding: 80px 0px 100px; background-color:#F5F5F599;}
.counter .counter-block{ position:relative; padding: 0px 0px 10px; border-radius: 6px; background-color: #00428210; overflow: hidden;}
.counter .counter-block .counter-count{ position:relative; font-size:45px; font-weight:800;}
.counter .counter-block h4{ font-size: 17px; padding: 12px 20px 10px; font-weight: 600; margin-bottom: 10px; color:var(--thm-base); background-color: #00428220;}
.counter .counter-block h2{ position:relative; font-size: 30px; color: #242424; padding: 0px 20px;}
.counter .counter-block .counter_icon{ position: absolute; bottom: 7px; right: 5px; padding: 5px 10px; opacity: 0.8;}
.counter .counter-block .counter_icon img{ max-width: 60px;}
.counter .image img{ border-radius: 7px;}


/* ==================================================================
    Offer One
=================================================================== */
.service{ position: relative; overflow: hidden; z-index: 1; padding: 100px 0px; background-color: var(--thm-base);}
.service .service_pattern-layer{ position:absolute; width: 400px; left: 0px; top: 10px; bottom: 0; opacity: 0.3; background-repeat: no-repeat;}
.service .description{ font-weight: 400;}

.service .service-list_content{ position: relative; padding-right: 60px;}
.service .service-list_content .service-list .service-list-item{ position: relative; margin-bottom: 10px;}
.service .service-list_content .service-list .service-list-item:last-child{ margin-bottom: 0px;}
.service .service-list_content .service-list .service-list-item h4{ color: var(--thm-white); text-transform: capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;}
.service .service-list_content .service-list .service-list-item h4 a{ position:relative; display:block; font-size: 20px; font-weight:700; border-radius: 80px; color:var(--thm-white); text-transform:capitalize; background-color: #FFFFFF12; padding: 22px 25px 22px 40px;}
.service .service-list_content .service-list .service-list-item .service_arrow{ position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; line-height: 50px; text-align: center; font-size:22px; border-radius: 500px; display:inline-block; color:var(--thm-white);  background-color: #ffffff40;}
.service .service-list_content .service-list .service-list-item .service_arrow i{ transform:rotate(-45deg);}
.service .service-list_content .service-list .service-list-item.active .service_arrow,
.service .service-list_content .service-list .service-list-item:hover .service_arrow{ color: var(--thm-white); background-color: var(--thm-base);}
.service .service-list_content .service-list .service-list-item.active h4 a,
.service .service-list_content .service-list .service-list-item:hover h4 a{ color: var(--thm-base); background-color: var(--thm-white);}

.service .service_image-container{ position: relative; height: 100%;}
.service .service_image-container .service_image{ position: absolute; right: 15px; top: 0px; opacity: 0; display: block; transition: all 0.5s; -webkit-transition: all 0.5s; -webkit-transform: rotate(-5deg) translateX(0px); transform: rotate(-5deg) translateX(0px);}
.service .service_image-container .service_image > img{ position: relative; width:100%; display:block; overflow:hidden; border-radius:14px;}
.service .service_image-container .service_image.active{ opacity: 1; -webkit-transform: rotate(0deg) translateX(0px); transform: rotate(0deg) translateX(0px);}
.service .service_image-container .service_image .service_content{ position: relative; padding-top: 35px;}


/* ===================================================================
	Project Two
==================================================================== */
.project{ position: relative; padding: 110px 0px;}
.project .outer-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: -150px; margin-right: -150px; overflow: hidden;}
@media only screen and (max-width: 1699px) { .project .outer-box { margin: 0 -50px; padding: 0 10px;}}
@media (max-width: 1350px) { .project .outer-box { margin: 0; -ms-flex-wrap: wrap; flex-wrap: wrap;}}
@media (max-width: 991.98px) {.project .outer-box { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0;}}

.project .project-block { min-height: 450px; margin-right: 5px; margin-left: 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; will-change: flex;}
.project .project-block:hover, 
.project .project-block.active { -webkit-box-flex: 2; -ms-flex: 2; flex: 2;}
@media (max-width: 1350px) {.project .project-block { width: 33.33%; -webkit-box-flex: 0 !important; -ms-flex: 0 0 33.33% !important; flex: 0 0 33.33% !important; padding: 0 15px; margin-left: 0; margin-right: 0;}}
@media (max-width: 991.98px) {.project .project-block { width: 50%; -webkit-box-flex: 0 !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; padding: 0 15px; margin-left: 0; margin-right: 0;}}
@media (max-width: 767.98px) {.project .project-block { width: 100%; -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important;}}

.project-block { position: relative; margin-bottom: 30px; -webkit-transition: 0.8s cubic-bezier(0.29, 0, 0.2, 1); transition: 0.8s cubic-bezier(0.29, 0, 0.2, 1);}
.project-block .active .image-box .image:before { opacity: 0.3; -webkit-transform: scale(1); transform: scale(1);}
.project-block .active .icon { filter: brightness(100) contrast(100);}
.project-block .active .content-box .float-text { opacity: 1;}
.project-block .active .content-box .cat { opacity: 1; -webkit-transform: translate(0); transform: translate(0); -webkit-transition-delay: 600ms; transition-delay: 600ms;}
.project-block .active .content-box .title { opacity: 1; -webkit-transform: translate(0); transform: translate(0); -webkit-transition-delay: 900ms; transition-delay: 900ms;}
.project-block .active .content-box .btn-box.style-3 { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 1200ms; transition-delay: 1200ms;}
.project-block .active .content-box-hover .title { opacity: 0; -webkit-transform: translateY(100); transform: translateY(100); -webkit-transition-delay: 200ms; transition-delay: 200ms;}

.project-block .inner-box { position: relative; overflow: hidden; border-radius: 10px;}
.project-block .inner-box:hover .image-box .image:before { opacity: 0.3; -webkit-transform: scale(1); transform: scale(1);}
.project-block .inner-box:hover .icon { filter: brightness(100) contrast(100);}
.project-block .inner-box:hover .content-box .float-text { opacity: 1;}
.project-block .inner-box:hover .content-box .cat { opacity: 1; -webkit-transform: translate(0); transform: translate(0); -webkit-transition-delay: 600ms; transition-delay: 600ms;}
.project-block .inner-box:hover .content-box .title { opacity: 1; -webkit-transform: translate(0); transform: translate(0); -webkit-transition-delay: 900ms; transition-delay: 900ms;}
.project-block .inner-box:hover .content-box .btn-box.style-3 { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 1200ms; transition-delay: 1200ms;}
.project-block .inner-box:hover .content-box-hover .title { opacity: 0; -webkit-transform: translateY(100); transform: translateY(100); -webkit-transition-delay: 200ms; transition-delay: 200ms;}
.project-block .inner-box:hover .content-box-hover span{ opacity: 0; -webkit-transform: translateY(100); transform: translateY(100); -webkit-transition-delay: 200ms; transition-delay: 200ms;}

.project-block .image-box { position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease;}
.project-block .image-box .image { position: relative; margin-bottom: 0;}
.project-block .image-box .image::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; background: #1d1d29; opacity: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; z-index: 2;}
.project-block .image-box .image::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 29, 41, 0)), color-stop(75%, rgba(29, 29, 41, 0.75))); background: linear-gradient(to bottom, rgba(29, 29, 41, 0) 0%, rgba(29, 29, 41, 0.75) 75%); -webkit-transition: all 300ms ease; transition: all 300ms ease; z-index: 2;}
.project-block .image-box .image img { width: 100%; height: 450px; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 300ms ease; transition: all 300ms ease;}

.project-block .content-box-hover { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; z-index: 2; padding: 30px 30px;}
.project-block .content-box-hover .title { font-weight: 600; -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); transform: rotate(180deg); -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; color: var(--thm-white); -webkit-transition: all 300ms ease; transition: all 300ms ease;}
.project-block .content-box-hover span{ font-size:16px; font-weight: 500; position: absolute; bottom: 0px; left: 20px; background-color: #ffffff20; color: #e8e8e899; padding: 6px 10px 3px; border-radius: 9px 9px 0px 0px; -webkit-transition: all 300ms ease; transition: all 300ms ease;}

.project-block .content-box { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 3; padding: 30px 40px;}
.project-block .content-box .float-text { position: absolute; top: 0; left: 30px; background-color: #FFFFFF; padding: 4px 10px 3px; border-radius: 0px 0px 10px 10px; font-size: 16px; text-transform: capitalize; letter-spacing: 0.02em; font-weight: 600; opacity: 0; color: var(--thm-base); -webkit-transition: all 300ms ease; transition: all 300ms ease;}
.project-block .content-box .cat{ position: relative; font-weight: 600; color: var(--thm-white); display: inline-block; opacity: 0; font-size: 17px; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 300ms ease; transition: all 300ms ease; text-transform: capitalize; padding-bottom: 10px; margin-top:15px; border-bottom:1px solid #ffffff40;}
.project-block .content-box .cat:before{ position:absolute; content:''; right:0px; bottom:-5px; width:10px; height:10px; border-radius:50px; background-color: var(--thm-footer);}
.project-block .content-box .cat .icon{ position:relative; margin-right:10px;}
.project-block .content-box .title { position: relative; font-weight: 600; font-size: 20px; margin-bottom: 0; color: var(--thm-white); -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; margin-top:13px; margin-bottom: 13px; -webkit-transition: all 300ms ease; transition: all 300ms ease;}
@media (max-width: 991.98px) { .project-block .content-box .title { font-size: 18px;}}
.project-block .btn-box.style-3{ display: inline-flex; gap: 10px; align-items: center; margin-top: 6px; opacity:0; -webkit-transition: all 300ms ease; transition: all 300ms ease;}

/*====================================================================
	Fluid - why Choose Us
====================================================================*/
.fluid{ position: relative;}
.fluid:before{ position: absolute; content:''; right:0px; top:90px; bottom:0px; left:0px; background-color:#F5F5F599;}
.fluid .left-box{ position: absolute; left: 0px; top: 0px; width: 40%; height: 100%; background-size: cover; border-radius: 0px 20px 20px 0px;}
/* .fluid_image{ position: relative; display: none;}
.fluid_image img{ position: relative; width: 100%; display: block;} */
.fluid .right-box{ position: relative; float: right; width: 60%; padding: 180px 15px 80px 40px;}
/* .fluid-one .right-box_inner{ position: relative; max-width: 650px;} */
.fluid .fluid_list li{ margin-bottom: 5px;}
.fluid .fluid_list li i{ position:relative; margin-right: 5px; color:var(--thm-base);}


/*** ==================================================================
    WCU
=================================================================== ***/
.wcu-section{ background: linear-gradient( 180deg, #f3f3f3, #ffffff); padding: 80px 0px;}
.wcu-section .wcu_image img{ border-radius:10px;}
.wcu-section .wcu_content-outer{ padding-left: 30px;}
.wcu-section .wcu_content-outer .wcu_item{ position:relative; display: flex; gap: 15px; align-items: center; margin-bottom: 10px;}
.wcu-section .wcu_content-outer .wcu_item img{ max-width: 40px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;}
.wcu-section .wcu_content-outer .wcu_item:hover img{ transform:rotateY(180deg);}
.wcu-section .wcu_content-outer .wcu_item h5{ position:relative; font-size: 17px; font-weight:700; color:var(--thm-black); }


.wcu-section.wcu-about{
    background: none;
}

/*** ====================================================================
	Projects Section Three
==================================================================== ***/

.sectors-section{ position:relative; overflow:hidden; padding: 80px 0px 60px; background-position:left bottom; background-repeat:no-repeat; background-size: cover; background-color: var(--thm-base);}

.sectors-section .lower-text{ position:relative; text-align:center; font-size: 15px; color:var(--thm-white); margin-top: 10px;}
.sectors-section .lower-text a{ position:relative; text-align:center; font-weight:700; color: var(--thm-white);}
.sectors-section .lower-text a:hover{ color:var(--thm-footer);}

.sectors-section .owl-carousel .owl-stage-outer{ overflow:visible;}
.sectors-section .owl-dots{ display:none;}
.sectors-section .owl-nav{ position:absolute; left:15px; top:50%; right:15px; z-index:10; margin-top:-40px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.sectors-section .owl-nav .owl-prev{ position:absolute; left:0px; width:40px; height:40px; color:var(--thm-base); font-size: 24px; line-height:46px; text-align:center; border-radius: 3px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--thm-white) !important;}
.sectors-section .owl-nav .owl-next{ position:absolute; right:0px; color:var(--thm-base); font-size: 24px; width:40px; height:40px; line-height:50px; border-radius: 3px; text-align:center; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--thm-white) !important;}
.sectors-section .owl-nav .owl-prev:hover,
.sectors-section .owl-nav .owl-next:hover{ background-color:var(--thm-base) !important; color:var(--thm-white);}

.sectors-section .heading,
.sectors-section .description{ color: var(--thm-footer);}


.gallery-block-three{
	position:relative;
	margin-bottom: 30px;
}

.gallery-block-three .inner-box{
	position:relative;
}

.gallery-block-three .inner-box .image{
	position:relative;
	border-radius:8px;
	overflow:hidden;
	background-color:var(--thm-base);
}

.gallery-block-three .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	overflow:hidden;
	border-radius:5px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.gallery-block-three .inner-box:hover .image img{
	opacity:0.60;
	transform:scale(1.05,1.05);
}

.gallery-block-three .inner-box .image:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.70;
	z-index:1;
	background: linear-gradient( 180deg, #f3f3f300, #000000);
}

.gallery-block-three .inner-box .overlay-content{
	position:absolute;
	left: 20px;
	bottom: 10px;
	right:20px;
	z-index:2;
}

.gallery-block-three .inner-box h4{
    position:relative;
    color:var(--thm-white);
    border-left: 2px solid #f3f3f399;
    font-size: 17px;
    font-weight: 500;
	border-radius: 2px;
	padding-left: 10px;

}



/* ==================================================================
    Client
=================================================================== */
.client-section{
	background: linear-gradient(0deg, #f3f3f3, #ffffff);
	padding: 100px 0px;

}
.client-section .client-logo{ border: 1px solid var(--thm-base-light); background-color: #FFFFFF; padding: 3px 10px; border-radius: 10px;}

/* ==================================================================
    Testimonial
=================================================================== */
.testimonial{ position: relative;}
.testimonial .swiper-container{ margin-top:-100px; padding-top:120px;}
.testimonial .testimonial-box{ position: relative; padding: 30px 35px; border-radius: 15px; background-size: cover; background-color: var(--thm-white); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; margin: 5px; margin-bottom: 35px;}
.testimonial .testimonial-box .rating-icon{ position: absolute; top: 0px; background-color: var(--thm-base); font-size:11px; font-weight: 200; color:var(--thm-white); padding: 6px 14px 7px; border-radius: 0px 0px 6px 6px;}
.testimonial .testimonial-box h4{ position:relative; margin: 10px 0px; font-size: 20px; font-weight: 700;}
.testimonial .testimonial-box .description{ font-size: 16px; font-style: italic;}

.testimonial .testimonial-box .testimonial-author{ position: relative; font-weight: 600; font-size: 18px; line-height: 22px; padding-left: 65px; padding-top: 7px; color: var(--thm-black);}
.testimonial .testimonial-box .testimonial-author span{ position: relative; display: block; font-size: 15px; font-weight: 500; color: var(--thm-primary);}
.testimonial .testimonial-box .testimonial-author .testimonial-author-image{ position: absolute; left: 0px; top: 0px;}
.testimonial .testimonial-box .testimonial-author .testimonial-author-image img{ max-width: 55px;}
.testimonial .testimonial-box .quote-icon{ position:absolute; right: 50px; bottom: -35px; width: 80px; height: 80px; overflow:hidden; text-align:center; line-height: 60px; border-radius: 150px; background-color:var(--thm-base); border: 7px solid var(--thm-white);}
.testimonial .testimonial-box .quote-icon img{ max-width: 30px;}

.testimonial_arrow{ position:absolute; right:0px; top: 30px; z-index:1;}
.testimonial_arrow .two-item_carousel-next,
.testimonial_arrow .two-item_carousel-prev{ position:relative; width:60px; height:60px; font-size:22px; line-height:58px; text-align:center; margin-left:10px; border-radius:50px; color:var(--thm-base); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; border:1px solid var(--thm-base);}
.testimonial_arrow .two-item_carousel-next:hover,
.testimonial_arrow .two-item_carousel-prev:hover{ color:var(--thm-white); background-color:var(--thm-base);}





.callToAction-section{ background-color: var(--thm-base);   overflow: hidden;}
.callToAction-section .container{ position: relative; padding: 50px 0px;}
.callToAction-section .cta-bg img{ position: absolute; right: 0; bottom: -10px; opacity: 0.1; max-width: 35%;}
.callToAction-section .callToAction-container{ color: var(--thm-white);}
.callToAction-section .callToAction-container .description{ color: var(--thm-footer);}
.callToAction-section .callToAction-container .description b{ color: var(--thm-footer); font-weight: 500px; padding: 10px 0px;}
.callToAction-section .callToAction-container .callToAction-btn{ display: flex; gap: 20px; align-items: center; flex-wrap: wrap; margin-top: 20px;}
.callToAction-section .callToAction-container .callToAction-btn br{ display: none;}
.callToAction-section .callToAction-container .callToAction-btn a{ font-size: 16px;}
.callToAction-section .callToAction-container .callToAction-btn span{ font-size: 24px; font-family: var(--thm-font2);}

/* ====================================================================
	Footer
==================================================================== */
.footer{ position:relative; padding-top:90px; padding-bottom:40px;}
.footer .footer_bg{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-size:cover;}
.footer .upper-section{ position:relative; padding:0px 0px 60px;}

.footer .upper-section .logo-widget .footer_logo{ margin-bottom: 15px;}
.footer .upper-section .logo-widget .footer_logo a img{ max-width: 300px;}
.footer .upper-section .logo-widget .description{ font-size:16px; font-weight: 400; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #ffffff20; color:var(--thm-white);}
.footer .upper-section .logo-widget .footer_socials span{ font-size:16px; font-weight:600; margin-right:15px; color:var(--thm-white); text-transform:uppercase;}
.footer .upper-section .logo-widget .footer_socials a{ font-size:18px; margin-right:10px; color:var(--thm-white);}

.footer .upper-section .footer_title{ font-weight: 600; margin-bottom:25px; color:var(--thm-white);}
.footer .upper-section .footer_links li{ position:relative; margin-bottom: 14px;}
.footer .upper-section .footer_links li:last-child{ margin-bottom:0px;}
.footer .upper-section .footer_links li a{ position:relative; font-size:16px; padding-left:22px; font-weight:400; color: var(--thm-white);}
.footer .upper-section .footer_links li a:before{ position:absolute; content:''; left:0px; top:9px; width: 10px; height: 10px; border-radius:20px 0px 20px 0px; background-color:var(--thm-white);}
.footer .upper-section .footer_links li a:hover{ color: #ffffff99;}
.footer .upper-section .footer_links li:hover a:before{ background-color: #ffffff99;}

.footer .footer-contact > a{ display: flex; gap: 10px; align-items: center; font-size: 16px; font-weight: 400; margin-bottom: 10px; color:var(--thm-white);}
.footer .footer-contact p{ display: flex; gap: 10px; align-items: center; margin-bottom: 10px; color:var(--thm-white); padding-bottom: 10px; border-bottom: 1px solid #FFFFFF20;}
.footer .footer-contact p:hover i{ color: #ffffff99;}
.footer .footer-contact p:last-child{ display: flex; gap: 10px; align-items: center; margin-bottom: 10px; color:var(--thm-white); padding-bottom: 0px; border-bottom: none; font-weight: 500;}
.footer .footer-contact p:last-child:hover i{ color: #ffffff99;}
.footer .footer-contact p a{ color:var(--thm-white);}
.footer .footer-contact p:hover a{ color: #ffffff99; font-weight: 500;}

.footer .footer_bottom{ position:relative; padding:24px 40px; border-radius:50px; background-color: #ffffff15;}
.footer .footer_copyright,
.footer .footer_copyright a{ font-size:15px; font-weight: 500; color:var(--thm-white);}
.footer .footer_copyright a:hover{ color: #ffffff99;}
.footer .footer_navs li{ position:relative; margin-left:15px; display:inline-block;}
.footer .footer_navs li a{ font-size: 15px; font-weight:500; color:var(--thm-white);}
.footer .footer_navs li a:hover{ color: #ffffff99;}

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


/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/
.breadcrumb-section { position: relative; background-image: url(../images/main-slider/page-banner.jpg); padding: 200px 0px 50px; background-size: cover; background-position: center top;  }
.breadcrumb-section:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #00000060;}
/* .breadcrumb-section.breadcrumb-about{ background-image: url(../images/page-header.jpg); background-position: center center;}
.breadcrumb-section.breadcrumb-service{ background-image: url(../images/page-header-service.jpg); background-position: center center;}
.breadcrumb-section.breadcrumb-service2{ background-image: url(../images/page-header-service2.jpg); background-position: center center;}
.breadcrumb-section.breadcrumb-contact{ background-image: url(../images/page-header-contact.jpg); background-position: center center;} */

.breadcrumb-section nav{ position: relative;}
.breadcrumb-content .heading{ font-size: 35px; text-transform: capitalize; margin-bottom: 8px; font-weight: 700;}
.breadcrumb-section .breadcrumb { display: inline-flex; gap: 5px; justify-content: center; margin-bottom: 0; list-style: none; border-top: 1px solid #ffffff30; padding-top: 7px; align-items: center;  }
.breadcrumb-section .breadcrumb .breadcrumb-item a {font-weight: 500; color: var(--thm-white); font-size: 15px;}
.breadcrumb-section .breadcrumb .breadcrumb-item a i{ margin-right: 5px; font-size: 16px; margin-top: -4px; }
.breadcrumb-section .breadcrumb .breadcrumb-item a:hover { font-weight: 400; color: var(--thm-base2); }
.breadcrumb-section .breadcrumb .symbol-breadcrumb { font-weight: 500; color: var(--thm-white); font-size: 14px;} 
.breadcrumb-section .breadcrumb .breadcrumb-item.active { color: var(--thm-white); font-size: 15px; font-weight: 500;}

.about-page{ background-color: #f7f7f7; position: relative;}
.about-page .container{ position: relative; padding: 30px; border: 1px solid #00428210; border-radius: 20px; background-color: #ffffff; z-index: 2; overflow: hidden;}
.about-page img{ max-width: 600px; float: left;  margin: 0px 20px 10px 0px;}
.about-page .about_list{ background-color: #eff3f7; padding: 20px; border-radius: 10px; margin-bottom: 20px;}
.about-page .about_list h4{ border: 1px solid #00000012; display: inline-block; padding: 4px 20px; border-radius: 5px;}

.price-one_shadow { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-position: left center; background-repeat: no-repeat;}
.price-one_circle { position: absolute; right: -250px; top: 25%; width: 536px; height: 536px; border-radius: 550px; border: 80px solid #f5f5f5; -webkit-animation: icon-bounce 20.0s ease-out infinite; animation: icon-bounce 20.0s ease-out infinite; transform: 0.9s; z-index: -1;}
@keyframes icon-bounce{ 0% { transform: translatey(100%);} 50% { transform: translatey(-100%);} 100% { transform: translatey(100%);}}

.about-vm .vm-container{ display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr);}
.about-vm .vm-container .vm-content{ padding: 20px 30px; border-radius: 10px; background-color: var(--thm-base);}
.about-vm .vm-container .vm-content.vm-content2{ background-color: var(--thm-base2-light);}
.about-vm .vm-container .vm-content .heading{ font-weight: 800; opacity: 0.5;}
.about-vm .vm-container .vm-content.vm-content2 .heading{ color: var(--thm-base); opacity: 0.9;}

.founder-profile-section{ background: linear-gradient( 180deg, #f3f3f3, #ffffff00, #ffffff00, #ffffff00, #ffffff00, #ffffff00); padding: 80px 0px; position: relative;}
.founder-bg1{
    width: 100%; height: 100%; background-repeat: no-repeat; background-position:  left bottom;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: -1;
}
.founder-bg2{
    width: 100%; height: 100%; background-repeat: no-repeat; background-position:  left bottom;
    position: absolute;
    top: 0;
    right: 0 ! important;
    z-index: -1;
   transform: scaleX(-1)
}
.founder-profile-section .founder-profile-content{ min-height: 100%; border: 1px solid #f1f2f4; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 8px; padding: 14px; border-radius: 10px 10px 10px 10px; transition: 0.5s;}
.founder-profile-section .founder-profile-content img{ max-width: 230px; border-radius: 7px; margin-bottom: 15px;}
.founder-profile-section .founder-profile-content .founder-profile .founder-name{ font-size: 22px; font-weight: 700; margin-bottom: 8px;}
.founder-profile-section .founder-profile-content .founder-profile .founder-name a i{ background-color: #0077B5; font-size: 16px; padding: 4px 6px; margin-left: 5px; border-radius: 1px; color: var(--thm-white);}
.founder-profile-section .founder-profile-content .founder-profile .founder-title{ display: inline-block; background-color: #004282;  border-radius: 0px 200px 200px 0px; padding: 6px 17px 6px 16px; margin-left: -15px; color: #eff3f7; font-weight: 500; margin-bottom: 15px; font-size: 15px; }
.founder-profile-section .founder-profile-content .description{
    margin-bottom: 0px;
}
.founder-profile-section .founder-profile-content:hover{
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 8px;
}



/*** ===================================================================
	Service Page
==================================================================== ***/
.service-page{ position: relative;}
.service-page .service-page-item-bg{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0; background-size:cover; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transform:scale(0.2,1);}
.service-page .service-page-item:hover .service-page-item-bg{ opacity:1; transform:scale(1,1);}
.service-page .service-page-item-bg::before{ content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: #000000; opacity: 0.7; position: absolute; z-index: 1;}

.service-page .service-page-item{ position:relative; min-height: 100%; padding: 35px 25px; overflow:hidden; border-radius: 5px; background-color:var(--thm-white); box-shadow:0px 0px 15px rgba(0,0,0,0.08);}
.service-page .service-page-item .service-page-item-icon img{ max-width: 60px; transition: 0.2s;}
.service-page .service-page-item h3{ position:relative; margin: 20px 0px 10px;}
.service-page .service-page-item h3 a{ position:relative; font-weight:700; color:var(--thm-base);}
.service-page .service-page-item .description{ position:relative; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; margin-bottom: 0px;}
.service-page .service-page-item .service-read-more{ position:relative; width: 100%; font-weight:600; font-size:16px; display:inline-block; color:var(--thm-base);}
.service-page .service-page-item .service-read-more i{ position:relative; font-size:12px;}

.service-page .service-page-item h6{
    position:relative;
    color: var(--thm-black);
    margin-top: 14px;
    font-weight: 700;
}
.service-page .service-page-item .service-page-item_list{
    position: relative;
    display: inline-block;
    background-color:  #00000010;
    padding: 10px 75px 10px 25px; margin: 5px 0px 15px -25px; border-radius: 0px 400px 400px 0px; 
}
.service-page .service-page-item .service-page-item_list .description{
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 5px;
}

.service-page .service-page-item:hover .service-page-item-icon img{ filter: brightness(60);}
.service-page .service-page-item:hover .description,
.service-page .service-page-item:hover h3 a,
.service-page .service-page-item:hover h6,
.service-page .service-page-item:hover .service-read-more{ color:var(--thm-white);}
.service-page .service-page-item:hover .service-page-item_list{ background-color:  #FFFFFF20; backdrop-filter: blur(15px);}

/*** ===================================================================
	Project Detail
=================================================================== ***/
.project-page{ position:relative;}
.project-page .project-page-item{ position:relative; border-radius: 15px; overflow:hidden;}
.project-page .project-page-item::before{ position: absolute; content: ''; left: 0px; top: 60%; right: 0px; bottom: 0px; z-index: 2; background: #00000000; background: linear-gradient(to top, #000000 0%, #FFFFFF00 100%);}
.project-page .project-page-item .project-catg { position: absolute; top: 0; right: 30px; z-index: 3; background-color: var(--thm-white); padding: 4px 10px 3px; border-radius: 0px 0px 10px 10px; font-size: 16px; text-transform: capitalize; letter-spacing: 0.02em; font-weight: 500;  color: var(--thm-base); -webkit-transition: all 300ms ease; transition: all 300ms ease; box-shadow:0px 0px 15px rgba(0,0,0,0.08);}
	
.project-page .project-page-item .project-page-silder img{ height: 440px !important; object-fit: cover;}

.project-page .project-page-item-overlay{ position:absolute; left:35px; bottom:20px; right:35px; z-index:2; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;}
.project-page .project-page-item:hover .project-page-item-overlay{ bottom:35px;}
.project-page .project-page-item .project-page-item-overlay h3{ position:relative; color:var(--thm-white);}
.project-page .project-page-item-location{ position:relative; display:flex; gap: 6px; align-items:center; color:var(--thm-white); font-size:15px; margin-bottom:10px;}
.project-page .project-page-item-location > img{ position:relative; width: 17px; display:inline-block; filter: brightness(80);}

.project-page .owl-carousel .owl-nav button.owl-next, 
.project-page .owl-carousel .owl-nav button.owl-prev, 
.project-page .owl-carousel button.owl-dot { background-color:var(--thm-base); color: var(--thm-white);}
.project-page .owl-nav{ position:absolute; left:8px; top:47%; transform: translateY(-47%); right: 12px; z-index: 10; margin-top:0px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.project-page .owl-nav .owl-prev{ position:absolute; left:0px; width:25px; height:33px; font-size:20px; line-height:46px; border-radius: 2px; color:var(--thm-white); text-align:center; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--thm-base2);}
.project-page .owl-nav .owl-next{ position:absolute; right:0px; width:25px; height:33px; font-size:20px; line-height:50px; border-radius: 2px; color:var(--thm-white); text-align:center; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--thm-base2);}
.project-page .owl-nav .owl-prev:hover,
.project-page .owl-nav .owl-next:hover{ background-color:var(--thm-base); color:var(--thm-white);}

/*** ====================================================================
Contact Page
==================================================================== ***/
.form-section { width: 100%; margin: auto; padding: 30px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; }
.form-heading { font-size: 20px; margin-bottom: 6px; color: var(--thm-base); font-weight: 600;}
.form-control { display: block; margin-top: 3px; padding: 10px 20px; font-size: 16px; font-weight: 500; color: var(--thm-black); background-color: var(--thm-white); background-clip: padding-box; border: 2px solid var(--thm-footer); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 30px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.form-select { border-radius: 0px; margin-top: 3px; padding: 10px 15px; font-size: 16px; font-weight: 500; border-radius: 30px; border: 2px solid var(--thm-footer);}
.form-select:focus { border: 2px solid var(--thm-white);  font-weight: 500; box-shadow: #00428230 0px 0px 0px 0.25rem;}
.form-control:focus { color: var(--thm-black); background-color: var(--thm-white); border: 2px solid var(--thm-white); outline: 0px; box-shadow: #00428230 0px 0px 0px 0.25rem;}

.contact-page .contact_info-outer{ padding: 30px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;}
.contact-page .contact_info-outer .contact-info_block{ position:relative; margin-bottom: 15px;}
.contact-page .contact_info-outer .contact-info_block .contact-info_block-icon{ position:relative; width:50px; height:50px; font-size:24px; line-height:48px; font-weight:700; text-align:center; border-radius:50px; display:inline-block; color:var(--thm-base); font-family: 'Font Awesome 6 Free'; border:2px solid var(--thm-base);}
.contact-page .contact_info-outer .contact-info_block h4{ margin:10px 0px 10px; color:var(--thm-black);}

/*** ====================================================================
	Contact Page - Map
==================================================================== ***/
.map-one iframe{ width: 100%; height: 450px; border-radius: 20px;}




/*** ====================================================================
	Sidebar Page Container
==================================================================== ***/

.service-detail-page{ position:relative;}
.service-detail-page .sidebar-side .sticky-top{ z-index:1; top: 110px;}
.service-detail-page .sidebar-side .service-widget{ position:relative; margin-bottom:40px; background-color: #f3f3f3; padding: 20px; border-radius: 15px;}
.service-detail-page .sidebar-side .service-widget h4{ margin-bottom:15px; color:var(--thm-base); font-weight: 700;}
.service-detail-page .sidebar-side .service-widget .service-list{ position: relative; z-index:1;}
.service-detail-page .sidebar-side .service-widget .service-list li{ position: relative; z-index:1; margin-bottom: 15px;}
.service-detail-page .sidebar-side .service-widget .service-list li a{ position: relative; display: block; font-size: 18px; z-index:1; font-weight:600; border-radius:8px; color: var(--thm-black); padding:16px 15px 16px 30px; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; border:1px solid var(--thm-black-ligth);}
.service-detail-page .sidebar-side .service-widget .service-list li a:before{ position: absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; z-index:-1; opacity:0; border-radius:5px; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; background-image: linear-gradient(to right, #004282, #012d5a, #00274e, #00172e, #040201);}
.service-detail-page .sidebar-side .service-widget .service-list li a:hover::before{ opacity:1;}
.service-detail-page .sidebar-side .service-widget .service-list li span{ position: absolute; right: 6px; top:6px; width:45px; height:45px; padding:0px 0px; line-height:45px; font-weight: 600; border-radius:5px; display:inline-block; color:var(--thm-black); background-color:var(--thm-black-ligth);}
.service-detail-page .sidebar-side .service-widget .service-list li a:hover span{ color: var(--thm-black); background-color: var(--thm-white);}
.service-detail-page .sidebar-side .service-widget .service-list li a:hover{ color: var(--thm-white); transform: rotate(2deg);}
.service-detail-page .sidebar-side .service-widget .service-list li:last-child{ margin-bottom: 0px;}

.service-detail-page .sidebar-side .cta-widget .widget-content{ position:relative; border-radius: 15px; padding: 45px 50px 70px; background-position: center top; background-repeat:no-repeat; background-color:var(--thm-base); text-align:center;}
.service-detail-page .sidebar-side .cta-widget .company-logo{ position:relative; margin-top:40px;}
.service-detail-page .sidebar-side .cta-widget_phone{ position:relative; margin-top:30px; font-size:16px; line-height:40px; color:var(--thm-white);}
.service-detail-page .sidebar-side .cta-widget_phone a{ position:relative; display:block; font-weight:700; font-size:32px; color:var(--thm-white);}

.service-detail-page .service-detail{ position:relative; margin-left: 20px;}
.service-detail-page .service-detail .service-detail_image{ position:relative; overflow:hidden; border-radius:15px;}
.service-detail-page .service-detail .service-detail_image img{ position:relative; width:100%; display:block;}
.service-detail-page .service-detail .service-detail_tag{ position:absolute; right:0px; bottom:60px; font-size:18px; font-weight:600; padding:18px 30px; display:inline-block; color:var(--thm-base); border-radius:50px 0px 0px 50px; background-color:var(--thm-white);}
.service-detail-page .service-detail .service-detail_subtitle{ margin-bottom:15px; font-size: 24px; font-weight: 700; color: var(--thm-base);}

.service-detail-page .service-detail .service-detail_blocks{ position:relative; margin-bottom:30px; background-color: #00428210; padding: 30px; border-radius: 15px;}
.service-detail-page .service-detail .service-detail_blocks .service-block_inner{ position:relative; color:#666666; font-size:16px; display: flex; gap: 15px; align-items: center; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #00000010;}
.service-detail-page .service-detail .service-detail_blocks .service-block_inner .service-block_number{ position: relative; font-size: 18px; font-weight: 600; padding: 6px 8px; border-radius: 5px; text-align:center; color:var(--thm-base); background-color: #00274e15;}

.service-detail-page .service-detail .service-detail_blocks .service-block_inner strong{ position:relative; display:block; font-size:18px; color:var(--thm-black); }


.service-detail_image-two{ position:relative; overflow:hidden; border-radius: 12px;}

.service-detail-page .service-detail .service-detail_list{ position:relative; margin: 40px 0px;}
.service-detail-page .service-detail .service-detail_list.service-detail_list_main { margin-bottom:30px; background-color: #00428210; padding: 30px; border-radius: 15px;}
.service-detail-page .service-detail .service-detail_list li{ position:relative; margin-bottom: 6px;}
.service-detail-page .service-detail .service-detail_list li i{ font-size:20px; color:var(--thm-base);}
.service-detail-page .service-detail .service-detail_list li span{ position:relative; font-weight:700; font-size:18px; color:var(--thm-black);}