@charset "utf-8";
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
 ont-family: 'Montserrat';
     font-size:16px;
     color:#000;
}
html {
  scroll-behavior: smooth;
}
a {
    
    -o-transition: all 500ms ease;
}
.p0{
    padding:0!important
}
.p3{
    padding:3px!important
}
.p4{
    padding:4px;
}
.m0{
    margin:0!
    font-style: normal;
    font-display: swap;
    height: auto;
    font-size: 0.875em;
    color:#212121;
    line-height: 1.7;
    font-family: 'Montserrat';
    font-weight: normal;
}
li{
    font-size:16px;
     font-weight: normal;
}

 .c1 {
     background-color:#fff !important;
     color:#333 !important;
}
 .fa-rotate-90 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
     transform: rotate(90deg);
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.eot');
    src: url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
        url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Product-Sans';
    src: url('../fonts/ProductSans-Light.eot');
    src: url('../fonts/ProductSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProductSans-Light.woff2') format('woff2'),
        url('../fonts/ProductSans-Light.woff') format('woff'),
        url('../fonts/ProductSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Product-Sans';
    src: url('../fonts/ProductSans-Regular.eot');
    src: url('../fonts/ProductSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProductSans-Regular.woff2') format('woff2'),
        url('../fonts/ProductSans-Regular.woff') format('woff'),
        url('../fonts/ProductSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

video {
    width: 100%;
  }

.mob-icon {
    display: none;
}

.header-phone{
    color: #ffffff;
    font-size: 1em; line-height: 20px;
    font-family: 'Montserrat';
    font-weight: normal;
    font-style: normal; letter-spacing: 1px;
    font-display: swap;
    text-transform: uppercase;
   display: flex;
    align-items: center;    margin-top: 37px;
}
.wh-img{ margin-right: 10px; }

.center{
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  position: relative;
}

.resp-show{
  display: none !important;
}


#button {
  display: inline-block;
  background-color: #156fc9;
  line-height: 50px;
  width: 50px;color: #fff;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
}
#button i{color: #fff}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/*popup*/

#popUp {
    position: fixed;
    width: 400px;
    height: auto;
    background: #003b6d;
    bottom: 8%;
    margin-left: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index:99;
    padding:2% 2% 2%;
    right:0; opacity: 0
  }

  #popUp .close {
    position: absolute;
    top: -40px;opacity: 1;
    left: -4%;
    color: #666;
    font-family: inherit;
    font-weight: normal;
    font-size: 1.5em;
    cursor: pointer;
    background-color: #f7f7f7;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }
  a.button {
    margin: 0 auto;
    text-align: center;
    right: 0;
    left: 0;
    position: absolute;
    width: 120px;
    font-size: 15px;
    color: #fff;
    border-bottom: 2px solid #18729f;
    background: #1c8dc4;
    border-radius: 4px;
    padding: 8px 0;
  }
  #plus {
    position: fixed;
    color: #fff;
    bottom: 56%;
    font-size: 1em;
    margin-right: -425px;
    -webkit-transition: all 1.25s ease;
    -moz-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
    cursor: pointer;
    text-align: left;
    letter-spacing: 1px;
    z-index: 999;
    width: 100%;
    right:0;
  }
.side-btn {
    position: absolute;
    background: #003b6d;
    font-size: 1em;
    display: inline-block;
    padding: 11px 32px;
        -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 1.25s ease;
        right: -70px;
    border-radius: 10px;
}
.side-btn span{
  color: #fff;
    text-transform: uppercase;
    font-family: 'Product-Sans';
    font-weight: normal;
    font-size: 1.125em;
    line-height: 27px;
}
  #plus::after {
    display: block;
    display: relative;
  }
  .mob-txt{ display: block; text-transform: capitalize; font-style:normal;font-family: 'Montserrat';
  font-weight: 500;}


.side-form input[type="text"],
.side-form textarea
{
    background: #fff;
    color: #3f3f3f;
    width: 100%;  font-family: 'Product-Sans';
    font-weight: normal;
    padding: 15px 20px;
}

.side-form-title {
    font-size: 1.333em;
        color: #fff;
    text-transform: uppercase;
    line-height: 30px;
     font-family: 'Product-Sans';
    font-weight: normal;
    text-align: center;margin-bottom: 20px;
}
.home-img-landsc {
    display: none !important;
}
/**/
 .clear {
     clear: both
}
 audio, ::selection{
     background: #daa289!important;
     color: #fff !important;
}
span::selection {   -webkit-background-clip: unset!important;
    -webkit-text-fill-color: #fff !important; background: #daa289 !important; }
::-moz-selection {
   color: #fff !important;
}

 .grecaptcha-badge{
     display:none !important;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}

 .logo1{
     display:none
}
 .banner-wraper{
     width:100%;
     height:auto;
     position:relative;
     z-index:9;
}
.sexy-menu{position: fixed; z-index: 99; width: 100%; margin-top: 1em; }

.d-container2{
    width: 100%;
  padding-left: 7%;
  padding-right: 7%;
}
.sexy-menu.detached .navigation{
  top: 0
}

 .footer-container{
     width:100%;
     height:auto;
     padding-top:2em;
     padding-bottom:2em;
}
.footer-top-for{ display: flex; align-items: center;}
.footer-top-for img{ max-width: 35px; margin-left: 10px;}
 .top-wraper{
     width:100%;
     height: auto;
}
 .top-container{
     width:100%;
     padding-left: 3%;
     padding-right: 4%;
}
.header-social-links {
    float: left;
}
 .tophead{
     width:100%;
     position:relative;
         padding: 0em;
    background: #6a446e;
        display: flex;
    justify-content: space-between;
}

.img-design{
position: absolute;bottom: 0;
    right: 0;
}


/**/
.icon-container {
    padding: 100px 0;
}
.form-group {
    margin-bottom: 12px;
}

/**/
a.view-det {
        background: #146472;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 0.875em;
    display: inline-block;
    padding: 10px 15px; letter-spacing: 2px;
}
.btn-flex {
    display: flex;
}
a.view-det:hover{
    background: #299d77 ;
    color: #fff;
}
.p1{
  padding: 1px !important
}


.c-white{color: #fff !important}
/* Style the tab content */

/**/


/*section.contact-container*/
.mt-0{margin-top: 0px !important}
/**/

 .menu-container{
     width: auto;
     height: auto;
     float:right;
     margin-top:1em
}
 .logo{
     width:auto;
     height:auto;
     float:left;
}

  a.button {
    margin: 0 auto;
    text-align: center;
    right: 0;
    left: 0;
    position: absolute;
    width: 120px;
    font-size: 15px;
    color: #fff;
    border-bottom: 2px solid #18729f;
    background: #1c8dc4;
    border-radius: 4px;
    padding: 8px 0;
  }

.submit-btn1{
    border: none;
     cursor: pointer;
       color: #fff;
    cursor: pointer;
    background: #156fc9;
    padding: 10px 20px;
    font-family: 'Product-Sans';
    font-weight: 300;
    font-size: 1em;
    text-transform: uppercase;
}
.submit-btn1:hover{
    background:#000 ; color: #fff;
}

.mt-1
{
    margin-top: 1em !important;
}
.mt-2
{
    margin-top: 2em !important;
}
.mt-5
{
    margin-top: 5em;
}
.mb-2
{
    margin-bottom: 2em;
}
.mb-5
{
    margin-bottom: 5em;
}

 .top-quickwraper{
     width:100%;
     height:auto;

}

.nav-brand img{
    width: 100%;
    margin-top: 0px;
}
 .sexy-menu.detached  .header-call{
    margin-top: 8px;
 }
 .desk-view{
     display:block;
}
 .mob-view{
     display:none !important
}

/* Dropdown styles */


.footer-bottom-container {
    position: relative;
     background-color: #003b6d;
}

 .footer-wraper {
     width:100%;padding: 40px  0px 0; overflow: hidden;
     height:auto; position: relative;    z-index: 9; background-color: #ececec;
}
.footer-bottom-wraper{
  width: 100%;
    height: 50px;
    background-color: #fff
}
.space{ justify-content: space-between; }

 .copy-right {
     width:auto;
     height:auto;
     float:left; letter-spacing: 1px;
      font-family:'Montserrat';
     font-size:1em;color:  #fff;
     font-weight:normal;
     line-height: 60px
}
 .copy-right span {
      font-family:'Montserrat';
     font-weight:normal;  letter-spacing: 1px;
}
 .designed {
     width: auto;
     height: auto;
     float: right
}
 .designed-ido {
     float: right;
     height: auto;
     padding-left: 8px;
     padding-top:15px;
     width: auto;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
      font-family:'Montserrat';
     font-size:1em;
     font-weight: normal;
     line-height: 60px;
     margin: 0; color: #fff
}
 .designed p a {
     text-decoration: none;
      font-family:'Montserrat';
     font-size:1em;color:#fff;
     font-weight:normal;
}
 .designed p a:hover {
     text-decoration: none;
}
 .whats-app{
    position:fixed;
        bottom: 20vh;
    right:25px;
    width: 60px;
    z-index:99
}
.whats-app img{
    animation-name:floating;
    animation-duration:3s;    width: 100%;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
    opacity:1;
}
.whats-app:hover img{
    opacity:1
}
@keyframes floating{
    from{
        transform:translate(0,0)
    }
    65%{
        transform:translate(0,15px)
    }
    to{
        transform:translate(0,0)
    }
}
 .mob-hide{display: block;}
  .mob-show{display: none;}
.address p  a{
color: #212121; }

.footer-address-container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 1.5em;
}
.footer-address {
    width: auto;
    margin-right: auto;
    height: auto;
    float: left;
    padding-top: 20px;
}
.footer-address:nth-child(5){     padding-right: 0; margin-right: 0 }
.icon-f {
    display: flex;
    align-items: center;
}
.icon-f span {
    margin-right: 20px;
    text-align: center;
    align-items: center;    display: flex;
    justify-content: center;
    background-color: #003b6d; border-radius: 100%;
    height: 40px; width: 40px; line-height: 40px;
}
.btm-link p {
    font-size: 1em;
    margin-bottom: 0;
    color: #1f1f1f;
    font-family: 'Montserrat';
    font-weight: normal;
}

.footer-social-links li a{
    margin-left: 20px;
    display: block;
    text-align: center;
}

.footer-social-links li a:hover{
 color: #c39dd1  !important;
}
.footer-social-links ul li {
   float: left;
    margin: 0;
}
.footer-menu-brdr {
    padding-bottom: 2.5em;
}
.footer-social-links ul li:last-child{margin-left: 0; padding-right: 0}
.footer-social-links ul li:first-child a{margin-left: 0}
.footer-social-links ul li:last-child a{margin-right: 0; padding-right: 0}
.footer-social-links ul li a{
    color: #003b6d;
   font-size: 1.333em
}
.footer-content-title {
 color: #003b6d;margin-bottom: 10px;
    font-size: 1em;    line-height: 25px;
    font-family: 'Montserrat';  position: relative;
    font-weight: 500; text-transform: uppercase;
}

.footer-menu ul li a{
      font-family: 'Montserrat';
    font-weight: normal;
    font-size: 1em;
    line-height: 32px;
    color: #1f1f1f;
}
.footer-menu ul li a:hover{ color: #65448f }
.footer-menu ul li {
    width: auto;
    height: auto;
    float: left;
    margin: 0px 16px;
}
.footer-menu {
    display: flex;
    align-items: center;
    width: 73%;
    float: left;
}

.main-container{
    width: 100%;
    height: auto;
    padding-top: 60px;
}
.welcome-container {
    position: relative;
    overflow: hidden;
    padding: 100px 0 60px;
}

/**/

.pt-0{
    padding-top: 0px !important;
}
.pb-0{
    padding-bottom: 0px !important;
}

.p5{
    padding: 5px;
}

.d-flex {
    display: flex!important;
}
.mb-0{margin-bottom: 0 !important}



/**/
.more-btn{
    position: relative;
    font-family: 'Montserrat';
    font-weight: normal;
    font-style: normal;
    font-size: 0.75em;
    line-height: 17px;
    color: #692e7e;
    letter-spacing: 2px;
        margin-top: 2em; border-bottom: 1px solid #692e7e;
    display: block;
    width: fit-content;
}
.more-btn:hover{
  color: #65448f
}
.abt1-img {
    margin-right: -50px; position: relative;
}
.shape3 {
    position: absolute;
    top: -60px;
    left: -120px;
    z-index: -1;
}
.shape2 {
    position: absolute;
    top: 0;
    right: 0;
}
.shape4 {
    position: absolute;
    bottom: -280px;
    left: 0;
}
.welcome-span{
  display: block;
  font-family: 'Montserrat'; font-weight: normal;    margin-bottom: 1em;
  font-size: 1.125em; color: #764389; line-height: 24px; margin-top: 1.5em;
}
.welcome-detail-title2{     width: 600px;}
.welcome-detail {
   position: relative;
  padding-left: 90px; text-align: justify;
}
.abt-b{
  font-family: 'Montserrat'; font-weight: normal;
  display: block; margin: 20px 0;
  font-size: 1.32em; color:rgb(57 57 57 / 52%);
}
 .c-blue{color: #18609d; }
.eq-ht{
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/**/

/*banner*/
.hero-text-area {
    position: absolute;
    z-index: 1;
    display: inline-block;
    max-height: 100%;
    white-space: normal;
    transform: translate(0%,-50%);
        top: 50%; left: 10%; text-align: left;
}

.inner-text{
    font-size: 5.19em;
    font-style: normal;
    font-family: 'Product-Sans'; font-weight: normal;
    color: #ffffff;    position: relative;
    line-height: 76px;     margin-bottom: 15px;
}
.inner-text2{
    font-size: 1.4em;
    font-style: normal;
    font-family: 'Product-Sans'; font-weight: 300;
    color: #ffffff;    position: relative;
    line-height: 40px;       margin-top: 20px;
    border: 1px solid rgb(255 255 255 / 50%);
    padding: 5px 20px;
    width: fit-content;
}
.featured-text{
    font-size: 1em;  position: relative;
    font-style: normal; text-align: left;
  font-family: 'Product-Sans';  font-weight: 300;
    line-height: 20px;    color: #ffffff;
    display: flex;
    align-items: center;
}
.dots1 {
    padding-right: 15px;
}
.dots2 {
    position: relative;
    top: 10px;
}
 .carousel-inner>.item>img{
  border-bottom-left-radius: 25px;
   border-bottom-right-radius: 25px;
}
/**/

/**/

.ser-container{position: relative;
  padding: 60px 40px 0px;
  z-index: 9;
}

.span-shape {
    margin: 5px auto;
    text-align: center;
    display: block;
    opacity: .83; width: 170px;
}
.dots5 {
    margin-top: 7px;
    margin-bottom: 5px;
}
.dots3 {
    position: absolute;
    left: 0; top: 0;
}
.dots4 {
    position: absolute;
    right: 0;top: 0;
}
.product-top {
    margin-bottom: 2.5em; text-align: center; position: relative;
}
.span-top{
        font-size: 1.125em;
    line-height: 20px; letter-spacing: 5px;
    text-transform: capitalize;
    font-weight: normal; color: #003b6d;
    text-align: center; display: block;
    font-family: 'Product-Sans';
}
.ser-head{
       font-size: 2.5em;
    line-height: 40px;
    text-transform: capitalize;
    font-weight: 300; color: #292929;
    text-align: center; margin-bottom: 20px;
    font-family: 'Product-Sans';
}
.ser-head span{    font-weight: 300; color: #156fc9;
    font-family: 'Product-Sans';
}
.ser-title{
    line-height: 25px;
    color: #303030;
    text-align: left;
    font-family: 'Product-Sans';
    font-weight: 300;
    font-style: normal;
    font-size: 1.125em; margin-top: 10px;
    padding-left: 15px; position: relative;
}
.ser-title:before{
    content: "";
    position: absolute;
    left: 0px;
    width: 5px;
    height: 100%;
    top: 0;     border-radius: 5px;
    background-color: #156fc9;
}
.ser-row .col-md-3:nth-child(1),.ser-row .col-md-3:nth-child(4){ margin-top: -90px }

.ser-img img{ border-radius: 15px; }
.dots6 {
    position: absolute;
    left: 10%;
    bottom: -5px;
}
.mission-item{
  border-radius: 15px; position: relative; height: 100%;
 background-size: cover; padding: 85px 0;
  background-image: url(../images/vision-bg.jpg);
}
.mission-item2{
  border-radius: 15px; position: relative;height: 100%;
 background-size: cover; padding-left: 180px; padding-right: 90px;
  background-image: url(../images/vision-bg2.jpg);
    display: flex; align-items: center;
}
.mis-title{
   font-family: 'Product-Sans';
    font-weight: 300;
    font-style: normal;
    font-size: 2.06em;
        line-height: 30px;
    color: #003968;
    text-align: right;
    padding-right: 65px;
}
.mis-title2{
   font-family: 'Product-Sans';
    font-weight: 300;
    font-style: normal; margin-bottom: 5px;
    font-size: 1.875em;
        line-height: 25px;
    color: #202020; display: flex; align-items: center;
}
 .vision-img{ margin-right: 10px  }
 .mission-item-inr {
    margin-bottom: 2em;
}
.vision-container {
    position: relative;
    padding: 100px 0;
}
 .vision-con  {position: relative;}
.shape1 {
    position: absolute;
    left: 48%;
    top: 35%;
    z-index: 9;
}
.line1 {
    position: absolute;
    left: 46%;
    top: 18%;
    z-index: 9;
}
.mission-item-inr:nth-child(2){margin-bottom: 0}
.dots8 {
    position: absolute;
    right: 16px;
    bottom: 70px;
}
.dots7 {
    position: absolute;
    top: 50px;
    right: 60px;
}
.cap-title{
   font-family: 'Product-Sans';
    font-weight: 300;
    font-style: normal;
    font-size: 1.5em;
        line-height: 25px;
    color: #ffffff;
}
.capabilities-items{
  background-size: cover; background-image: url(../images/cap-bg.png);padding: 25px 0;
}

.cap-item {
    width: auto; position: relative;
    float: left;padding-right: 5%;
}
.cap-items {
    display: flex;
    justify-content: space-between;
}
.cap-item:after {
    width: 30px;
    height: 30px;
    position: absolute;
    transform: translate(0%, -50%);
    right: 0px;
    top: 50%;
    content: "";
    background-image: url(../images/icon.png);
    background-size: cover;
    z-index: 1;
}
.cap-item:nth-child(6):after{display: none;}
.cap-item:nth-child(6){padding-right: 0}
/**/
.ex-title{
  font-family: 'Product-Sans';
    font-weight: 300; position: relative; padding-right: 50px;
    font-style: normal;
    font-size: 1.875em;
        line-height: 25px;
    color: #292929;
}
.ex-title:after{
     content: "";
    position: absolute;
    right: 25px;
    width: 1px;
    height: 115px;
    top: -45px;
    border-radius: 5px;
    background-color: #7a99b3;
}
.ex-cap{display: flex; align-items: center; justify-content: center; padding-top: 2em; position: relative;}
.material-title{
   font-family: 'Product-Sans';
    font-weight: normal; position: relative;
    font-style: normal;
    font-size: 1.125em;
        line-height: 25px;margin-top: -10px;
    color: #292929; text-align: center;
}
.material-item:nth-child(7) {
       margin-right: 0;
}
.material-item {
    width: auto;
    position: relative;
    float: left;
        margin-right: auto;
}
.materials-items{
      display: flex;
    justify-content: space-between;
}
.materials-wrap {
    margin-top: 6em; margin-bottom: 4em;
}
/**/
.addition-services{
  background-size: cover;
  background-image: url(../images/add-bg.jpg);
  padding: 50px 0 0;    height: 190px;
}
.ad-rt p{
   font-family: 'Product-Sans';
    font-weight: 300; position: relative;
    font-style: normal;
    font-size: 1.56em;
        line-height: 28px;
    color: #292929;
}
.ad-item {
    display: flex; position: relative;
    align-items: center; padding: 25px 36px;
    background-image: url(../images/ad-bg2.jpg); background-size: cover; border-radius: 10px;
}
.ad-item:after {
    width: 100%;
    height: 90px;
    position: absolute;
    left: 0px;
    bottom: -29px;
    content: "";
    background-image: url(../images/shadow.png);
    background-size: cover;
    z-index: -1;
}

.ad-rt{padding-left: 20px}
.numbr{
  background-color: #003b6d; border-radius: 100%;
  font-family: 'Product-Sans';
    font-weight: 300; font-size: 1.20em; color: #fff;
        width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.room-btm{
  display: block; align-items: center; margin-top: 20px;
}
.link-btn {
    position: relative;
    font-family: 'Product-Sans';
    font-weight: 300;
    font-style: normal;
    font-size: 1.125em;
    line-height: 25px;
    color: rgb(218 162 137 / 75%);
    letter-spacing: 3px;
}
.link-btn:hover,.btm-txt .link-btn:hover{color: #bc3478}


.why-choose{position: relative; padding: 120px 130px 50px;}

.why-img {
    padding-right: 30px;
}
.r-fac-li {
    position: relative;    display: flex;
    align-items: center;    margin-bottom: 5em;
}
.spec-rt{ padding-left: 25px; }
.why-content{position: relative;}
.why-content:before {
    content: "";
    position: absolute;
    left: 32px;
    width: 3px;
    height: 80%;
    top: 17px;
    background-color: #003b6d;
}
 .spec-title{
   position: relative;
    font-family: 'Product-Sans';
    font-weight: 300;
    font-style: normal;
    font-size: 1.5em;
    line-height: 30px; margin-bottom: 10px;
    color: #003b6d;
}
.specimg{
  background-color: #003b6d;
  height: 70px; width: 70px; line-height: 70px; border-radius: 100%;    text-align: center;
      display: flex;
    align-items: center;
    justify-content: center;
}

.text-left{text-align: left}


.ser-img,.ser-item{position: relative;overflow: hidden; transition: .4s;}
    .ser-img ,.ser-img .img-full{   border-radius: 15px; }
  .ser-item img{  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s; }

.ser-item:hover img{
      -webkit-transform: scale(1.12);
    transform: scale(1.12);    border-radius: 15px;
}
.new-slider-wrp{
  position: relative;
}
.new-slider-wrp:after{
    background: #d5cece;
    width: 1px;
    height: 65%;
    position: absolute;
        left: 33%; bottom: 0;
    content: "";
    z-index: -1;
 }
 .new-slider-wrp:before{
    background: #d5cece;
    width: 1px;
    height: 65%;
    position: absolute;
        right: 33%; bottom: 0;
    content: "";
    z-index: -1;
 }
/**/

.pr-0{padding-right: 0 !important}
.pl-0{padding-left: 0 !important}
/**/

/**/

/**/

.mb-3{
    margin-bottom: 3em
}

.d-flex{
    display: flex;
}
/*end*/
.facility-wraper {
    padding: 60px 0;
}

.container {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}

/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-md-15 {
    width: 20%;
    float: left;
}

.ser-abs-txt{
  font-family: 'Gelion'; font-weight: normal;    margin-bottom: 25px;
  font-size: 2em; color: #214279; line-height: 40px; letter-spacing: -1px
}
.ser-abs{
  position: absolute;
  transform: translate(0%,-50%); left: 50%; top: 50%
}
a.know-btn.submit-btn {
    padding: 14px 30px;
}

/**/

/************************************************** START LOCATION **************************************************/


/************************************************** START CONTACT **************************************************/
.hide-menu{ display: none;}
 @media (min-width: 1023px) and (max-width: 1279px) {
     body,li {
         font-size:12px !important;
    }
     .d-container{
         width:100%;
         padding-left: 6%;
         padding-right: 6%
    }
    .nav-brand img{width: 60%}
  .header-phone{ margin-top: 15px }
  .inner-text{ font-size: 4.19em;    line-height: 45px; }
  .footer-logo img{width: 100px}
.dots2 {
    width: 80px;
}
.dots1 {
    padding-right: 10px;
    width: 120px;
}
.side-btn{
  padding: 8px 15px; right: -50px; line-height: 20px
}
.dots4, .dots3 {
    width: 75px;
}
.ser-container{
  padding: 40px 10px 0px
}
.mission-item2{
      padding-left: 80px;
    padding-right: 20px; padding-top: 10px; padding-bottom: 10px;
}
.mission-item-inr {
    margin-bottom: 1em;
}
.mission-item{ padding: 35px 0 0}
.mis-title2{     font-size: 1.5em; line-height: 20px; }
.mis-title{     font-size: 1.6em; line-height: 24px; }
.vision-img {
    width: 30px;
}
.dots7{width: 40px;   top: 10px;}
.dots8{width: 20px}
.dots6{width: 30px}
.vision-container{ padding: 50px 0; }
.cap-item:after {
    width: 15px;
    height: 15px;
}
.ad-item{ padding: 12px 18px }
.why-choose {
    padding: 120px 60px 50px;
}
.specimg{
  height: 50px; width: 50px; line-height: 50px;
}
.specimg img {
    width: 70%;
}
.r-fac-li {
    margin-bottom: 2em;
}
.why-content:before {
    left: 24px;
    width: 3px;
    height: 80%;
    top: 25px;
  }
.spec-title{     margin-bottom: 0; }
.footer-social-links li a {
    margin-left: 10px;
  }
  .whats-app{width: 45px}
#button{     line-height: 40px;width: 40px;height: 40px; }

.inner-text2{
      font-size: 1.2em; line-height: 22px;
}

}


 @media (min-width: 1280px) and (max-width: 1359px) {
     body,li {
         font-size:14px !important;
    }
     .d-container{
         width:100%;
         padding-left: 7%;
         padding-right: 7%
    }

#button{
  height: 40px; width: 40px; line-height: 40px; right: 15px;
}
.whats-app{
  right: 0;
}
.whats-app img{width: 45px; }
    .nav-brand img{width: 60%}
  .header-phone{ margin-top: 15px }
  .inner-text{ font-size: 4.19em;    line-height: 50px; }
.dots2 {
    width: 80px;
}
.dots1 {
    padding-right: 10px;
    width: 120px;
}
.side-btn{
  padding: 10px 20px; right:-59px; line-height: 20px
}
.dots4, .dots3 {
    width: 75px;
}
.ser-container{
  padding: 40px 10px 0px
}
.mission-item2{
      padding-left: 80px;
    padding-right: 20px; padding-top: 10px; padding-bottom: 10px;
}
.mission-item-inr {
    margin-bottom: 1em;
}
.mission-item{ padding: 35px 0 0}
.mis-title2{     font-size: 1.5em; line-height: 20px; }
.mis-title{     font-size: 1.6em; line-height: 24px; }
.vision-img {
    width: 30px;
}
.dots7{width: 40px;   top: 10px;}
.dots8{width: 20px}
.dots6{width: 30px}
.vision-container{ padding: 70px 0; }
.cap-item:after {
    width: 15px;
    height: 15px;
}
.ad-item{ padding: 12px 18px }
.why-choose {
    padding: 120px 60px 50px;
}
.specimg{
  height: 50px; width: 50px; line-height: 50px;
}
.specimg img {
    width: 70%;
}
.r-fac-li {
    margin-bottom: 2em;
}
.why-content:before {
    left: 24px;
    width: 3px;
    height: 80%;
    top: 25px;
  }
.spec-title{     margin-bottom: 0; }
.footer-social-links li a {
    margin-left: 10px;
  }

}

 @media (min-width: 1360px) and (max-width: 1399px) {
  body,li {
         font-size:14px !important;
    }
    .d-container{
         width:100%;
         padding-left: 8%;
         padding-right: 8%
    }
.whats-app img{width: 55px; }
    .nav-brand img{width: 65%}
  .header-phone{ margin-top: 20px }
  .inner-text{ font-size: 4.19em;    line-height: 50px; }
.dots2 {
    width: 80px;
}
.dots1 {
    padding-right: 10px;
    width: 120px;
}
.side-btn{
  padding: 10px 20px; right:-59px; line-height: 20px
}
.dots4, .dots3 {
    width: 75px;
}
.ser-container{
  padding: 40px 10px 0px
}
.mission-item2{
      padding-left: 100px;
    padding-right: 40px; padding-top: 15px; padding-bottom: 15px;
}
.mission-item-inr {
    margin-bottom: 1em;
}
.ad-rt p{ font-size: 1.4em }
.mission-item{ padding: 35px 0 0}
.mis-title2{     font-size: 1.7em; line-height: 20px; }
.mis-title{     font-size: 1.8em; line-height: 28px; }
.vision-img {
    width: 30px;
}
.dots7{width: 40px;   top: 10px;}
.dots8{width: 20px}
.dots6{width: 30px}
.vision-container{ padding: 70px 0; }
.cap-item:after {
    width: 15px;
    height: 15px;
}
.ad-item{ padding: 12px 18px }
.why-choose {
    padding: 120px 60px 50px;
}
.specimg{
  height: 50px; width: 50px; line-height: 50px;
}
.specimg img {
    width: 70%;
}
.r-fac-li {
    margin-bottom: 2em;
}
.why-content:before {
    left: 24px;
    width: 3px;
    height: 80%;
    top: 25px;
  }
.footer-social-links li a {
    margin-left: 10px;
  }

}

 @media (min-width: 1400px) and (max-width: 1441px) {
     body {
         font-size:15px !important;
    }
    li{font-size:15px !important;}
   .d-container{
         width:100%;
         padding-left:8%;
         padding-right:8%
    }

.whats-app img{width: 55px; }
    .nav-brand img{width: 65%}
  .header-phone{ margin-top: 20px }
  .inner-text{ font-size: 4.19em;    line-height: 60px; }
.dots2 {
    width: 100px;
}
.dots1 {
    padding-right: 10px;
    width: 130px;
}
.side-btn{
  padding: 10px 20px; right:-59px; line-height: 20px
}
.dots4, .dots3 {
    width: 75px;
}
.ser-container{
  padding: 40px 10px 0px
}
.mission-item2{
      padding-left: 120px;
    padding-right: 40px; padding-top: 15px; padding-bottom: 15px;
}
.mission-item-inr {
    margin-bottom: 1em;
}
.ad-rt p{ font-size: 1.4em }
.mission-item{ padding: 35px 0 0}
.mis-title2{     font-size: 1.7em; line-height: 20px; }
.mis-title{     font-size: 1.8em; line-height: 28px; }
.vision-img {
    width: 30px;
}
.dots7{width: 40px;   top: 10px;}
.dots8{width: 20px}
.dots6{width: 30px}
.vision-container{ padding: 70px 0; }
.cap-item:after {
    width: 15px;
    height: 15px;
}
.ad-item{ padding: 12px 18px }
.why-choose {
    padding: 120px 60px 50px;
}
.specimg{
  height: 50px; width: 50px; line-height: 50px;
}
.specimg img {
    width: 70%;
}
.r-fac-li {
    margin-bottom: 2em;
}
.why-content:before {
    left: 24px;
    width: 3px;
    height: 80%;
    top: 25px;
}
 @media (min-width: 1441px) and (max-width: 1599px) {
   li,body{font-size:15px !important;}
 .d-container{
         width:100%;
         padding-left:8%;
         padding-right:8%
    }
.side-btn{
  padding: 10px 20px; right:-59px; line-height: 20px
}
.dots4, .dots3 {
    width: 75px;
}
.ser-container{
  padding: 40px 10px 0px
}
.mission-item2{
      padding-left: 120px;
    padding-right: 40px; padding-top: 15px; padding-bottom: 15px;
}
.mission-item-inr {
    margin-bottom: 1em;
}
.ad-rt p{ font-size: 1.4em }
.mission-item{ padding: 35px 0 0}
.mis-title2{     font-size: 1.7em; line-height: 20px; }
.mis-title{     font-size: 1.8em; line-height: 28px; }
.vision-img {
    width: 30px;
}

}
.r-fac-li {
    margin-bottom: 3em;
}
.why-content:before {
    left: 24px;
    width: 3px;
    height: 80%;
    top: 25px;
  }
.footer-social-links li a {
    margin-left: 10px;
  }

}
 @media (min-width:1600px) and (max-width:1680px) {
     body {
         font-size:15px !important;
    }
    li{font-size:15px !important;}

.form-group {
    margin-bottom: 6px !important;
}
#plus span{
  padding: 12px 18px;right: -48px
}
 .whats-app{
    width: 60px
   }
  .d-container{
       width:100%;
       padding-left:8%;
       padding-right:8%
  }

#button{
  height: 40px; width: 40px; line-height: 40px
}

}
 @media (min-width:1681px){
     body {
         font-size:16px !important;
    }
   .d-container {
    width: 100%;
    padding-left: 9%;
    padding-right: 9%;
}

}


 @media (max-width:420px) {
    body,li {
       font-size:14px !important;
  }
  p{font-size: 1em }
   .d-container { padding-left: 3%; padding-right: 3% }
   .nav-brand img{width: 70%; margin: 3px auto 0;}
   .shape1,.line1{display: none;}
   .cap-items,.footer-address-container{display: block;}
   .eq-ht{display: block;}

  .inner-text {
    font-size: 2em; line-height: 30px;margin-bottom: 5px;
  }
  .dots2{width: 50px}
  .dots1 {
    padding-right: 10px;
    width: 70px;
  }

  #popUp{ padding: 5% 6% 4%; width: 330px;z-index: 9999;}
  .side-form-title{ margin-bottom: 10px; }
  .form-group {
      margin-bottom: 8px;
  }
  .whats-app{ width: 45px; right: 10px; }
  .hero-text-area{top: 80%;}
  .dots4,.dots3,.dots6{display: none;}
  .ser-head{font-size: 1.7em; line-height: 33px;     margin-bottom: 7px;}
  .ser-container {
      padding: 30px 20px 0px;
  }
  .dots5 {
    width: 40px;
  }
  .ser-row .col-md-3:nth-child(1), .ser-row .col-md-3:nth-child(4) {
    margin-top:  0px;
  }
  .ser-title br {
    display: none;
  }
  .ser-item {
    margin-bottom: 1em;
  }
  .mission-item{display: none;}
  .mission-item2{ padding: 20px 30px; background-image: url(../images/vision-bg3.jpg); }
  .mis-title2{     font-size: 1.5em; line-height: 20px; }
  .vision-container{ padding: 30px 0; overflow:hidden;}
  .cap-item:after {
    display: none;
  }
  .cap-title{font-size: 1.12em; padding-left: 10px;}
  .ex-title{ font-size: 1.5em; margin-bottom: 5px  }
  .ex-cap {        padding-left: 3%;
    display: block;}
  .ex-title:after{display: none;}
  .ex-cap p br{display: none;}
  .materials-wrap {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .material-item{ width: 33%; float: left; }
  .materials-items{        flex-wrap: wrap;
        justify-content: center;}
  .addition-services{ padding: 20px 0 0;   overflow: hidden;      height: unset;
        background-size: 100% 20%;
        background-repeat: no-repeat; }
  .ad-item{ padding: 15px 20px; margin-bottom: 1em;}
  .ad-rt p{     font-size: 1.2em; line-height: 23px; }
  .why-choose{ padding: 30px 0px 20px }
  .why-img{display: none;}
  .specimg img {
        width: 65%;
    }
        .specimg {
        height: 45px;
        width: 45px;
        line-height: 45px;
    }
    .spec-rt {
    padding-left: 15px;
    }
    .r-fac-li{ margin-bottom: 2em; align-items: flex-start }
    .spec-title{     font-size: 1.3em; line-height: 24px; margin-bottom: 5px; }
    .why-content:before{top: 40px; left: 23px; height: 70%;}
    .footer-address:nth-child(1),.copy-right span{display: none;}
    .footer-bottom-container {
    padding-bottom: 50px;
  }
  .footer-address{width: 100%; padding-top: 15px;}
  .footer-wraper{padding-top: 25px}
  .capabilities-items{padding: 15px 0}

  .product-top {
    margin-bottom: 0.5em;
  }
  .mob-icon {
        display: block;
        font-size: 20px;
    }
        .side-btn {
        padding: 0;
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: fixed;
        bottom: 28vh;        transform: unset;
        right: 12px;
    }
    .side-btn span{display: none;}
    .icon-f span{background:unset;    margin-right: 0;}
     .micon{display: none;}
     .micon2{display: block !important;}
     /*.footer-address:nth-child(3),.footer-address:nth-child(4){width: 50%; float: left; margin-left: -10px;}*/
          .footer-address:nth-child(2),.footer-address:nth-child(3){ margin-left: -10px }
        .designed p,.copy-right{ line-height: 50px; }
    .cap-item{width: 50%; float: left;}
      .footer-content-title{display: none;}
.footer-address:nth-child(5){width: 100%;display: flex;
        justify-content: center;}
.inner-text2{ font-size: 1.1em;
    line-height: 22px;
    margin-top: 10px; }

}
 @media (min-width:421px) and (max-width:460px){

    body,li {
       font-size:14px !important;
  }
  p{line-height: 1.8; font-size: 1em}

    .d-container { padding-left: 3%; padding-right: 3% }
     .nav-brand img{width: 70%; margin: 0px auto 0;}
   .shape1,.line1{display: none;}
   .cap-items,.footer-address-container{display: block;}
   .eq-ht{display: block;}

  .inner-text {
    font-size: 2em; line-height: 30px;margin-bottom: 5px;
  }
  .dots2{width: 50px}
  .dots1 {
    padding-right: 10px;
    width: 70px;
  }
  .side-btn {
    padding: 6px 15px;
    right: -46px;    font-size: .9em;
    line-height: 20px;
  }
  #popUp{ padding: 5% 6% 4%; width: 330px }
  .side-form-title{ margin-bottom: 10px; }
  .form-group {
      margin-bottom: 8px;
  }
  .whats-app{ width: 45px; right: 10px; }
  .hero-text-area{top: 80%;}
  .dots4,.dots3,.dots6{display: none;}
  .ser-head{font-size: 1.7em; line-height: 33px;     margin-bottom: 15px;}
  .ser-container {
      padding: 30px 20px 0px;
  }
  .dots5 {
    width: 40px;
  }
  .ser-row .col-md-3:nth-child(1), .ser-row .col-md-3:nth-child(4) {
    margin-top:  0px;
  }
  .ser-title br {
    display: none;
  }
  .ser-item {
    margin-bottom: 1em;
  }

  .product-top {
    margin-bottom: 0.5em;
  }
  .mission-item{display: none;}
  .mission-item2{ padding: 20px 30px; background-image: url(../images/vision-bg3.jpg); }
  .mis-title2{     font-size: 1.5em; line-height: 20px; }
  .vision-container{ padding: 20px 0 30px; }
  .cap-item:after {
    width: 10px;
    height: 10px;
  }
  .cap-title{font-size: 1.12em; padding-left: 10px;}
  .ex-title{ font-size: 1.5em;  }
  .ex-cap {        padding-left: 3%;
    display: block;}
  .ex-title:after{display: none;}
  .ex-cap p br{display: none;}
  .materials-wrap {

    .spec-title{     font-size: 1.3em; line-height: 24px; margin-bottom: 5px; }

}
}
 @media (min-width:461px) and (max-width:560px){

    body,li {
       font-size:14px !important;
  }
  p{font-size: 1em}
    .d-container { padding-left: 3%; padding-right: 3% }
     .nav-brand img{width: 70%; margin: 0px auto 0;}
   .shape1,.line1{display: none;}
   .cap-items,.footer-address-container{display: block;}
   .eq-ht{display: block;}

  .inner-text {
    font-size: 2.333em; line-height: 30px;margin-bottom: 5px;
  }
  .dots2{width: 50px}
  .dots1 {
    padding-right: 10px;
    width: 70px;
  }
  .side-btn {
    padding: 6px 15px;
    right: -46px;    font-size: .9em;
    line-height: 20px;
  }
  #popUp{ padding: 5% 6% 4%; width: 330px }
  .side-form-title{ margin-bottom: 10px; }
  .form-group {
      margin-bottom: 8px;
  }
  .whats-app{ width: 45px; right: 10px; }
  .hero-text-area{top: 80%;}
  .dots4,.dots3,.dots6{display: none;}
  .ser-head{font-size: 1.7em; line-height: 33px;     margin-bottom: 10px;}
  .ser-container {
      padding: 30px 20px 0px;
  }
  .dots5 {
    width: 40px;
  }
  .ser-row .col-md-3:nth-child(1), .ser-row .col-md-3:nth-child(4) {
    margin-top:  0px;
  }
  .ser-title br {
    display: none;
  }
  .ser-item {
    margin-bottom: 1em;
  }
  .mission-item{display: none;}
  .mission-item2{ padding: 20px 30px; background-image: url(../images/vision-bg3.jpg); }
  .mis-title2{     font-size: 1.5em; line-height: 20px; }
  .vision-container{ padding: 30px 0; }
  .cap-item:after {
    width: 10px;
    height: 10px;
  }
  .cap-title{font-size: 1.12em; padding-left: 20px;}
  .ex-title{ font-size: 1.5em;  }
  .ex-cap {        padding-left: 3%;
    display: block;}
  .ex-title:after{display: none;}
  .ex-cap p br{display: none;}
  .materials-wrap {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .material-item{ width: 25%; float: left; }
  .materials-items{display: block;}
  .addition-services{ padding: 20px 0 0;         height: unset;
        background-size: 100% 20%;
        background-repeat: no-repeat; }
  .ad-item{ padding: 15px 20px; margin-bottom: 1em;}
  .ad-rt p{     font-size: 1.2em; line-height: 23px; }
  .why-choose{ padding: 30px 0px 40px }
  .why-img{display: none;}
  .specimg img {
        width: 70%;
    }
        .specimg {
        height: 50px;
        width: 50px;
        line-height: 50px;
    }
    .r-fac-li{ margin-bottom: 1em; align-items: flex-start }
    .spec-title{     font-size: 1.3em; line-height: 24px; margin-bottom: 5px; }
    .why-content:before{top: 40px; left: 23px; height: 70%;}
    .footer-address:nth-child(1),.copy-right span{display: none;}
    .footer-bottom-container {
    padding-bottom: 60px;
  }
  .footer-address{width: 100%; padding-top: 15px;}
  .footer-wraper{padding-top: 25px}
 .inner-text2{
      font-size: 1.33em;line-height: 35px;
    margin-top: 0;
}
}
 @media (min-width:561px) and (max-width:680px){

   body,li {
       font-size:14px !important;
  }
 .home-img-landsc {
      display: block!important;
      height: 86vh!important;
      width: 100%;        object-position: right;
      object-fit: cover;
  }
      .mob-view.home-img {
      display: none !important;
  }
 p{font-size: 1em}
    .d-container { padding-left: 3%; padding-right: 3% }
     .nav-brand img{width: 65%; margin: -10px auto 0;}
   .shape1,.line1{display: none;}
   .cap-items,.footer-address-container{display: block;}
   .eq-ht{display: block;}

  .inner-text {
    font-size: 2.333em; line-height: 30px;margin-bottom: 5px;
  }
  .dots2{width: 50px}
  .dots1 {
    padding-right: 10px;
    width: 70px;
  }
  .side-btn {
    padding: 6px 15px;
    right: -46px;    font-size: .9em;
    line-height: 20px;
  }
  #popUp{ padding: 5% 6% 4%; width: 330px }
  .side-form-title{ margin-bottom: 10px; }
  .form-group {
      margin-bottom: 8px;
  }
  .whats-app{ width: 45px; right: 10px; }
  .dots4,.dots3,.dots6{display: none;}
  .ser-head{font-size: 1.7em; line-height: 33px;     margin-bottom: 10px;}
  .ser-container {
      padding: 30px 20px 0px;
  }
  .dots5 {
    width: 40px;
  }
  .ser-row .col-md-3:nth-child(1), .ser-row .col-md-3:nth-child(4) {
    margin-top:  0px;
  }
  .ser-title br {
    display: none;
  }
  .ser-item {
    margin-bottom: 1em;
  }
  .ser-row .col-md-3 {
    width: 50%;
    float: left;
  }
  .ser-row .col-md-3:nth-child(3){clear: both;}
  .ser-title{font-size: 1em; line-height: 20px;}
  .mission-item{display: none;}
  .mission-item2{ padding: 20px 30px; background-image: url(../images/vision-bg3.jpg); }
  .mis-title2{     font-size: 1.5em; line-height: 20px; }
  .vision-container{ padding: 30px 0; }
  .cap-item:after {
    width: 10px;
    height: 10px;
  }
  .ex-title:after{
        height: 90px;
    top: -30px;
  }
  .cap-title{font-size: 1.12em; padding-left: 45px;}
  .ex-title{ font-size: 1.5em;  }
  .ex-cap {        padding-left: 3%;}
  .ex-cap p br{display: none;}
  .materials-wrap {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .material-item{ width: 25%; float: left; }
  .materials-items{display: block;}

        display: flex;
        justify-content: center;
    }
    .footer-address:nth-child(3), .footer-address:nth-child(4) {
    padding-left: 35px;
  }
.inner-text2{ font-size: 1.1em;
    line-height: 22px;
    margin-top: 10px; }


}
 @media (min-width:681px) and (max-width: 768px){

    body,li {
       font-size:14px !important;
  }
   .d-container { padding-left: 3%; padding-right: 3% }

   .home-img-landsc {
        display: block !important;
        height: 85vh!important;
        width: 100%;
        object-fit: cover;
    }
    .mob-view.home-img {
        display: none !important;
    }

 p{font-size: 1em}
    .d-container { padding-left: 3%; padding-right: 3% }
     .nav-brand img{width: 65%; margin: 0px auto 0;}
   .shape1,.line1{display: none;}

  .ser-container {
      padding: 30px 20px 0px;
  }
  .dots5 {
    width: 40px;
  }
  .ser-row .col-md-3:nth-child(1), .ser-row .col-md-3:nth-child(4) {
    margin-top:  0px;
  }
  .ser-title br {
    display: none;
  }
  .ser-item {
    margin-bottom: 1em;

    margin-top: 2em;
    margin-bottom: 2em;
  }
  .material-item{ width: 25%; float: left; }
  .materials-items{display: block;}
  .addition-services{ padding: 20px 0 0;         height: unset;
        background-size: 100% 20%;
        background-repeat: no-repeat; }
  .ad-item{ padding: 15px 20px; margin-bottom: 1em;}
  .ad-rt p{     font-size: 1.2em; line-height: 23px; }
  .why-choose{ padding: 30px 0px 40px }
  .why-img{display: none;}
  .specimg img {
        width: 70%;
    }
        .specimg {
        height: 50px;
        width: 50px;
        line-height: 50px;
    }


 @media  (max-width: 768px){

.logo{
  transform: translate(-50%,0%); left: 50%
}
.header-phone{display: none;}
.nav-brand img {
    display: flex;
    align-items: center;
}


}



 @media (min-width:769px) and (max-width:991px){
      body,li {
       font-size:14px !important;
  }
   .d-container{
         width:100%;
         padding-left: 3%;
         padding-right: 3%
    }

  .dots2{width: 50px}
  .dots1 {
    padding-right: 10px;
    width: 70px;
  }

  .ser-row .col-md-3:nth-child(1), .ser-row .col-md-3:nth-child(4) {
    margin-top:  0px;
  }
  .ser-title br {
    display: none;
  }
  .ser-item {
    margin-bottom: 1em;
  }
  .ser-row .col-md-3 {
    width: 50%;
    float: left;
  }

.vision-container {
    padding: 50px 0;
}
.icon-f span {    height: 35px;
    width: 35px;
    line-height: 35px;
    margin-right: 10px;
  }
  .footer-address{ padding-top: 15px;        padding-right: 5%;}
  .footer-wraper{padding-top: 25px}
  .footer-address:nth-child(4){padding-right: 0}

}
 @media (min-width:992px) and (max-width:1022px){
   body,li {
       font-size:14px !important;
  }
   .d-container{
         width:100%;
         padding-left: 4%;
         padding-right: 4%
    }

.ser-container{
  padding: 40px 10px 0px
}
.mission-item2{
      padding-left: 80px;
    padding-right: 20px; padding-top: 10px; padding-bottom: 10px;
}

.ad-item{ padding: 12px 18px }
.why-choose {
    padding: 90px 60px 50px;
}

  .whats-app{width: 45px}
#button{     line-height: 40px;width: 40px;height: 40px; }


}
@media (max-width:992px) {
#button{display: none;}
}