*{margin:0px; padding:0px;box-sizing: border-box; }
body{ color:#000000; font-style:normal; font-size:14px; line-height: 24px; font-weight:400; font-family: "Montserrat", sans-serif;
 position:relative; --screen-width:calc(100vw - (100vw - 100%)); }
.alignleft {float:left;}
.alignright{float:right;}
h1{  font-weight:300; line-height: 1.2; margin-bottom: 15px;}
h1 strong { font-weight: 700; }
h3{ font-weight:500; margin:0;}
h4{ margin:0; margin:0;}
h5{ margin:0; margin:0;}
h6{  margin:0; margin:0;}
p{ font-size: 14px;line-height: 24px; font-weight:400;   margin-bottom: 20px; }
a, a:hover{text-decoration:none; transition:0.3s all ease-in-out;}
ul{margin:0px; padding: 0;}
.clearfix:before,
.clearfix:after {  content: ''; display: table; }
.clearfix:after { clear: both; }
a{text-decoration: none;}
/**********animation**********/
@media (prefers-reduced-motion: no-preference) {
    .animate-this {
        opacity: 0;
        transform: translateY(50px);
    }
  
    .animate-this.animated {
        animation: fade-in 0.8s ease-in-out forwards;
    }
  
    .animate-this.rtl {
        opacity: 0;
        transform: translateX(50px);
    }
  
    .animate-this.animated.rtl {
        animation: fade-in-right 0.8s ease-in-out forwards;
    }
  
      .animate-this.lft {
          opacity: 0;
          transform: translateX(-20px);
      }
    
      .animate-this.animated.lft {
          animation: fade-in-left 0.8s ease-in-out forwards;
      }
    @keyframes fade-in {
        to {
            opacity: 1;
            transform: translateY(0px);
        }
    }
  
    @keyframes fade-in-right {
        to {
            opacity: 1;
            transform: translateX(0px);
        }
    }
    @keyframes fade-in-left {
          to {
              opacity: 1;
              transform: translateX(0px);
          }
      }
  }
  @keyframes tp-animate {
    0% {
        transform: translate(0, 0);
    }
  
    50% {
        transform: translate(10px, -10px);
    }
  
    100% {
        transform: translate(0, 0);
    }
  }
/**********/
.header { padding: 22px 0px;  z-index: 9999; background-color: #FFFFFF; }
.header .navbar { padding: 0px; }
.header.sticky { position: fixed; top: 0; width: 100%; z-index: 999; padding: 12px 0; }
.logo { width: 192px; }
.logo img { width: 100%;}
.header.sticky .logo { width: 145px; }
.header.sticky .btn-primary { padding: 10px 22px; font-size: 15px; }
.main-menu { justify-content: center; }
.btn-primary { padding: 10px 24px; text-decoration: none; display: inline-block; border-radius: 40px; align-items: center; 
background-color: #00793B; font-weight: 500; }
.main-menu ul li:not(:last-child) {  margin-right: 24px;}
.main-menu ul li a { color: #000000; font-size: 14px; text-decoration: none; position: relative;}
.main-menu ul li a:hover { font-weight: 600; }
.main-menu ul li.active > a { color: #023199; font-weight: 600; }
.main-menu ul li > a:after, .main-menu ul li.dropdown > a:after{ content: ''; position: absolute; left: 0; bottom: -8px; right:0; 
width: 0; height: 2px; background-color: #023199; -webkit-transition: all ease 250ms; margin: 0 auto; }
.main-menu ul li.active a:after{ width: 24px; }
.main-menu ul li a:hover:after { width: 24px; }
.btn-orange { color: #FFFFFF; padding: 10px 24px; display: inline-block; background-color: #FE8F0C; border-radius: 10px; font-weight: 500; }
.btn-orange:hover { color: #FFFFFF; }
.nav-link:focus, .nav-link:hover { color: #023199; }
.dropdown-toggle::after { display: none; }
.main-menu ul li.dropdown.active > a:after{ width: 24px; height: 2px;display: block;border:0;}

.dropdown-menu li a { font-size: 14px;    padding: 6px 15px; }
.dropdown-menu li a:after { display: none; }
.main-menu ul li ul.dropdown-menu li a { font-size: 14px; }
.main-menu ul li ul.dropdown-menu li a:hover {  font-weight: 400; }
.dropdown-item.active { background-color: transparent; }
/**********/
.comon-padd { padding: 80px 0px;}
.h3 { font-size: 50px; font-weight: 300;  margin-bottom: 0; }
.h3 span {  font-weight: 600; }
.title .h3 span {   color: #FE8F0C; }
.h2{ font-size: 30px; font-weight: 600; }
.h4 { color: #2E2E2E; font-size: 32px; font-weight: 300; margin-bottom: 8px; text-align: center; }
.h4 span { color: #38B6FF; font-weight: 600; }
.h5 { font-size: 24px; font-weight: 600;}
.h6 { font-size: 18px; font-weight: 600; }
.title .h3 {  color: #000000; display: inline-block; }
/**********/
.team_slider.owl-carousel .owl-dots.disabled, .project_slider.owl-carousel .owl-dots.disabled{ 
	display: block !important;  margin-top: 15px;
}
.project_slider.owl-carousel .owl-dots {  margin-top: 24px; }
.owl-dots {text-align: center; }
.owl-dot { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: rgba(0, 0, 0, 0.2) !important;
border-radius: 50%; cursor: pointer; transition: background-color 0.3s ease; }
.owl-dot.active, .owl-dot:hover { background-color: #000000 !important; }
.owl-dot.disabled { background-color: rgba(0, 0, 0, 0.2); cursor: not-allowed; }
/**********/
.homecontact-sec { position: relative; }
.homecontact-sec .row { align-items: center; }
.contact_sec { overflow: hidden; }
.contact_form .h3 { margin-bottom: 14px; color: #FFFFFF; text-align: left; }
.contact_form .h3 span { color: #FE8F0C; }
.contact_form p { margin-bottom: 20px; color: #FFFFFF; }
.contact_form .form input , .contact_form .form select { border: 0; padding: 10px 0px; width: 100%;  font-size: 14px; color: #2E2E2E;
 line-height: 22px; outline: none; background: transparent;  border-radius: 0; border-bottom: 1px solid #828282;}
.contact_form div.halfs { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.contact_form label { text-align: left; margin-bottom: 5px;  color: #FFFFFF; display: block; }
.contact_form p br  { display: none; }
.contact_form textarea{     border: 0;  padding: 10px 0px; width: 100%;  font-size: 14px; color: #2E2E2E; line-height: 22px;
outline: none; background: transparent; border-radius: 0; border-bottom: 1px solid #828282;  font-family: "Montserrat", sans-serif;
 height: 50px; }
.contact_form .form input[type="submit"] {  color: #FFFFFF;  background-color: #FE8F0C; font-weight: 500; 
padding: 12px 24px;  text-align: center;  font-size: 14px; border-radius: 10px; transition: background-color .4s ease-in-out;  
border: 0; -webkit-appearance: none; display: inline-block; width: auto;}
.contact_form .form input[type="submit"]:hover{ background-color: #38B6FF; 
transition:0.3s all ease-in-out; }
.contact_txt { max-width: 516px; }
.submit_btn p { margin-bottom: 0; }
.contact_form div.half{ display: grid; grid-template-columns: 1fr 1fr;  gap: 30px; }
/**********/
.hero-bg img { width: 100%; height: 400px; object-fit: cover; object-position: center; }
.hero-content { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; }
/**********/
.footer { background: url('../images/footer-bg.webp'); background-size: 100% 100%;    margin-top: -1px;}
.footer h6 { margin-bottom: 14px; color: #FFFFFF; font-weight: 500; }
.footer_top { padding: 80px 0px 44px; }
.footer_logo { max-width: 192px; margin-bottom: 14px; }
.footer-social li { margin-right: 17px; display: inline-block;  }
.footer-social li:last-child { margin-right: 0px; }
.footer_main { padding: 0px 20px 0 100px;}
.footer_links { max-width: 390px; margin-left: auto; }
.footer_links ul { padding: 0; margin: 0;column-count: 2;column-gap:40px; max-width: 270px; }
.footer_links ul li{ display: block;    margin-bottom: 14px; }
.footer_links ul li a{ color: #FFFFFF; text-decoration: none; font-weight: 400;white-space: nowrap;}
.footer_inn { padding: 22px 0px;  border-top: 1px solid #FFFFFF; justify-content: space-between;flex-wrap: wrap;    align-items: center; }
.footer_inn p{ color: #FFFFFF;}
.footer_inn p span { padding-left: 20px; margin-left: 20px;  border-left: 1px solid #fff; }
.footer_inn p a { color: #FFFFFF; }
.work_hour  {     max-width: 335px; margin-left: auto; }
.work_hour p { color: #FFFFFF;  margin-bottom: 14px;  font-weight: 300;   align-items: flex-start; }
.work_hour p span { width: calc(100% - 24px);}
.work_hour p a , .work_hour p em{ color: #FFFFFF;  font-style: normal; display: inline-block;}
.work_hour p img , .work_hour p svg{ width: 24px; margin-top: 3px; }
.footer-social li a { display: flex; width: 48px; height: 48px; background: rgba(255, 255, 255, 0.1);  border-radius: 64px;
 align-items: center; justify-content: center; }
/**********nav-icon**********/
.nav-icon {display: none;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;z-index: 9;width: 24px;height: 17px;position: absolute;top: 15px;right: 0;border-radius:4px;}
.nav-icon span{display: block;position: absolute;height: 2px;background: #2E2E2E;opacity: 1;left: 6px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.nav-icon span:nth-child(1) 	{ top: 0px;	width:24px; right: 0px;	left: auto;}
.nav-icon span:nth-child(2)	{top: 7px;width:24px;right: 0px;left: auto;}
.nav-icon span:nth-child(3)	 {top: 14px;width:24px;right: 0px;left: auto;}
.nav-icon.open span:nth-child(1){top: 8px;    right: 0px; -webkit-transform: rotate(135deg);	-moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.nav-icon.open span:nth-child(2){ 	opacity: 0; }
.nav-icon.open span:nth-child(3){top: 10px;-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);    right: 0px;  top: 8px;	}
/**********/ 
#backtop { position:fixed;  right: 45px; bottom: 60px; cursor:pointer; width:50px; height:50px; background-color:#ffffff; text-indent:-9999px;
display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; z-index: 9;
border: 2px solid #023199 }
#backtop span { position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent;
border-bottom-color: #023199; }
/**********/ 
.card  {  border-radius: 10px; box-shadow: 0px 4px 12px rgba(120, 124, 145, 0.27); border: 0; }
.card .card-image {  margin-bottom: 24px; position: relative; padding-bottom: 61%; margin-bottom: 0;}
.card .card-image img { border-radius: 10px 10px 0 0;  object-fit: cover; position: absolute;top: 0;  left: 0;  width: 100%; height: 100%;}
.card .card_txt { padding: 0px 11px; }
.card .card_txt .desc { padding-bottom: 15px; }
.card .card_txt .h6 { color: #38B6FF; margin-bottom: 13px; }
.blog-col { margin-bottom: 44px; }
.card-text { display: -webkit-box; -webkit-line-clamp: 2.5;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
margin-bottom: 15px; color: #000; }
.card-body { position: relative; text-align: left; padding: 24px 24px; }
.card-body h6{ color: #023199; font-weight: 500; margin-bottom: 8px; }
.card-image ul { padding: 6px 9px; background: #ffffff; border-radius: 8px; position: absolute; left: 13px; bottom: 16px; }
.card-image ul li{ color: #2E2E2E; padding-right: 16px; margin-right: 12px; position: relative; display: inline-block; 
font-size: 14px; }
.card-image ul li:before{ content: ''; position: absolute; right: -2px; top: 40%; width: 6px; height: 6px; background: #2E2E2E;
border-radius: 20px; }
.card-image ul li:last-child{ padding-right: 0px; margin-right: 0px; }
.card-image ul li:last-child:before{ display: none; }
.card-body em { display: flex; justify-content: space-between; align-items: center; font-style: normal; font-size: 14px;
color: #023199; font-weight: 500; }
.mb-6 { margin-bottom: 44px; }
.card-col { display: none; }

.blog_slider { padding: 0px 5px; } 
.blog_slider .owl-stage-outer { margin-bottom: 25px; }
.blog_slider .card { box-shadow: 0px 0px 9px rgba(120, 124, 145, 0.27); margin: 10px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-auto-rows: 10px;  gap: 10px;
 grid-auto-flow: dense; }
.item img { width: 100%; display: block; height: auto; }
.blogdetail_sec ul{ padding: 0; }
.blogdetail_sec ul li{ display: inline-block; font-size: 14px; padding-right: 15px; margin-right: 15px; color: #2E2E2E;
position: relative; }
.blogdetail_sec ul li:before { content: ''; position: absolute; right: -2px; top: 10px; width: 6px; height: 6px; background: #2E2E2E;
 border-radius: 20px; }
.blogdetail_sec ul li:last-child:before{ display: none; }
.home-blog { overflow: hidden; }
.home-blog .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 40px; }
.home-blog .owl-dot.active { background-color: #ffffff !important; }
.home-blog .owl-dot { background-color: rgba(255, 255, 255, 0.2) !important; }

.ourdesign_sec .ourdesign_boxmain { align-items: center; padding-bottom: 80px; position: relative; }
.ourdesign_boxinn { display: flex; align-items: center;   }
.ourdesign_boximage { width: 50%; }
.ourdesign_boximage img { width: 100%; border-radius: 10px; }
.ourdesign_boxtxt h3 { color: #000000; margin-bottom: 18px; }
.ourdesign_boxtxt h3 span { color: #FE8F0C; }
.ourdesign_boxtxt p:last-child { margin-bottom: 0; }
.ourdesign_boxtxt { padding-left: 74px; width: 50%; }
.ourdesign_sec .ourdesign_boxmain:nth-child(even) .ourdesign_boxinn { flex-direction: row-reverse; }
.ourdesign_sec .ourdesign_boxmain:nth-child(even) .ourdesign_boxinn .ourdesign_boxtxt { padding-left: 0;  padding-right: 74px;  }
.service-col { margin-bottom: 40px; }
.service_box { padding: 30px 34px; border-radius: 10px;  box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.1); background-color: #FFFFFF; }
.service_image{ width: 64px; margin-bottom: 14px; }
.service_txt .h6{ margin-bottom: 8px; }
.service_txt p{ margin-bottom: 0px; }
.pb-40 { padding-bottom: 40px; }
.contact_form .form { margin-top: 30px; }
.map_sec { padding-bottom: 80px; }
.map_sec iframe { border-radius: 10px; }

.contact_txt h2{ margin-bottom: 14px; }
.contact_txt p{ color: #000000; }
.contact_info h6 { font-weight: 500; }
.contact_info { margin-top: 60px;  flex-wrap: wrap; }
.contact_col { width: 60%; }
.contact_col:nth-child(odd) { width: 40%; }
.contact_col p { font-size: 14px;font-weight: 400; } 
.contact_col a { color: #000000; display: block; } 
.contact_social ul li { display: inline-block; vertical-align: top; margin-right: 14px; }

.getform { padding: 44px 44px; background: url('../images/contact-bg1.webp') no-repeat; border-radius: 10px; background-size: cover;}
.getform .h3 { color: #000000; }
.getform p { color: #000000; }
.getform label { color: #000000; }

.blogdetail_sec .h4 { text-align: left; margin-bottom: 10px; }
.blogdetail_sec .entry-header { margin-bottom: 40px; }
.blogdetail_sec .event-featured-image { margin: 40px 0px; }
.blogdetail_sec .event-featured-image img { width: 100%; height: 500px; object-fit: cover; border-radius: 10px; }
.related_events  { padding: 50px 0px; }
.related_events .container { padding: 0; }
.related_slider .title { margin-bottom: 30px; padding-right: 12px; padding-left: 12px }

.newproduct_sec .title { margin-bottom: 14px; }
.newproduct_sec .desc { margin-bottom: 60px; }
.newproduct_sec ul.nav-pills{ background: #FE8F0C; border-radius: 10px; justify-content:center;padding: 14px 14px; margin: 0 auto; margin-bottom:1rem; max-width:100%; overflow-x:auto; }
.newproduct_sec ul.nav-pills li { text-align: center;  }
.newproduct_sec .nav-pills .nav-link { display: block; width: 100%; color: #FFFFFF; }
.newproduct_sec .nav-pills .nav-link.active, .newproduct_sec .nav-pills .show>.nav-link { color: #000000; background-color: #FFFFFF;  
  display: block; width: 100%; }
.product_boximage { margin-bottom: 24px; }
.product_boximage img { border-radius: 10px; }
.pro-content h6 { color: #023199; margin-bottom: 8px; }
.product_col { margin-bottom: 44px; }
.pro-desc p:last-child { margin-bottom: 0;}
.aboutus_maintxt  { margin-bottom: 70px; }
.aboutus_sec .title { margin-bottom: 14px; }
.quality_sec { position: relative; padding-top: 30px; }
.quality_sec:before { content:''; position: absolute; left: 0; top: 0; width: 100%; height: 750px; 
background: url('../images/blue-bg1.webp') no-repeat; background-size: cover; z-index: -1; opacity: 0.5; }
.quality_sec .row, .strength_sec .row { align-items: center; height: 100%; }
.quality_title { max-width: 519px; margin-left: auto; }
.quality_title .h3, .strength_title .h3  {  margin-bottom: 18px; }  
.quality_title .h3 span, .strength_title .h3 span { color: #FE8F0C; }  
.quality_sec p:last-child, .strength_sec p:last-child { margin-bottom: 0; }  
.strength_title {  max-width: 569px; }
.infrastructure_title { max-width: 870px; margin: 0 auto; text-align: center; margin-bottom: 44px; }
.infrastructure_title .title { margin-bottom: 14px; }
.infra_txt .h6 { font-weight: 400; }
.infra_txt .h6 span {  font-weight: 600; color: #FE8F0C;  }
.infra_txt p:last-child { margin-bottom: 0; }
.infra_images {  margin-bottom: 24px; position: relative; padding-bottom: 56%;}
.infra_images img { border-radius: 10px;  object-fit: cover; position: absolute;top: 0;  left: 0;  width: 100%; height: 100%;}

.quality_main { position: absolute; top: 50%; height: 100%; width: 100%; margin: 0 auto; left: 0; right: 0;  
	transform: translateY(-50%);}
.quality_col { margin-left: auto; }
.quality_sec .container { height: 100%;}

.hero_box { position: relative; }
.hero_content { position: absolute; left: 0; top: 34%; width: 100%; }
.hero_container { max-width: 466px; }
.hero_content .h3 {  margin-bottom: 14px; font-weight: 600; }
.hero_content p { margin-bottom: 24px; }
.hero-image {  position: relative;}
.hero-image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9) , rgba(225, 225, 225, 0)); }
.hero-image img { width: 100%; height: calc(100vh - 130px); object-fit: cover; }

.home_product_main { width: 100%; padding-left: calc((var(--screen-width) - 1280px) / 2); display: flex; }
.homeblog_title { display: flex; align-items: center; justify-content: space-between; padding-right: 12px; }
.homeblog_title .title { max-width: 519px; }
.homeblog_title .title .h3 { margin-bottom: 14px; }

.home_product { padding: 150px 0px; background: url('../images/our-products.webp') no-repeat; background-size: cover; }
.home_product_title { width: 420px;  padding-top: 30px; }
.home_product_title .h3  { margin-bottom: 14px; }
.home_product_title p  { margin-bottom: 32px; }
.homeproduct_slider { width: calc(100% - 470px); margin-left: 50px; }
.homeproduct_box { margin: 20px 20px; background-color: rgba(225, 225, 225, 0.5); backdrop-filter: blur(15px);
 padding: 50px 25px 25px; border-radius: 10px; }
.homeproduct_img { height: 190px; margin-bottom: 34px; }
.homeproduct_img img { width: 100%; height: 100%; object-fit: contain; }
.homeproduct_txt { display: flex; align-items: center; justify-content: space-between; }
.homeproduct_txt .h6 { font-weight: 500; max-width: 160px; }

.homeproduct_slider .owl-stage{   left: -32px;}
.homeproduct_slider button.owl-prev {
	background: url('../images/circle-arrow-left.svg') no-repeat !important;
    left: auto;
    right: 130px;
    top: auto;
    position: absolute;
    transform: inherit;
    width: 44px;
    height: 44px;
	    bottom: -75px;
}
.homeproduct_slider button.owl-next {
    background: url('../images/circle-arrow-right.svg') no-repeat !important;
	left: auto;
    right: 75px;
    top: auto;
    position: absolute;
    transform: inherit;
    width: 44px;
    height: 44px;
	    bottom: -75px;
}
.homeproduct_slider button.owl-next span, .homeproduct_slider button.owl-prev span { display: none; }
.about-us .title .h3 { margin-bottom: 15px; }
.about-us .wrap { max-width: 477px; margin-left: auto;  }
.why-choose .wrap { max-width: 465px;  }
.our-projects { padding-top: 0; }
.our-projects .wrap p:last-child{ margin-bottom: 0; }
.home_product { margin-top: -30px; }
.about-image img { max-width: 700px; }
.our-processmain { max-width: 1000px; margin: 0 auto; }
.below-image { margin-top: 30px; }

.getform .form input, .getform .form select, .getform textarea {
    color: #2E2E2E !important;
    border-bottom-color: #828282 !important;
}
.getform .form input::placeholder , .getform .form textarea::placeholder{
	color: #2E2E2E;
}
.getform .form input::-ms-input-placeholder , .getform .form textarea::-ms-input-placeholder {
	color: #2E2E2E;
}
.getform .wpcf7-response-output {
    color: #2E2E2E;
}
.why-choose {  background: url(../images/blue-bg1.webp) no-repeat; background-size: cover; }
.entry-content img { border-radius: 10px; margin-bottom: 20px; }

/*****responsive*****/ 
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1300px;
}
}
@media (max-width: 1539px) {
.blog_sec .nav-tabs .nav-link { padding: 12px 40px; }
}
@media (max-width: 1439px) {
.ourdesign_boxtxt { padding-left: 50px; }
.ourdesign_sec .ourdesign_boxmain:nth-child(even) .ourdesign_boxinn .ourdesign_boxtxt { padding-left: 0;  padding-right: 50px;  }
.home_product_main { padding-left: calc((var(--screen-width) - 1120px) / 2); }
}
@media (max-width: 1365px) {
.footer_logo { padding-right: 20px; }
.h3 { font-size: 34px; }
.blog_sec .nav-tabs .nav-link { padding: 10px 28px; }
.homeproduct_box { margin: 15px 15px; }
}
@media (max-width: 1279px) {
.home_product_main {  padding-left: calc((var(--screen-width) - 1100px) / 2); }
}
@media (max-width: 1199px) {
.container { max-width: 95%; }
.footer_logo { width: 240px; }
.logo { width: 165px; }
.main-menu ul li a { font-size: 15px; }
.card-custom > img { height: 310px !important; }
.h3 { font-size: 34px; }
.h4 { font-size: 28px; }
.ourdesign_boxtxt { padding-left: 30px; }
.ourdesign_sec .ourdesign_boxmain:nth-child(even) .ourdesign_boxinn .ourdesign_boxtxt { padding-left: 0;  padding-right: 30px;  }
.home_product_main { padding-left: 30px; }
}
@media (max-width: 1079px) {
.home_product_title { width: 300px; }
.homeproduct_slider { width: calc(100% - 300px); margin-left: 30px; }
}
@media (max-width: 1024px) {
.blog_sec .nav-tabs .nav-link { padding: 10px 25px;  font-size: 15px; }
}
@media (max-width: 991.9px) {
.logo {  width: 130px; }
.header.sticky .logo { width: 130px; }
.header { padding: 12px 0px; }
.nav-icon{display:block; right: 0px; top: 12px; }
.nav_bg { position: absolute; right: 0; top: 0; border: 0;}
body.open { overflow: hidden; }

.main-menu {display:none; position:fixed; top: 61px; left:0;width: 100%; right:0;float:none;z-index:9999; background:#FFFFFF; 
transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; overflow: auto; max-height: calc(100% - 62px);
max-height: -webkit-calc(100% - 62px);  max-height: -moz-calc(100% - 62px); padding: 0px; width: 100%; max-width: 100%; border: 0;
border-radius: 0;        padding-bottom: 5px; }
.main-menu ul {width: 100%;max-width: 100%;  display: block; justify-content: normal;    margin-top: 0;  padding: 0px;}
.main-menu ul li {display: block;  float: none;  margin: 0; text-align: center; padding: 8px 30px; }
.main-menu ul li:last-child{border:0px;}
.main-menu ul li:not(:last-child) {  margin-right: 0; }
.navbar-expand-md .navbar-collapse { display: none !important; }
.open .main-menu {display:block !important; }
.contact_btn.contact-mob { display: none;}
.main-menu .contact_btn { padding: 8px 30px; text-align: center;}
.work_hour { padding-top: 15px; }
.contact_form { max-width: 100%; margin-bottom: 30px; }
.comon-padd , .common-space{ padding: 50px 0px !important; }
.contact_sec  { padding-bottom: 30px; }
.hero-bg img { height: 250px; object-fit: cover; }
.h3 { font-size: 34px; }
.nav-link { padding: .5rem 0.8rem; }
.related_events.comon-padd { padding-top: 0 !important;} 
.blog_sec .nav-tabs { justify-content: center !important;  gap: 10px; }
.button-icon img { width: 65px; height: 65px; }
.related_events.home_project.comon-padd {  padding-top: 50px !important; }
.ourdesign_boxinn{ align-items: flex-start; }
.ourdesign_sec .ourdesign_boxmain {  padding-bottom: 50px; }
.contact_txt { max-width: 100%; }
.contact_info {  margin-top: 30px;  margin-bottom: 10px; }
.getform { margin-bottom: 0; }
.map_sec { padding-bottom: 50px; }
.blogdetail_sec, .aboutus_sec  { padding-bottom: 0 !important; }
.footer_inn p { width: 100%;  margin-bottom: 20px; }
.newproduct_sec .desc { margin-bottom: 30px; }
.newproduct_sec ul.nav-pills { margin-bottom: 20px; }
.newproduct_sec ul.nav-pills { flex-wrap: wrap; }
.newproduct_sec ul.nav-pills li { width: auto; margin: 4px; }
.newproduct_sec ul.nav-pills { padding: 10px 10px; }
.blog_sec   { padding-bottom: 20px !important; }
.navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav .dropdown-menu {
    position: static;
}
.hero-image img { height: calc(100vh - 61px); }
.navbar-nav .dropdown-menu {
    display: none !important;
}
.click_menu {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    cursor: pointer;
}
.open2 .click_menu {
	height: auto;
}
.click_menu:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    right: 24px;
    cursor: pointer;
    top: 20px;
    border-style: solid;
    transform: rotate(45deg);
    border-width: 0px 2px 2px 0;
    padding: 3px;
    background-position: right;
    z-index: 999;
    border-color: #000;
}
.main-menu ul li ul.dropdown-menu {
        width: 100%;
        position: relative;
        left: 0;
        top: 5px;
        opacity: 1;
        visibility: visible;
        display: none;
        transform: translateY(0px);
    }
.main-menu ul li.open2 .dropdown-menu {
        display: block !important;
    }
}

@media (max-width: 767.9px) {
.footer_links { margin-left: 0; }
.footer_top { padding: 50px 0px 20px; }
#backtop { right: 15px; bottom: 30px; }
h5 { font-size: 18px; }
body, p { font-size: 15px; }
.footer_logo { width: 160px; }
.h3 { font-size: 30px; }
.h4 { font-size: 26px; }
.contact_form p { margin-bottom: 15px; }
.contact_main , .aboutcontact .contact_main { width: 100%; }
.card .card_txt { padding: 0; }
.donate_sec.comon-padd{  padding-bottom: 30px; }
.card-col { margin-bottom: 35px; }
.footer_links { margin-left: 0; margin-top: 30px; }
.footer_links ul li a { font-size: 15px; }
.footer_top { padding: 50px 0px 24px; }
.ourdesign_boxinn {  display: block; }
.ourdesign_boximage { width: 100%; margin-bottom: 20px; }
.ourdesign_boxtxt { width: 100%; padding-left: 0; }
.ourdesign_boxtxt h3 { margin-bottom: 10px; }
p {  margin-bottom: 10px; }
.ourdesign_sec .ourdesign_boxmain { padding-bottom: 40px; }
.ourdesign_sec .ourdesign_boxmain:nth-child(even) .ourdesign_boxinn .ourdesign_boxtxt { padding-right: 0px; }
.service_box { padding: 28px 24px; }
.h2 { font-size: 24px; }
.h6 { font-size: 18px; }
.map_sec iframe {  height: 300px; }
.blogdetail_sec .entry-header { margin-bottom: 20px; }
.blogdetail_sec .event-featured-image { margin: 20px 0px; }
.blogdetail_sec .event-featured-image img { height: 300px; }
.work_hour { padding-top: 20px; margin: 0; }
.footer_inn p span { padding-left: 10px; margin-left: 10px; }
.contact_sec  { background-size: cover !important;}
.product_col { margin-bottom: 20px; }
.aboutus_maintxt { margin-bottom: 40px; }
.infra_box , .quality_img, .infrastructure_title { margin-bottom: 30px; }
.infrastructure_sec  { padding-bottom: 20px !important; }
.quality_title, .strength_title { max-width: 100%; }
.strength_sec .row { flex-direction: column-reverse; }
body, html { overflow-x: hidden; }
.about-us .wrap { max-width: 100%; margin-bottom: 20px; }
.about-image img { margin: 0 auto; display: block; }
.home_product { padding: 50px 0px 100px; }
.home_product_main { flex-wrap: wrap; }
.home_product_title { width: 100%; padding-top: 0; padding-bottom: 20px;  }
.homeproduct_slider { width: 100%; margin: 0; }
.home_product_title p { margin-bottom: 20px; }
.home_product_main { padding-left: 20px;  }
.homeproduct_slider button.owl-next { right: 20px; }
.homeproduct_slider button.owl-prev { right: 80px; }
.why-choose { padding-bottom: 0 !important; }
.homeblog_title { flex-wrap: wrap; }
.homeblog_title .title { padding: 0; }
.homeblog_title  { padding: 0px 12px; margin-bottom: 20px; }
.related_slider .title { margin-bottom: 20px; }
.our-projects-row {  --bs-gutter-x: 0;  padding: 0px 10px;}
.blog_slider .owl-stage-outer {  margin-bottom: 5px; }
.hero_container  {  background-color: rgba(225, 225, 225, 0.2); backdrop-filter: blur(15px); padding: 15px 15px; } 
.related_events { padding: 30px 0px 50px; }
.main-menu ul li ul.dropdown-menu li a { white-space: inherit; padding: 0; display: block; }
}
@media (max-width: 479px) {
.leaf_image { width: 100px; }
.h4 { font-size: 20px; }
.title .h4:before { width: 100%; }
.card .card-image { padding-bottom: 75%; }
.card-image ul li { padding-right: 10px;  margin-right: 9px;  font-size: 14px; }
.card-image ul li:before { top: 8px; width: 5px;  height: 5px; }
.event_txt { padding: 20px 18px; }
.hero-bg img { height: 220px; }
.contact_col, .contact_col:nth-child(odd) { width: 100%; }
.contact_col { margin-bottom: 10px; }
.contact_social { margin-bottom: 20px; }
.contact_form div.half {  display: block; }
.blogdetail_sec .event-featured-image img { height: 250px; }
.footer_inn p span { padding-left: 0px; margin-left: 0px; display: block; border: 0; }
.card-body { padding: 20px 20px; }
.h3 {  font-size: 25px; }
.homeproduct_box {  margin: 15px 10px; }
.contact_form .form iframe { scale: 0.85;  margin-left: -25px; }
.our-projects .right-col img {
    height: 330px;
}
}