body{ padding: 0px; margin: 0px; list-style: none; font: normal 18.54px/25px 'Inter'; color:#000; background: #fff;}
p{padding: 0px 0 20px 0; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px 0 20px 0; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
button, input[type="submit"]{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; -webkit-appearance: none; outline: none; font-family: 'Ibarra Real Nova';}
input, button{ -webkit-appearance: none; outline: none; font-family: 'Ibarra Real Nova'; }
input:focus, textarea:focus{ outline: none; box-shadow: none;}
textarea{ resize: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}
figure{ margin: 0px !important; padding: 0px;}
a, span, em, strong{ display: inline-block;}
img{ max-width: 100%;object-fit: cover;}
/*font-family: 'Ibarra Real Nova';*/
p{ color: #1e1e1e; font-weight: 700;}



.container{ max-width:1410px;}
.tophead h1, .tophead h2{ color:#0b253f; font: bold 50px/60px 'Inter'; padding-bottom: 15px;}
.btnlink{ display: inline-block; padding: 0 40px; border-radius: 60px; color: #fff; font-size: 20px; line-height: 65px; text-align: center; font-weight: 800;background: linear-gradient(141deg, rgba(100,187,243,1) 0%, rgba(225,83,254,1) 65%); position: relative; overflow: hidden;}
.btnlink:hover{ color: #fff;}
.btnlink i{ margin-left: 9px;}
.btnlink:hover{ background: linear-gradient(141deg, #869df6 0%, #869df6 65%);}

.btnlink-brd{ background: linear-gradient(#0b253f, #0b253f) padding-box, linear-gradient(to right, #859ff6, #e153fe) border-box;
  border-radius: 50em;
  border: 3px solid transparent; position: relative;}














/*Sub Menu*/

.nav_top .dropdown .dropdown-menu{/*-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;*/ margin:0px;width:250px;padding:10px;max-height:600px;border-radius:8px;left:0;right:inherit;transition:opacity 200ms ease-in,transform 200ms ease-in,visibility 200ms ease-in;background:linear-gradient(141deg, rgba(100,187,243,1) 0%, rgba(225,83,254,1) 65%) !important;border-radius:0px;border:none;box-shadow:0px 4px 6px -2px #10182808;box-shadow:0px 12px 16px -4px #10182814;}
.nav_top .dropdown .dropdown-menu li{ padding: 0px; width: 100%;}
.srcha{position:absolute;top:0px;right:0px;width:58px;height:85px;display:flex;justify-content:center;align-items:center;}
.srcha img{ max-width: 100%;}
.navbar-collapse{ justify-content: center !important;}
.nav_top .dropdown .dropdown-menu li a{ width: 100%;}
.drop-arw:after{ border: none; content: "\f107"; font-family: "Font Awesome 6 Pro";  font-weight: 900;}
.drop-arw {position: relative;top: 8px;right: -5px;}
.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: none !important;
  border: none !important;
  border-radius: .25rem;
  transition: box-shadow .15s ease-in-out;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none !important;
}

button:focus:not(:focus-visible) {
  outline: none !important;
}
.nav_top .navbar-toggler .icon-bar {
  display: block;
  width: 34px;
  height: 3px;
  border-radius: 16px;
  background-color: #fff !important;
}

.nav_top .navbar-toggler .icon-bar:hover {background-color: #000 !important;}
/*.nav_top .navbar-toggler:nth-child(2) .icon-bar{background: #fff !important;}*/
.navbar-toggler span:nth-child(1).icon-bar {
  width: 80% !important;

}
.navbar-toggler span:nth-child(3).icon-bar {
  width: 60% !important;

}


.navbar-collapse {
  position: fixed !important;
  top: 0 !important;
  z-index: 11 !important;
  overflow: auto !important;
  height: 100% !important;
  width: 600px !important;
  right: -100%;
  background: #fff !important;
  display: flex !important;
  align-items: center;
  flex-direction: column;
  /*padding: 276px 50px 0;*/
  padding: 20px 50px 0;
  transition: all 0.3s ease;
}
.navbar-collapse.show{right: 0;}
.navbar-nav {
  display: flex;

  width: 100%;
}
.menu_sec li{font-size: 30px; line-height: 52px; font-weight: 600; text-transform: uppercase;letter-spacing: 6px; color: #000 !important;}
.menu_sec li a{color: #000 !important;}
.menu_sec li a:hover{color: #bb1c21 !important;}
.nav_top .navbar-toggler{ border: none; background: none;padding: 10px 0; margin-right: 0px;right: 0;z-index: 99; display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: end; width: 50px;
  height: 58px;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 34px;height: 5px;  border-radius: 16px; background-color: #fff;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 5px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; width: 100% !important; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-10px) rotate(-45deg);} 
.header_sec .container{ padding: 0px;}
	
.sidM {
  margin-top: 0;
  margin-right: 0;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: #D71920 !important;
  width: auto;
  position: absolute;
  top: 54px;
  left: 52px;
}
/*.showtoggle{width: 100% !important;}*/
.showtoggle span:nth-child(3).icon-bar { width: 100% !important;}
.nav_top .navbar-toggler.showtoggle .icon-bar{background: #000 !important;}
.showtoggle span:nth-child(1).icon-bar { width: 100% !important;}
.banner{position: relative;top: 0;  width: 100%;}
.banner img{width: 100%; height: 100vh;}
.nav_top .navbar-toggler.showtoggle .icon-bar + .icon-bar {  margin-top: -9px;}

.header_sec{ position: absolute; top: 0px; left: 0px; z-index: 8; width: 100%;}
.navbar-brand{ margin: 0px; padding: 0px; width: 160px;}
.banner{ background: #000;height: 100vh;}
.over_img{ height: 100vh;}


.container, .container-fluid{ padding: 0 20px;}



.socal_ic ul{display: flex; flex-direction: column;
  background: #D71920;
  border-radius: 37px;
  text-align: center;
  justify-content: center;
  align-items: center;overflow: hidden;
  }
.socal_ic ul li a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.socal_ic ul li a:hover{ background: #000;}



.socal_ic{position: fixed; left: 10px; top: 50%;}
.socal_ic ul li a{color: #fff;}


.bantext{position: absolute;bottom: 0; /*display: flex; flex-direction: column;*/  z-index: 9; padding: 20px 80px; padding:80px 80px;
  width: 100%;}

.bantext em{color: #fff;
  font-size: 30px;
  font-weight: 400;
  font-family: 'inter';
  text-transform: uppercase;
  font-style: normal; letter-spacing: 10px;line-height: 62px;}

.bantext strong{color: #fff;
  font-size: 50px;
  font-weight: 600;
  font-family: 'Inter';
  text-transform: uppercase;
  font-style: normal; letter-spacing: 10px;line-height: 62px;}

.owl-dots{position: absolute;
  z-index: 9;
  bottom: 0;
  right: 0;}
  .owl-dot{background: #fff !important;
  width: 12px;
  height: 12px; border-radius: 50%; margin: 2px;}

.owl-dot.active{width: 42px; height: 12px; border-radius:32px; background: #D71920 !important; }

.over_img{position: relative;}
.over_img::after{content:''; bottom: 0; width: 100%;position: absolute;inset: 0;background: linear-gradient(to bottom, #0000, #0000002e, #000)}
.ban_po{display: flex; flex-direction: column;}
footer{background: #D9D9D9; padding: 100px 0;} 
.foot_list ul{display: flex;justify-content: flex-end; gap: 16px;}  
.foot_list ul li{font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;letter-spacing:4px;}
.foot_list ul li a{color:#000000; }
.foot_list ul li a:hover {color:#D71920;}


.subscribe-section {padding: 40px 0px 0 0; text-align: right;}
.subscribe-section h2{font-size:18px;letter-spacing:8px;text-transform:uppercase;color:#000;line-height:25px}
.subscribe-form p{display:flex;max-width:600px;box-shadow:0 0 10px rgba(0,0,0,0.1); padding: 0px !important; justify-content: space-between;}
.subscribe-form .wpcf7-response-output{ padding: 0px !important; margin: 0px; font-size: 12px; border: none !important;}
.subscribe-form p br{ display: none;}
.subscribe-form button{ width: 100%;}



.subscribe-form input[type="email"]{flex:1;padding:0px 20px;border:none;font-size:16px;outline:none;height:40px; font-family: 'Inter'; font-size: 14px; width: 100%;}





.subscribe-form button{background-color:#d3222a;color:white;border:none;padding:0 30px;font-size:20px;cursor:pointer;transition:background 0.3s;width:150px;line-height:7px;}
.subscribe-form button:hover{background-color:#a81b22;}
.abCl em{font-size: 24px;line-height: 40px;font-style: normal;font-weight: 400; text-transform: uppercase; letter-spacing: 2px;}
.abCl strong{font-size: 24px;line-height: 40px;font-style: normal;font-weight: 600; text-transform: uppercase; letter-spacing: 2px;}
.clide{padding: 59px 0 82px 0;}
.pro_box h4{font-weight:600;font-size:28px;line-height:35px;text-transform:uppercase;letter-spacing:8px;padding-top:20px;}
.pro_box{margin-top:30px;}

.head_fr .nav_top .navbar-toggler .icon-bar{background-color:#000 !important;}
.clide h2, .clide h1{font-size: 50px;line-height: 80px;font-weight: 600;text-transform: uppercase;letter-spacing: 10px;}
.head_fr{ position: relative;}

.bannerCaro .owl-dots {
  position: absolute;
  z-index: 9;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: right;
  padding: 20px;
}

.bantext{ padding: 29px 0;}


.container {
  max-width: 1410px;
}
.container-fluid{ max-width: 1920px;}


.projctPic{ width: 100%; display: inline-block; height: 240px;}
.projctPic img{ height: 100%;}
.pro_box h4 a{ color: #000;}

.probanner img{ height: 800px;}
.subscribe-form p{ background: #fff;}
.subscribe-section {
  text-align: right;
  float: right;
}
.cmspage{ padding: 60px 0;}
.cmspage p{ font-weight: normal;}
.cmspage p br{ display: none;}
.contactForm label{ width: 100%; margin-bottom: 10px;}
.form-control:focus{ box-shadow: none;}
.contactForm span{ width: 100%; display: inline-block; position: relative;}
.contactRight iframe{ width: 100%; height: 500px;}
.btn-primary{ background: #d71920; line-height: 40px; padding: 0 40px; font-family: 'Inter' !important; border: 1px solid #d71920;}
.btn-primary:hover{ background: #000;}


.footLeft > a{ max-width: 140px;}

.footbotm p{ padding:0px; font-weight: 400; font-size:13px;}
.footbotm p a{ color: #d3222a;}


.clintBox .projctPic img {
  height: auto;
}
.clintBox .projctPic {
  width: 100%;
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
.clintBox{ text-align: center;}


.clide .col-6{ width:20%;}

.projectGal{ height: 170px; width: 100%; overflow: hidden;}
.projectGal img{ height:100%;}


.project-content p a{ color: #d71920 !important;}
.project-content p{ padding-bottom:0px;}

.clintBox h4 {
  letter-spacing: 0px !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.clintBox .projctPic {
  width: 100%;
  display: flex;
  height: 155px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  padding: 38px;
  overflow: hidden;
}
.foot_list ul {
  display: flex;
  justify-content: flex-end;
  gap: 11px;
  flex-wrap: wrap;
}






  
@media (min-width: 1200px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { /*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s;*/ max-height: 0; display: block; opacity: 0;visibility: hidden;  margin:0px; }
.nav_top .dropdown:hover .dropdown-menu {  opacity: 1; visibility: visible; height: auto; transform: translate(0,0); max-height: 300px;}


/*sub_sub_menu*/
.nav_top .dropdown-submenu >.dropdown-menu { max-height: 0; display: none; opacity: 0; visibility: hidden; left: 100%; top: 0; border: none;  
 width: 150px; min-width: 100%;  border-radius: 0px; box-shadow: inherit; padding: 0px; margin: 0px; background: rgba(1, 25, 63, 0.9); min-width: inherit; 
box-shadow: 5px 3px 10px 0 rgba(0,0,0,.175); }
.nav_top .dropdown-submenu:hover > .dropdown-menu { max-height: 400px; opacity: 1; visibility: visible;display: block; }









}



@media only screen and (max-width: 1766px) {
.bantext strong {font-size: 40px; line-height: 57px;}
.bantext em {font-size: 25px;}

.pro_box h4{font-size:22px;line-height:31px;letter-spacing:5px;}
.clide h2, .clide h1{font-size:41px;line-height:72px;letter-spacing:8px;}

.abCl em{font-size:20px;line-height:38px;}
  
 .abCl strong{font-size:20px;line-height:38px;}



}


@media only screen and (max-width: 1566px) {


.bantext strong {font-size: 40px; line-height: 57px;}
.bantext em {font-size: 25px;}

.pro_box h4{font-size:24px;line-height:32px;letter-spacing:6px;}

.clide h2, .clide h1{font-size:41px;line-height:72px;letter-spacing:8px;}

.abCl em{font-size:20px;line-height:38px;}
  
 .abCl strong{font-size:20px;line-height:38px;}
 





}  

  

@media only screen and (max-width: 1366px) {
.container { max-width: 1170px;}


.foot_list ul li{ letter-spacing: 3px;}


}  

@media only screen and (max-width: 1366px) {
.bantext em {font-size: 25px;}
.bantext strong {font-size: 40px;}



.menu_sec li {
  font-size: 22px;
  line-height: 44px;}

.pro_box h4{font-size:22px;line-height:31px;letter-spacing:6px;}

.clide h2, .clide h1{font-size:41px;line-height:72px;letter-spacing:8px;}

.abCl em{font-size:20px;line-height:38px;}
  
 .abCl strong{font-size:20px;line-height:38px;}

.bantext strong {
    font-size: 37px;
    line-height: 52px;
    letter-spacing: 5px;
  }
  
.probanner img{ height: 500px;}  
.navbar-brand{ width: 85px;}  
  

}

  
  
  
@media only screen and (max-width: 1199px) {
.container{ max-width: 960px; }
.bantext{padding: 38px 80px;}
.bantext strong{font-size:32px;line-height:53px;letter-spacing:5px;}
.bantext em{font-size:25px;line-height:43px;} 
 
 .pro_box h4{font-size:18px;line-height:26px;letter-spacing:5px;}
  
 .foot_list ul li{font-size:11px;line-height:12px;letter-spacing:3px;} 
 .subscribe-section h2{font-size:12px;letter-spacing:5px;}
 .abCl em{font-size:18px;line-height:36px;}
 .abCl strong{font-size:18px;line-height:36px;}
 
 .clide h2, .clide h1{font-size:30px;line-height:69px;letter-spacing:7px;}

.probanner img{ height:400px;}  
 
 
.navbar-brand{ width: 65px;}   
 
.footerSec .footLeft{ width: 30%;}
.footerSec .footRt{ width: 70%;} 
 
 .clide .col-6{ width:25%;}
 
  
}







@media only screen and (max-width: 991px) {

	
	
.container{ max-width: 750px; }



  
}


@media only screen and (max-width:767px){ 
.bantext strong{font-size:25px;line-height:45px;letter-spacing:5px;}

.bantext em{font-size:18px;line-height:39px;letter-spacing:5px;}
.navbar-collapse{width: 500px !important;}

.foot_list ul {justify-content: flex-start;gap: 14px;flex-direction: column;     flex-wrap: wrap;}

.subscribe-section{padding:40px 0px 0 0;text-align:left;}

.foot_list{margin-top: 50px;}
  .subscribe-section h2 {
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 20px;
  }

  .foot_list ul li {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 2px;
  }
  
   .pro_box h4 {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 3px;
  }
  
  footer {
  background: #D9D9D9;
  padding: 57px 0;
}

 .clide h2, .clide h1 {
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 3px;
  }
  .abCl strong {
    font-size: 12px;
    line-height: 28px;
    letter-spacing: 1px;
  }
   .abCl em {
    font-size: 12px;
    line-height: 33px;
     letter-spacing: 1px;
  }

.footerSec .footLeft{ width: 100%;}
.footerSec .footRt{ width: 100%;} 

.footerSec{
    background: #D9D9D9;
    padding: 40px 0;
    text-align: center;
  }
.foot_list ul {
    justify-content: center;
    gap: 0;
    flex-direction: row;
  }
 .foot_list ul li {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 2px;
    display: inline-block;
    width: auto;
    padding: 10px;
  }
.foot_list {
    margin-top: 25px;
  }

.subscribe-section {
    padding: 20px 0px 0 0;
    text-align: center;
    float: none;
    margin: 0px auto;
    max-width: 70%;
  }

.clide .col-6{ width:33.333%;}




}




@media only screen and (max-width:575px){ 

.navbar-collapse{width: 80% !important;}
.bantext {
    padding: 17px 26px;
  }

.bantext strong {
    font-size: 22px;
    line-height: 38px;
    letter-spacing: 2px;
  }



.socal_ic ul li a {
  font-size: 15px;
}

.nav_top .navbar-toggler{width: 43px;
  height: 52px;   margin-right: 0;}
.nav_top .navbar-toggler .icon-bar{height: 4px;}
.nav_top .navbar-toggler.showtoggle .icon-bar + .icon-bar {
  margin-top: -5px;
}
.sidM{top: 47px;}
.socal_ic {
  position: relative;
  left: inherit;
  top: inherit;
  width: 100%;
}
 .socal_ic ul {
    padding: 0;
    width: auto;
    flex-direction: row;
    flex-wrap: wrap;
    display: inline-block;
  }
.socal_ic ul li{display: inline-block;}

.socal_ic ul li a {
    font-size: 15px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  
  .navbar-nav {
  padding-top: 77px;
}
  .navbar-collapse {
  justify-content: space-around !important;
}
  
  
.navbar-brand{ width: 85px;}  
.bantext {
    padding: 17px 0;
  }  
  
.subscribe-section{ max-width: 95%;} 
 
 
  
  
  
}


@media only screen and (max-width:480px){ 
.navbar-collapse{padding: 20px 31px 0;}
.menu_sec li{letter-spacing: 4px;}
  
  .menu_sec li {
    font-size: 17px;
    line-height: 34px;
  }
  
 .sidM{left: 31px; font-size: 14px;
  line-height: 22px;} 
  
.bantext {
    padding: 17px 0 75px;
  } 
 
.navbar-brand {
    width: 54px;
  } 
 
 .clide .col-6{ width:50%;}
 
 
  
}