html {
    scroll-behavior: smooth;
}
body {
  font-family: "Onest", sans-serif;
	padding: 0px;font-size: 18px;
	color: #333333;overflow-x: hidden;
	font-weight: 400;
	margin: 0;
}


@font-face {
    font-family: 'TeXGyreAdventor';
    src: url('../fonts/TeXGyreAdventor-Bold.woff2') format('woff2'),
        url('../fonts/TeXGyreAdventor-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TeXGyreAdventor';
    src: url('../fonts/TeXGyreAdventor-Regular.woff2') format('woff2'),
        url('../fonts/TeXGyreAdventor-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}








h1, h2, h3, h4, h5, h6 {    font-family: 'TeXGyreAdventor'; font-weight: bold;}
textarea, p, input, div, span, li, button {   font-family: "Onest", sans-serif;}
ul {margin: 0;padding: 0;}
li {list-style: none;}
p {line-height: 30px;font-size: 18px;font-weight: 400;color: #333333;margin-bottom: 15px;     font-family: "Onest", sans-serif;}
img { max-width: 100%;border: 0;}
.clear {clear: both;float: none;width: 100%;}
.clearfix::after {display: block;content: "";clear: both;}
a {text-decoration: none !important;transition: all 0.2s ease-in;color: #212121;     font-family: "Onest", sans-serif;}
a:hover {color: #000;}
a, span {display: inline-block;}
:focus { box-shadow: none !important;outline: none !important;}
.form-control { display: block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-size: 14px;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .0rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;box-sizing: border-box;}


#header {padding: 0px;position: fixed;left: 0;top: 0;width: 100%;z-index: 10;}
.top-cart-sec {margin: 0px 0 0 0; float: right;}
.top-cart-sec ul li { float: left;font-weight: 400; padding: 0px 15px 0px 15px;}

.cart-cou {
    position: absolute;
    top: 11px;
    right: -27px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    line-height: 12px;
    font-size: 11px;
    text-align: center;
    color: #000;
    border-radius: 50%; border: solid 1px #d01414;
    display: flex;
    justify-content: center;
    align-items: center;
}




.top-social {margin: 0px 0;}
.top-social a {display: inline-block; margin: 0px 0px ;background-color:#fff;border-radius: 50%; width: 40px; height: 40px;text-align: center;color: #524271;font-size: 22px!important;}
.top-social a:hover {background-color:#e41f29; }
.top-social img { width: 20px;}
.top-social a:hover img {filter: invert(800%); position: relative}
.top-menu-main{ position: relative; padding: 5px 0;
border-radius: 10px 0 0 10px;  }


/*------------------common-css End-------------------*/
    
@media (min-width: 1366px){.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1320px;}}
@media (min-width: 1440px){.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1300px;}}
@media (min-width: 1600px){
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1300px;}}
/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/
@media (min-width: 1280px) {
.navbar { padding: 0;}
.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
.navbar li {position: relative;}
.navbar>ul>li {white-space: nowrap;padding: 10px 0 10px 20px;}
.navbar a,
.navbar a:focus { display: flex;align-items: center;justify-content: space-between;
    padding: 0 10px;font-size: 17px;color:#000;white-space: nowrap; font-weight:400;
    transition: 0.3s;position: relative; }
.navbar a i,
.navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
.navbar>ul>li>a:before {content: "";position: absolute; width: 100%;height: 2px;bottom: -6px;left: 0; 
    background-color:#f47629;visibility: hidden;width: 0px;
transition: all 0.3s ease-in-out 0s;}
.navbar a:hover:before,
.navbar li:hover>a:before,
.navbar .active:before { visibility: visible;width: 100%;}
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {color: #f47629;}
.navbar .dropdown ul {display: block;position: absolute;left: 28px;top: calc(100% + 30px); margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;border-radius: 4px;}
.navbar .dropdown ul li {min-width: 200px;}
.navbar .dropdown ul a {padding: 10px 20px;font-size: 14px;text-transform: none;font-weight: 500;color: #111;}
.navbar .dropdown ul a i {font-size: 12px;}
.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {color:#257423;}
.navbar .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
.navbar .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: 100%;visibility: visible;}
}

@media (min-width: 1280px) and (max-width: 1366px) {
.navbar .dropdown .dropdown ul {left: -90%;}
.navbar .dropdown .dropdown:hover>ul {left: -100%; }}
@media (min-width: 1280px) {.mobile-nav-show,.mobile-nav-hide {display: none;}
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 1279px) {
.navbar {position: fixed;top: 0;right: -100%;width: 100%;max-width: 400px;bottom: 0;transition: 0.3s;z-index: 9997;}
.navbar ul {position: absolute;inset: 0;padding: 50px 0 10px 0;margin: 0;background: rgba(24, 24, 40, 0.9);overflow-y: auto;transition: 0.3s;z-index: 9998;}
.navbar a,
.navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 10px 20px;font-size: 16px;font-weight: 500; color: rgba(255, 255, 255, 0.9);white-space: nowrap;transition: 0.3s;}
.navbar a i,
.navbar a:focus i {font-size: 12px;line-height: 0; margin-left: 5px;}
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {color: #fff;}
.navbar .getstarted,
.navbar .getstarted:focus { padding: 8px 20px;border-radius: 4px;margin: 15px;color: #fff;}
.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {color: #fff;background: rgba(0, 131, 116, 0.8);}
.navbar .dropdown ul,
.navbar .dropdown .dropdown ul { position: static;display: none;padding: 10px 0;margin: 10px 20px;transition: all 0.5s ease-in-out;background-color: #3d3d45;border: 1px solid #3d3d45;}
.navbar .dropdown>.dropdown-active,
.navbar .dropdown .dropdown>.dropdown-active { display: block;}
.mobile-nav-show {color: rgba(0, 0, 0, 0.8);font-size: 28px;cursor: pointer;line-height: 0;transition: 0.5s;z-index: 9999;margin-right: 10px;}
.mobile-nav-hide {color: #fff;font-size: 32px;cursor: pointer;line-height: 0;transition: 0.5s;position: fixed;right: 20px;top: 20px;z-index: 9999;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .navbar {right: 0;}
.mobile-nav-active .navbar:before {content: "";position: fixed;inset: 0; background: rgba(24, 24, 40, 0.8);z-index: 9996;}}
/*------------------common-css End-------------------*/  

.header.sticked.fixed-nav a.logo.d-flex.align-items-center img{width:110px ;}
.header.sticked.fixed-nav .green-back{display: none;}

.header.sticked.fixed-nav .top-menu-main{  margin-left: 0px; border-radius: 0;

box-shadow: 0 0 20px #ddd; background-color: #fff; }

.header.sticked.fixed-nav .navbar a, .navbar a:focus{ color: #000; }

.contact-butt-r{background-color:#f47629; font-size:17px; color:#fff; border-radius: 40px;
padding: 15px 40px; font-weight: 400;}
.contact-butt-r:hover{background-color:#fff;  color:#000; }



.top-white-back{ background-color:#fff; border-radius: 40px; padding: 8px 20px 8px 20px; }







.banner-sec{ position: relative}
.bottom-layer{ position: absolute; bottom:0; left: 0; width: 100%;  }
.top-layer{ position: absolute; top:0; left: 0; width: 100%;  }



.banner-info{ position:absolute; width: 100%; left: 0; bottom: 30%;}
.banner-box{  padding: 0px ; width: 100%; text-align: center; }
.banner-text{ font-size: 48px; color: #fff;  margin: 0 0 10px 0; font-weight: 600;  font-family: 'TeXGyreAdventor';}
.banner-text1{ font-size: 32px; color: #fff;  margin: 0 0 10px 0}

.start-bt{ background-color:#f47629; padding: 11px 40px; color:#fff;

 font-size: 17px; border-radius: 40px; margin-right: 8px;}
.start-bt:hover{ background-color:#fff; color:#000; }

.awoww{transform: rotate(50deg); padding-left: 3px; font-size: 20px;}


.banner-bottom{ background-color:#e0e4e5; position: relative; padding:80px 0 80px 0;
 border-radius: 10px 10px 0 0; margin-top: -40px;}

.banner-bottom::before{position:absolute; left: 20px; top: 70px; content:"" ;
background-image: url(../images/cercel.png); width: 269px; height: 273px;  animation-name: rotation;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }




.banner-bottom::after{ position: absolute; left: 0; right: 0; 
content: "";background-image: url(../images/banner-bottom-shap.png); background-repeat: no-repeat;
width: 298px; height:98px; top:-57px; margin: auto;
}

.phone-ab{ background-color:#f47629;  width: 60px; height: 60px; border-radius: 50%;
display: flex;align-items: center;justify-content: center;    margin: auto;transition: all 0.5s ease-in;

}


.phone-ab:hover{ background-color:#000;transition: all 0.5s ease-in; }

.phhone-con-tt {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -43px;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
}


.main-title{ font-size: 48px; margin: 0 0 25px 0; font-weight:600;
 letter-spacing: 0px; color: #11193e; }
.main-title-w{ font-size: 48px; margin: 0 0 25px 0; font-weight:600;
 letter-spacing: 0px; color: #fff; }
.commen-img { overflow: hidden; }
.commen-img img{ transition: all 0.5s ease-in;overflow: hidden; }
.services-box{ border-radius: 10px ;position: relative; overflow: hidden; 
    transition: all 0.5s ease-in; background-color:#f47629; padding: 8px; }
.services-box img{ border-radius: 10px; transition: all 0.5s ease-in;}

.services-box-l{ text-align: center; font-size: 22px; 
 font-family: 'TeXGyreAdventor';color:#fff; font-weight: bold;
 transition: all 0.5s ease-in; padding: 10px 0;}

.services-box-l a{ color:#fff; }

.button-icon{ background-color:#f47629;  width: 35px; height: 35px; border-radius: 50%;
display: flex;align-items: center;justify-content: center;
}

.services-box:hover{ 
    transition: all 0.5s ease-in; background-color:#10183f; }



.about-home-sec{ background-color:#10183f; position: relative; padding: 80px 0; }
.about-home-sec::before{position:absolute; right: 50%; top: 10px; content:"" ;
background-image: url(../images/dotted.png); width: 114px; height: 127px; animation-name: rotation;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
 }




.home-sec-ab{ font-size: 20px; color:#fff; margin-bottom: 15px; }
.about-home-sec p{  color:#fff; }
.home-sec-ab-1{ font-size: 20px; color:#fff; margin-bottom: 0px; }


.read-more-bt{ background-color:#f47629; padding: 9px 30px; color:#fff; font-size: 16px; 
border-radius: 40px; margin-right: 8px; border: solid 0px #e7a711;}
.read-more-bt:hover{ background-color:#fff; color:#000; border: solid 0px #fff; }

.commen-img img{ width: 100%; border-radius:10px; }

.about-sm-box{ background-color:#283054; padding: 15px;
 border-radius: 5px;  height: 100%; }
.about-sm-box-m{ display: flex; align-items: center; }
.about-sm-box-text{ font-size: 20px; padding-left: 15px; font-weight: 600;font-family: 'TeXGyreAdventor'; color: #fff; }

.button-call{ display: flex;align-items: center; margin-top: 20px; }

.phone-ab-ab{ background-color:#f47629;  width: 45px; height: 45px; border-radius: 50%;
display: flex;align-items: center;justify-content: center;    
margin: auto;transition: all 0.5s ease-in;}
.phone-ab-ab img{ width:25px; }



.about-sm-coll{ font-size: 18px; padding-left: 15px; font-weight: 600;font-family: 'TeXGyreAdventor'; 
    color: #fff; }

.button-call-sm{ display: flex;     align-items: center;}



.why-sec-h{ position: relative; padding: 0; }

.why-sec-right::before{position:absolute; right: 5px; bottom: 120px; content:"" ;
background-image: url(../images/cercel.png); width: 269px; height: 273px;  animation-name: rotation;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; z-index: -1; }



.why-sec-right{ padding: 8% 10%  5% 3%; position: relative;}
.why-sec-sm{ font-size: 26px; margin: 0 0 20px 0; font-weight: 600;font-family: 'TeXGyreAdventor'; color: #000; }
.why-sec-sm-b{ margin-bottom: 15px; }


.why-sm-box{ background-color:#fff; padding: 15px;transition: all 0.5s ease-in;
 border-radius: 5px;  height: 100%; border: solid 1px #b8b8b8; box-shadow: 0 0 20px #ddd; }
.why-sm-box:hover{ background-color:#10183f; transition: all 0.5s ease-in; }


.why-sm-box:hover .why-sm-box-text{ color: #fff; transition: all 0.5s ease-in; }


.why-sm-box-text{ font-size: 20px; padding-left: 15px; font-weight: 600;
    font-family: 'TeXGyreAdventor'; color: #0f183f; transition: all 0.5s ease-in; }

.oven-img{ width: 80px; }


.commen-gray{ background-color:#e0e4e5; padding: 80px 0; position: relative; }

span.button-icon img {
    width: 25px !important;
    height: 25px !important;
}



.button-icon{ background-color:#f47629;  width: 35px; height: 35px; border-radius: 50%;
display: flex;align-items: center;justify-content: center;
}


.services-box-p{ text-align: center; font-size: 22px; 
 font-family: 'TeXGyreAdventor';color:#fff; font-weight: bold;
 transition: all 0.5s ease-in; padding: 10px 0;}

.services-box-p a{ color:#fff; }


#offerSlider.owl-carousel .owl-item img{ border-radius: 8px; }

#offerSlider .owl-prev {
    position: relative;
    right: 8px;
    display: block;
}
#offerSlider .owl-prev span {
    background-color: #f47629;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
#offerSlider .owl-next span {
    background-color: #f47629;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
#offerSlider .owl-next {
    position: relative;
    display: block;
    left: 8px;
}
#offerSlider .owl-nav {
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;     padding-top:20px;

}

#offerSlider .owl-dot span {
    background-color: #000; border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 2px;
}
#offerSlider .owl-dot.active span {
    background-color: #f6762b; border-radius: 50%;
    width: 12px;
    height: 12px;
}
#offerSlider .owl-dots {
    display: flex;
    z-index: 20;
    position: absolute;
    bottom: -40px;
    left: 0px;
    right: 0;
    margin: auto;
    width: 100%;
    align-items: center;
    justify-content: center; display: none;
}


.commen-blue{ background-color:#10183f; padding: 80px 0; position: relative; }

.commen-white{ background-color:#fff; padding: 80px 0; position: relative; }
.galler-title-p a {    color: #e9a3ae;}
.maing {column-width: 390px;column-gap: 5px;padding: 5px;}
.maing a{ display: block;}
.maing img {width: 100%;cursor: pointer;padding-bottom: 5px; border-radius: 8px;}
.maing-a {column-width:390px;column-gap: 18px;padding: 5px;}
.maing-a a{ display: block;}
.maing-a img {width: 100%;cursor: pointer;padding-bottom:20px;padding-right: 6px;}
.lightbox {position: fixed;width: 100%;height: 100%;top: 0;display: none;background: #7f8c8d;perspective: 1000;}
.filter {position: absolute;width: 100%;height: 100%;filter: blur(20px);opacity: 0.5;background-position: center;background-size: cover;}
.lightbox img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotateY(0deg);max-height: 95vh;max-width: calc(95vw - 100px);transition: 0.8s cubic-bezier(0.7, 0, 0.4, 1);transform-style: preserve-3d;}
.out-gallery .nav-link { display: block;padding: 0.5rem 1rem;
border: 1px solid #000;margin: 0px 10px;}
.gallery-wrapper {padding: 0;margin: 30px 0 0 0;}


/**************  animation    ****************/

.footer-section {padding: 100px  0px  0 0;   
    background-image: url(../images/footer-bg.jpg);position: relative; background-repeat: repeat; z-index: 0;
 }

.footer-section::before{position:absolute; right: 50px; bottom: 100px; content:"" ;
background-image: url(../images/dotted.png); width: 114px; height: 127px;z-index: 1; 
animation-name: rotation;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

 }



.footer-top-t-t {font-size:22px;color: #fff;margin: 0px 0 20px 0; }

.footer-section h6 {font-size:28px;color: #fff;margin: 0px 0 20px 0; font-family: 'TeXGyreAdventor';}
.social-icon-b{font-size: 22px;width: 24px;}
.footer-title-sm {font-size:24px;color: #fff;margin: 15px 0 8px 0; 
    font-family: 'TeXGyreAdventor';}

.footer-section p {font-size: 16px;font-weight:400;color: #fff;}
.footer-section ul {color: #fff;margin: 0px;padding: 0px;width: 100%;}
.footer-logo-sec{ border-bottom: solid 1px #0947c9; padding-bottom: 40px; margin-bottom: 40px;}
.footer-section ul li {color: #fff;padding: 4px 0; padding-left: 0px; border-bottom: 0px solid #393d50; font-size: 16px; position: relative}
.footer-section ul li a{transition: all 0.5s ease-in;color: #fff;}
.footer-section ul li a:hover {color: #f3ef67; padding-left: 10px;}
.address-f{color: #90a9b5; font-size: 15px;}
.address-f a{color: #00bcd2; }
.address-f a:hover{color: #02968a; }
.address-padd{ margin-bottom: 5px}
.address-icon{ margin-right: 5px}
.copy-right {border-top: solid 0px #0e1052;padding: 30px 0 10px 0;margin-top: 40px;color: #fff;
border-top: solid 1px #6C6C6C;
 }
.copy-right a {color: #fff;   font-weight: 400;}
.copy-right .text-r {text-align: right;}
.bottom-social {margin: 0px 0;}
.bottom-social a {display: inline-block; margin: 0px 0px ;background-color:#000;
border-radius: 50%; width: 40px; height: 40px;text-align: center;color: #524271;font-size: 22px!important;}
.bottom-social a:hover {background-color:#e41f29; padding-left: 0px!important }
.bottom-social img { width: 20px;}
.bottom-social a:hover img {filter: invert(800%); position: relative}

.bottom-social-img a{ margin: 10px 4px 0px 4px  }
.newsletter-bb{ display: flex; }
.signup-button{ background-color:#f47629; padding: 12px 40px; color:#fff; border: 0;
 font-size: 18px; border-radius: 40px; margin-top: 10px;}
.signup-button:hover{ background-color:#fff; color:#000; }

.footer-section .form-control { display: block;    width: 100%;
 height: 48px;padding: .375rem .75rem;font-size: 16px;font-weight: 400;
line-height: 1.5;color: #fff;background-color: #515673;
background-clip: padding-box;border: 0px solid #d1e0d0;border-radius: 5px;
   
}

.top-footer {padding: 0px 0 30px 0;margin-bottom: 40px;color: #fff;
border-bottom: solid 1px #6C6C6C;
 }
.footer-top-b{ max-width:1030px; margin: auto; }
.footer-top-bb{ border-right: solid 1px #6C6C6C; padding-right: 20px; }

.main-img-n img{ border-radius: 10px; transition: all 0.5s ease-in;}
.main-img-n:hover img{ border-radius: 1px 100px 100px 100px; transition: all 0.5s ease-in;}

.footer-section ::placeholder {
  color:#fff;
  opacity: 1; 
}

.footer-section::-ms-input-placeholder { 
   color:#fff;
}


.typing-cll{ height: 90px; }
 .typewrite {
      text-decoration: none;
      color: #f47629;
      font-size: 48px;
      border-right: 0px solid #f47629;
      white-space: nowrap;font-weight: 600;
      overflow: hidden;font-family: 'TeXGyreAdventor';
    }

    .typewrite > .wrap {
      border-right: 0.08em solid #f47629;
    }


.typing-cll a{  color: #f47629;}

.zoom-in-zoom-out {
  animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}

.circle {

 
}

@keyframes rotation {
  from {
    transform: rotate(-360deg);
  }
  to {
    transform: rotate(360deg);
  }
}






.images-hh:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); transition: all 0.5s ease-in;
}


/**************  inner page    ****************/

.green-sectopn p{ color:#fff; }
.inner-banner{ position: relative}
.inner-banner-info {position: absolute;width: 100%;left: 0;bottom: 22%; z-index: 1;}
.inner-banner::after{ position: absolute; background-color:rgba(0, 0, 0, 0.5);
width: 100%;height: 100%;content: "";top: 0; left: 0; z-index: 0;}

.inner-banner-title{
    font-size: 40px;
    color: #fff;
    margin: 0 0 0px 0;
    font-weight: bold;
}

.inner-gray{ background-color:#e0e4e5; padding: 80px 0;  position: relative; }


.form-w .form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: .375rem .75rem;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 8px; box-shadow: 0 0 10px #eeebeb;
   
}
.form-w textarea { height: auto!important; }
.form-w select {height: 48px;box-shadow: 0 0 10px #eeebeb;}

.contact-info {
    background-color: #f47629;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 10px;
    transition: all 0.5s ease-in;
}

.contact-info-title{ font-size: 30px; color:#fff; margin: 0 0 10px 0; }
.contactf{ font-size: 15px; margin-bottom: 8px; }

.contact-info-m{ display: flex; margin-bottom: 0px; padding:20px; background-color: #f47629;
transition: all 0.5s ease-in; border-radius: 8px; height: 100%;
}
.contact-info-sm{ font-size: 20px; font-weight: bold; color:#fff; }
.contact-info-m p{ color: #fff; margin-bottom: 0; }
.contact-info-m:hover{ background-color:#10183f;transition: all 0.5s ease-in; }
.contact-icon{ width: 15%; text-align: center; }
.contact-info-m a{ color:#fff; }
.conn-bg { width: 50px; padding-right: 10px; }

.form-con-bg{background-image: url(../images/form-bg.jpg); 
background-repeat: no-repeat; padding: 80px 0; background-size: cover;}

.form-w{ max-width: 880px;margin: auto;background-color:#fff; border-radius: 20px; padding: 20px; }

.main-title-sm{ font-size: 40px; margin: 0 0 25px 0; font-weight:600;
 letter-spacing: 0px; color: #11193e; }

.main-title-sm-w{ font-size: 40px; margin: 0 0 25px 0; font-weight:600;
 letter-spacing: 0px; color: #fff; }

.submit-bt{ background-color:#f47629; padding: 11px 40px; color:#fff; font-size: 18px; 
border-radius: 40px; margin-right: 8px; border: solid 0px #e7a711;}
.submit-bt:hover{ background-color:#10183f; color:#fff; border: solid 0px #fff; }

.ab-page{ background-color:#f47629;border-radius: 15px; padding: 10px; transition: all 0.5s ease-in;}
.ab-page img{ border-radius: 15px; }
.ab-title{font-family: 'TeXGyreAdventor'; font-size: 24px; font-weight:bold; margin: 0 0 15px 0; }
.wh-page img{ border-radius: 15px;  }
.wh-page{ background-color:#f47629;border-radius: 15px; padding: 10px; }
.wh-page:hover{ background-color:#10183f;transition: all 0.5s ease-in; }
.ab-page:hover{ background-color:#10183f;transition: all 0.5s ease-in; }
.commen-blue p{ color:#fff; }

.wh-page img{  padding: 10px; }
.white-back{ background-color:#fff; padding: 80px 0; }
.project-m{margin-bottom: 30px;}
.services-box a {display: block;}


.wpcf7 form .wpcf7-response-output {
 margin: 1em 0.5em 1em; font-size: 15px!important;color: #fff!important;}

.mobile-banner{ display:none; }
.inner-comman{ padding: 50px 0; }
.error-title { margin-top: 0!important;}
.wpcf7-spinner {display: none!important;}
.commen-blue h3 {
  font-size: 20px;
  margin: 20px 0 8px 0;
  font-weight: 600;
  letter-spacing: 0px;
  color: #fff;
}
.commen-blue ul { margin-left:20px}
.commen-blue ul li { list-style-type:disc;
  font-size: 17px;
  margin: 0 0 5px 0;
  letter-spacing: 0px;
  color: #fff;
}



@media all and (max-width: 1366px) {			
}




@media all and (max-width: 1280px) {    
.contact-butt-r {padding: 15px 25px;}
body, html{ overflow-x: hidden; }
.maing-a {column-width: 353px;}

}
	
@media all and (max-width: 1152px) { 
.contact-butt-r {padding: 15px 19px;}
.header.sticked.fixed-nav .navbar a, .navbar a:focus {color: #ffffff;}
.container, .container-lg, .container-md, .container-sm {
 max-width: 90%;
}

.why-sec-right::before {background-size: 85% 85%;background-repeat: no-repeat;
background-position: center;}
.why-sm-box-text {font-size: 16px;}


}

@media all and (max-width: 1024px) {
.maing-a {column-width: 210px;column-gap: 10px;padding: 5px;}
.main-title {font-size: 36px;}
.services-box-l {font-size: 20px;}
.main-title-w { font-size: 36px;}
.main-title-w  img{ margin-right:8px; }
.main-title  img{ margin-right:8px; }
.commen-gray {padding: 50px 0;}
.commen-blue {padding: 50px 0;}
.commen-white {padding: 50px 0;}
.gallery-wrapper {margin: 0px 0 0 0;}
.footer-section {padding: 50px 0px 0 0;}
.banner-bottom {padding: 50px 0 50px 0;}
.inner-gray { padding: 50px 0;}
.white-back {padding: 50px 0;}
.main-title-sm {font-size: 30px;}
.main-title-sm-w {font-size: 30px;}
.main-title-sm-w img{ margin-right: 8px; width: 25px; }
.main-title-sm img{ margin-right: 8px; width: 25px; }

}


@media all and (max-width: 991px) {
.container, .container-lg, .container-md, .container-sm {
 max-width: 97%;}
.why-sm-box-text {font-size: 12px;}
.inner-banner-title { font-size: 30px;}
.ab-title {font-size: 18px;}


}

@media all and (max-width: 840px) {
.banner-text {font-size: 30px;}
.typewrite {font-size: 30px;}
.typing-cll {height: 68px;}
.main-title {font-size: 30px;}
.main-title-w { font-size:30px;}
.banner-bottom::before {background-position: center; background-size: 70% 70%;
background-repeat: no-repeat;}
.services-box-l {font-size: 18px; }
.home-sec-ab {font-size: 17px;}
p {line-height: 27px;font-size: 17px;}

.about-sm-box-text {font-size: 14px;}
.about-home-sec { padding: 50px 0;}
.why-sec-sm {font-size: 19px; margin: 0 0 10px 0;}
.footer-section h6 {font-size: 28px;margin: 24px 0 9px 0;}
.inner-banner-title { font-size: 26px;}
.footer-section {padding: 30px 0px 0 0;}
.main-title-sm {font-size: 26px;}
.main-title-sm-w {font-size: 26px;}
.form-con-bg {padding: 50px 0;}

}




@media all and (max-width: 767px) {
.container, .container-lg, .container-md, .container-sm {
 max-width: 100%;}
.contact-butt-r {display: none;}
.banner-bottom { margin-top: -7px;}
.banner-text {font-size: 26px;}
.typewrite {font-size: 26px;}
.main-title {font-size: 24px;}
.main-title-w { font-size:24px;}
.mobile-banner{ display: block; }
.dx-banner{ display:none; }
.services-box {margin-bottom: 15px;}
.top-white-back {padding: 8px 0px 8px 0px;}
.about-sm-box {padding: 15px;height: auto; margin-bottom: 10px;}
.about-sm-box-text {font-size: 18px;}
.button-call {margin-top: 15px;margin-bottom: 25px;}
.footer-section {padding: 30px 0px 0 0;}
.footer-section h6 {font-size: 24px; margin: 24px 0 9px 0;}
.text-end {text-align: left !important;}
.copy-right {padding: 30px 0 10px 0;margin-top: 20px;}
.why-sec-right {padding: 25px 15px 15px 15px;}
a.logo.d-flex.align-items-center {padding-left: 8px;}
.inner-banner-title { font-size: 22px;}
.ab-page {margin-bottom: 20px;}
.wh-page { padding: 4px;margin-bottom: 20px;}
.main-title-sm {font-size: 24px;}
.main-title-sm-w {font-size: 24px;}
.ab-page {padding: 6px;}
.title404 {font-size: 80px!important;}
.error-title {font-size: 28px!important;}
.error-box p {font-size: 21px!important;}
.inner-banner-info {bottom: 14%;}
.contact-info-m { padding: 12px; height: auto;margin-bottom: 10px;}
.form-con-bg {padding: 50px 0;}
.form-w {padding: 14px;}
.main-title-sm {font-size: 20px;}
.project-m {margin-bottom: 15px;}
a.logo.d-flex.align-items-center img {width: 140px;}


}