/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300&family=Manrope:wght@200&family=Noto+Serif:wght@100;400&family=Nunito:wght@300&family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200&family=Noto+Serif:wght@100;400&family=Nunito:wght@300&family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Regular.woff2");
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Black.woff2");
  font-weight: 900;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Heavy.woff2");
  font-weight: 800;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Bold.woff2");
  font-weight: 700;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Semibold.woff2");
  font-weight: 600;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Medium.woff2");
  font-weight: 500;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Regular.woff2");
  font-weight: 400;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Thin.woff2");
  font-weight: 300;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Ultralight.woff2");
  font-weight: 200;
}

@font-face {
  font-family: 'Chronicle-Display';
  src: url("../fonts/Chronicle-Display-Black.otf");
  font-weight: 900;
}

@font-face {
  font-family: 'Chronicle-Display';
  src: url("../fonts/Chronicle-Display-Semibold.otf");
  font-weight: 600;
}

@font-face {
  font-family: 'Chronicle-Display';
  src: url("../fonts/Chronicle-Display-Roman.otf");
  font-weight: 500;
}

@font-face {
  font-family: 'Chronicle-Display';
  src: url("../fonts/Chronicle Display Light Italic.otf");
  font-weight: 400;
}




/* fonts end */

/* global */
:root{
  --theme-font: 'SF-Pro-Display';

  /* colors */
  --white: #fff;
  --vry-light: #fafafa;
  --border-light: #ffedf2;
  --light: #f4f4f4;
  --border-color: #e7e7e7;
  --fade-light: #f6f7f8;
  --fade: #d3d4d6;
  --mdm-grey: #8d8d8d;
  --heading-grey: #595959;
  --dark-grey: #67676f;
  --text-color: #4f4e4d;
  --text-color-dark: #303030;
  --theme-dark: #232425;
  --black: #000;


  --theme-color: #292929;
  --theme-color-light: #919191;
  --secondary-color: #78716e;
                     
  /* --theme-light3: #b0d2f6;
  --theme-light2: #75b4f6;
  --theme-light1: #3865b4;

  --theme-color1: #0076bc;
  --theme-alpha1: #1973d3a9;
  --theme-alpha: #1973d346;
  --theme-color-vry-transparent: #1973d331;
  --theme-color-transparent1: #1973d31f;
  --theme-bg: #eff8fe;
  --theme-color-dark: #253c55; */

  /* --secondary-color: #000181;
  --secondary-color-alpha: #000081c2;
  --secondary-color-alpha1: #0000819d;
  --secondary-color-alpha2: #00008159;
  --secondary-color-alpha3: #0000812c;
  --secondary-color-text: #000181;
  --secondary-color-dark: #080857; */
  /* colors end */

  /* greadient */
  --greadient1: linear-gradient(90deg, #e3ebea, transparent);
  /* greadient end */
}

/* html{font-size: 90%;} */

body {font-family: 'Inter', sans-serif;  line-height: 1.125; padding-top: var(--header-height); color: var(--text-color); margin: 0;  overflow-x: hidden; height: 100%; }
html {height: 100%; } 
a {display: inline-block; text-decoration: none; transition: all ease 0.5s;}
a:hover{color: var(--theme-color);}
span{display: inline-block;}
.heading{font-size: 1.75rem;}/*60px*/
.heading_sm1{font-size: 1.875rem;}/*30px*/
.para_lg2{font-size: 1.25rem;}/*20px*/
.para_md{font-size: 1.125rem;}/*18px*/
.para_lg{font-size: 1.438rem;}/*23px*/
.heading_sm3{font-size: 1.5rem;}/*24px*/
.heading_sm2{font-size: 1.563rem;}/*25px*/
.para_md1{font-size: 1.063rem;}/*17px*/
.para_lg1{font-size: 1.313rem;}/*21px*/
.para_lg0{font-size: 1.375rem;}/*22px*/
.heading_md1{font-size: 1.688rem;}/*27px*/

.heading_lg{font-size: 2.813rem;}/*45px*/
.heading_xl{font-size: 3.125rem;}/*50px*/
.heading1{font-size: 2.5rem;}/*40px*/
.heading2{font-size: 2.188rem;}/*35px*/

.heading_sm28{font-size: 1.75rem;}/*28px*/

.heading3{font-size: 1.625rem;}/*26px*/

.heading4{font-size: 1.3rem;}/*21px*/
.heading5{font-size: 1.2rem;}/*19px*/
.heading6{font-size: 1.1rem;}/*17.6px*/
.heading7{font-size: 1rem;}/*16px*/
.heading8{font-size: 0.93rem;}/*14px*/
.heading9{font-size: 0.82rem;}/*13px*/



.para-lg1{font-size: 1.313rem;}/*21px*/

.para-lg3{font-size: 1.188rem;}/*19px*/

.para-md1{font-size: 1.063rem;}/*17px*/
.para-md2{font-size: 1rem;}/*16px*/
.para-md3{font-size: 0.938rem;}/*15px*/
.para-sm{font-size: 0.875rem;}/*14px*/
.para-sm2{font-size: 0.813rem;}/*13px*/
.para-xs{font-size: 0.75rem;}/*12px*/
.para-xs2{font-size: 0.688rem;}/*11px*/
.font600 { font-weight: 600; }
.font700 { font-weight: 700; }


* { box-sizing: border-box; }
ul{margin: 0; padding: 0; list-style: none;}
p:nth-last-child(1){margin-bottom: 0;}
section{padding: 2.75rem 0;}
.clear-both{clear: both;}
.bold{font-weight: 700;}
.regular{font-weight: 400;}
a{color: inherit;}
a:hover{color: inherit;}
a:focus, button:focus, input:focus, .btn:focus, select:focus, select:focus-within, input:focus-within, textarea:focus {outline: none; box-shadow: none!important;}
.form-check-input:focus{box-shadow: none;}
::selection {color: var(--white);background: var(--theme-color);}
.bg-theme{background-color: var(--theme-color);}
.container{max-width: 1300px;}
.container-xl{max-width: 1624px;}
.link-cover{position: absolute; top: 0;left: 0; width: 100%; height: 100%; z-index: 1;}
.h-auto{height: auto!important;}
input{box-shadow: none!important;}
.secondary-font{font-family: var(--secondary-font);}
.text-white{color:var(--white)}
.text-theme{color: var(--theme-color);}
.text-secondary{color:var(--secondary-color-text)!important;}
.uppercase{text-transform: uppercase;}
.bg-theme{background-color: var(--theme-color); color: var(--white);}
.bg1{background-color: var(--theme-color-dark); color: var(--white);}
a:-webkit-any-link { color: inherit; }
/* global end */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

/* Firefox */
input[type=number] {-moz-appearance: textfield;}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.theme_radius{border-radius: 11px;}
.img_responsive { max-width: 100%; }
.text_center { text-align: center; }
p {  line-height: 1.529;}
.mt0 { margin-top: 0;}
.clearfix {clear: both;}

@media (min-width: 768px){
.container {width: 750px;}
.grid_gallery li {width: 100%;  float: left; padding: 0 15px; margin-bottom: 30px;}
.grid_gallery img {display: block; width: 100%; height: 100%;}

}

@media (min-width: 480px){
.grid_gallery li {width: 100%;  float: left; padding: 0 15px; margin-bottom: 30px;}
.grid_gallery img {display: block; width: 100%; height: 100%;}

}
@media (min-width: 992px){
  .container { width: 970px;}
  }
  /* @media (min-width: 1300px){
    .container { width: 1280px; max-width: 100%;}
    } */
  


@media (min-width: 1300px){
  .container { width: 1280px; max-width: 100%;}
  }

@media (max-width: 1280px){
  .container { width:1000px; max-width: 100%;}
  html { font-size: 90%;}
  
  }


/* buttons */
.btn-underline { font-size: 1.063rem; font-weight: 700; position: relative; }
.btn-underline:before { content: ""; height: 2px; position: absolute; bottom: 0; width: 100%; background-color: var(--theme-color); }
.btn svg { width: 1.063rem; margin-left: 0.875rem; }
/* .btn { background-color: #fff; display: inline-flex; align-items: center; font-size: 1rem; font-weight: 700; border-radius: 12px; padding: 0.813rem 1.125rem; } */
.btn{  font-weight: 500; line-height: 1; background-color: var(--theme-color);  padding: 0.7rem 2rem; font-size: 1rem; color: var(--white) !important; transition: all ease 0.5s;  border: solid 2px var(--theme-color); }
.btn2{  font-weight: 500; background-color: var(--secondary-color); cursor: pointer; padding: 0.7rem 2rem; font-size: 1rem; color: var(--white) !important; transition: all ease 0.5s; border: solid 2px var(--secondary-color);}

.btn3{  font-weight: 500; background-color: var(--white); border-radius: 5rem; padding: 0.7rem 2rem; font-size: 1rem; color: #47474b !important; transition: all ease 0.5s;text-transform: uppercase; border: solid 2px #47474b;}

.btn:hover { background-color: transparent; color: var(--theme-color) !important; }
.btn2:hover { background-color: transparent; color: var(--secondary-color) !important; }
.btn3:hover { background-color: #47474b; color: #fff !important; }


.btn1:hover{background-color: var(--secondary-color)!important;}
.btn:hover{background-color: var(--secondary-color-alpha1); color: var(--white);}


.btn-outline {border: 1px solid;}
.btn-lg { padding: 0.813rem 1.8rem; font-size: 1.2rem; }
.btn-outline:hover {background-color: var(--theme-color); color: var(--white); }
.btn:disabled { pointer-events: all; cursor: no-drop; background-color: var(--mdm-grey); color: var(--white); }
.btn1-sml{padding: 0.25rem 1.7rem!important; font-size: 0.9rem!important;}
/* buttons end */

/* header */
.menu-item-has-children>ul, .has-dropdown>ul { position: absolute; padding: 0; list-style: none; background-color: #D4D2D2;  border-radius: 0;    transform: translateY(100px);  top: 100%; margin: 0!important;  opacity: 0; pointer-events: none; transition: all ease 0.5s;}
.telephone-number svg { width: 1.2rem; }
header { z-index: 999; height: 5.938rem; width: 100%; position: fixed; background-color: #fff; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 1.8rem; transition: all ease 0.5s;}
.theme-nav { display: flex; padding: 0; margin: 0; list-style: none;   margin-left: auto;}
header .header-logo {display: inline-block; height: 100%; }
header .header-logo img { width: 100%; height: 100%; }
.theme-nav > li a { font-size: 1.188rem; font-weight: 500; color: #000}
.theme-nav > li a.active { color:#7E0C00; font-weight: 900;}

.theme-nav > li {  padding: 1rem 1.2rem;}

.menu-item-has-children>ul a, .has-dropdown>ul a { display: block; padding: .5rem .5rem; border-bottom: 1px solid var(--theme-alpha); text-transform: initial; min-width: 10rem; min-width: 220px; transition: all ease 0.5s; color: #fff !important;}
.menu-item-has-children>ul a:hover, .has-dropdown>ul a:hover {background: #fff; color: #7E0C00 !important;  }
.menu-item-has-children, .has-dropdown { position: relative; }
 .has-dropdown>ul>li>ul { position: absolute; right: -100%; top: 20px; }
 .has-dropdown>ul>li { position: relative; }
  .has-dropdown>ul:after { position: absolute; right: 26px; top: 0; }
 .has-dropdown>ul>li:after { display: none; }
.has-dropdown li a { font-size: 0.875rem; }
.has-dropdown:after { content: '';     display: inline-block; width: 6px; height: 6px; border-right: 2px solid #4f4e4d; border-bottom: 2px solid #4f4e4d; transform: rotate(45deg) translateY(-4px); -webkit-transform: rotate(45deg) translateY(-4px); -moz-transform: rotate(45deg) translateY(-4px); -ms-transform: rotate(45deg) translateY(-4px); 
  margin-left: 5px; -o-transform: rotate(45deg); transition: 0.5s;}


.menu-item-has-children:hover>ul, .has-dropdown:hover>ul{      transform: translateY(0); opacity: 1;pointer-events: all;}
/* .menu-item-has-children:after, .has-dropdown:after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: -12px; display: inline-block; margin-right: 10px; transition: all ease 0.5s; } */
.menu-item-has-children:hover:after, .has-dropdown:hover:after { transform: rotate( 220deg );;}
.theme-nav>li:last-child { display: flex; align-items: center; margin-left: 0.625rem;}

/* .telephone-number, .theme-nav>li:last-child a { background-color: var(--secondary-color); border-radius: 5rem; padding: 0.7rem 1.5rem 0.8rem!important; } */

.search_icon svg { height: 25px; fill: var(--theme-color); }
.mt45 { margin-top: 2.813rem;}
.telephone-number:hover { background-color: var(--secondary-color-alpha1); }
.sml-header { background-color: #fff; box-shadow: 0 2px 12px #00000042; height: 4.375rem; padding: 1rem;}
.header-logo img {transition: all ease 0.5s; }
.sml-header .header-logo img {     height: 3rem; }
.sml-header .theme-nav > a { padding: .5rem 1.1rem; font-size: 0.95rem; }
.scrolling-down {transform: translateY(-100%);}
.social-icons { padding: 0; margin: 0; display: flex; list-style: none; color: var(--black); margin-left: 1.5rem;}
.social-icons a { margin: 0 0.5rem; font-size: 1.2rem; color: var(--white)!important;}
.inner-page header { background-color: var(--theme-color); padding: 1rem;}
.inner-page .theme-nav a {padding: 0.7rem 1.1rem;font-size: 0.95rem;}
/* body:not(.home) header { background-color: var(--theme-color); padding: 1rem;}
body:not(.home) .theme-nav a {padding: 0.7rem 1.1rem;font-size: 0.95rem;} */
.menu-top-menu-container{margin-left: auto;}
/* .inner-page, body:not(.home) { padding-top: 77px; } */
.contact_info_wrap {list-style: none; padding: 0 0 0 1rem;  display: flex;}
.contact_info {display: flex; }
.contact_info_wrap li a svg { height: 18px; width: 18px; color: #fff; fill: #fff; }
.contact_info .icon {  padding-right: 0.938rem;}
.contact_info_wrap li { margin-bottom: 0.313rem; padding: 0 0.25rem; }
.contact_info_wrap a { background-color: var(--secondary-color); height: 2.188rem; width: 2.188rem;display: flex;
align-items: center; border-radius: 20px;justify-content: center; transition: 0.5s; }
.contact_info_wrap a:hover { border-radius: 0; }
/* header end */

.theme_title { font-size: 2.813rem;  font-weight: 700;  font-family: 'Playfair Display', serif;color: #7E0C00;}

.theme_title_inner { font-size: 2.813rem;  font-weight: 500;  color: #C30808;font-family: 'Playfair Display', serif; text-transform:uppercase;
}

.theme_title_sec .heading_sm2 {     margin-bottom: 10px;
  display: block;color: var(--theme-color-light); font-weight: bold; }
.theme_title_sec { margin-bottom: 2.5rem; }
.theme_title_sec .para_lg1 { font-size: 1.063rem; }
/* banner */
.banner_slider  { }
.banner_slider {width: 100%; height: 80%; margin-top:-20px}
.banner_slider .swiper-slide {font-size: 18px; background: #fff;/* Center slide text vertically */display: -webkit-box;
  display: -ms-flexbox;display: -webkit-flex; display: flex;}
.banner_item  { background-size: cover; width: 100%; background-repeat: no-repeat; background-position: center center; }
.banner_item .container, .banner_item .banner_content  {height: 100%; }  
.banner_item .banner_content {display: flex;flex-direction: column; justify-content: end; padding-bottom: 2.75rem;}
.banner_item .banner_content .lg_text {  font-weight: 700; color: var(--white); }
.banner_item .banner_content .heading_sm1 {  font-weight: 500; color: var(--white); }
.banner_item .banner_content:after {    content: ''; position: absolute; bottom: 0; left: 0; background: #000; width: 40%; height: 180px; filter: blur(100px); opacity: 0.7; }
  .banner_content_inner { position: relative; z-index: 1; }
.banner_list { list-style: none;  margin: 1.875rem 0 0 0; padding: 0;  display: flex;}
.banner_list li a { color: var(--white); padding-right: 1.375rem; display: flex; align-items: center; } 
.banner_list li a span {display: inline-block; transition: 0.5s; margin-left: 0.625rem; height: 1.438rem; width: 1.438rem; border-radius: 20px;  border: solid 2px var(--white);    line-height: 1.375rem; text-align: center; }
.banner_list li a:hover span { background-color: var(--theme-color); }
.banner_list li a span svg { height: 0.875rem; fill: var(--white);  }

.banner_list li { }
.banner_scrool { position: absolute; bottom: 1.875rem; left: 50%; z-index: 999; width: 33px; height: 55px; border: solid 2px #fff; border-radius: 30px; display: flex; justify-content: center; padding-top: 10px; transform: translateX(-50%); transition: 0.5s; cursor: pointer;}
.banner_scrool:hover { background-color: var(--theme-color); }
.bg_gray {background-color: #f1f1ef; }
.banner_scrool span { width: 7px; height: 15px; border: solid 2px #fff; border-radius: 30px; display: inline-block;  position: relative;animation: banner_animation 2s infinite; }
@keyframes banner_animation {
  from {top: 0px; opacity: 1; }
  to {top: 30px; opacity: 0;}
}
.theme_title .title {font-size: 2.5rem; font-family: 'Chronicle-Display'; font-weight: 600; color: var(--theme-color); }

/* ABOUT SECTION HOME */
.about_home_inner { display: flex; }
.about_home_inner .left_side, .about_home_inner .right_side { flex: 1; } 
.count_list {display: flex; flex-wrap: wrap; margin: 0 -0.375rem;}
.count_list li {flex: 1; padding: 0 0.375rem;}
.count_list li .count_box {background-color: #fff; height: 100%; border: solid 1px #dddddd; padding: 0.875rem 1rem;     margin-bottom: 0.313rem; transition: 0.5s;}
.count_list li .count_box strong {display: inline-block; }
.count_list li .count_box span {display: block;}
.count_list li .count_box strong:after {content: '+'; display: inline-block;  }
.about_home_inner .left_side_inner { max-width: 30rem; }
.count_list li .count_box:hover {background-color: var(--secondary-color); color: #fff; }
.about_home_inner .right_side .text_sm{line-height: 1.435; }

.about_home_inner .right_side .text_sm h1 {      display: inline; }
.about_home_inner .theme_title_sec .para_lg { font-weight: 700;    margin-block-start: 0.83em;margin-block-end: 0.83em; }

.read_more {color: var(--theme-color) !important; text-transform: uppercase; text-decoration: underline; transition: 0.5s; font-size: 1.063rem;font-weight: 500;}
.read_more:hover {color: var(--secondary-color) !important;}

.project_box {display: block; position: relative; height: 35.938rem; position: relative;}
.project_box img {height: 100%; object-fit: cover; }
.project_info { position: absolute; top: 1.5rem; opacity: 0; transition: 0.5s; right: 2.5rem; z-index: 1;}
.project_info .title {   color: #fff; background-color:#A50314; padding:3px}
.project_info .title:after {display: block; width: 100%; margin: 1.125rem 0;  }
.project_info .read_more { color: #fff !important; transition: 0.5s; transform: translateY(15px);}
.our_projects_slider {overflow: hidden;}
.project_home_inner { padding-left: 13rem; overflow: hidden; position: relative; }
.project_home_inner:before {height: 100%; width: 25px;z-index: 1; background-color: #fff; content: ''; top: 0; left: 0; position: absolute; }
.project_home .swiper {overflow: visible;}
.project_home .swiper img {width: 100%;}
.project_box:after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); opacity: 0; transition: 0.5s;}
.project_box:hover:after {opacity: 1;}
.drag_msg { position: fixed; top: 0; left: 0; height: 8.438rem; width: 8.438rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.8);display: grid;font-weight: 500;
  place-items: center; z-index: 99; pointer-events: none; text-align: center;}
/* .our_projects_slider, .our_projects_slider * {cursor: none!important;} */
.project_box:hover .project_info {opacity: 1; }
.project_box:hover .project_info .read_more  { transform: translateY(0);}

.services_list {display: flex; flex-wrap: wrap;justify-content: space-between; }
.services_list li {width: 50%; margin-bottom: 2rem;  width: calc(50% - 25px);} 
.services_box {display: flex;transition: 0.5s;padding: 2.5rem 0;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 0;}
.services_box:hover {transform: translateY(-30px);}
.services_box:hover .services_box .title{color:  var(--black);}
/*.services_box:hover .icon_arrow span:before {opacity: 1;}*/
/*.icon_arrow span {position: relative;margin-top: 20px;}
.icon_arrow span:before {content: '';display: block;width: 14px;height: 14px;border-top: 4px solid #292929;border-right: 4px solid #292929;opacity: 0;transition: 0.5s;-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} */
.services_box .icon {width: 274px;}
.services_box .title {font-weight: bold; color: var(--text-color);margin:10px 0;}
.services_box .services_info {padding-right: 0.313rem;text-align: center;}
.services_box p { margin-top: 0.625rem;    max-width: 400px;}

.home_client { display: flex; flex-wrap: wrap;    justify-content: space-between;}
.home_client li {width: calc(16% - 10px); margin-bottom: 2.125rem;}
.client_box { text-align: center;     place-content: center;   height: 100%;
display: grid;}
/* .client_inner .client_box  {background-color: #fff; padding: 1rem; } */
 .client_box  {background-color: #fff; padding: 0rem; }
 .client_box img { width:100%; margin: 0 auto; }
.client_box img { mix-blend-mode: darken;}
.add_box {}
.mb20 {margin-bottom: 1.25rem; }


.feature_projects .images{ height: 18.75rem; }
.feature_projects img {display: block; height: 100%; object-fit: cover;}
.feature_projects .content  { padding: 1.563rem 1rem 1.5rem; min-height: 126px;    display: flex;
  align-items: center;}
.feature_projects .title { font-weight: bold; color: var(--theme-color); font-size: 1.4rem; }
.feature_projects .content .logo img {height: auto; }
.feature-pagination { text-align: center; margin-top: 2.5rem; }
.feature-pagination .swiper-pagination-bullet {width: 50px; height: 3px; border-radius: 0; background-color: #b9b9b9;}
.feature-pagination .swiper-pagination-bullet-active { background-color: #292929 !important;} 
.feature_projects { box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 13%); display: block; background-color: rgb(255, 255, 255); height: 100%;}

.banner-pagination .swiper-pagination-bullet {width: 50px; height: 3px; border-radius: 0; background-color: #fff;}
.banner-pagination .swiper-pagination-bullet-active { background-color: #292929 !important;} 
.banner-pagination {position: absolute;
  z-index: 5;
  text-align: center; } 



.feature_slider .swiper-slide {height: auto;}
.home_testimonial { background-attachment: fixed; background-size: cover; padding: 6.25rem 0; }
.home_testimonial_inner { max-width: 60.625rem; margin: 0 auto;    text-align: center;}
.home_testimonial_inner p { font-size: 1.125rem;    margin-top: 0;}
.home_testimonial_inner .theme_title { color: #292929;}
.theme_title_sec img { margin-bottom: 1.875rem; display: block;margin-left: auto;
margin-right: auto; }
.review_info .name { font-weight: 600; margin-bottom: 5px;}
.review_info .project_done { font-size: 1.063rem; font-weight: 300; }

.testimonial-pagination { text-align: center; margin-top: 2.5rem; }
.testimonial-pagination .swiper-pagination-bullet {width: 20px; height: 3px; border-radius: 0; background-color: #b9b9b9;}
.testimonial-pagination .swiper-pagination-bullet-active { background-color: #292929 !important;} 

.theme_footer { padding: 4.375rem 0; background-color: #dddddd;}
.footer_inner {display: flex; flex-wrap: wrap; }
.footer_inner .col {width: 33%;  }
.footer_inner .tag_line { margin-bottom: 1.875rem;    color: var(--theme-color); }
.footer_links { }
.footer_links li {}
.footer_links li a { font-size: 1.063rem; transition: 0.5s; color: var(--theme-color);
   margin-top: 1.125rem; display: block;}
.footer_links li a:hover { text-decoration: underline;}
.footer_add_box {display: flex; margin-bottom: .5rem; }
.footer_add_box .icon {min-width: 30px; padding-right: 18px;     position: relative;
  top: 2px;}
.footer_add_box .text, .footer_add_box a { font-size: 1.063rem;  line-height: 1.471; color: var(--theme-color);}
.footer_bottom { background-color: #A50314; height: 3.125rem; display: flex; align-items: center; color:#FFFFFF}
.copyright {font-size: 15px; text-align:center}

.inner_banner { position: relative; min-height: 20rem; display: flex; overflow: hidden; }
.inner_banner img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.inner_banner_main { display: flex;align-items: flex-end; position: relative; justify-content: flex-start;min-height: 100%; padding-bottom: 5px;}
.inner_banner .container {position: relative;   } 
.inner_banner .page_title {font-size: 2.5rem; margin: 0; position: relative; z-index: 1;   font-weight: 700;   color: #fff; padding: 8px;}

.inner_banner_main:after { content: ''; position: absolute; bottom: 0; left: 0; background: #000; width: 100%; height: 85px; filter: blur(80px);   }

.row2_col {display: flex;flex-wrap: wrap;justify-content: space-between;}
.row2_col .col { width: calc(50% - 60px);}

.about_choose {display: flex; flex-wrap: wrap;justify-content: space-between; }
.about_choose .about_img { width:60%;}
.about_choose .about_img img { width: 100%;}
.about_img_inner {padding-right: 6%; }
.about_choose .about_content { width: 40%;}
.title_font {  font-weight: 700; color: var(--theme-color);}
.about_choose .count_list { max-width: 31.875rem; margin-top: 1.25rem; }
.about_vision { padding: 2.5rem; background-color: #fff; margin-top: 5rem; }
.about_choose .list_style { display: flex; margin-top: 2rem; flex-wrap: wrap; }
.about_choose .list_style li {width: 100%;}


.vision_list {display: flex; flex-wrap: wrap;justify-content: space-between; justify-content: space-around;}
.vision_list > li {width: calc(50% - 30px); margin-top: 2rem;}
.vision_list > li:last-child{width: 100%;}
.about_vision_inner  {     max-width: 56.25rem;
  margin: 0 auto;}
  .about_vision .heading_sm2 { margin-top: 1rem; }
.vision_list li .vision_box  { padding: 2rem; height: 100%; }
.vision_list li .icon { height: 6.25rem;    
align-items: end;  }
.vision_list .list_style { margin-top: 1rem; }
.about_vision .heading_sm1, .about_vision .heading_sm2 { color: var(--theme-color); }
.testimonial_intro {line-height: 1.435; color: #303030;;}
.testimonial_box p {position: relative;  font-size: 1.125rem;    z-index: 1;
  color: #4f4e4d;}
.testimonial_box p:before { z-index: -1; background-image: url(../images/quote2.png); height: 32px; width: 48px; content: ''; display: inline-block; position: absolute;     top: -22px;left: 0; }
.testimonial_box { padding: 3.125rem; background-color: #fff;}
.testimonial_list  { margin-top: 2.188rem;}
.testimonial_list li { margin-bottom: 1.875rem; }
.testimonial_list .review_info { margin-top: 1.875rem;}

.client_name {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1.063rem;}
.client_name .clien_name_box { width: calc(45% - 17px); background-color: #fff; padding:2.5rem 1.875rem;}
.client_name .clien_name_box li:before { height: 5px; width: 5px; content: ''; display: inline-block; background-color: var(--secondary-color); margin-right: 15px; border-radius: 50%; } 
.client_name .clien_name_box li { margin-bottom: 1.25rem; /* padding-left: 30px; */ font-size: 1rem; color: #303030; text-transform:none; display: flex; align-items: center; }
.project_box_inner {display: block;}
.project_box_wrap {display: flex; background-color: #fff; height: 28.125rem; margin-bottom: 1.25rem;   overflow: hidden;}
.project_box_wrap .project_box_images img {width: 100%; display: block;    height: 100%; object-fit: cover;}
.project_box_wrap .project_box_images {width: 65%; }
.project_box_wrap .project_info_inner {width: 35%; padding: 3.75rem; }
.project_box_wrap .project_info_inner .title { color: #292929; }
.project_list li:nth-child(even) .project_box_wrap { flex-direction: row-reverse; }
.top_product_single { padding-top: 0; margin-top: 2.25rem;}
.top_product_intro { width: 100%;line-height: 1.529; padding-right: 1%;}
.top_product_intro p {line-height: 1.529;}
.top_product_single { position: relative;    overflow: hidden;}
.single_images {position: absolute; top: 0; right: 0;}
.ep-arrows { position: absolute; top: 50%; left: -7rem; transform: translateY(-50%); width: calc(100% + 14rem); z-index: 1; display: flex; justify-content: space-between;  padding: 0.5rem;}
.ep-arrows>button { pointer-events: all; width: 3.75rem; cursor: pointer; height: 3.75rem; border-radius: 50%; font-size: 1.4rem; border: none;     display: grid;
  place-content: center; box-shadow: 0px 0px 46px 0px rgb(0 0 0 / 7%); padding: 0; background-color: var(--white); color: var(--theme-dark); transition: all ease .5s; }
.slider_box { position: relative;}
.contact_page .add_info  {margin-top: 10px; width:48%}

@media(max-width:1170px){
  .container { padding: 0 100px;}
}


.grid_gallery li {width: 25%;  float: left; padding: 0 15px; margin-bottom: 30px;}
.grid_gallery img {display: block; width: 100%; height: 100%;}
.grid_gallery { overflow: hidden; margin: 0 -15px;}
.gallery_box {height: 100%;}
.contact_page {border-top: solid 1px #e2e2e2; position: relative;}
.add_info .heading { font-size: 2.75rem; margin-bottom: 2rem; font-weight: 700;  color: #000;}
.contact_page .add_info {margin-top: 3.75rem; width: 50%; float: left;  }
.map_contact {    display: flex;justify-content: flex-end; }
.form_inner .title  {color: #292929; }
.form_control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; }
.form_control:not(textarea) { height: calc(1.5em + 0.75rem + 2px);}
textarea {font-family: 'SF-Pro-Display', sans-serif;}
.form_inner select {color: rgb(73 80 87 / 85%);}

.form_group { margin-top: 15px;}
.form_inner { max-width: 35rem; }
.form_inner {}
.feature_slider .swiper-button-disabled { opacity: 0.6; }
.footer_links_wrap { display: flex;     justify-content: space-between;}
.list_style li {font-size: 1rem;margin-bottom: 10px; display: flex; align-items: baseline;}
.list_style li:before { content: ''; display: inline-block; height: 10px; width: 10px; background: var(--theme-color); margin-right: 10px;  min-width: 10px;margin-top: 3px;}

.process_services_box {padding: 2rem; height: 100%; position: relative; box-shadow: 0 10px 45.08px 0.92px rgb(0 0 0 / 16%); background: #fff; border-radius: 10px;  }
.process_services_box p { font-size: 1.2rem;}
.process_services_box p::first-letter { font-size: 2rem; font-weight: 600; }
.process_services { display: flex;  flex-wrap: wrap; justify-content: space-between;}
.process_services li { width: calc(33.33% - 15px); margin-top: 1rem; }
.process_services_box .number { font-size: 6.25rem; position: absolute; top: 0; right: 15px; /* transform: translate(-50%, -50%); */ font-weight: 600; opacity: 0.1; }

.list_two_item {  }
.list_two_item .list_style { display: flex; flex-wrap: wrap; }
.list_two_item .list_style li {width: 100%; }

.certification_box { background-color: #fff; display: block; position: relative;}
.certification_box .certification_name {padding: 2rem; font-weight: 600; background: #dddddd;}
.certification_list { display: flex; justify-content: space-between; }
.certification_list li { width: calc(33.33% - 20px); }
.certification_box .download_btn { position: absolute; top: 50%; left: 50%; content: '';     transform: translate(-50%, -50%); opacity: 0; transition: 0.5s;}
.certification_box:before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1);content: ''; transition: 0.5s;     background: rgba(0, 0, 0, 0.1); opacity: 0; }

.certification_box .download_btn:hover { background-color: var(--secondary-color) !important; color: #fff !important; border-color: var(--secondary-color);}

.certification_box:hover:before  { opacity: 1; }
.certification_box:hover .download_btn { opacity: 1;}
.blog_inner_wrap { display: flex; flex-wrap: wrap; }
.blog_inner_wrap .blog_sidebar { width: 22.5rem; }
.blog_inner_wrap .left_sec { width: 100%; }
.blog_list .blog_box { box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 13%);
background-color: rgb(255, 255, 255); display: block;       
height: 100%;     display: flex;
height: 100%;
flex-direction: column;
 }
 .mb10 {margin-bottom: 1.6rem !important;}
.blog_box .blog_content {padding: 1.563rem 1rem 2.5rem;flex-grow: 1;
  align-items: flex-start; display: flex; flex-direction: column;}
.blog_box .blog_content .btn {display: inline-block;     margin-top: auto;}
.blog_box .blog_content .title { font-weight: bold;   overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size:1.2rem;
  padding-bottom:2px; }
.blog_box .blog_content p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.blog_list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.blog_list > li {width: calc(33.33% - 10px); margin-bottom: 2rem; }
.blog_list .blog_img { height: 15.625rem; }
.blog_list .blog_img img { height: 100%; object-fit: cover; width: 100%; }
.blog_sidebar {background: #dddddd; padding: 2rem; }
.blog_single { box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 13%); padding: 2rem;
background-color: rgb(255, 255, 255); max-width: 68.75rem; margin: 0 auto;   }
.blog_single  .theme_title { margin-bottom: 2rem;font-size:2rem; }
.go_back {font-size: 1.25rem; cursor: pointer; margin-bottom: 2rem; }
.go_back a {text-decoration: underline; }
.single_content .blog_title { font-weight: bold;font-size: 1.2rem;}
.review_info_warp { display: flex;
  align-items: center;
  justify-content: space-between;     margin-top: 1.875rem;}
  .review_info_warp .review_info {margin-top: 0; }
  .testimonial_dwnd a:before  { content: ''; background-image: url(../images/pdf.png); height: 15px; width: 17px; display: inline-block; background-repeat: no-repeat; margin-right: 8px; position: relative; top: 3px; }
  .testimonial_dwnd a  { font-size: 12px; text-decoration: underline; text-transform: uppercase; }
  .top_about { display: flex; }
  .top_about .heading_sm3 {color: var(--theme-color);}
  .top_about .left_side { width: 80%; }
  .top_about .right_side { width: 20%; margin-left: 5%; }
  .top_about .right_side a {width: 100%;text-align: center;     display: flex;
    align-items: center;
    justify-content: center;}
.common_popup { background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; }
.common_popup .popup_inner { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}
.common_popup .popup_inner .popup_content { width: 40.313rem; background: #fff; box-shadow: 0px 5px 35px 0px rgb(0 0 0 / 25%); position: relative; border-radius: 6px; line-height: 1.2; }
.popup_content_inner { padding: 25px 30px;  }
.close_popup { height: 35px; width: 35px; display: grid; place-content: center; float: right; position: absolute; border-radius: 50px; right: 10px; top: 10px; cursor: pointer;  }
.close_popup2 { height: 35px; width: 35px; display: grid; place-content: center; float: right; position: absolute; border-radius: 50px; right: 10px; top: 10px; cursor: pointer;  }



textarea {     font-family: 'Inter', sans-serif;}
.get_fixed_btn {
  position: fixed;
  bottom: 25px;
  right: 90px;
  display: block;
  z-index: 900;
}
@keyframes shakeBtn { 0% { transform: translate(2px, 1px) rotate(0); -webkit-transform: translate(2px, 1px) rotate(0); -moz-transform: translate(2px, 1px) rotate(0); -ms-transform: translate(2px, 1px) rotate(0); -o-transform: translate(2px, 1px) rotate(0) } 10% { transform: translate(-1px, -2px) rotate(-1deg); -webkit-transform: translate(-1px, -2px) rotate(-1deg); -moz-transform: translate(-1px, -2px) rotate(-1deg); -ms-transform: translate(-1px, -2px) rotate(-1deg); -o-transform: translate(-1px, -2px) rotate(-1deg) } 20% { transform: translate(-3px) rotate(1deg); -webkit-transform: translate(-3px) rotate(1deg); -moz-transform: translate(-3px) rotate(1deg); -ms-transform: translate(-3px) rotate(1deg); -o-transform: translate(-3px) rotate(1deg) } 30% { transform: translateY(2px) rotate(0); -webkit-transform: translateY(2px) rotate(0); -moz-transform: translateY(2px) rotate(0); -ms-transform: translateY(2px) rotate(0); -o-transform: translateY(2px) rotate(0) } 40% { transform: translate(1px, -1px) rotate(1deg); -webkit-transform: translate(1px, -1px) rotate(1deg); -moz-transform: translate(1px, -1px) rotate(1deg); -ms-transform: translate(1px, -1px) rotate(1deg); -o-transform: translate(1px, -1px) rotate(1deg) } 50% { transform: translate(-1px, 2px) rotate(-1deg); -webkit-transform: translate(-1px, 2px) rotate(-1deg); -moz-transform: translate(-1px, 2px) rotate(-1deg); -ms-transform: translate(-1px, 2px) rotate(-1deg); -o-transform: translate(-1px, 2px) rotate(-1deg) } 60% { transform: translate(-3px, 1px) rotate(0); -webkit-transform: translate(-3px, 1px) rotate(0); -moz-transform: translate(-3px, 1px) rotate(0); -ms-transform: translate(-3px, 1px) rotate(0); -o-transform: translate(-3px, 1px) rotate(0) } 70% { transform: translate(2px, 1px) rotate(-1deg); -webkit-transform: translate(2px, 1px) rotate(-1deg); -moz-transform: translate(2px, 1px) rotate(-1deg); -ms-transform: translate(2px, 1px) rotate(-1deg); -o-transform: translate(2px, 1px) rotate(-1deg) } 80% { transform: translate(-1px, -1px) rotate(1deg); -webkit-transform: translate(-1px, -1px) rotate(1deg); -moz-transform: translate(-1px, -1px) rotate(1deg); -ms-transform: translate(-1px, -1px) rotate(1deg); -o-transform: translate(-1px, -1px) rotate(1deg) } 90% { transform: translate(2px, 2px) rotate(0); -webkit-transform: translate(2px, 2px) rotate(0); -moz-transform: translate(2px, 2px) rotate(0); -ms-transform: translate(2px, 2px) rotate(0); -o-transform: translate(2px, 2px) rotate(0) } to { transform: translate(2px, 1px) rotate(-1deg); -webkit-transform: translate(2px, 1px) rotate(-1deg); -moz-transform: translate(2px, 1px) rotate(-1deg); -ms-transform: translate(2px, 1px) rotate(-1deg); -o-transform: translate(2px, 1px) rotate(-1deg) } }
.btn_fixed { animation-name: shakeBtn; animation-duration: 3s; transform-origin: 50% 50%; animation-iteration-count: infinite; animation-timing-function: linear; box-shadow: 0 0 15px rgb(0 0 0 / 25%); }

.theme_title_sec.career_title{text-align: center;}
.careers_list{display: flex;flex-wrap: wrap;margin: 0 -1rem; justify-content: center;}
.careers_list > li{width: 33.33%; padding: 0 1rem;}
.careers_list > li p{margin: 0;}
.careers_list .btn{}
.careers_cont { padding: 2rem 1rem; background-color: #f1f1ef; height: 100%; }
.hightligths { margin: 1rem 0; } 
.hightligths .heading_sm3 { margin-bottom: 1rem; }


.job_title{font-weight: bold;margin-bottom: 1rem;}
.job_detail>ul>li{margin-top: 2rem;}
.job_detail .bg_gray{padding: 1rem;text-align: center;}
.job_detail .bg_gray a { font-weight: 600; }
.job_discription{padding-left: 2rem;}
.job_discription>li{list-style: initial;}
.Job_single{box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 13%); padding: 2rem; background-color: rgb(255, 255, 255); max-width: 68.75rem; margin: 0 auto;  }
.Job_single_page .btn {margin-top: 2rem;display: inline-block;}
.careers-brief {    height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;}
.careers_list .btn { margin-top: auto; }
.top_product_single_inner{display: flex;}
.single_images_inner {  width: 30%;}
.single_images_inner img {width: 44vw;}
.rows { display: flex; flex-wrap: wrap; justify-content: space-between; }
.rows > .col { width: calc(33.33% - 15px);background: #f1f1f1;padding: 0px 15px;margin-top: 20px; }
.pb0 { padding-bottom: 0; }

.alert-sucess { text-align: center;padding: 2rem 0; }
.thum_gallery{ display: none; }

.certification_model { z-index: 999; position: fixed; top: 0;  left: 0;  height: 100%; width: 100%;   }
.certification_model:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.5); }
.certification_model_inner {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; }
.certification_content { width: 540px; background-color: #fff; border-radius: 10px; padding: 3rem; position: relative; z-index: 1; }
.list_pdf { margin: 0; padding: 0; list-style: none; }
.list_pdf li a:before { content: ''; background-image: url(../images/pdf.png); height: 15px; width: 17px; display: inline-block; background-repeat: no-repeat; margin-right: 8px; position: relative; top: 3px; }
.list_pdf li a { display: block; margin-top: 15px; }
.certification_model .heading_sm3 { margin-bottom: 25px; }


.brochure_model { z-index: 999; position: fixed; top: 0;  left: 0;  height: 100%; width: 100%;   }
.brochure_model:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.5); }
.brochure_model_inner {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; }
.brochure_content { width: 540px; background-color: #fff; border-radius: 10px; padding: 3rem; position: relative; z-index: 1; }
.list_pdf { margin: 0; padding: 0; list-style: none; }
.list_pdf li a:before { content: ''; background-image: url(../images/pdf.png); height: 15px; width: 17px; display: inline-block; background-repeat: no-repeat; margin-right: 8px; position: relative; top: 3px; }
.list_pdf li a { display: block; margin-top: 15px; }
.brochure_model .heading_sm3 { margin-bottom: 25px; }


.show_vac { display: none;}
.careers_page .hide_vac { display: none; }
.careers_page .show_vac { display: block; }
/* .d_flex { display: flex !important;} */
.careers_page .d_flex { margin-bottom: 8px; }   
.our_projects_slider .swiper-pagination { position: static;margin-top: 30px;}
.our_projects_slider .swiper-pagination-bullet { height: 15px !important; width: 15px !important; }
.our_projects_slider .swiper-pagination-bullet-active {background-color: var(--theme-color) !important;}

 label.error{ color: red; }
 .blank_heading{height: 0;margin: 0;}

 .th-sec{text-align: center;box-shadow: 0px 0px 6px 0px #898989; padding: 40px 0 70px;max-width: 950px;margin: auto;}
.th-sec h1{    text-align: center; font-size: 60px;margin-bottom: 30px; }
.th-sec p{text-align: center; font-size: 20px; margin-bottom: 25px;}
.top_product_single_inner a {color: #78716e;}
.top_product_intro h2 {margin : 0;}




.btn_fixed.blink{background-color: #f1f1ef;color: #000!important;}
.blog_single a {
    text-decoration: underline;
}

.mt15{margin-top: 0.938rem;}
.mb50{margin-bottom:3.125rem;}
.mb30{ margin-bottom: 1.875rem !important; }
.mb15{ margin-bottom: 0.938rem !important; }
.mt40{margin-top:2.5rem;}
/* .top_product_intro h2.mb15{ padding-bottom: 0.938 !important; } */

.whatsapp-button-wrapper { position: fixed; left: 20px; bottom: 100px; z-index: 9999999;animation-name: shakeBtn; animation-duration: 3s; transform-origin: 50% 50%; animation-iteration-count: infinite; animation-timing-function: linear; }