body {font-family: 'Raleway', sans-serif ;
    font-family: 'Optima';
    overflow-x: hidden;}

a{
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


p{
font-family: 'Raleway', sans-serif !important;
}



    @font-face {
    font-family: 'Optima';
    font-style: normal;
    font-weight: normal;
    src: local('Optima'), url('../fonts/OPTIMA.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Optima Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Italic'), url('../fonts/Optima_Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Optima Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Medium'), url('../fonts/Optima Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Optima Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Bold'), url('../fonts/OPTIMA_B.woff') format('woff');
    }
button:focus {
    outline: none !important;
    outline: none !important;
}

/* width */
::-webkit-scrollbar {
 width:4px;
}

/* Track */
::-webkit-scrollbar-track {
 box-shadow: inset 0 0 0px #000; 
 border-radius:0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
 background:#000;
 border-radius:0px;
}
.active-class-fly:after {
    background: url(../images/menu-active.png);
    position: absolute;
    content: '';
    left: 74px !important;
    bottom: -12px !important;
}


.hidden-input-field {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}


.hd-address {
    width: 100%;
    float: left;
    text-align: left;
    padding: 110px 60px;
    background: #d12027;
    height: 100vh;
}.hd-address img {
    float: left;
    width: 70px;
    height: 111px;
    margin-right: 20px;
    margin-top: -10px;
}.hd-address h2 {
    font-size: 38px;
    font-weight: 300;
    text-align: left;
    color: #fff;
}.hd-address h6 {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 45px;
    color: #fff;
    line-height: 29px;
}
.sidenav a {
    /* padding: 12px 71px; */
    text-decoration: none;
    -moz-transition: all ease-in-out .5s;
    font-size: 20px;
    transition: all ease-in-out .5s;
    color: #000;
    text-align: left;
    -webkit-transition: all ease-in-out .5s;
    position: relative;
    display: block;
    /* transition: 0.3s; */
    /* border-bottom: 1px solid #F2F2F2; */
}
.sidenav a:hover{
  text-decoration: none;
  opacity: .9;
}
.sidenav {
    height: 100%;
    /* border-top: 1px solid #ad6062; */
    width: 100%;
    position: fixed;
    height: 0;
    padding: 0;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: #d12027;
    overflow-x: hidden;
    transition: 0.5s;
}
.document-required p{
        font-size: 14px;
    color: #000;
    line-height: 28px;
}#login-user .modal-dialog {
    max-width: 850px;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #d5251b !important;
    border-color: #d5251b !important;
}
.right-white:hover h3::after{
    right: -40px;
}
.right-white{position: relative;float: right;margin-top: -207px;z-index: 99;background: #fff;width: 450px;padding: 40px 76px;}
.right-white a{
margin-left: 8px;
font-size: 13px;

color: #000;

font-weight: 500;

float: left;

width: 100%;

margin-top: 15px;
}
.right-white a:hover{
    
color: #d12027;
}
.right-white h3{position: relative;font-size: 35px;font-weight: 300;color: #3e3c3c;float: left;}
.right-white h3:after{
    position: absolute;
    content: '';
    background: #d12027;
    width: 40px;
    right: -30px;
    height: 1px;
    top: 66px;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}

@media screen and (max-height: 450px){
.sidenav {
    padding-top: 0;
}
.sidenav a {
    font-size: 18px;
}

}

.sidenav a {
    /* padding: 12px 71px; */
    /* text-decoration: none; */
    -moz-transition: all ease-in-out .5s;
    font-size: 27px;
    /* transition: all ease-in-out .5s; */
    /* color: #fff; */
    text-align: left;
    -webkit-transition: all ease-in-out .5s;
    /* position: relative; */
    display: block;
    /* transition: 0.3s; */
    /* border-bottom: 1px solid #F2F2F2; */
}
.sidenav a:hover{
  text-decoration: none;
  opacity: .9;
}
.sidenav {
}

.lrn-frm{
 width: 50%;
 float: right;
 padding-right: 50px;
 padding-top: 80px;
}

.frm-white{
  color:black !important;
  font-size:16px !important;
}

.frm-border{
  background: white!important;
  color:black !important;
  border: solid 1px rgb(255 255 255 / 59%);
  
}

.lrn-frm h2{
    float: left;
    width: 100%;
    text-align: left;
    font-size: 28px;
    text-transform:uppercase;
    font-weight: 500;
    color: #f7f7f7;
    padding-bottom: 11px;
}

.lrn-frm p{
  float:left;
  width:100%;
  font-size: 16px;
  color: #efefef;
  line-height: 24px;
  text-align: left;
  font-weight: normal;
  padding-bottom: 12px;
}

.lrn-adrs{
    float: left;
    width: 50%;
    padding-top: 80px;
    padding-left: 120px;
}
.irn-adrs-hed{
float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 55px;
    padding-right: 80px;
}
.irn-adrs-hed img{
    float: left;
    width: 70px;
    height: 111px;
    margin-right: 20px;
    margin-top: -10px;
}
.irn-adrs-hed h2{
    
    width: 100%;
    font-weight: 500;
    font-size: 28px;
    color: white;
}
.irn-adrs-hed p{
    
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #efefef;
}

.overlay{
     height: 100%;
    /* border-top: 1px solid #ad6062; */
    width: 100%;
    position: fixed;
    height: 0;
    padding: 0;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: #14355d;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay .closebtn {
    position: absolute;
    
    top: 4px;
     right: 45px; 
    font-size: 50px;
    z-index: 9999;
    color: white;
    text-decoration: none;
    font-weight: 300;
}




@media screen and (max-height: 450px){
.overlay {
    padding-top: 0;
}
.overlay a {
    font-size: 18px;
}

}





.prod-2{
    float: left;
    width: 100%;
    background: #0f2642;
    padding-bottom: 60px;

}
.p-quality{
    float: left;
    width: 100%;
    padding: 30px 29px 25px 29px;
    border: 2px solid white;
    border-radius: 15px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.p-quality:hover{
    border: 2px solid transparent;
    background: #ed1c24;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.p-quality:hover svg{
    fill: white;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.p-quality h3 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 23px;
    color: #fff;
    margin-top: 20px;
    font-family: 'Optima Bold';
}
.p-quality p {
    float: left;
    text-align: center;
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
}
.p-quality svg {
    fill: #ed1c24;
    width: 75px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}



.ful-vision{
    float: left;
    width: 100%!important;
    background-color: #112b4d;
    margin-top: 50px!important;
    padding: 50px 0px 0px 0px;
    border-radius: 25px 25px 0px 0px;
}
.in-vision{
    float: left;
    width: 100%;
    padding: 0px 29px 30px 29px;
    border: 2px solid white;
    border-radius: 15px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
   
}

.in-vision:hover{
    background: #ed1c24;
    border: 2px solid transparent;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}



.in-vision h2{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 23px;
    color: #fff;
    margin-top: 30px;
    font-family: 'Optima Bold';
}
.in-vision p{
    float: left;
    text-align: center;
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
}





.panel3-text{
    float: left;
    width: 100%;
    background-color: white;
    border-radius: 0px 15px 15px 0px;
    height: 359px;
    background-image: url(../images/servicebg-1.png);
    background-repeat: no-repeat;
    background-position-x: right;
    padding: 35px 30px;
}
.panel3-text-img{
    float: left;
    width: 100%;
}
.panel3-text-img img{
    float: left;
    max-width: 100%;
}
.rta{
    float: right!important;
    max-width: 100%!important;
    margin-right: 5px;
}
.p3-text{
    float: left;
    width: 100%;
    margin-top: 16px;
}
.p3-text h2{
    color: black;
    font-family: 'Optima Bold';
    font-size: 27px;
}
.p3-text p{
    color: black;
    font-size: 15px;
    margin-top: 5px;
    float: left;
    width: 100%;
    font-weight: 400;
    
}
.p3-text-butn{
    float: left;
    width: 100%;
}
.p3-text-butn a{
    float: left;
    
    font-family: 'Optima Bold';
    color: black;
    font-size: 16px;
    text-decoration: none;
}
.p3-text-butn a:hover{
    text-decoration: none;
    color: #ee2830;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.p3-text-butn a img{
    width: 14px;
    margin-right: 10px;
    margin-top: -3px;
}
.panel3-text-1{
   float: left;
    width: 100%;
    background-color: white;
    border-radius: 15px 0px 0px 15px;
    height: 359px;
    background-image: url(../images/servicebg-1.png);
    background-repeat: no-repeat;
    background-position-x: right;
    padding: 35px 30px; 
}
.panel3-box-img-1{
float: left;
width: 100%;

}
.panel3-box-img-1 img{
float: left;
width: 100%;
border-radius: 0px 15px 15px 0px;
}

.panel3-text2{
    float: left;
    width: 100%;
    background-color: white;
    border-radius: 0px 15px 15px 0px;
    height: 359px;
   
    padding: 35px 30px;
}


.hamburgermenu{
    float: left;
}
.hamburgermenu img{
    width: 39px;
    cursor: pointer;
    position: relative;
    z-index: 1111;
    margin-top: 20px;
    left: 8px;
}

.callto{
    float: left;
    width: 100%;
    background-image: url(../images/calltoaction.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 77px;
    padding-bottom: 70px;

}
.callto-text{
    float: left;
    width: 100%;
}
.callto-text h2 span{
    color: #ee2830;
}
.callto-text h2{
    float: left;
    width: 100%;
    font-family: 'Optima Bold';
    color: white;
    font-size: 50px;
    line-height: 70px;
}
.callto-butn{
    float: left;
    width: 100%;
    margin-top: 47px;
}
.callto-butn a{
    float: right;
    box-shadow: inset 400px 0 0 0 #143054;
   
    font-size: 15px;
    color: #fff;
    padding: 19px 28px;
    border-radius: 10px;
    font-family: 'Raleway';
    font-weight: 600;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.callto-butn a img {
    float: left;
    margin-right: 9px;
    max-width: 100%;
    
}
.callto-butn a:hover{
    box-shadow: inset 0 0 0 0 #143054;
    text-decoration: none;
    background: #143054d9;
    color: white;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;

}

.ctr-bx2{
float: left;
    margin-left: 76px;
}
.ctr-bx3{
   float: left;
    margin-left: 60px; 
}


.body5{
    float: left;
    width: 100%;
    background-color: #0d233f;
    background-image: url(../images/icon-bg-left.svg);
    background-repeat: no-repeat;
   background-position-x: right;
    background-size: 96px;
    background-position-y: 3%;
}
.b5-box{
    float: left;
    width: 100%;
    background-color: #143054;
    padding: 0px 50px 0px 55px;
    border-radius: 20px;
    height: 485px;
}
.b5-bx-text{
    float: left;
    width: 52%;
    margin-top: 132px;
}
.b5-bx-text h4{
    float: left;
    width: 100%;
    color: white;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 15px;
}
.b5-bx-text h2{
    float: left;
    width: 100%;
    
    font-family: 'Optima Bold';
    font-size: 50px;
    color: #ee2830;
    margin-top: 5px;
}
.b5-bx-text h2 span{
    color: white;
}
.b5-bx-text p{
    color: white;
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
 }
 .b5-bx-img{
    float: left;
    width: 48%;
 }
 .b5-bx-img img{
    float: right;
    max-width: 100%;
    width: 355px!important;
    border-radius: 15px;
    margin-top: 55px;
 }
.b5-extra{
    width: 75px!important;
    height: 145px;
    background-color: #143054;
    margin-left: 101px;
}
.b5-extra-1{
    width: 75px!important;
    height: 100px;
    background-color: #143054;
    margin-left: 101px;
}
.body6{
    float: left;
    width: 100%;
    background-image: url(../images/features-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 60px;
}
.b6-img{
    display: none;
    float: left;
    position: absolute;
}
.b6-img img{
float: left;
    width: 87px;
    margin-top: 34px;
}
.in-b6-hed{
    float: left;
    width: 100%;
    margin-top: 40px;
}
.in-b6-hed h4{
    text-align: center;
    color: white;
    float: left;
    width: 100%;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 40px;
}
.b6-hed{
    float: left;
    width: 100%;
}
.b6-hed h4{
    text-align: center;
    color: white;
    float: left;
    width: 100%;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 15px;
}
.b6-hed h2{
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'Optima Bold';
    font-size: 50px;
    color: white;
    margin-top: 5px;
    margin-bottom: 40px;
}
.b6-hed h2 span{
    color: red;
}
.b6-brands{
float: left;
background-color: white;
width: 100%;
border-radius: 10px;
}
.b6-brands img{
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 174px !important;
    max-width: 100%;

}

.brnd .owl-nav {
    display: none!important;
}
.brnch .owl-nav {
    display: block;
    float: left;
    width: 100%;
}



.brnch.owl-carousel .owl-nav button.owl-prev img {
    width: 33px!important;
    float: left;
    margin-left: -67px;
    margin-top: -224px;
}
.brnch.owl-carousel .owl-nav button.owl-next img {
    width: 33px!important;
    float: right;
    margin-left: 1155px;
    margin-top: -250px;
}




.body7{
    float: left;
    width: 100%;
    background-image: url(../images/sisterconcern-bg.png);
    padding-top: 70px;
    padding-bottom: 70px;
}
.b7-hed{
    float: left;
    width: 100%;
    margin-bottom: 45px;
}
.b7-hed h4{
    text-align: center;
    color: white;
    float: left;
    width: 100%;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 15px;
}
.b7-hed h2{
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'Optima Bold';
    font-size: 50px;
    color: white;
    margin-top: 5px;
}
.b7-hed h2 span{
    color: red;
}
.b7-hed p{
    float: left;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;

}
.b7-bx1{
    float: left;
    width: 100%;
    background-image: url(../images/al-hilal-opticals.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 405px;
     border: 1px solid #ffffff;
    border-radius: 16px;
    padding: 345px 59px 0px 59px;
}
.b7-bx1 img{
float: left;
width: 54px!important;
}
.b7-bx1 h3{
float: left;
color: white;
font-family: 'Optima Bold';
font-size: 20px;
margin-top: 6px;
margin-left: 12px;
}
.b7-bx2 img{
float: left;
width: 54px!important;
}
.b7-bx2 h3{
float: left;
color: white;
font-family: 'Optima Bold';
font-size: 20px;
margin-top: 6px;
margin-left: 12px;
}
.b7-bx3 img{
float: left;
width: 54px!important;
}
.b7-bx3 h3{
float: left;
color: white;
font-family: 'Optima Bold';
font-size: 20px;
margin-top: 6px;
margin-left: 12px;
}




.b7-bx2{
    float: left;
    width: 100%;
    background-image: url(../images/roma-optic.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 405px;
     border: 1px solid #ffffff;
    border-radius: 16px;
    padding: 345px 69px 0px 69px;
}
.b7-bx3{
    float: left;
    width: 100%;
    background-image: url(../images/saudi-opticals.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 405px;
    border: 1px solid #ffffff;
    border-radius: 16px;
    padding: 345px 49px 0px 49px;
}
.b7-butn{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.b7-butn a{
    float: none;
    display: inline-block;
    box-shadow: inset 400px 0 0 0 #ed1c24;
    border: 1px solid transparent;
    color: white;
   font-family: 'Raleway';
   font-weight: 600;
   font-size: 15px;
   padding: 19px 23px;
   border-radius: 10px;
   text-decoration: none;
   transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.b7-butn a img {
    float: left;
    margin-right: 8px;
    max-width: 100%;
}
.b7-butn a:hover{
    text-decoration: none;
    border: 1px solid #ed1c24;
    box-shadow: inset 0 0 0 0 #ed1c24;
    color: white;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.body8{
    float: left;
    width: 100%;
    background-color: #e61a23;
    padding-top: 70px;
    padding-bottom: 70px;
}
.b8-hed{
    float: left;
    width: 100%;
    text-align: center;
}
.b8-hed h2{
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'Optima Bold';
    font-size: 50px;
    color: white;
    margin-top: 5px;
    margin-bottom: 17px;
}
.b8-hed h2 span{
    color: #143054;
}
.b8-hed a{
    float: none;
    display: inline-block;
    box-shadow: inset 400px 0 0 0 #143054;
 border: 1px solid transparent;
    color: white;
   font-family: 'Raleway';
   font-weight: 600;
   font-size: 15px;
   padding: 20px 21px;
   border-radius: 10px;
   
   text-decoration: none;
}
.b8-hed a img {
    float: left;
    margin-right: 8px;
    max-width: 100%;
}
.b8-hed a:hover{
    text-decoration: none;
   box-shadow: inset 0 0 0 0 #143054;
   border: 1px solid white;
    color: white;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.footer{

width: 100%;

float: left;
padding: 60px 0px;
background-color: #0d233f;

}

.foter-logo{
    float: left;
    width: 100%;
}
.foter-logo img{
    float: left;

}
.foter-logo p{
    float: left;
    width: 100%;
    padding-right: 85px;
    color: white;
    font-size: 15px;
    line-height: 25px;
    margin-top: 15px;
    font-weight: 400;

}
.quick-link{
    float: left;
    width: 100%;
}
.quick-link h2{
    float: left;
    width: 100%;
    font-family: 'Optima Bold';
    color: white;
    font-size: 20px;
}
.quicklinks{
    float: left;
    width: 50%;
    margin-top: 40px;
}
.quicklinks a{
    float: left;
    width: 100%;
    font-family: 'Raleway';
    font-weight: 400;
    color: white;
    font-size: 15px;
    margin-top: 16px;
    text-decoration: none;
}
.quicklinks a:hover{
    text-decoration: none;
    color: #e61a23;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.social{
    float: left;
    width: 100%;
}

.social h2{
   float: left;
    width: 100%;
    font-family: 'Optima Bold';
    color: white;
    font-size: 20px;
    margin-bottom: 47px; 
}
.social a{
     float: left;
    width: 100%;
    font-family: 'Raleway';
    font-weight: 400;
    color: white;
    font-size: 15px;
    margin-top: 16px;
    text-decoration: none;
}
.social a:hover{
    text-decoration: none;
    color: #e61a23;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.get-in{
    float: left;
    width: 100%;
    padding-left: 40px;
}
.get-in h2{
    float: left;
    width: 100%;
    font-family: 'Optima Bold';
    color: white;
    font-size: 20px;
    margin-bottom: 47px;
}
.get-in h4{
    float: left;
    width: 100%;
    font-family: 'Raleway';
    font-weight: 700;
    color: white;
    font-size: 15px;
    margin-top: 16px; 
}
.get-in h4 span{
    font-weight: 400;
}
.get-in a{
    font-weight: 400;
    font-family: 'Raleway';
    color: white;
    font-size: 15px;
    text-decoration: none;
}
.get-in a:hover{
    text-decoration: none;
    color: #e61a23;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.foter-copy{
    float: left;
    width: 100%;
    background-color: #d60f17;
    padding-top: 15px;
    padding-bottom: 15px;
}
.foter-copy1{
    float: left;
    width: 100%;
}
.foter-copy1 h4{
    float: left;
    width: 100%;
    font-weight: 500;
    font-family: 'Raleway';
    color: white;
    font-size: 15px;
    margin-bottom: 0px;
    text-align: center;
}
.foter-copy1 a{
    color: white;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.foter-copy1 a:hover{
    text-decoration: none;
    color: #0d233f;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.foter-copy2 h4{
    float: left;
    text-align: right;
    width: 100%;
    font-weight: 500;
    font-family: 'Raleway';
    color: white;
    font-size: 15px;
    margin-bottom: 0px;
}
.foter-copy2 a{
    color: white;
    text-decoration: none;
}
.foter-copy2 a:hover{
    text-decoration: none;
    color: #0d233f;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.panel1 h3{
    float: left;
    width: 100%;
    text-align: center;
    color: white;
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 40px;
    margin-top: -68px;
    margin-left: -134px;
}
.abt-panel {
    width: 100%;
    float: left;
    padding: 30px 5%;
    padding-bottom: 30px;
    background-color: #0f2642;
}
.abt-panel h1{
 font-family: 'Optima Bold';
 color: white;
 font-size: 35px;
 text-align: left;
}
.adr-section h1 {
    float: left;
    width: 100%;
    color: white !important;
    font-size: 30px;
    
    margin-top: 0px;
    margin-top: 10px;
    border-bottom: solid 1px #e6e6e6;
    padding-bottom: 16px;
    font-family: 'Optima Bold';
}
.con-2{
    padding-left: 20px;
}







.panel4{

width: 100%;

float: left;

padding: 70px 0;
}

.img65:hover{
        filter: saturate(2.5);
}
.img5:hover{
        filter: saturate(2.5);
}
.panel4-right:hover span{
    color:#f57b02;
}
.img4:hover{
        filter: saturate(2.5);
}
.panel4-right img:hover{
        filter: saturate(2.5);
}
.panel3{width: 100%;
    float:left;
    background: #0f2642;
 padding-top: 290px;
 background-image: url(../images/services-bg.png);
 background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 11%;
}
.panel3-left{

}
.panel3-right p{

}
.panel3-left h5{font-family: 'Raleway';
    font-weight: 600;
    font-size: 15px;
    color: #fff;}
.panel3-left h1{font-size: 46px;
    color: #fff;
font-family: 'Optima Bold';
margin-top: 5px;
    float: left;
    margin-bottom: 60px;
}
.panel3-left h1 span{color: #ed1c24;}
.panel3-right{

}
.panel3-right p{
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    float: left;
    width: 100%;
    margin-top: 47px;
}
.panel3-box{
float: left;
width: 100%;
margin-bottom: 60px;
}
.panel3-box-img{
float: left;
width: 100%;

}
.panel3-box-img img{
float: left;
width: 100%;
border-radius: 15px 0px 0px 15px;
}
.in-counter-sec{width: 100%;float: left;background: #112b4d;
    margin-top: 40px!important;
}
.counter-sec{width: 100%;float: left;background: #112b4d;}
.counter-box{background: #0d2441;width: 100%;border-radius: 10px;padding: 40px 30px;margin-bottom: 75px;}
.counter-box h5{font-size: 45px;color: #fff;font-family: 'Optima Bold';}
.cntr-bx-txt p{
    font-size: 22px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif !important;
    color: #fff;
}
.cntr-bx-txt h2 span{
    color: #ed1c24;
}
.panel2-box{background: #122e52;
    box-shadow: 0px 0px 3px 0px #0c2340;
    width: 100%;float: left;padding: 40px 24px;border-radius: 10px;position: relative;margin-top: 40px;margin-bottom: 40px;
transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;}

.panel2-bx-img {background: #fff;
    padding: 19px;
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 53%;}
.panel2-bx-img svg{
    width: 73px;
    fill: #ed1c24;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.panel2-box h5{font-size: 23px;color: #fff;margin-top: 30px;font-family: 'Optima Bold';}
.panel2-box h6{
    color: #fff;
   font-weight: 400;
    font-size: 15px;
    line-height: 23px;
}
.panel2-box:hover{
    background: #ed1c24;
    margin-top: 80px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.panel2-box:hover .panel2-bx-img svg{
   fill: #122e52;
   transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.in-counter-box{background: #0d2441;width: 100%;padding: 40px 30px;margin-bottom: 75px;}



.cntr-bx1{
    float: left;
    width: 100%;
}
.cntr-bx2{
    float: left;
    width: 100%;
    padding-left: 50px;
}
.cntr-bx3{
    float: left;
    width: 100%;
    padding-left: 35px;
}
.cntr-bx1 img{
    float: left;
    opacity: .1;
    margin-right: 20px;
}
.cntr-bx2 img{
    float: left;
    opacity: .1;
    margin-right: 20px;
}
.cntr-bx3 img{
    float: left;
    opacity: .1;
    margin-right: 20px;
}
.cntr-bx-txt h2{
    color: white;
    font-size: 47px;
    font-family: 'Optima Bold';
    margin-top: 16px;
}



.count{
    float: left;
    margin-top: 15px;
}
.count .item1:after {
    content: '+';
    position: absolute;
    color: #ed1c24;
}
.count .item1 {
    color: white;
    font-size: 50px;
    /*font-weight: 700;*/
    /*float: left;*/
    
    line-height: 1;
    text-align: left;
    position: relative;
    margin-top: 16px;
    font-family: 'Optima Bold';
 }
.count .item p {
    color: white!important;
    font-family: 'Raleway'!important;
    font-size: 23px !important;
    font-weight: 500 !important;
    margin-top: 14px;
   /*  width: 45%;*/
    margin-bottom: 0px;
    /*float: left !important;*/
}

.in-panel3{
    width: 100%;
    float: left;
    background: #0f2642;
    padding-top: 70px;
    background-image: url(../images/services-bg.png);
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 2%;
}
.in-body6{
    float: left;
    width: 100%;
    background: #0f2642;
    padding-top: 50px;
    padding-bottom: 60px;
}
.in-b6-brands {
    float: left;
    background-color: white;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 30px;
}
.in-b6-brands img{
   max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.career-full{
    float: left;
    width: 100%;
    padding-bottom: 75px;
    padding-top: 70px;
    background: #0f2642;
}
.cr-wd{
  float: left;
  width: 100%;
}
.cr-wd h2{
    float: left;
    width: 100%;
    text-align: center;
   font-family: 'Optima Bold';
    
    color: white;
    font-size: 45px;
    line-height: 55px; 
    margin-bottom: 15px;
}
.career-full p {
    font-size: 15px;
    float: left;
    width: 100%;
    text-align: center;
   font-family: 'Raleway';
   font-weight: 400;
   color: white;
}
.india p {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: white !important;
    line-height: 25px;
    margin-top: 11px;
    margin-bottom: 0px;
}
.india p a{
    color: white;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
}
.india p a:hover{
    text-decoration: none;
    color: #e61a23;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
/*.cr-wd p{
    float: left;
    width: 100%;
    text-align: center;
  
    font-weight: 400;
    color: black;
    font-size: 16px;
    line-height: 25px; 
    margin-bottom: 50px;
}*/
.right-side {
    width: 5%;
    float: right;
    height: 199px;
    box-shadow: inset 400px 50px 0 0 #ed1c24;
    border: 1px solid transparent;
    padding: 10px;
    position: inherit;
    margin-top: -166px;
    border-top-left-radius: 35px;
}
.right-side a{
    font-family: 'Optima Bold';
   

color: #fff!important;

display: table;

transform: rotate(270deg);

font-size: 18px;

text-decoration: none;

padding: 31px 3px;

float: right;

position: relative;

right: -53px;
    margin-top: 47px;

width: 150px;

text-align: center;

font-weight: 400;
transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;


}
.right-side:hover{
    box-shadow: inset 0 0 0 0 #ed1c24;
    border: 1px solid #ed1c24;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.left-slide{
    width: 5%;
    float: left;
    height: 865px;
    background: #ed1c24;
    padding: 10px;
    position: absolute;
}

.contact-snd2 {
    
    /* border-radius: 100px; */
    font-size: 16px;
    font-family: 'Raleway';
    font-weight: 600;
    margin-bottom: 20px;
    font-style: normal;
    font-stretch: normal;
    
    line-height: normal;
    /* letter-spacing: 1.8px; */
    /* width: 81%; */
    text-align: center;
    padding: 18px 25px;
    border: 1px solid transparent;
    background: transparent;
   box-shadow: inset 400px 0 0 0 #ed1c24;
    border-radius: 10px;
    color: #fff;
    float: right;
    margin-top: 11px;
    /* border: solid 2px #a3238e; */
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.contact-snd2:hover{
    color: white;
    border: 1px solid #ed1c24;
     background: transparent;
   box-shadow: inset 0 0 0 0 #ed1c24;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.inner-ban {
    float: left;
    width: 100%;
    background-image: url(../images/slider-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    padding: 90px 0px 50px 0px;
}
.ab-hed {
    float: left;
    width: 100%;
}
.ab-hed h2 {
    float: left;
    width: 100%;
    font-family: 'Optima Bold';
    font-size: 50px;
    color: white;
    text-align: center;
    padding: 70px 0px 0px 0px;
}

.b-5-bx .owl-nav{
    float: right;
    margin-top: 41px;
}
.b-5-bx .owl-prev img{
    width: 55px!important;
    margin-right: 10px;
}
.b-5-bx .owl-next img{
    width: 55px!important;
}


.slider-ban .owl-nav{
    float: none;
    margin-top: -65px;
    text-align: center;
    position: relative;
    z-index: 111;
    margin-right: 120px;
}
.slider-ban .owl-prev img{
    width: 35px!important;
    margin-right: 98px;
}
.slider-ban .owl-next img{
    width: 35px!important;
    
}

.slade-butn{
    float: left;
    width: 100%;
}
.slade-butn a{
float: left;
    font-family: 'Optima Bold';
    color: white!important;
    font-size: 16px;
    text-decoration: none;
}
.slade-butn a:hover{
    color: #ed1c24!important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.slade-butn a img {
    width: 14px!important;
    margin-right: 10px;
    margin-top: 5px;
    float: left;
}
.about-body{
    float: left;
    width: 100%;
    padding: 60px 0px 60px 0px;
    background: #0f2642;
}

.in-ab-hed{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.in-ab-hed h2{
    width: 100%;
    font-family: 'Optima Bold';
    font-size: 50px;
    color: white;
    text-align: left;
    line-height: 59px;
   
}
.in-ab-hed h2 span{
    color: #ed1c24;
}
.in-ab-hed p{
    width: 100%;
    font-family: Raleway;
    color: white;
    line-height: 25px;
    margin-bottom: 0px;
    font-size: 15px;
    text-align: justify;
    font-weight: 400;
}

.in-ab-hed img{
    float: right;
    max-width: 100%;
    margin-left: 20px;
    margin-top: 15px;
   
}


.inner-ban-st {
    float: left;
    width: 100%;
    background-image: url(../images/st-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    padding: 90px 0px 82px 0px;
}
.ab-hed-st {
    float: left;
    width: 100%;
}
.ab-hed-st h2 {
    float: left;
    width: 100%;
    font-family: 'Optima Bold';
    font-size: 50px;
    color: white;
    text-align: center;
    padding: 70px 0px 0px 0px;
}
.ab-hed-st h2 span{
    color: #ed1c24;
}
.store-loc{
     float: left;
    width: 100%;
    padding: 60px 0px;
    background: #122b4b;
}
.st-loc-hed{
    float: left;
    width: 100%;
}
.st-loc-hed h2{
    float: left;
    width: 100%;
    font-family: 'Optima Bold';
    font-size: 28px;
    color: white;
    text-align: center;
}
.st-loc-hed p{
    float: left;
    width: 100%;
    font-family: Raleway;
    color: white;
    line-height: 25px;
    margin-bottom: 0px;
    font-size: 15px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 40px;
}
/*.st-loc-hed form {
    width: 100%;
    float: left;
    margin-top: 25px;
}
.st-loc-hed input {
   border: none; 
   border-radius: 15px;
    width: 100%;
    float: left;
    margin-bottom: 45px;
    padding: 15px 25px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    outline: none;
    font-family: 'Raleway';
}
.st-loc-hed input::placeholder{
    color: #767575!important;
    outline: none;
}
.st-loc-hed textarea {
    border: 0;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding: 15px;
    font-size: 14px;
    color: #000;
    height: 110px;
    font-weight: 400;
    outline: none;
}
.st-loc-hed textarea::placeholder{
    color: black!important;
    outline: none;
}*/
.st-search {
    font-family: 'Raleway';
     border-radius: 15px; 
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 20px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    /* letter-spacing: 1.8px; */
    width: 100%;
    /* border-radius: 5px; */
    text-align: center;
    padding: 16px 42px;
    border: 1px solid transparent;
    background: transparent;
   box-shadow: inset 400px 0 0 0 #ed1c24;
    color: #fff;
    float: right;
    
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.st-search:hover{
    border: 1px solid #ed1c24;
    background: transparent;
   box-shadow: inset 0 0 0 0 #ed1c24;
   text-decoration: none;
   transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


.st-bx{
    float: left;
    width: 100%;
    border: 3px solid white;
    border-radius: 15px;
    padding: 50px 10px 45px 10px;
    height: 304px;
    margin-top: 80px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.st-bx:hover{
    border: 3px solid #ed1c24;
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.st-bx:hover .st-bx-img svg{
    fill: #ed1c24;
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.st-bx-img{
    float: left;
    width: 100%;
}
.st-bx-img svg{
    fill: white;
    width: 82px;
    float: right;
    margin-right: 47px;
    margin-top: -83px;
    background-color: #122b4b;
    padding: 0px 10px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.st-bx h2{
    float: left;
    width: 100%;
    font-family: 'Optima Bold';
    color: white;
    font-size: 27px;
    text-align: center;
}
.st-bx h3{
    float: left;
    width: 100%;
    font-family: 'Raleway';
    color: white;
    font-size: 17px;
    text-align: center;
    font-weight: 500;
    margin-top: 6px;
}
.st-bx p{
float: left;
    width: 100%;
    font-family: 'Raleway';
    color: white;
    font-size: 17px;
    text-align: center;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 0px;
}
.st-bx p a{
    text-decoration: none;
    color: white;
    font-weight: 500;
}
.st-bx-butn{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 25px;
}
.st-bx-butn a{
float: none;
    font-family: 'Raleway';
    color: white;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    background:#ed1c24;
    padding: 10px 30px;
    border-radius: 15px;
    text-decoration: none;
}
.st-bx-butn a:hover{
    color: white;
}
.st-search img {
    float: none;
    margin-right: 8px;
    max-width: 100%;
}

.user__list input {
    border: none; 
   border-radius: 15px;
    width: 100%;
    float: left;
/*    margin-bottom: 45px;*/
    padding: 15px 25px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    outline: none;
    font-family: 'Raleway';
}

.lists-to-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}
.lists-to-line h2 {
    position: absolute;
    margin-top: -90px;
    left: 64%;
}
.lists-to-line h2:first-child {
    left: 12%;
}
/* ================== // common styles =====================  */
.user__list {
  position: relative;
padding-left: 0px;
  width: 100%;
  background: #fff;
  border-radius: 15px;
}
.user__list li{
    list-style: none;
}
.user__list li.open .user__input,
.user__list li.open .user__name {
  color: #333;
}

.user__input,
.user__name {
  position: relative;
  display: block;
  padding: 15px 15px 15px 45px;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  color: #222;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.user__input + i,
.user__name::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8.5px 0 8.5px;
    border-color: #102643 transparent transparent transparent;

}
.turn.user__input + i,
.turn.user__name::after {
  border-width: 0 8.5px 8px 8.5px;
  border-color: transparent transparent #102643 transparent;
}
/* ======= submenu ======== */
.user__sub-list {
  display: none;
  position: absolute;
  z-index: 111;
  top: 40px;
  border-radius: 0px 0px 15px 15px;
  left: 0;
  width: 100%;
  background-color: #fff;
   padding-left: 0px;
}
.user__sub-list.open {
  display: block; 
}
.user__sub-list li {
  display: block;
  color: black;
  padding: 12px 12px 12px 25px;
  transition: all 0.2s ease-out;
 font-family: 'Raleway';
 font-size: 15px;
    font-weight: 500;
  cursor: pointer;
}
.user__sub-list li:hover {
  background-color: #ed1c24;
  color: #fff;
}








.panel2{width: 100%;float: left;background: url('../images/features-bg.png');padding: 70px 0;text-align: center;background-size: cover;background-position: center;background-repeat: no-repeat;height: 400px;}
.panel2 h1{
    font-family: 'Optima Bold';
    color: #fff;
    font-size: 50px;}
    .panel2 h1 span{
        color: #ed1c24;
    }
.panel2 p{
    color: #fff;
    font-size: 15px;
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 300;
    line-height: 25px;
}

.panel1 img{
        float: left;
    margin-right: 100px;
}
.panel1{width: 100%;float: left;
    background: rgb(13,35,63);
background: linear-gradient(180deg, rgba(13,35,63,1) 0%, rgba(17,43,77,1) 100%);
padding: 98px 6% 50px 0;}
.panel1 h4{color: #183051;
    font-size: 125px;
    font-weight: 800;
    font-family: 'Raleway';
margin-top: 10px;
}
.panel1 h5{

}
.panel1 p{color: #fff;
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
}
.panel1 a{
  box-shadow: inset 400px 0 0 0 #ed1c24;
    font-size: 15px;
    color: #fff;
   padding: 18px 28px;
    border-radius: 10px;
    font-family: 'Raleway';
    font-weight: 600;
    text-decoration: none;
    margin-top: 13px;
    float: left;
    border: 1px solid transparent;
}
.panel1 a:hover{
color: white;
 border: 1px solid #ed1c24;
box-shadow: inset 0 0 0 0 #ed1c24;
text-decoration: none;
transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.panel1 a img{
   float: none;
   margin-right: 9px;
   max-width: 100%;
}

.img-support{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.service-text a{
        position: absolute;
        right: 11px;
        top: -19px;
        background: #1e3c5f;
        padding: 10px;
}

.service-text:hover a{
    background: #68923e;
}
.about-sec2-box{width: 100%;float: left;padding: 20px;background: #355f0c;}
.about-sec2-box h5{font-size: 26px;color: #fff;font-weight: 500;margin-top: 20px;}
.service-sec-full{width: 100%;float: left;padding: 70px 0;}
.service-sec-full h2{
    font-size: 30px;
    color: #000;
    font-weight: 600;
    text-align: center;
}.service-sec-full-p{
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    padding: 0px 277px 40px;
    text-align: center;
}
.contact-box h5{font-size: 26px;font-weight: 600;color: #ff7f00;}
.contact-box h6{
    font-size: 14px;
    line-height: 26px;
    color: #000;
    font-weight: 400;
}
.form-sec button{background: #1e3c5f;border: 0;display: table;margin: auto;font-size: 14px;color: #fff;padding: 13px 33px;border-radius: 4px;}
.form-sec button:hover{
    background: #ff7f00;
}
.form-sec{width: 100%;float: left;padding: 30px 0 60px;}
.form-sec form{
    display: block;
    max-width: 800px;
    margin: auto;
}
.img8{
    
position: absolute;
    
right: 12px;
    
bottom: 15px;
    
z-index: 999;
}
.about-full{width: 100%;float: left;padding: 60px 0;background: #f7fbff;}
.about-full p{font-size: 14px;color: #000;line-height: 30px;font-weight: 400;margin: 0;padding-top: 10px;}
.about-full h2{font-size: 45px;color: #000;font-weight: 300;}
.about-full img{
    margin-top: 20px;
    width: 100%;
}
.icon4{
        width: auto !important;
        float: left;
        position: relative;
        left: 4%;
        top: 67px;
}
.banner-box
{

width: 100%;

float: left;

padding: 59px 0 13px 6%;

margin-top: 60px;
}
.ban-box2 h4{

font-size: 42px;

color: #ffb571;

float: left;

font-weight: 600;
}
.ban-box2 h5{font-size: 14px;color: #fff;font-weight: 400;line-height: 21px;padding-left: 70px;padding-top: 7px;}
.ban-box3 h4{

color: #a3cf7b;

float: left;

font-weight: 600;

font-size: 42px;    margin-right: 20px;
}
.ban-box3 h5{font-size: 14px;color: #fff;font-weight: 400;line-height: 21px;padding-left: 70px;padding-top: 7px;}
.ban-box1 h4{

font-size: 42px;

color: #ffc138;

font-weight: 600;

float: left;
}
.ban-box1 h5{font-size: 14px;color: #fff;font-weight: 400;line-height: 21px;padding-left: 70px;padding-top: 7px;}
.ban-box1{

}
.ban-box1{}
.ban-box2{
}
.ban-box3{
}
.panel4 .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;}

.icon3{
        position: absolute;
    right: 0;
    bottom: 1px;
    opacity: .1;
}
.ftr-top a{

background: #fff;

font-size: 14px;

color: #000;

padding: 16px 30px;

float: left;

text-decoration: none;

font-weight: 500;

margin-top: 10px;
}
.ftr-top a:hover{

opacity: .8;

color: #000 !important;
}
.ftr-top p{
    color: #000;
    font-size: 14px;
    float: right;
    padding-right: 40px;
    font-weight: 500;
    line-height: 27px;
}
.cs:hover{
    background:#db612d;    border-color: #db612d;
}
.cs{
    background-color: #689142;    padding: 9px 6px;    border: 4px solid rgb(121 135 108);width: auto !important;float:left;
}
.cs1{
        float: left;
    width: auto !important;
    position: relative;
    top: 17px;
}
.ftr-top{
    
width: 100%;
    
float: left;
    
background: url('../images/bg2.png');
    
background-size: cover;
    
background-position: center;
    
padding: 30px;
    
position: relative;
    
height: 260px;
}
.panel4-right{
    position: relative;
    float: right;
}
.panel4-right img{
    float: right;
}
.panel4 .item img{
      max-width: 100%;
      width: 100%;
      filter: grayscale(1);
      object-fit: contain;
      height: 85px;
      margin-top: 35px;
}
.panel4 .item img:hover{
    filter: brightness(1);
}
.panel4-carousel{
    float: left;
}
.team-h5:after{
    display: none;
}
.panel4 h5{position: relative;font-size: 18px;color: #350379;font-weight: 500;float: left;padding: 0 25px 0 0;}
.panel4 h5:after{position: absolute;content: '';background: #6d6d6d;width: 10px;height: 10px;left: -15px;border-radius: 100%;top: 5px;}
.panel4 h2{

font-size: 36px;

color: #000;

width: 100%;

line-height: 56px;

float: left;

font-weight: 300;

margin-top: 20px;
}
.panel4-img{

}
.panel4-box{

width: 200px;

position: absolute;

left: -60px;

bottom: 44px;

padding: 30px 25px;

background: #fff;

box-shadow: 5px 16px 12px 10px rgba(0,0,0,0.05);
}
.panel4-box h4{

}
.panel4-box h6{

}
.panel4-box a{

background: #689142;

font-size: 13px;

color: #fff;

padding: 5px 13px;

font-weight: 400;

text-decoration: none;

float: left;

margin-top: 10px;
}
.panel4-box a:hover{

color: #fff;

background: #c96305;
}
.panel4 p{
    width: 100%;
    float: left;
    line-height: 30px;
    font-size: 14px;
    color: #000;
    color: #242425;
}


.panel3-box1{

}
.panel3-box2{

}
.panel3-box3{

}


.hd-social{position: absolute;top: 25%;left: 5px;z-index: 999;height: 100%;width: 56px;}
.insta-hd:after{
    display: none;
}

.hd-social a{
    font-family: 'Raleway';

color: #fff;

display: table;

transform: rotate(270deg);

font-size: 15px;

text-decoration: none;

padding: 31px 3px;

float: right;

position: relative;

right: -21px;

margin-top: 10px;

width: 93px;

text-align: center;

font-weight: 400;


}
.hd-social a:hover{
    
color: #122a4a;
transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.panel5 h6:before{
    position: absolute;
    content: '';
    background: #f1c4b1;
    width: 45px;
    height: 44px;
    left: -14px;
    border-radius: 100%;
    z-index: -1;
    top: -13px;
}.quote-scroll {
    float: left;
    width: 100%;
    padding-top: 95px;
    padding-bottom: 95px;
    background-color: black;
    float: left;
    width: 100%;
    margin-bottom: 45px;
    background: url(../images/quote.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
#ahsan-culture h1 {
    float: left;
    width: 100%;
    text-align: center;
    color: #000000;
    font-size: 45px;
    font-weight: 800;
    line-height: 65px;
}.about-panel-center {
    text-align: center;
    font-size: 13px;
    color: #000000;
    line-height: 29px;
    float: left;
    width: 100%;
    padding-left: 250px;
    padding-right: 250px;
    font-weight: 500;
    padding-top: 15px;
}#culture-list {
    float: left;
    width: 100%;
    margin-top: 55px;
}#culture-list img {
    margin-bottom: 20px;
}#culture-list h4 {
    float: left;
    width: 100%;
    color: #000000;
    font-size: 20px;
    margin-bottom: 0px;
    padding-bottom: 17px;
    font-weight: bold;
}#culture-list p {
    float: left;
    width: 100%;
    font-size: 14px;
    color: rgb(0 0 0 / 91%);
    line-height: 29px;
    font-weight: 500;
}


.quote-scroll h1 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 49px;
    font-weight: 200;
    color: white;
    line-height: 70px;
}
.quote-scroll {
    float: left;
    width: 100%;
    padding-top: 95px;
    padding-bottom: 95px;
    background-color: black;
    float: left;
    width: 100%;
    margin-bottom: 45px;
    background: url(../images/quote.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
#ahsan-culture {
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 65px;
}
.training-bottom-section {
    float: left;
    width: 100%;
}.padding_btm45 {
    padding-bottom: 45px !important;
}.corportae_details {
    float: left;
    width: 100%;
    font-size: 35px;
    color: #333333;
    font-weight: 300;
}.corportae_details h1 {
    float: left;
    width: 100%;
    font-size: 35px;
    color: #333333;
    font-weight: 300;
    line-height: 45px;
    padding-top: 35px;
    padding-bottom: 15px;
}.corportae_details p {
    padding-bottom: 20px;
    float: left;
    width: 100%;
    font-weight: 400;
    color: #333333;
    font-size: 14px;
    text-align: justify;
    padding-right: 0px;
    margin-bottom: 20px;
    line-height: 27px;
}.frm-width {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}.frm-title {
    float: left;
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
}.frm-title span {
    color: red;
    font-weight: normal;
    font-size: 17px;
    padding-left: 3px;
}
.resume-submit {
    display: table;
    font-weight: 500;
    text-align: center;
    /* text-transform: uppercase; */
    white-space: nowrap;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: 15px 47px;
    font-size: 14px;
    /* line-height: 48px; */
    border-radius: 0px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    background-color: #000;
    position: relative;
    z-index: 10;
    overflow: hidden;
    /* letter-spacing: 1.5px; */
    margin: auto;
}
.resume-submit::before{
        position: absolute;
        content: '';
        background-color: #db612d;
        width: 100%;
        height: 0%;
        left: 50%;
        top: 50%;
        border-radius: 33px;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
        z-index: -1;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        opacity: 1;
}
.resume-submit:hover{    text-decoration: none;
    background: #000;
    color: #fff;}
    .resume-submit:hover::before{
        height: 400px;
        opacity: 0;
    }
.career-forms {
    color: #272626;
    display: block;
    font-size: 13px;
    height: 50px;
    margin-bottom: 18px !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    margin-top: 3px;
    width: 100%;
    float: left;
    padding: 15px;
    margin-top: 8px;
    border-radius: 5px;
    border: solid 1px rgb(0 0 0 / 33%);
}#about-us {
    float: left;
    width: 100%;
    padding-top: 75px;
    padding-bottom: 75px;
}#about-us img {
    float: right;
    margin-left: 30px;
    width: 460px;
    margin-top: 15px;
    border-radius: 10px;
}#about-us h1 {
    color: #000000;
    font-size: 39px;
    font-weight: 800;
    line-height: 55px;
    margin-bottom: 30px;
}#about-us p {
    font-size: 14px;
    color: #000000;
    line-height: 29px;
    font-weight: 500;
    /* float: left; */
}
.pb80 {
    padding-bottom: 80px !important;
}
.welcome_area {
    padding: 60px 50px 66px 0 !important;
    background: #fff;
    position: relative;
    padding-right: 0px !important;
}
.align-cntr {
    text-align: center !important;
}.panel_1 h2, .panel_1 h3 {
    width: 100%;
    float: left;
    position: relative;
    color: #333;
    font-size: 35px;
    line-height: 45px;
    font-weight: 300;
    margin-bottom: 20px;
    text-align: left;
}
.welcome_area h2 {
    width: 100%;
    float: left;
    position: relative;
    font-size: 35px;
    line-height: 45px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}
.welcome_area h2, .welcome_area p {
    color: #000;
}
.cntr-align {
    text-align: center !important;
    padding-left: 200px;
    padding-right: 200px;
    line-height: 45px !important;
}.panel_1 p:last-child {
    margin-bottom: 0px;
}
.panel_1 p {
    width: 100%;
    float: left;
    position: relative;
    color: #333;
    font-size: 17px;
    line-height: 27px;
    font-weight: 300;
    margin-bottom: 25px;
    text-align: justify;
}.wd420 {
    width: 405px;
    margin-bottom: 30px;
}
.sr-imgs {
    float: right !important;
    margin-left: 70px;
    margin-top: 0;
}.panel_1 p {
    width: 100%;
    float: left;
    position: relative;
    color: #000;
    font-size: 14px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 25px;
    text-align: justify;
}
.cntr-pra {
    text-align: center !important;
    padding-left: 150px !important;
    padding-right: 150px !important;
    line-height: 29px !important;
}
.sr-details {
    position: relative !important;
    color: #000 !important;
    font-size: 14px !important;
    line-height: 30px !important;
    font-weight: 400 !important;
    margin-bottom: 25px !important;
    text-align: justify !important;
    float: none !important;
}
.ahsan_form2:focus{
    
border-color: #db612d;
}.ahsan_form{
    position: relative;
}
.ahsan_form:after{
    border:1px solid #db612d;width: 0;position: absolute;content: '';
}
.ahsan_form:focus .ahsan_form::after{
    width: 100%;
}
.ahsan_form:focus{
    
border-color: #db612d;
}
.btn-message {
    float: left;
    width: 50%;
}.ahsan-map {
    float: left;
    width: 100%;
    margin-top: 55px;
}.mapg {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.about-panel {
    float: left;
    width: 100%;
    padding-top: 50px;
}.about-panel h1 {
    float: left;
    width: 100%;
    text-align: center;
    color: #000000;
    font-size: 50px;
    font-weight: 800;
    line-height: 65px;
}.about-panel-center {
    text-align: center;
    font-size: 13px;
    color: #000000;
    line-height: 29px;
    float: left;
    width: 100%;
    padding-left: 250px;
    padding-right: 250px;
    font-weight: 500;
    padding-top: 15px;
}#contact-panel {
    float: left;
    width: 100%;
    padding-top: 75px;
    padding-bottom: 65px;
}#contact-panel h1 {
    float: left;
    width: 50%;
    color: #db612d;
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
}#contact-panel p {
    float: left;
    width: 50%;
    font-size: 14px;
    color: #000000;
    line-height: 29px;
    font-weight: 500;
}#contact-panel h2 {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #000000;
    font-weight: 800;
    padding-bottom: 0;
}.mail-hvr {
    color: #000000;
    text-decoration: none;
}
.mail-hvr:hover{color:#000;}


#enquiry-panel {
    float: left;
    width: 100%;
    padding-bottom: 65px;
    padding-top: 0;
}#enquiry-panel h1 {
    float: left;
    width: 100%;
    text-align: center;
    color: #000000;
    font-size: 45px;
    font-weight: 800;
    line-height: 65px;
}.about-panel-center {
    text-align: center;
    font-size: 13px;
    color: #000000;
    line-height: 29px;
    float: left;
    width: 100%;
    padding-left: 250px;
    padding-right: 250px;
    font-weight: 400;
    padding-top: 15px;
    font-family: 'Open Sans', sans-serif !important;
}#enquiry-panel form {
    float: left;
    width: 100%;
    margin-top: 55px;
}.frm-name {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}.frm-name label {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
}.ahsan_form {
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    font-size: 13px;
    height: 50px;
    margin-bottom: 25px !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    border: solid 1px rgb(46 67 110 / 39%);
    margin-top: 6px;
    width: 96%;
    float: left;
    padding: 15px;
    border-radius: none !important;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-top: 10px;
    padding-left: 0px;
}.ahsan_form2 {
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    margin-top: 20px !important;
    font-size: 13px;
    height: 295px;
    margin-bottom: 0px !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    border: solid 1px rgb(46 67 110 / 39%);
    margin-top: 6px;
    width: 100%;
    float: left;
    padding: 15px;
    border-radius: none !important;
}.message-nav:hover {
    
    color: #fff !important;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.message-nav:before{
    position: absolute;
    content: '';
    background-color: #db612d;
    width: 100%;
    height: 0%;
    left: 50%;
    top: 50%;
    border-radius: 33px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: -1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 1;
    }.message-nav:hover::before {
    height: 400px;
    opacity: 0;
}
.message-nav {
 display: inline-block;
    font-weight: 500;
    text-align: center;
    /* text-transform: uppercase; */
    white-space: nowrap;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: 15px 47px;
    font-size: 14px;
    /* line-height: 48px; */
    border-radius: 0px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    background-color: #000;
    position: relative;
    z-index: 10;
    overflow: hidden;
    
}.note-msg {
    float: left;
    width: 50%;
    text-align: right;
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    line-height: 22px;
    padding-top: 9px;
}
.client-carousel .item img{
    width: 100%;
    height: 100px;
    object-fit: contain;
    margin-bottom: 30px;
}
.client-full{
    width: 100%;
    float: left;
    padding: 70px 0;
    text-align: center;
}
.client-full h2{
    font-size: 40px;
    color: #000;
    font-weight: 300;
}
.client-full h2 span{font-weight:700;}
.client-full p{
    font-size: 14px;
    line-height: 30px;
    padding: 15px 211px 50px;
}
.panel5 img{
width: 100%;
}
.ftr-links2{

width: 100%;

float: left;

padding: 60px 0 10px;

/* border-top: 1px solid #e28157; */
}
.ftr-links2 h4
{color: #cfcece;font-size: 18px;font-weight: 500;text-transform: uppercase;margin-bottom: 20px;}
.ftr-links2 a{

font-size: 13px;

color: #cfcece;

text-decoration: none;

padding: 8px 0;

width: 50%;

float: left;
}
.ftr-links2 a img{

transition: all ease-in-out .5s;

-webkit-transition: all ease-in-out .5s;
}
.ftr-links2 a img:hover{
    margin-top: -8px;
}

.ftr-links2 p
{

}
.ftr-links2 p a
{

font-size: 13px;

color: #fff;

text-decoration: none;
}
.ftr-links h4{
    
color: #cfcece;
    
font-size: 18px;
    
font-weight: 500;
    
text-transform: uppercase;
    
margin-bottom: 20px;
}
.ftr-links{

width: 100%;

float: left;

padding: 60px 0 10px;
}
.ftr-linksa{

}
.ftr-links a{
    
font-size: 13px;
    
color: #cfcece;
    
text-decoration: none;
    
padding: 8px 0;
    
width: 100%;
    
float: left;
}
.panel6{

width: 100%;

float: left;

text-align: center;

background: url('../images/bg2.png');

background-size: cover;

background-position: center;

padding: 160px 0 90px;

background-attachment: fixed;
}
.panel6 h2{

font-size: 50px;

color: #fff;

font-weight: 300;
}
.panel6 h2 span{

float: left;

width: 100%;

font-weight: 700;
}
.panel6 p{

font-size: 14px;

color: #fff;

font-weight: 400;

padding: 15px 346px;

float: left;

width: 100%;

line-height: 28px;
}
.panel6 p{

}/*
.panel6 a{

background: #db612d;

font-size: 15px;

color: #fff;

font-weight: 600;

padding: 15px 36px;

text-decoration: none;
}
.panel6 a:hover{
    text-decoration: none;
    color: #fff;
    background: #000;
}
*/
.panel5-box h5{
    
font-size: 25px;
    
color: #000;
    
font-weight: 300;
}
.panel5-box

{

width: 100%;

float: left;

background: #ffff;

padding: 20px;

margin-top: 0;

position: relative;

top: 81px;

border-radius: 10px;

text-align: center;
}
.panel5-box h4{

font-size: 66px;

color: #000;

font-weight: 700;

margin-top: 15px;
}
.panel5-box h6{

}
.panel5-box img{
    
height: 80px;
    
object-fit: contain;
}
.panel5{

width: 100%;

float: left;

background: #f4cfc0;

padding: 70px 0 0;

position: relative;
}
.panel5 h6{position: relative;font-size: 15px;color: #db612d;font-weight: 600;z-index: 10;margin-bottom: 15px;}
.panel5 h6:after{position: absolute;content: '';background: #db612d;width: 40px;height: 2px;top: 7px;left: 102px;}
.panel5 h2{

font-size: 40px;

color: #000;

font-weight: 200;

margin-top: 30px;
}
.panel5 h2 span{

font-weight: 700;

width: 100%;
}
.panel5 p{

font-size: 13px;

color: #000;

line-height: 28px;

margin-top: 15px;
}/*
.panel5 a{

background: #000;

font-size: 15px;

color: #fff;

text-decoration: none;

font-weight: 600;

padding: 13px 30px;

float: left;

margin-top: 10px;

border: 2px solid #000;
}
.panel5 a:hover{
    
color: #000;
    
background: transparent;
}*/
.panel6 a:hover::before {
    height: 400px;
    opacity: 0;
}

.panel6 a::before {
    position: absolute;
    content: '';
    background-color: #000000;
    width: 100%;
    height: 0%;
    left: 50%;
    top: 50%;
    border-radius: 33px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: -1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 1;
}
.p2-carousel .owl-nav{
    display: block !important;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}.p2-carousel .owl-nav button{
    margin-right: 10px;
}
.partner-sec{
    width: 100%;
    float: left;padding: 60px 5%;
}.bg-brand {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px;
    text-align: center;
    border: solid 1px rgba(243, 112, 33, 0.58);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    margin-bottom: 30px;
}.bg-brand img {
    width: 100%;
    right: 0px;
}

.brand-hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}.bg-brand:hover {
    text-decoration: none !important;
    -webkit-box-shadow: 0px 3px 25px -9px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 25px -9px rgb(0 0 0 / 22%);
    border: solid 1px #fff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
@media(max-width: 347px) {
    .header_logo img {
    max-width: 100%;
    width: 200px !important;
}
}
.award-sec{

width: 100%;float: left;padding: 60px 5%;}
.award-box{

width: 100%;}
.award-sec img{

}
.award-sec h2{

font-size: 40px;color: #000;;;;;;;;font-weight: 500;text-transform: uppercase;}
.award-sec p{
    
margin: 0;font-size: 15px;color: #000;line-height: 30px;}
.mission-box {
    width: 100%;
    background: #fff;
    padding: 74px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 467px;
}.about-sec2 h6 {
    font-size: 55px;
    font-weight: 700;
}.mission-box1 {
    width: 100%;
    background: #106534;
    padding: 74px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 467px;
}.mission-box1 h6 {
    color: #fff;
}.mission-box1 p {
    font-size: 15px;
    color: #fff !important;
}
.meta-sec5-box h4{
    position: relative;
font-size: 19px;color: #fff;text-transform: uppercase;font-weight: 500;margin-top: 25px;padding-left: 50px;}
.meta-sec5-box h4:after{
    position: absolute;content: '';
background: url('../images/arrow2.png');width: 36px;height: 26px;left: 0;top: -5px;}
.meta-sec5-box h6{
    
font-size: 15px;color: #fff;line-height: 28px;font-weight: 400;padding-left: 50px;}
.meta-sec5{

width: 100%;float: left;background: url('../images/rt-edu3.png');background-size: cover;background-position: center;padding: 60px 5%;}
.meta-sec5-box{

width: 90%;float: left;}
.meta-sec5-box img{

border-radius: 10px;}
.meta-sec5-box h5{

font-size: 29px;color: #fff;font-weight: 500;text-transform: uppercase;margin-top: 25px;}
.meta-sec5-box h2{

font-size: 45px;color: #fff;text-transform: uppercase;font-weight: 200;margin-bottom: 12px;float: left;}
.meta-sec5-box h2 span{

font-weight: 600;width: 100%;float: left;}
.meta-sec5-box p{
    
font-size: 15px;color: #fff;font-weight: 400;line-height: 30px;}
.meta-sec4{

width: 100%;float: left;background: url('../images/div-bg.png');background-size: cover;background-position: center;padding: 60px 5%;}
.meta-sec4 h2{


font-size: 45px;font-weight: 200;text-align: center;text-transform: uppercase;margin-bottom: 15px;width: 100%;float: left;}
.meta-sec4 h2 span{

font-weight: 600;width: 100%;float: left;}
.meta-sec4 p{

text-align: center;font-size: 15px;color: #000;line-height: 30px;padding: 0 355px;}
.meta-sec4 .row{

margin-top: 45px;}
.meta-sec4 h4{

font-size: 82px;color: #bbc1bd;font-weight: 600;}
.meta-sec4 h5{

font-size: 24px;color: #000;font-weight: 600;text-transform: uppercase;padding-left: 15px;}
.meta-sec4 h6{
    
font-size: 15px;color: #000;font-weight: 400;line-height: 30px;padding-left: 15px;margin: 0;}
.meta-sec3{

width: 100%;float: left;background: url('../images/rt-edu3.png');background-position: center;background-size: cover;padding: 50px 5%;}
.meta-sec3 img{

width: 100%;border-radius: 10px;height: 595px;object-fit: cover;}
.meta-sec3 h5{

font-size: 29px;color: #fff;font-weight: 500;text-transform: uppercase;}
.meta-sec3 h2{

font-size: 45px;color: #fff;font-weight: 200;text-transform: uppercase;margin-bottom: 15px;float: left;width: 100%;}
.meta-sec3 h2 span{

font-weight: 600;width: 100%;float: left;}
.meta-sec3 p{

font-size: 15px;color: #fff;font-weight: 400;line-height: 30px;}
.meta-sec3 h4{
position: relative;
font-size: 19px;color: #fff;font-weight: 500;text-transform: uppercase;padding-left: 50px;}
.meta-sec3 h6{
    
width: 100%;font-size: 15px;color: #fff;font-weight: 400;width: 65%;line-height: 30px;margin-bottom: 19px;}
.meta-sec3 h4:after{
    position: absolute;content: '';
background: url('../images/arrow2.png');width: 36px;height: 26px;left: 0;top: -6px;}
.meta-sec2{

width: 100%;float: left;padding: 0 5% 50px;}
.meta-sec2 img{

border-radius: 10px;}
.meta-sec2 h6{

font-size: 19px;color: #00522d;font-weight: 500;text-transform: uppercase;margin-bottom: 20px;}
.meta-sec2 h5{
    position: relative;
font-size: 15px;font-weight: 500;line-height: 27px;padding-left: 92px;width: 85%;margin-bottom: 30px;margin-top: 30px;}
.meta-sec2 h5:after{
    position: absolute;
    content: '';
background-color: #0f6a36;height: 96px;width: 3px;left: 0;top: 6px;}
.meta-sec2 h2{

font-size: 48px;color: #000;font-weight: 200;text-transform: uppercase;}
.meta-sec2 h2 span{
    
font-weight: 600;}
.meta-sec2 p{
    
font-size: 15px;color: #000;font-weight: 400;line-height: 30px;width: 90%;}
.rt-meta{

width: 100%;float: left;padding: 60px 5%;}
.meta-box{

width: 100%;float: left;margin-bottom: 30px;}
.meta-box h5{

font-size: 19px;color: #000;font-weight: 600;text-transform: uppercase;}
.meta-box p{
    
margin: 0;font-size: 15px;line-height: 28px;width: 84%;}

.rt-fin-box{

width: 100%;float: left;margin-bottom: 30px;}
.rt-fin-box h5{
position: relative;
font-size: 19px;color: #fff;text-transform: uppercase;font-weight: 600;padding-left: 50px;}
.rt-fin-box h6{

font-size: 15px;color: #fff;font-weight: 400;line-height: 27px;padding-left: 50px;margin: 0;}
.rt-fin-box h5:after{
    content: '';
    position: absolute;
background: url('../images/arrow2.png');width: 38px;height: 26px;top: -5px;left: 0;}
.rt-fin4 h2{

font-size: 40px;color: #fff;font-weight: 200;text-transform: uppercase;margin-top: 20px;}
.rt-fin4 h2 span{

}
.rt-fin4 p{
    
font-size: 15px;color: #fff;font-weight: 400;line-height: 30px;margin: 0;}
.rt-fin4{
        width: 100%;
    float: left;
    background: url(../images/rt5-bg.png);
    margin-top: -1px;
    position: relative;
    z-index: -1;
padding: 80px 2% 50px;background-position: center;background-size: cover;}
.rt-fin-sec3 img{
    width: 100%;
    border-radius: 10px;
}
.rt-fin-sec3 h4{
        font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 30px;
}
.rt-fin-sec3 h2 span{
    font-weight: 600;
}
.rt-fin-sec3 h2{
        font-size: 45px;
    color: #fff;
    font-weight: 200;
    text-transform: uppercase;
margin-top: 50px;}
.rt-fin-sec3 .nav a {
    background-color: #000;
    border-color: #000 !important;
    text-decoration: none;
    position: relative;
    font-size: 13px;
    font-weight: 500;width: 120px;
    float: left;
    text-align: center;
    color: #fff;
    height: 32px;
    padding: 6px 0;
    border-radius: 30px;
    margin-left: 15px;
}
.rt-fin-sec3 .nav {
    width: 90%;
    float: left;
    border: 0;
}
.rt-fin-sec3 .nav a.active {
    background-color: #04361a !important;
    border-color: #04361a !important;
    text-decoration: none;
    position: relative;
    font-size: 13px;
    /* width: 108px; */
    float: left;
    text-align: center;
    color: #fff !important;
    /* height: 33px; */
    /* padding: 6px 0; */
    border-radius: 30px;
    /* margin-left: 15px; */
}
.rt-fin-sec3{
    
width: 100%;float: left;background: url('../images/rt-edu3.png');padding: 50px 5%;background-size: cover;background-position: center;}
.rt-fin-sec3 .nav a.active:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #04361a;
    top: 32px;
    left: 46px;
}
.rt-fin-sec3 .mt5-sec2 .tab-content {
    width: 92%;
    float: left;
    margin-top: 20px;
}
.rt-fin-sec2
{

width: 100%;float: left;background: url('../images/fin-jr-bg1.png');background-position: center;background-size: cover;padding: 60px 5%;text-align: center;min-height: 903px;}
.rt-fin-sec2 h2{

font-size: 45px;color: #000;font-weight: 200;text-transform: uppercase;}
.rt-fin-sec2 h2 span{

float: left;width: 100%;font-weight: 600;}
.rt-fin-sec2 p{

font-size: 15px;color: #000;line-height: 30px;padding: 10px 340px;margin-bottom: 35px;}
.rt-fin-sec2 img{

}
.rt-fin-sec2 h5{

font-size: 19px;color: #000;font-weight: 600;margin-top: 20px;text-transform: uppercase;}

.rt-fin-sec2 h6{
    
font-size: 15px;color: #000;font-weight: 400;line-height: 27px;}
.rt-dot{
        position: absolute;
    bottom: -115px;
    right: 0px;
}
.rt-pay3 h1{
        font-size: 38px;
    color: #fff;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 15px;
}
.rt-pay3-box {

width: 100%;

margin-top: 30px;
}
.rt-pay3-box h6{

font-size: 19px;

color: #fff;

font-weight: 600;

position: relative;

padding-left: 44px;
}
.rt-pay3-box p{
    padding-left: 44px;

}
.rt-pay3-box h6:after{
    position: absolute;
    content: '';
    background: url('../images/arrow2.png');
    width: 36px;
    height: 29px;
    left: 0;
    top: -5px;
}
.rt-fin-sec p{
    
font-size: 15px;color: #000;line-height: 30px;}
.rt-fin-sec{

width: 100%;padding: 60px 5%;float: left;}
.rt-fin-sec h5{

font-size: 19px;color: #00522d;text-transform: uppercase;margin-bottom: 15px;}
.rt-fin-sec h2{

font-size: 48px;color: #000;font-weight: 200;text-transform: uppercase;}
.rt-fin-sec h2 span{

font-weight: 600;}
.rt-fin-sec img{

width: 100%;border-radius: 10px;}
.green-rt {

background: #d8fbd8;padding: 15px;border-radius: 10px;position: relative;left: 12%;z-index: 1;top: 72px;}
.green-rt h6{
position: relative;
font-size: 14px;color: #000;font-weight: 500;line-height: 28px;padding-left: 106px;}
.green-rt h6:after{
position: absolute;
content: '';
background: url('../images/arrow3.png');width: 78px;height: 59px;left: 0;filter: grayscale(1);top: -1px;}
.rt-pay-img1{
    
width: 676px;
    
height: 533px;
    
border-radius: 10px;
}

.rt-pay3{
position: relative;
width: 100%;

float: left;

background: url('../images/rt-edu3.png');

background-size: cover;

background-position: center;

padding: 60px 4% 0;

background-attachment: fixed;

height: 827px;
}
.rt-pay3 h5{

font-size: 29px;

color: #fff;

font-weight: 500;

text-transform: uppercase;
}
.rt-pay3 h2{

font-size: 45px;

color: #fff;

font-weight: 200;

text-transform: uppercase;

width: 90%;

margin-bottom: 15px;
}
.rt-pay3 h2 span{

font-weight: 600;
}
.rt-pay3 p{
    
font-size: 15px;
    
color: #fff;
    
font-weight: 400;
    
line-height: 30px;
}
.rt-pay2 {

width: 100%;

float: left;

padding: 50px 5%;
}
.rt-pay2 img{

width: 392px;

height: 537px;

object-fit: cover;

border-radius: 10px;

float: right;

margin-left: 40px;
}
.rt-pay2 h5{

font-size: 19px;

color: #00522d;

font-weight: 500;

text-transform: uppercase;
}
.rt-pay2 h2{

font-size: 48px;

color: #000;

font-weight: 200;

text-transform: uppercase;

margin-bottom: 22px;
}
.rt-pay2 h2 span{

font-weight: 600;
}
.rt-pay2 h6{

font-size: 15px;

color: #000;

font-weight: 500;

line-height: 28px;

background: #d8fbd8;

padding: 15px;

border-radius: 15px;

width: 63%;

/* margin-top: 10px; */
}
.rt-pay2 p{
    
font-size: 15px;
    
color: #000;
    
font-weight: 400;
    
line-height: 30px;
    
margin-top: 20px;
}
.rt-pay{

width: 100%;

float: left;

padding: 60px 5%;

text-align: center;
}
.rt-pay img{

}
.rt-pay h5{

font-size: 19px;

color: #000;

font-weight: 600;

text-transform: uppercase;

margin-top: 15px;
}
.rt-pay p{
    
font-size: 15px;
    
color: #000;
    
line-height: 28px;
    
padding-top: 5px;
    
margin: 0;
}
.rt-grow3-row .row{
    margin-bottom: 30px;
}
.rt-grow3-row{

width: 100%;

float: left;

padding: 50px 2%;
}
.rt-grow3-row h3{
position: relative;
}
.rt-grow3-row h6{

font-size: 15px;

color: #fff;

font-weight: 400;

line-height: 28px;

padding-top: 5px;

padding-left: 30px;
}
.rt-grow3-row h3:after{
    position: absolute;
    content: '';
    background: url('../images/arrow2.png');
    width: 36px;
    height: 29px;
    left: -14px;
    top: -5px;
}
.rt-grow3{width: 100%;float: left;background: url('../images/rt-edu3.png');background-size: cover;background-position: center;position: relative;margin-top: 100px;}
.rt-grow3 img{

width: 636px;

height: 531px;

float: left;

border-top-right-radius: 10px;

border-bottom-right-radius: 10px;

/* position: absolute; */

margin-top: -57px;

margin-right: 50px;
}
.rt-grow3 h5{

font-size: 29px;

color: #fff;

font-weight: 500;

margin-top: 40px;
}
.rt-grow3 p{

font-size: 15px;

color: #fff;

font-weight: 400;

line-height: 30px;

width: 95%;
}
.rt-grow3 h2{

font-size: 45px;

color: #fff;

font-weight: 200;

width: 93%;

text-transform: uppercase;
}
.rt-grow3 h3{position: relative;font-size: 19px;color: #fff;font-weight: 600;text-transform: uppercase;padding-left: 30px;}
.rt-grow3 h3:after{
    
}
.rt-grow3 h2 span{

font-weight: 600;
}
.rt-grow2 .row{
    margin-bottom: 30px;
}
.rt-grow2{

width: 100%;

padding: 0 5%;
}
.rt-grow2 img{

}
.rt-grow2 p{

font-size: 15px;

color: #000;

font-weight: 400;

line-height: 28px;

width: 85%;
}
.rt-grow2 h6{
    
font-size: 19px;
    
font-weight: 600;
    
color: #000;
}
.rt-grow{

width: 100%;

float: left;

padding: 0 0 50px 5%;

/* margin-bottom: 80px; */
}
.rt-grow h5{

font-size: 19px;

color: #00522d;

font-weight: 500;

margin-top: 50px;

background: #e0e8e3;

width: 312px;

/* float: left; */

text-transform: uppercase;

padding: 10px;

text-align: center;

border-radius: 4px;
}
.rt-grow h2{

width: 100%;

font-size: 48px;

color: #000;

font-weight: 200;

/* float: left; */

margin-top: 20px;

text-transform: uppercase;

margin-bottom: 20px;
}
.rt-grow h2 span{

font-weight: 600;
}
.rt-grow p{

font-size: 15px;

line-height: 29px;

color: #000;

font-weight: 400;

/* float: left; */
}

.rt-grow img{
    
width: 510px;
    
height: 647px;
    
float: right;
    
border-bottom-left-radius: 10px;
    
margin-left: 50px;
}.input-area {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}.input-area input {
    width: 100%;
    height: 52px;
    border-radius: 5px;
    background: #fff;
    border: 0;
    padding: 5px 10px;
    font-size: 14px;
}.input-area textarea {
    width: 100%;
    height: 135px;
    border-radius: 5px;
    background: #fff;
    border: 0;
    padding: 5px 10px;
    font-size: 14px;
}.contact-input img {
    position: absolute;
    left: 0;
    z-index: 99;
    height: 54px;
    width: 152px;
    object-fit: cover;
}.input-area button {
    background: #0d4e28;
    border: 0;
    width: 100%;
    padding: 15px 0;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}.input-area button:hover {
    text-decoration: none;
    background: #000;
}
.rt-edu4 h1{

font-size: 36px;

font-weight: 600;

color: #fff;

background: #106534;

text-align: center;

padding: 16px 0;

border-radius: 100%;
}
.rt-edu4 h3{

font-size: 24px;

color: #000;

font-weight: 600;
}
.rt-edu4 h4{

font-size: 15px;

line-height: 28px;

color: #000;

font-weight: 400;

padding-top: 5px;
}
.edu4-box{
    
margin-top: 30px;
    
width: 100%;
    
float: left;
    
margin-bottom: 20px;
}
.rt-edu4{

width: 100%;

float: left;

background: url('../images/div-bg.png');

margin-top: -97px;

position: relative;

z-index: -1;

padding: 140px 3% 70px;
background-size: cover;background-position: center;}
.rt-edu4 h2{

font-size: 45px;

color: #000;

text-align: center;

font-weight: 200;

margin-bottom: 10px;

width: 100%;

float: left;
}
.rt-edu4 h2 span{

width: 100%;

float: left;

font-weight: 600;
}
.rt-edu4 p{

text-align: center;

font-size: 15px;

color: #000;

font-weight: 400;

padding: 22px 379px;

line-height: 28px;
}
.rt-edu4-box{

width: 100%;

background: #fff;

padding: 50px 30px;

border-radius: 10px;

/* text-align: center; */

margin-top: 30px;
}
.rt-edu4-box h5{

font-size: 24px;

color: #000;

font-weight: 600;
}
.rt-edu4-box h6{
    
font-size: 14px;
    
color: #000;
    
font-weight: 400;
    
line-height: 28px;
    
padding-top: 5px;
    
margin: 0;
}
.rt-edu3{

width: 100%;

clear: both;

background: url('../images/rt-edu3.png');

background-size: cover;

background-position: center;

padding: 60px 5%;
}
.rt-edu3 h5{

font-size: 29px;

color: #fff;

font-weight: 500;

text-transform: uppercase;
}
.rt-edu3 h2{

font-size: 45px;

color: #fff;

font-weight: 200;

text-transform: uppercase;

margin-bottom: 20px;
}
.rt-edu3 h2 span{

font-weight: 600;
}
.rt-edu3 p{

color: #fff;

font-size: 14px;

line-height: 28px;
}
.rt-edu3 img{
    
width: 465px;
    
height: 556px;
    
border-radius: 10px;
    
float: right;
    
margin-left: 50px;
    
object-fit: cover;
}
.rt-edu2{

width: 100%;

float: left;

padding: 60px 5%;

text-align: center;
}
.rt-edu2 img{

}
.rt-edu2 h5{

font-size: 19px;

color: #000;

font-weight: 600;

margin-top: 15px;
}
.rt-edu2 p{
    
font-size: 15px;
    
color: #000;
    
font-weight: 400;
    
line-height: 28px;
    
padding-top: 0px;
    
margin: 0;
}
.rt-edu-full{

width: 100%;

float: left;

padding: 50px 5%;
}
.rt-edu-full h5{

font-size: 19px;

color: #00522d;

font-weight: 500;
}
.rt-edu-full h2 span{
    font-weight: 600;
    /* float: left; */
}
.rt-edu-full h2{

font-size: 48px;

color: #000;

font-weight: 200;

text-transform: uppercase;

margin-top: 20px;

line-height: 70px;
}
.rt-edu-full h6{position: relative;/* width: 100%; *//* float: left; */font-size: 15px;color: #000;font-weight: 500;line-height: 30px;margin-top: 40px;padding-left: 54px;}
.rt-edu-full p{

font-size: 14px;

color: #000;

line-height: 28px;

font-weight: 400;

padding-top: 10px;

margin: 0;

padding-left: 50px;
}
.rt-edu-full img{

width: 390px;

height: 529px;

float: right;

margin-left: 50px;

border-radius: 10px;
}
.rt-edu-full h6:after{position: absolute;content: '';height: 75px;width: 3px;background: #106534;left: 0;top: 9px;}
.innerban-rt{

width: 100%;

float: left;

background: url('../images/rt-ban.png');

height: 718px;

background-size: cover;

background-position: center;

padding: 140px 5%;

text-align: center;
}
.innerban-rt h2{

font-size: 45px;

color: #fff;

font-weight: 800;

padding-top: 70px;

margin-bottom: 20px;
}
.innerban-rt h3{

font-size: 70px;

font-weight: 200;

color: #fff;

text-transform: uppercase;
}
.innerban-rt h3 span{

width: 100%;

float: left;

font-weight: 800;
}
.innerban-rt p{
    
width: 100%;
    
text-align: center;
    
float: left;
    
color: #fff;
    
line-height: 28px;
    
padding: 10px 325px;
}
.green-bg{

width: 100%;

float: left;

padding: 50px 9%;

background: #0d4e28;
}
.green-bg h2{

font-size: 41px;

color: #fff;

font-weight: 800;
}
.green-bg p{

font-size: 14px;

color: #fff;

padding-top: 10px;

margin-bottom: 40px;
}
.green-bg .row{

margin-bottom: 30px;
}
.green-bg h5{

font-size: 16px;

color: #fff;

font-weight: 600;
}
.green-bg h6{

font-size: 14px;

color: #fff;

font-weight: 400;

line-height: 25px;
}
.green-bg img{

}
.green-bg a{

width: 53%;

border: 0;

padding: 12px;

background: #000000;

border-radius: 5px;

color: #fff;

font-size: 14px;

font-weight: 400;

cursor: pointer;

margin-top: 30px;

text-align: center;
}
.green-bg a:hover{
    
text-decoration: none;
    
background: #222121;
}
.contact-new-full{

width: 100%;
}
.black-bg{

width: 100%;

float: left;

padding: 50px 9% 50px 11%;

background: #000;
}
.black-bg h2{

font-size: 41px;

color: #fff;

font-weight: 800;
}
.black-bg p{

font-size: 14px;

color: #fff;

padding-top: 10px;

margin-bottom: 40px;
}
.black-bg label{

font-size: 15px;

color: #fff;

font-weight: 500;
}
.black-bg button{

width: 100%;

border: 0;

padding: 12px;

background: #106534;

border-radius: 5px;

color: #fff;

font-size: 14px;

font-weight: 400;

cursor: pointer;
}
.black-bg button:hover{
    
background: #29721c;
}
.black-bg textarea{
    
width: 100%;
    height: 110px;
border: 0;
    
padding: 9px;
    
border-radius: 5px;
    
font-size: 14px;
    
color: #000;
    
font-weight: 500;
    
margin-bottom: 30px;
}
.black-bg input{
    
width: 100%;
    
border: 0;
    
padding: 9px;
    
border-radius: 5px;
    
font-size: 14px;
    
color: #000;
    
font-weight: 500;
    
margin-bottom: 30px;
}
.related-blog-full{

width: 100%;

float: left;

background: url('../images/related-bg.png');

background-size: cover;

background-position: center;

padding: 60px 5%;
}
.related-blog-full h2{

color: #ffffff;

text-align: center;

font-size: 45px;

font-weight: 800;
}
.related-blog-full p{

text-align: center;

font-size: 14px;

color: #fff;

padding: 4px 400px;

line-height: 27px;
}

.panel7-full-blog h2{
        font-size: 30px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}
.panel7-blog-full{

width: 100%;

float: left;

padding: 60px 5%;
}
.panel7-blog-full img{

width: 590px;

height: 600px;

border-radius: 15px;

float: left;

margin-right: 40px;
}
.panel7-blog-full h5{

font-size: 15px;

font-weight: 600;

color: #106534;

text-transform: uppercase;
}
.panel7-blog-full h6{

font-size: 14px;

color: #403e3e;

font-weight: 500;

text-align: right;
}
.panel7-blog-full p{
    
font-size: 14px;
    
color: #000;
    
font-weight: 400;
    
line-height: 30px;
}
.panel7-blog{
    width: 100%;
    float: left;
    background: #fff;
    padding: 60px 5%;
}
.f-last-a a:hover{
        color: #58ba47;
    text-decoration: none;
}
.sticky .header_logo img{
    margin-top: 12px;
}
.sticky a{
    color: #000 !important;
}
.sticky .active-class{
    color: #fff !important;
    background: #db612d;
    }
.f-last-a a{
    color: #fff;
    font-size:13px;
    border-right: 1px solid;
padding: 0 10px;}

.top-container {
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}

.header {
  padding: 10px 16px;
  /* background: #fff; */
  /* color: #000000; */
  /* height: auto !important; */
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  background: #fff;
  height: auto !important;
}

.sticky + .content {
  padding-top: 102px;
}
.panel7-box2 h4{

font-size: 13px;

color: #106534;

font-weight: 600;

text-transform: uppercase;
}
.panel7-box2 h5{

font-size: 24px;

color: #000;

font-weight: 600;

margin-top: 40px;
}
.panel7-box2 h6{

font-size: 15px;

color: #000;

font-weight: 400;

line-height: 28px;
}
.panel7-box2 a{

}
.panel7-box2 a img{

float: right;

width: auto !important;

position: absolute;

bottom: 55px;

right: 29px;
}

.panel7-box2{

width: 100%;

float: left;

background: #fff;

height: 371px;

padding: 72px 40px;

margin-top: 30px;
}
.panel7-box a img{
        float: right;
        width: auto !important;
        position: absolute;
        bottom: 50px;
        right: 0;
        height: auto;
}
.blog-text-sec{
    
padding: 83px 0;
    
width: 100%;
    
/* float: left; */
}
.panel7-box img{
        width: 378px;
        float: left;
        margin-right: 40px;
        height: 371px;
}
.border-ftr2 a{
    float: left;
    width: 50%;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 0;
}
.media-text{

width: 100%;

float: left;

margin-top: 50px;
}
.media-text a{

font-size: 14px;

color: #fff;

padding: 0px 11px;

border-right: 1px solid #ccc;

line-height: 0;
}
.media-text a:hover{
    
}

.panel8 img{
    width: auto !important;
    margin: 30px auto;
max-width: 100%;height: 72px;object-fit: contain;}
.panel8{
    
width: 100%;
    
text-align: center;
    
float: left;
    
padding: 60px 5%;
}
.panel8 h2{

text-transform: uppercase;

font-size: 48px;

font-weight: 600;
}
.panel8 p{
    
font-size: 15px;
    
color: #000;
    
padding: 5px 400px;
    
font-weight: 400;
    
line-height: 28px;
}
.panel7{

width: 100%;

float: left;

background: #f4f4f4;

padding: 60px 5%;
}
.panel7 h2{

text-align: center;

font-size: 48px;

color: #000;

font-weight: 600;
}
.panel7 p{

text-align: center;

font-size: 15px;

font-weight: 400;

padding: 0px 400px;

line-height: 28px;
}
.panel7-box{

width: 100%;

background: #fff;

float: left;

height: 371px;

margin-top: 30px;
}

.panel7-box h4{

font-size: 13px;

color: #106534;

font-weight: 600;

text-transform: uppercase;
}
.panel7-box h5{

font-size: 24px;

color: #000;

font-weight: 600;

margin-top: 40px;
}
.panel7-box h6:after{
    position: absolute;
    content: '';
    width: 0;
    left: 46%;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid white;
z-index: 0;}
.panel7-box h6{
position: relative;
font-size: 15px;

color: #000;

font-weight: 400;

line-height: 28px;
}
.blog-date{
    
font-size: 13px;
    
color: #403e3e;
}
.p5-carousel{

margin-top: 50px;
}
.p5-carousel img{

/* width: auto !important; */

max-width: 100%;

height: 90px;

object-fit: contain;

margin-bottom: 30px;

filter: grayscale(1);
}
.p5-carousel img:hover{
    
filter: brightness(1);
}

sup{
    font-size: 13px !important;
    font-weight: 800;
    top: -1.5em !important;
    right: 4px;
}


.field_area input[type=email], .field_area input[type=file], .field_area input[type=number], .field_area input[type=text], .field_area select, .field_area textarea {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #000;
    border-radius: 4px;
    line-height: 20px;
    margin: 0;
    padding: 13px 10px;
    background: 0 0;
    border: none;
    border-bottom: solid 1px rgba(255,255,255,.77);
    transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}.field_area_nav {
    width: 100%;
    font-size: 14px;
    padding: 15px 0;
    background: #533224;
    border: none;
    border-radius: 4px;
    margin-top: 30px;
    color: #fff;
    cursor: pointer;
}
.career_panel {
    width: 100%;
    float: left;
    /* background: #f1f0f0; */
    background: #ffffff;
    padding: 60px 6%;
}.career-head {
    font-size: 36px;
    color: #000;
    font-weight: 300;
    margin-bottom: 30px;
}.career-head span {
    font-weight: 700;
    /* color: #5a3270; */
}.career-para {
    font-weight: 300;
    margin-top: 20px;
}.career-form {
    width: 100%;
    float: left;
}.career-form p {
    float: left;
    width: 100%;
    display: block;
    margin: 20px 0px 15px 0px;
    font-size: 14px;
    color: #000;
}.career-form input {
    width: 100%;
    outline: none;
    border: 1px solid #efefef;
    padding: 15px;
    /* background: #f9f9f9; */
    /* -webkit-box-shadow: 3px 3px 6px 0px rgb(242 242 242); */
    -moz-box-shadow: 3px 3px 6px 0px rgba(242,242,242,1);
    /* box-shadow: 3px 3px 6px 0px rgb(242 242 242); */
}.gender-box span {
    font-size: 14px;
    left: 10px;
    position: relative;
    /* top: 22px; */
}.gender-box {
    width: 120px;
    float: left;
}.career-form input {
    width: 100%;
    outline: none;
    border: 1px solid #efefef;
    padding: 15px;
    /* background: #f9f9f9; */
    /* -webkit-box-shadow: 3px 3px 6px 0px rgb(242 242 242); */
    -moz-box-shadow: 3px 3px 6px 0px rgba(242,242,242,1);
    /* box-shadow: 3px 3px 6px 0px rgb(242 242 242); */
    border-radius: 5px;
}.inputFile {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 0;
    opacity: 0;
    margin-top: 45px;
}.inputFile + label {
    max-width: 100%;
    font-size: 17px;
    font-weight: 300;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 15px 20px;
    margin-top: 58px;
    color: #ffffff;
    background: #0b0b45;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    text-decoration: none !important;
}.career-submit {
    margin-top: 20px;
    background: #0b0b45!important;
    color: #ffffff!important;
    width: 160px!important;
    font-size: 14px;
    transition-duration: .3s;
}.career-submit:hover {
    background: #bd8822!important;
}
.enquire-form{width: 100%;
    float: left;border-radius: 5px;
    box-shadow: 0px 6px 30px 5px rgb(13 49 65 / 15%);
    padding: 20px;}
.enquire-form h4{
      font-size: 28px;
    font-weight: 700;
    color: #0b0b45;
    margin-bottom: 20px;
}
.product-full a{

float: left;

background: #0b0b45;

font-size: 14px;

color: #fff;

padding: 13px 29px;

font-weight: 500;

border-radius: 5px;
}
.product-full a:hover{
  
text-decoration: none;
  
background: #bf8a24;
}
.abt-img {
    /* float: left; */
    /* width: 450px; */
    /* margin-right: 40px; */
    /* border-radius: 10px; */
    /* height: 300px !important; */
    /* object-fit: cover; */
}
.product-full  h1 {
    /* float: left; */
    /* width: 100%; */
    color: #010101;
    font-size: 42px;
    font-weight: 300;
    margin-bottom: 21px;
    text-align: left;
    margin: 0px;
    margin-bottom: 10px;
    margin-top: 25px;
}
.product-full{
  
width: 100%;
  
float: left;
  
padding: 60px 6%;
}
.product-full h1 span {
font-weight: 700;}
.contact-box1:hover{

border-color: #5d5da1;
}
.product-full p{
  font-size: 14px;
    color: rgba(0, 0, 0, 0.93);
    text-align: left;
    line-height: 33px;
}
.contact-box1:hover a{
  
text-decoration: none;
  
color: #000;
}
.contact-box a{
  color:#000 !important;
}
.log_set_nav {
    float: none;
    display: block;
    margin: auto;
    height: 53px;
    text-align: center;
    color: #fff;
    width: 167px;
    background-color: #0b0b45;
    border: 1px solid #22479F!important;
    margin-top: 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    border-radius: 5px;
    /* border: none !important; */
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}.log_set_nav:hover {
    background-color: #ca9a2e;
    border: 1px solid #ca9a2e!important;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.contactpage-heading {
    float: left;
    width: 100%;
    padding: 50px 5% 0;
}
.contactpage-heading h6 {
    font-size: 23px;
    color: #000000;
    font-weight: 700;
    text-align: center;
    line-height: 35px;
  }.contactpage-heading p {
    text-align: center;
    font-size: 14px;
    color: #1a1a1b;
    font-weight: 300;
}

.contactpage-paragraph {
    padding: 0px 200px 30px 200px;
    line-height: 30px;
    font-weight: 400;
}.contact-page-panel {
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 40px 5% 0;
}.contact-box1 {
    background-color: transparent;
    width: 100%;
    float: left;
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%), 0 0px 40px 0 rgb(0 0 0 / 5%);
    height: 250px;
    border: 1px dashed #ccc;
    border-radius: 10px;
}.contact-box1 h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #000000;
    font-weight: 700;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #F5F5F5;
}.contact-box1 p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #000000;
    font-weight: 400;
    padding: 30px 20px 40px 30px;
}.innerpage-contact {
    padding: 50px 5%;
    width: 100%;
    float: left;
}.whitebg {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0px;
    /* height: 555px; */
}.whitebg p {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #101010;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    padding: 0 270px 25px;
}.whitebg form {
    /* float: left; */
    /* width: 100%; */
    max-width: 790px;
    margin: auto;
    display: block;
}.log_set {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 30px;
}.log_set label {
    width: 100%;
    float: left;
    position: relative;
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    line-height: 25px;
    margin: 0 0 5px;
    text-align: left;
}.log_set input[type="text"], .log_set input[type="password"], .log_set input[type="mail"], .log_set input[type="email"], .log_set input[type="tel"], .log_set textarea, .log_set select {
}
.quick{
        width: 140px;
        /* height: 50px; */
        border: 1px solid #ca992d;
        border-radius: 10px;
        color: #ca992d !important;
        padding: 11px 16px !important;
}
.quick:after{
  display: none;
}
.border-ftr h3{

font-size: 18px;

color: #fff;

font-weight: 600;

margin-top: 10px;
}
.border-ftr h4{
  
font-size: 25px;
  
color: #fff;
  
font-weight: 300;
  
padding-top: 1px;
  
padding-bottom: 10px;
}
.border-ftr a{

float: left;

width: 100%;

color: #fff;

font-size: 13px;

font-weight: 400;

padding: 10px 0;
}
.border-ftr a:hover{
  
}




.field_area_nav:hover {
    background: #f7b142;
}#career-modal p {
    font-size: 15px;
    line-height: 32px;
    float: left;
    width: 100%;
}

.career-box1 a {
    font-size: 14px;
    /* font-family: SFProDisplay-Bold; */
    color: #fff;
    float: left;
    background: #533224;
    padding: 5px 10px;
    border-radius: 4px;
}.career-box1 a:hover {
    text-decoration: none;
    color: #fff;
    background: #f7b142;
}
.push-left{
  float:left;
}
.hd-top{

float: left;

width: 100%;

background: #1a100c;

clear: both;

height: 45px;

padding: 0 2%;

position: relative;

z-index: 99;
}
.top-mail-sec{

float: left;

padding: 0 9px;

/* border-right: 1px solid #382f2b; */
}
.top-mail-sec img{

float: left;

margin-top: 15px;

margin-right: 10px;
}
.top-mail-sec h6{
  
float: left;
  
color: #fff;
  
font-size: 14px;
  
border-right: 1px solid #382f2b;
  
font-weight: 300;
  
margin-bottom: 0;
  
padding: 0px 10px 0 0;
  
margin-top: 13px;
}
.owl-item.active .slide-image {
    /* transform: scale(1.1); */
    /* transition: 10s; */
}
.top-full{
    
transition: all ease-in-out .5s;
    
-webkit-transition: all ease-in-out .5s;
    
position: relative;
}
.top-full:hover .req-form{
    /* display:block !important; */
    top: 45px;
    opacity: 1;
}
.slide-new{
overflow: hidden;
    float: left;
    width: 100%;}
.top-follow a svg{
    width:16px;height:16px;
}
.top-follow a svg:hover{
    fill:#f7b142;
}
.branch-box{
        border: 1px solid #533224;
    float: left;
    width: 100%;
    padding: 0px 0 50px;
    text-align: center;
    border-radius: 10px;
}
.branch-box a:hover{
    float: none !important;
    background: #f7b142;
    color: #000;
    border-color: #f7b142;
}
.branch-box a{
float: none !important;
    background: #422014;
    color: #fff;}
.branch-box p{
    text-align:center !important;
}
.branch-box h2{
    text-align:center !important;
}
.active-class-highlight:after {
    background: url(../images/menu-active.png);
    position: absolute;
    content: '';
    left: 48px !important;
    bottom: -12px !important;
}
.customer-serv{
      margin-top: 22px;
      height: 393px;
      object-fit: cover;
      border-radius: 5px;
      max-width: 100%;
      margin-bottom: 75px;
      float: left;
}
.service-highlight-box:hover{

background: #533224;
}
.service-highlight-box:hover h5{
  
}

.service-highlight-box:hover h6{
  
color: #fff;
}

.service-highlight-box:hover p{
  
color: #fff;
}


.ctflag .iti__selected-flag{
    padding-left:15px !important;
}
.top-quick:hover .request-sec{
  display: block !important;
}.ctflag .iti{
    margin-top: 18px !important;
}
.quick-send{
    
background: #0b0b45;
    
width: 100%;
    
border: 0;
    
font-size: 14px;
    
font-weight: 700;
    
cursor: pointer;
    
color: #fff;
    
padding: 10px;
}
.quick-send:hover{
    
background: #c3881c;
    
color: #fff;
}
.request-sec {
    position: absolute;
    right: 0;
    width: 100%;
    top: -450px;
    /* z-index: 999; */
    right: 0;
    /*transition: all ease-in-out 1.5s;*/
    height: 100%;
    /*background: #0000008f;*/
    z-index: 999;
}.req-form {
     width: 427px;
    float: right;
    height: auto;
    margin-right: 0;
    opacity: 1;
    /*transition: all ease-in-out 0.5s;*/
    background: #fff;
    padding: 40px;
    top: 0;
    position: relative;
    right: 0;
    height: 100%;
    z-index: 99;
}
.form-inner{
    display:none;
}
.form-block {
   
    opacity: 1;
}


.req-form h2 {
    font-size: 25px;
}.req-form p {
    font-size: 14px;
    width: 87%;
    line-height: 28px;
}.field_area {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 20px;
}.field_area label {
    color: #000;
    font-size: 14px;
}.field_area input[type=email], .field_area input[type=number], .field_area input[type=text], .field_area textarea {
    width: 100%;
    float: left;
    /* position: relative; */
    font-size: 15px;
    color: #000;
    border-radius: 4px;
    line-height: 20px;
    margin: 0;
    padding: 10px 10px;
    background: 0 0;
    border: none;
    border-bottom: solid 1px rgba(255,255,255,.77);
    transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}#request-quote {
    /* background: #05396c; */
    /* font-size: 14px; */
    /* color: #fff; */
    /* transform: rotate( 
270deg ); */
    /* width: 161px; */
    /* height: 48px; */
    /* position: absolute; */
    /* text-align: center; */
    /* padding: 15px; */
    /* transition: all ease-in-out .5s; */
    /* right: -55px; */
    /* z-index: 99; */
    /* top: 50%; */
}
.p7-1{
    
width: 100%;
    
float: left;
    
padding: 0 8%;
}
.serv-detail-img{
  
border-radius: 10px;
  
height: 400px;
  
max-width: 100%;
  
width: 100%;
  
object-fit: cover;
}
.service-highlight{

width: 100%;

float: left;

padding: 70px 0;
}
.service-highlight-box{

width: 90%;

float: left;

background: #fff;

box-shadow: 2px 3px 3px 3px rgba(0,0,0,0.05);

padding: 60px 30px;

border-radius: 10px;

margin-top: 50px;

transition: all ease-in-out .5s;

-webkit-transirion: all ease-in-out .5s;
}
.service-highlight h2{

font-size: 45px;

font-weight: 300;

color: #000;
}
.service-highlight h2 span{
  
font-weight: 700;
}
.service-highlight-box h5{

font-size: 68px;

-webkit-text-stroke-width: 2px;

-webkit-text-stroke-color: #3d2116;

-webkit-text-fill-color: white; /* Will override color (regardless of order) */

font-family: 'Roboto', sans-serif !important;
}
.service-highlight-box h6{

font-size: 22px;

color: #000;

font-weight: 600;
}
.service-highlight-box p{

font-size: 14px;

line-height: 29px;

margin-top: 11px;

margin-bottom: 0;
}
.log_set img{
      position: absolute;
      left: 7px;
      top: 39px;
      border-right: 1px solid #cd9337;
      /* right: 15px; */
      padding-right: 9px;
}
.contact-full {
    width: 100%;
    float: left;
    padding: 60px 0%;
    text-align: center;
}.contact-full h2 {
    font-size: 39px;
    text-align: center;
    padding: 0;
    /* line-height: 60px; */
    color: #000;
    font-weight: 300;
}.contact-full p {
    font-size: 14px;
    text-align: center;
    padding: 20px 356px;
    line-height: 30px;
    width: 100%;
    float: left;
    margin-bottom: 30px;
}.contact-full form {
    max-width: 625px;
    display: block;
    margin: 30px auto;
}.log_set {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 15px;
}.log_set label {
    width: 100%;
    float: left;
    position: relative;
    font-size: 15px;
    /* font-family: 'Open Sans', sans-serif !important; */
    font-weight: 400;
    color: #000;
    line-height: 25px;
    margin: 0 0 5px;
    text-align: left;
}.log_set input[type="text"], .log_set input[type="password"], .log_set input[type="mail"], .log_set input[type="email"], .log_set input[type="tel"], .log_set textarea, .log_set select {
    width: 100%;
    float: left;
    position: relative;
    height: 50px;
    border: none;
    padding: 10px 10px 10px 10px !important;
    font-size: 13px;
    line-height: 30px;
    color: #000;
    font-weight: 400;
    /* border-radius: 4px; */
    -moz-border-radius: 4px;
    /* -webkit-border-radius: 4px; */
    border-radius: 5px;
    background: transparent;
    outline: none;
    border: solid 1px #74747452;
    padding-left: 0px;
    padding-right: 0px;
}.contact-full button:hover {
    background: #fff;
    color: #000;
}
.contact-full button {
    background: #3d2116;
    color: #fff;
    border: none;
    padding: 15px 75px 16px;
    border-radius: 10px;
    font-size: 14px;
    display: block;
    font-weight: 700;
    margin: auto;
    cursor: pointer;
    transition: all ease-in-out .5s;
}
.saffron-box{
  
max-width: 900px;
  
display: block;
  
margin: 40px auto 0;
}
.fly-saffron-full{

width: 100%;

float: left;

padding: 70px 0;
}
.fly-saffron-full img{
    margin-top: 30px;
max-width: 100%;
}
.fly-saffron-full h2{

width: 100%;

float: left;

font-size: 45px;

font-weight: 300;

margin-bottom: 20px;
}
.contact-full h2 span{
  width:100%;float: left;font-weight: 700;
}
.fly-saffron-full h2 span{

width: 100%;

float: left;

font-weight: 700;
}
.fly-saffron-full p{
  
font-size: 14px;
  
color: #000;
  
line-height: 30px;
  
margin: 0;
}
.innerban-saffron p{
  
float: left;
  
width: 100%;
  
text-align: center;
  
color: #fff;
  
font-size: 14px;
  
padding: 10px 365px;
  
line-height: 30px;
  
margin: 0;
  
padding-bottom: 0;
}
.caption_area a:hover{
  background: transparent !important;
}
.career-box:hover  h6{
  
background: #442014;
  
color: #fff;
}
.partners .owl-nav{
    display:none;
}
.career-box h6{
  
font-size: 19px;
  
text-align: center;
  
margin-top: 0;
  
width: 100%;
  
float: left;
  
font-weight: 600;
  
color: #000;
  
background: #f7b142;
  
padding: 17px 0;
  
border-bottom-left-radius: 5px;
  
border-bottom-right-radius: 5px;
  
transition: all ease-in-out .5s;
}
.career-box h5{
  
font-size: 19px;
  
text-align: center;
  
margin-top: 10px;
  
font-weight: 600;
  
color: #000;
}
.career-box h2{

text-align: left;

font-size: 27px;

font-weight: 700;

margin-top: 25px;

color: #000;
}
.career-box p{

font-size: 14px;

text-align: left;

color: #000;

line-height: 27px;

font-weight: 400;
}
.career-box span{

color: #441f16;
}
.career-box-a{

float: left;

border: 1px solid #422014;

padding: 11px 26px 14px;

font-size: 14px;

color: #000;

font-weight: 600;

border-radius: 5px;
}
.career-box-a:hover{
  
background: #422014;
  
color: #fff;
  
text-decoration: none;
}
.ct-bg{

width: 100%;

text-align: center;

float: left;

background: url('../images/about-bg.png');

padding: 100px 0;

background-attachment: fixed;

background-size: cover;

background-position: center;
}
.ct-bg h2{

font-size: 50px;

color: #fff;

font-weight: 300;
}
.ct-bg h2 span{
  
width: 100%;
  
float: left;
  
color: #f7b142;
  
font-weight: 700;
}

.highlight-full{

width: 100%;

float: left;

padding: 70px 0;
}
.highlight-box{

width: 100%;

/* float: left; */

max-width: 950px;

display: block;

margin: auto;

/* margin-bottom: 40px; */
}
.highlight-box h2{
  position: relative;
  background: #ccd1d9;
  font-size: 23px;
  font-weight: 700;
  padding: 15px;
  width: 80%;
  margin-top: 35px;
}
.highlight-box h2:after{position: absolute;content: '';background: url('../images/point.png');width: 68px;height: 24px;right: -68px;top: 17px;}
.highlight-box p{
  
font-size: 14px;
  
color: #000;
  
line-height: 30px;
  
text-align: justify;
  
margin-bottom: 65px;
}
.highlight-box2{

width: 100%;

/* float: left; */

max-width: 950px;

display: block;

margin: auto;

/* margin-bottom: 40px; */
}
.highlight-box2 h2{
  position: relative;
  background: #ccd1d9;
  font-size: 23px;
  font-weight: 700;
  float: right;
  padding: 15px;
  width: 80%;
  margin-top: 35px;
}
.highlight-box2 h2:after{position: absolute;content: '';background: url('../images/point.png');width: 68px;height: 24px;left: -68px;top: 17px;transform: rotate(180deg);}
.highlight-box2 p{
  
font-size: 14px;
  
color: #000;
  
line-height: 30px;
  
text-align: justify;
  
margin-bottom: 65px;
}
.service-full{

width: 100%;

float: left;

padding: 70px 0;
}
.service-box{width: 100%;float: left;margin-bottom: 60px;position: relative;background: #fff;height: 431px;}
.partner-logo{
        WIDTH: 100%;
    FLOAT: LEFT;
    BORDER: 1PX SOLID #cccccc73;
    PADDING: 15PX;
    margin-top: 25px;
    border-radius: 5px
}
.partner-logo img{
    HEIGHT: 100PX;
    OBJECT-FIT: CONTAIN;
}
.service-box img{width: 100%;/* border-top-left-radius: 10px; *//* border-top-right-radius: 10px; */height: 251px;object-fit: cover;}
.service-box p{font-size: 14px;line-height: 30px;/* padding: 0 15px; */}
.service-box h2{
  
font-size: 23px;
  
font-weight: 700;
  
width: 100%;
  
float: left;
  
margin-top: 30px;
  
padding: 0 15px;
}
.active-class-about:after{
  left: 36px !important;bottom: -12px !important;
}
.vision-sec{
  
width: 100%;
  
float: left;
  
margin-bottom: 60px;
}
.vision-bg{
  
background: #fff;
  
border-radius: 100%;
  
box-shadow: 1px 5px 6px 4px rgb(0 0 0 / 7%);
  
padding: 29px 0;
  
width: 125px;
  
height: 125px;
}
.about-sec3{

width: 100%;

float: left;

padding: 150px 0 0px;
}
.about-sec3 img{

display: block;

margin: auto;
}
.about-sec3 h2{

font-size: 35px;

font-weight: 300;

margin-top: 10px;
}
.about-sec3 h2 span{

font-weight: 700;
}
.about-sec3 p{
  
font-size: 14px;
  
line-height: 30px;
  
color: #000;
}
.about-sec2{width: 100%;float: left;/* background: #f9f8f8; */padding: 70px 0;position: relative;}
.about-sec2 h2{

font-size: 45px;

font-weight: 300;

color: #000;
}
.about-sec2  h2 span{

float: left;

width: 100%;

font-weight: 700;
}
.about-sec2 p{float: left;width: 100%;font-size: 14px;line-height: 28px;color: #fff;/* margin-top: 20px; */}
.about-sec2 img{
  
/* max-width: 100%; */
  
/* position: absolute; */
  
/* top: -62px; */
}
.about-full2{
padding: 70px 0 !important;
}
.about-full2 img{
  width: 506px !important;
  border-radius: 10px;
  margin-left: 40px !important;
}

.innerban img{
  
position: absolute;
  
bottom: -2px;
  
width: 100%;
  
float: left;
  
left: 0;
}
.innerban h2 span{
  color: #ff7f00;
  /* width: 100%; */
  /* float: left; */
  font-weight: 500;
}

.innerban-saffron img{
  
position: absolute;
  
bottom: -2px;
  
width: 100%;
  
float: left;
  
left: 0;
}
.innerban-saffron h2 {
  
color: #fff;
  
width: 100%;
  
float: left;
  
font-weight: 700;
  
text-align: center;
  
font-size: 50px;
}
.top-quick img{
  float: right;
}
.top-quick:hover img{
  filter: invert(1);
}
.bdr-padding{
      /* padding: 0 0 0 40px; */
}
.slider-ban .owl-dots:after{/* content: ''; */position: absolute;height: 26px;width: 2px;background: #babdb4;bottom: -32px;right: 15px;}
.slider-ban .owl-dots:before{
  /* content: ''; */
  position: absolute;
  height: 26px;
  width: 2px;
  background: #babdb4;
  top: -39px;
  right: 17px;
}

.highlight-hover:hover:after {
    left: 48px !important;
}
.gal-hover:hover:after {
    left: 62px !important;
}
.branch-hover:hover:after {
    left: 48px !important;
}
.fly-hover:hover:after {
    left: 77px !important;
}
.contact-hover:hover:after {
    left: 48px !important;
}
.slider-ban .owl-dots button span {
    
    width: 8px;
    height: 8px;
    float: right;
    border-radius: 6px;
    margin-right: 8px;
    margin-bottom: 4px;
    background: #15355f;
    margin-top: 0px;
    position: relative;
    z-index: 999;
}
.slider-ban .owl-dot.active span {
    background: #ed1c24;
  
}
.slider-ban .owl-dots {
    display: block!important;
    margin-left: auto;
    margin-right: 120px;
    text-align: center;
    margin-top: -26px;
    
    
}

.arrow{
  width: auto !important;
  float: right;
  position: absolute;
  bottom: 28px;
  right: 0;
  background: #f7b142;
  padding: 9px;
  border-radius: 100% !important;
  height: 43px;
}
.arrow1{
  width: auto !important;
  float: right;
  position: absolute;
  bottom: 28px;
  right: 19px;
  background: #c1dde8;
  filter: invert(1);
  padding: 9px;
  border-radius: 100% !important;
  height: 43px;
}
.arrow1:hover{

background: #f7b142;

filter: invert(0);
}
.arrow3{
  width: auto !important;
  float: right;
  position: absolute;
  bottom: 69px;
  right: 19px;
  background: #c1dde8;
  filter: invert(1);
  padding: 9px;
  border-radius: 100% !important;
  height: 43px !important;
}
.arrow3:hover{

background: #f7b142;

filter: invert(0);
}
.arrow2:hover{
  
background: #f7b142;
  
filter: invert(0);
}
.arrow2{
  width: auto !important;
  float: right;
  position: absolute;
  bottom: 28px;
  right: 19px;
  background: #c1dde8;
  filter: invert(1);
  padding: 9px;
  border-radius: 100% !important;
  height: 43px;
}
.dnld-profile{
      border: 1px solid #000;
    padding: 10px 20px 13px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-top: 30px;
    border-radius: 5px;
    display: inline-block;
    clear: both;
    margin: 30px auto;
    width: 200px;
    text-align: center;
}
.dnld-profile:hover{
  
background: #1a2426;
  
color: #fff !important;
}
.border-ftr{
  
width: 100%;
  
float: left;
  
/* border-right: 1px solid #edeceb; */
  
/* height: 250px; */
  
/* padding: 0 20px; */
}
.header-social svg {
    height: 24px;
    fill: #7f7f7f;
    margin: 0px 15px 0 0;
    position: inherit !important;
}
.row-box{
      float: left;
    width: 100%;
    margin-bottom: 25px;
}
.hajj-img{

width: 100%;

float: left;
}
.fly-saffron-img{

float: right;

max-width: 100%;
}
.explore-bg{

}
.explore-bg1{

}


.s-quote{

}

.service-text{position: absolute;top: 51%;/* padding-left: 20px; */left: 0;background: #fff;padding: 20px;width: 90%;box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.05);height: 230px;}

.service-text h5{font-size: 20px;color: #000;font-weight: 600;margin-bottom: 10px;}
.service-text p{color: #000;font-size: 13px;line-height: 25px;width: 100%;}

.slider-curve{
  position: relative;
  bottom: 270px;
  width: 100%;
  float: left;
  display: none;
  z-index: 1;
}
.top-cust{

float: right;

background: #533224;

padding: 11px 12px 13px;

font-size: 14px;

width: 148px;

text-align: center;

font-weight: 600;

color: #fff;
}
.top-cust:hover{

background: #f7b142;

text-decoration: none;

color: #000;
}
.top-quick{

float: right;

/* background: #f7b142; */

padding: 11px 15px 13px;

font-size: 14px;

width: 148px;

/* text-align: center; */

font-weight: 600;

color: #000;
}
.top-quick:hover{
  
text-decoration: none;
  
background: #533224;
  
color: #fff;
}
.top-follow{

float: left;

margin-left: 1%;
}
.top-follow h5{

float: left;

color: #fff;

font-size: 14px;

font-weight: 300;

margin-bottom: 0;

padding: 0px 10px 0 0;

margin-top: 14px;
}
.top-follow a {

float: left;

margin-top: 8px;

margin-right: 20px;
}
.top-follow  img{
  
}
.contact-box{width: 90%;float: left;padding: 30px;background: #ffead5;position: relative;box-shadow: 0px 1px 4px 1px #efe8e8b3;/* text-align: left; */margin-top: 30px;height: 181px;}
.contact-box h4{

width: 100%;

font-size: 20px;

font-weight: 700;

border-bottom: 1px solid #cecece61;

padding-bottom: 10px;
}
.contact-box p{

margin: 0;

line-height: 18px !important;

width: 100%;

float: left;
}
.dot-image{
  
height: auto !important;
  
width: auto !important;
  
top: 72px;
  
position: absolute;
  
right: 518px;
}

.gallery_block {
    float: left;
    width: 100%;
    padding: 50px 5%;
}.gallery_area {
    margin-top: 15px;
    width: 100%;
    float: left;
    position: relative;
    /* text-align: center; */
    border-radius: 50%;
}.gallery_block h3 {
    font-size: 35px;
    font-weight: 700;
}.gallery_area li {
    /* width: 100%; */
    /* padding: 10px; */
    display: inline-block;
    /* overflow: hidden; */
    position: relative;
    transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
}.gallery_area li .gal {
    width: 100%;
    /* float: left; */
    position: relative;
    overflow: hidden;
    /* border: 1px solid #ccc; */
    /* border-radius: 5px; */
    /* margin-top: 10px; */
}.gal img {
    width: 100%;
    /* border-radius: 10px; */
    height: 275px;
    display: block;
    /* border-radius: 5px; */
    object-fit: cover;
}.caption_area {
    float: left;
    position: absolute;
    width: 0%;
    height: 100%;
    z-index: 100;
    background-color: rgb(66 32 20 / 59%);
    top: 100%;
    left: 50%;
    overflow: hidden;
    transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
}.caption_area a {
    width: 100%;
    height: 100%;
    /* border-radius: 100%; */
    /* background-color: #fff; */
    /* padding: 17px; */
    border: 0;
    float: left;
    position: relative;
    /* left: 50%; */
    /* top: 150%; */
    /* transform: translate(-50%,-75%); */
    -moz-transform: translate(-50%,-75%);
    -ms-transform: translate(-50%,-75%);
    -o-transform: translate(-50%,-75%);
    -webkit-transform: translate(-50%,-75%);
}.caption_area a img {
    /* max-width: 100%; */
    height: auto;
    width: auto;
    display: block;
    margin: 0px auto;
    /* filter: brightness(11); */
    border-radius: 0;
}

.caption_area h2 {
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    position: absolute;
    left: 0;
    width: 100%;
    background: #000;
    text-transform: uppercase;
    padding: 10px;
    bottom: -9px;
}.gallery_area li:hover .caption_area {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 15px;
    border-radius: 5px;
}.gallery_area li:hover .caption_area a {
    left: 50%;
    top: 50%;
    transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}


.service-page-full{
  width: 100%;
  float: left;padding:70px 5%;
}

.abt-box{

width: 100%;

float: left;

text-align: center;

padding: 30px 15px;

border: 1px solid transparent;

border-radius: 5px;

transition: all ease-in-out .5s;
}
.abt-box img{

}
.abt-box h2{

font-size: 30px;

font-weight: 700;

color: #000;

margin-top: 20px;
}
.abt-box p{

font-size: 14px;

line-height: 28px;

font-weight: 400;

color: #000;
}
.abt-box:hover{

box-shadow: -4px 13px 37px -3px rgb(44 41 106 / 19%);

border-color: #beebf8;
}


.fb-a{

float: left;

margin-right: 10px;

margin-top: 5px;
}
.fb-a svg{

width: 35px;

height: 35px;

fill: #fff;

float: left;
}
.fb-a:hover svg{
  
fill: #b7e9f7;
}
.ftr-link-box h5{
  
font-size: 15px;
  
font-weight: 700;
  
color: #000;
  
margin-top: 6px;
}



.icon3-box img{
  display: block;margin:auto;
}
.view-all-serv{

width: 155px;

height: 48px;

margin: auto;

display: table;

background: #0682b5;

padding: 13px 0;

font-size: 14px;

text-align: center;

color: #fff;

font-weight: 700;

border-radius: 5px;
}
.view-all-serv:hover{
  
text-decoration: none;
  
background: #2c398c;
}

.slide{
  float: right;
  width: 95%;
  margin-top: 0;
  background: url('../images/slider-bg.png');
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  /* min-height: 850px; */
  /* max-height: 1000px; */
  overflow: hidden;
  height: 767px;
  /* text-align: center; */
  /* margin-bottom: 80px; */
}.service-right h6:hover a {
    color: #fff;
    text-decoration: none;
}
.about1 {
    float: left;
    width: 100%;
    padding: 30px 6%;
}
.track1 h3 {
    font-size: 28px;
    font-weight: bold;
}.track1 {
    /* float: left; */
    width: 100%;
    text-align: center;
    margin: 30px auto 50px;
    max-width: 533px;
    display: block;
    position: relative;
    /* float: left; */
    clear: both;
}
.track1 form {
    width: 100%;
    margin-top: 30px;
}.track1 input {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
}.track1 button {
    background: #2e3192;
    width: 140px;
    height: 46px;
    padding: 13px 0;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    margin-top: 20px;
}.track1 button:hover {
    background: #197cbf;
}
.service-right h6 {
    padding: 15px 10px;
    width: 100%;
    /* border-top: 1px solid #cccccc52; */
    background: #f2f6f7;
    margin-bottom: 15px;
    height: 70px;
    float: left;
}.service-right svg {
    width: 46px;
    height: 46px;
    fill: #000;
    margin-top: -14px;
    float: right;
    padding: 15px;
    background: #fff;
}
.service-right h6:hover svg {
    background: #ff7f00;
    fill: #fff !important;
}
.service-right h6:hover {
    background: #1e3c5f;
}
.active-serv svg {
    background: #ff7f00 !important;
    fill: #fff !important;
    /* filter: brightness(273); */
}
.active-serv {
    background: #1e3c5f !important;
}.service-right h6 a {
    font-size: 13px;
    color: #000;
    text-transform: capitalize;
    padding: 12px 5px;
    float: left;
    width: 100%;
    text-decoration: none;
    text-align: left;
}

.active-serv a {
    color: #fff !important;
}
.electrical-sec-full {
    width: 100%;
    float: left;
    padding: 50px 5%;
}.electrical-sec-full img {
    width: 100%;
    float: left;
    height: 340px;
    object-fit: cover;
}.electrical-sec-full h2 {
    font-size: 35px;
    color: #101010;
    padding-top: 20px;
    float: left;
    width: 100%;
    font-weight: 700;
    text-transform: capitalize;
}.electrical-sec-full p {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #101010;
    line-height: 29px;
    padding: 10px 0 0;
    margin: 0;
}.service-right {
    width: 100%;
    float: left;
    background: #fff;
    /* box-shadow: 2px 1px 6px 7px rgb(0 0 0 / 5%); */
}
.abt-sec2{

width: 100%;

float: left;

padding: 100px 7% 60px;

background: #e0f3ff;

position: relative;

margin-top: -60px;

z-index: -1;
}
.abt-sec3{

width: 100%;

float: left;

padding: 70px 5%;
}
.abt-sec3-box{

width: 100%;

float: left;
}
.abt-sec3-box img{

width: 100%;

float: left;
}
.abt-sec3-box:hover h2{

color: #2e3192;
}
.abt-sec3 h2{

float: left;

width: 100%;

font-size: 25px;

font-weight: 700;

color: #000;

padding: 15px 0;

margin: 0;

transition: all ease-in-out .5s;
}
.abt-sec3 p{

font-size: 14px;

color: #000;

font-weight: 400;

line-height: 30px;
}

.abt-sec2 img{

}
.abt-sec2 h2{

font-size: 30px;

color: #000;

margin-top: 15px;

font-weight: 700;
}
.abt-sec2 p{
  
font-size: 14px;
  
line-height: 30px;
  
color: #000;
  
margin: 0;
}
.ftr-social{

width: 100%;

float: left;

margin-top: 10px;
}
.innerban h2{
  font-size: 71px;
  font-weight: 200;
  padding: 60px 5% 0;
  color: #fff;
  margin-top: 117px;
  margin-bottom: 0;
}
.ftr-social a{

width: auto !important;

margin-right: 15px;
}
.ftr-social a img{

border: 1px solid #555b62;

border-radius: 100%;

padding: 5px;
}

.ftr-social a:hover{

margin-left: 0 !important;

opacity: 1 !important;

/* background: aliceblue; */
}
.ftr-social a:hover img{
  
background: #2e3192;
}

.ftr-link-box{

width: 100%;

float: left;

margin-bottom: 0;
}

.partner .owl-nav button img{
  border: none !important;background-color: transparent !important;
}

.partner .owl-nav{
  
display: block !important;
  
float: right;
  
position: relative;
  
top: -287px;
  
right: 18px;
}
.client{

}
.client-testi{

width: 88%;

float: left;

margin-top: 48px;
}
.client-testi img{

width: auto !important;

max-width: 100%;
}
.client-testi h5{

color: #090c69;

font-size: 18px;

font-weight: 700;
}
.client-testi p{

font-size: 14px;

color: #000;

font-weight: 400;

line-height: 28px;

padding-top: 10px;
}
.client-testi h6{
  
font-size: 16px;
  
color: #000;
  
font-weight: 700;
}
.video-img{
height: 483px;
object-fit: cover;
max-width: 100%;
}
.panel_3_box{
  position: absolute;
    display: block;
    margin: auto;
    right: 0;
}


.video-box {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -90px;
}
.p3-h2{

font-size: 35px;

color: #fff;

font-weight: 700;

line-height: 50px;
}
.p3-p{

font-size: 14px;

color: #fff;

line-height: 32px;
}

.slider-ban-a{float: left;width: 148px;height: 50px;background: #689142;text-align: center;font-size: 14px;color: #fff;font-weight: 400;/* text-transform: uppercase; */padding: 14px 0;text-decoration: none;/* border-radius: 4px; */margin-top: 10px;/* border: 1px solid #fff; */margin-left: 5px;}
.slider-ban-a:hover{

background: #db612d;

text-decoration: none;

color: #fff;

border-color: #db612d;
}

.enq-sec{
  margin-left: 29px;
  float: right;
}
.hd-wa{

float: right;

width: 220px;

margin-top: 30px;

/* padding-left: 10px; */
}
.hd-wa img{

float: left;

height: 37px;
}
.hd-wa h6{

float: right;

width: auto;

font-size: 14px;

width: 80%;

color: #1d1c1c;

font-weight: 300;

padding-left: 10px;
}
.hd-wa h6 span{
  
float: left;
  
width: 100%;
  
font-weight: 700;
  
padding-top: 4px;
}
.enq-btn{
      background: #2c3293;
      color: #fff !important;
      font-size: 14px;
      font-weight: 600;
      height: 46px;
      float: right;
      width: 136px !important;
      text-align: center;
      padding: 12px 0 !important;
      margin-top: 27px;
      border-radius: 8px;
}
.enq-btn:hover{

background: #12a8ef;

text-decoration: none;
}
.contact-box a{

border-radius: 30px;

background: #1f6eb7;

float: none;

text-align: center;

color: #fff;

font-size: 15px;

width: 165px;

font-weight: 600;

/* display: block; */

padding: 10px 15px;

margin-top: 32px;

box-shadow: -2px 1px 3px 0px #23202538;
}
.contact-box a:hover{

text-decoration: none;

background: #000;
}
.flag{
  
position: absolute;
  
width: auto !important;
  
height: auto !important;
  
left: 0;
  
top: -43px;
}
.last-p{
  margin-bottom: 35px !important;
}
.ct-black{

width: 100%;

float: left;

background: #383636;

margin-top: 30px;

padding: 40px 30px;

text-align: center;
}.ct-black h4{

font-size: 22px;

color: #fff;

line-height: 30px;

font-weight: 400;

}
  .ct-black h4 span{

font-weight: 700;

}
  .ct-black p{

color: #fff !important;

}
  .ct-black a{

margin: 0;

}
  .ct-black svg{

height: 30px !important;

width: 30px !important;

fill: #fff !important;

float: none !important;

margin: 15px 5px !important;
}
  .ct-black svg:hover{
    
fill: #1f6eb7 !important;
  }
.business svg{

height: 65px !important;

width: 65px !important;

fill: #fff;
}
.contact-form{

width: 100%;

float: left;

text-align: center;

background: #f2f2f2;

padding: 50px 0;

position: relative;

margin-bottom: 50px;
}
.contact h6{

line-height: 30px;
}
.contact p{
  
}
.contact-form h2{

font-size: 35px;

font-weight: 700;

margin-bottom: 15px;
}
.contact-form p{

font-size: 15px;

line-height: 28px;

float: left;

width: 100%;

margin-bottom: 40px;
}
.sub-ct{border: none;border-radius: 30px;background: #1f6eb7;float: none;text-align: center;color: #fff;font-size: 15px;width: 165px;font-weight: 600;/* display: block; */padding: 14px 15px;margin-top: 32px;box-shadow: -2px 1px 3px 0px #23202538;transition: all ease-in-out .5s;cursor: pointer;}

.sub-ct:hover{
  background-color: #000;
}
.contact-form form{

max-width: 920px;

display: block;

margin: 20px auto;
}
.contact-form  input[type=email], .contact-form input[type=number],.contact-form input[type=text], .contact-form textarea {
    background: transparent;
    border: 1px solid #ccc;
    font-size: 300;
    margin-bottom: 30px;
    color: #000;
    padding: 10px 10px;
    width: 100%;
}
.business h6{
  
line-height: 35px;
  
font-size: 23px !important;
}
.business h5{
  
font-size: 20px;
  
font-weight: 700;
  
margin-bottom: 0;
  
margin-top: 45px;
}
.top-header{
  float:left;
  width:100%;
  padding-left:15px;
  padding-right:15px;
}

.logo{
  float:
  left;
  /* background: #fff; */
  /* width: 119px; */
  /* border-radius: 5px; */
}

.banner{
  float:left;
  width:100%;
  height:490px;
  background:black;
}
.header-social svg:hover {
    /* height: 20px; */
    fill: #1f6eb7;
    /* margin: 0px 10px; */
}
.team-img img{
  display: block;
  margin:auto;
  float: none !important;
}
.team-list {
    float: left;
    width: 100%;
    margin-top: 25px;
}
.team-img {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.team-list h3 {
    float: left;
    width: 100%;
    text-align: center;
    color: #1f6eb7;
    font-weight: 700;
    font-size: 18px;
    }
    .team-list h4 {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    margin-bottom: 40px;
}

.vm-section{
  float:left;
  width:235px;
  min-height: 345px;
  background:white;
  margin-right: 45px;
  margin-top: 55px;
}

.abt-dtl{
  /* float:left; */
  margin-top: 55px;
}

.abt-dtl span{
  /* float:left; */
  /* width:100%; */
  color:#010101;
  font-size: 16px;
  font-weight:500;
  line-height: 28px;
  /* padding-bottom: 22px; */
}

.abt-dtl p{
  color:#000000;
  font-size: 14px;
  font-weight:400;
  line-height: 28px;
  margin-top: 20px;
  margin-bottom: 0px;
}

.vm{
  float:left;
  width:100%;
}

.slide .item .slide-image{
  height: 767px;
  float: right;
  margin-left:0px;
  position: absolute;
  width: auto !important;
  z-index: 9999;
  /* width: auto !important; */
  right: 0;
  bottom: 0;
  object-fit: contain;
  
  /* max-height: 1000px; */
  /* border-top-left-radius: 5px; */
  /* border-bottom-left-radius: 7px; */
}

.item h1{
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    padding-right: 0px;
    line-height: 25px;
    margin-bottom: 0px;
    float: left;
    width: 100%;
    padding-top:22px;
    margin-top: 0;
}
.vm-section p{
  float: left;font-size: 14px;
  line-height: 28px;    padding-top: 10px;

}
.bread-crumb{

width: 100%;

float: left;

position: relative;

background: #f3f4f5;

margin-top: 120px;

padding: 15px 9%;

border-top: 1px solid #cccccca1;
}
.bread-crumb a{

font-size: 17px;

font-weight: 600;

float: left;

color: #000;
}
.bread-crumb a:hover{

text-decoration: none;

color: #1f6eb7;
}
.bread-crumb .dot{

}


.our-business{
  float:left;
  width:100%;
  padding: 60px 6% 50px;
  /* padding-bottom:50px; */
  background-image: url(../images/business-bg.png);
}

.our-business h1{
  float:left;
  width:100%;
  color:white;
  font-size:40px;
  font-weight:600;
  /* margin-bottom: 50px; */
}

.our-business h1 span{
  float:left;
  width:100%;
  color:white;
  font-size:15px;
  font-weight:400;
  padding-bottom: 20px;
}
.menu ul:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
    display: none;
}
.bs{
  float:left;
  width:100%;
  margin-top: 35px;
}

.bs-main{
  float:left;
  width:100%;
}
.vm-section .owl-dots{
  display: block;
}
.business-cta{

width: 100%;

float: left;

text-align: center;

background: #f2f2f2;

padding: 50px 0;

position: relative;

margin-bottom: 50px;
}
.business-cta a{

border-radius: 30px;

background: #1f6eb7;

/* float: right; */

text-align: center;

color: #fff;

font-size: 15px;

width: 165px;

font-weight: 600;

padding: 11px 30px;

margin-top: 32px;

box-shadow: -2px 1px 3px 0px #23202538;
}
.business-cta a:hover{

text-decoration: none;

background: #000;
}
.business-cta p{

line-height: 28px;

font-size: 15px;

color: #000;

padding: 10px 15;

padding: 10px 15px 30px;
}
.business-cta h2{
  
font-size: 2;
  
font-size: 27px;
  
font-weight: 700;
  
line-height: 40px;
}
.vm .owl-nav button.owl-prev, .vm .owl-nav button.owl-next, .vm button.owl-dot {
    background: none;
    color: inherit;
    /* border: none; */
    padding: 0 !important;
    font: inherit;
    background: #ccc !important;
    height: 12px !important;
    width: 12px !important;
    border: 1px solid #1f6eb7 !important;
    border-radius: 100% !important;
    margin: 0 2px;
}
.vm .owl-dots .active{
  background-color: #1f6eb7 !important;
}
.bs-main h1{
  float:left;
  width:100%;
  color:#ffffff;
  font-size:25px;
  font-weight:600;
  line-height: 33px;
}
.cd-main-content {
    float: left;
    }

.bs-example{
  margin: 0 !important;
  width: 332px;
}
.card-header button{
      font-size: 20px !important;
      color: #1f6eb7;
      background: #fff !important;
      width: 100% !important;
      float: left !important;
      text-align: left !important;
      font-weight: 600;
      padding: 0 5px !important;
}
.card-header .fa-minus{
background-color: #1f6eb7;
color: #fff;}
.card-header i {
    float: right;
    font-size: 12px;
    color: #000;
    margin-top: 0;
    padding: 6px;
}
.collapsed{
  color: #fff !important;
}
.card-body h6{
  font-size: 14px;
  color: #282a2c;
  float: left;
  font-weight: 400;
  width: 100%;
  padding: 5px 0 5px 5px;
}
.card-header button:hover{
  text-decoration: none;
}
.card{
  border-radius: 0 !important;
}



.bs-main p{
  float:left;
  width:100%;
  color:white;
  line-height:28px;
  font-size:14px;
  font-weight:400;
  padding-top:10px;
  margin-bottom:55px;
}

.nav-business{
  float:left;
  width:100%;
  padding-top:20px;
  color:white;
  font-size:15px;
  font-weight:500;
}

.nav-business strong{
  float:left;
}

.nav-business span{
  float:left;
  background-color:#9ca09b;
  width:100px;
  height:2px;
  margin-left: 30px;
  margin-top: 10px;
}

.nav-business:hover{
  text-decoration:none;
  color: #9ca09b;
}
.menu-desktop {
    float: right;
}
.responsive-menu {
    display: none;
    width: 100%;
    padding: 20px 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.menu {
    display: block;
}
.menu li:first-child {
    margin-left: 0;
}
.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
}
.menu li a {
    text-decoration: none;
    padding: 35px 18px;
    display: block;
    color: #fff;
    transition: all .2s ease-in-out 0s;
    font-size: 14px;
    font-weight: 500;
}

.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}
.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 211px;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 99;
    transform: translate(0,20px);
    transition: all .2s ease-out;
}
a.homer {
    background: #0f8034;
}
.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    top: 109px;
    padding: 0;
    width: 211px;
    position: absolute;
    right
: 0;
    background: #fff;
    z-index: 99;
    transform: translate(30px,0);
    transition: all .5s ease-out;
  }
  .menu li:first-child {
    margin-left: 0;
}
.menu ul li {
    display: block;
    float: none;
    background: 0 0;
    margin: 0;
    padding: 0;
}
.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
}
.menu ul li a {
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    padding: 10px 10px;
    display: block;
    color: #201c1c;
    background: #fff;
    border-bottom: solid 1px rgb(99 96 96 / 10%);
}
.menu li a {
    text-decoration: none;
    padding: 35px 18px;
    display: block;
    color: #fff;
    transition: all .2s ease-in-out 0s;
    font-size: 14px;
    font-weight: 500;
}
.menu-padding {
    /* padding: 7px !important; */
}
.vm img{
  width: auto !important;
  float: left;
  margin-left: 0;
}
.sticky .header_menu_area > .mob_nav > div{
    /* background: #106835; */
}
.sticky .mob_nav.open > div:nth-child(2) {
        /* background: #106835; */
}
.sticky .mob_nav.open > div:nth-child(3) {
    /* background: #0f6a36; */
    }
    .client-carousel button{
        margin-right: 10px;
    }
    .p21-new{
        background:transparent !important;
    }
@media(max-width: 575px){
    .about-sec2-box{
        margin-bottom: 30px;
    }
    .contact-box{
        width: 100%;
    }
    .service-right a span{
    width: 82%;
    float: left;
    text-align: left;
}.service-right h6{
    height: auto;
}
    .about-full h2 {
    font-size: 30px;}
    .img8{
        display: none;
    }
    .service-sec-full-p{
        padding: 0;
    }
    .innerban p{
        width:100% !important;
    }
 
    .ftr-links2{
        padding-top:30px;
    }
    .ftr-top a{
        text-align:center !important;
    }
    
 
  
    .icon4{
        display:none !important;
    }.ftr-top {

    padding: 30px 30px 50px;
   
    height: auto;
}.icon3 {
 
    height: 100px;
}
   
    .hd-social{
        display:none;
    }
    

    .banner-box{
    display:none;
}
    
    .ban-box1 {
    width: 70%;
} .ban-box2 {
    width: 70%;
} .ban-box3{
    width: 70%;
}
    .banner-box {
    width: 100%;
    float: left;
    padding: 0px 0 13px 6%;
    margin-top: 0;
}
   
    .top{
      right: 5px !important;
    bottom: 1px !important;
    }.panel4-box {
    width: 200px;
    position: absolute;
    left: 0;}.panel4-carousel {
    float: left;
    margin-bottom: 40px;
}.ftr-top p{
    display: none;
}
    
    
  
    .panel5-box{
        margin-top: 20px;
    }
    .ftr-links2 a{
            width: 100% !important;
            /* float: none !important; */
    }#about-us img {
    float: none;
    margin-left: 0;
    width: 100%;
}#about-us h1 {
    color: #000000;
    font-size: 26px;
    font-weight: 800;
    line-height: 41px;
    margin-bottom: 30px;
}#ahsan-culture {
    float: left;
    width: 100%;
    padding: 40px 5%;
}#ahsan-culture h1 {
    float: left;
    width: 100%;
    text-align: center;
    color: #000000;
    font-size: 24px;
    font-weight: 800;
    line-height: 35px;
}
    #culture-list {
    text-align: center;
}
    .quote-scroll h1 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    font-weight: 200;
    color: white;
    line-height: 52px;
}
#about-us{
    text-align: center;
}

    .about-panel-center{
        padding-left: 15px;padding-right: 15px;
    }

    .ftr-links {
    width: 100%;
    float: left;text-align:left;
    padding: 30px 0% 10px;
}
    .ftr-links2 h4{
        width: 100%;text-align: left;
    }
.ftr-links img{
    display: none;
}

.client-full p{
    padding: 15px;
}

    .client-full p
 
    .platinum{display: block;
    margin: 144px auto 0;}

    
  
  .panel5 h2 {
    font-size: 30px;}
    .panel5{
        text-align: center;
    }
    .panel6 p{
        padding: 15px;
    }
    
    .panel6{
        padding: 160px 5% 60px;
    }.panel6 h2 {
    font-size: 34px;}
   
    .panel6 p{
        padding: 15px;
    }
    
  
    .abt-p1{
margin-top:0 !important;
    }
    .rt-fin-sec3 .nav li{
        width: 25%;
    }.rt-fin-sec3 .nav a{
        width: 100%;margin-left: 0;
    }
    .rt-fin-sec3 .nav{
        width: 100%;
    }
    .rt-fin-sec2 p{
        padding: 10px 0 !important;
    }.rt-fin-sec h2 {
    font-size: 30px;
    }.green-rt{
        left: 0;
    }
 .panel7-blog-full img {
    width: 100%;
    height: auto;
}

    .rt-edu3 h2 {
    font-size: 32px
}
.rt-edu3 h5 {
    float: left;
    width: 100%;
    margin-top: 20px;
    }
    .rt-edu-full h2 {
    font-size: 28px;
    color: #000;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 20px;
    line-height: 46px;
}
    .rt-edu4 h2 {
    font-size: 37px;
}.rt-edu4 h1 {
    font-size: 23px;
    font-weight: 600;
    color: #fff;
    background: #106534;
    text-align: center;
    padding: 12px 4px;
    border-radius: 100%;
}
    .innerban-rt {

    height: auto;

    padding: 90px 5%;

}.rt-edu4 p{
    padding: 20px;
}
    .innerban-rt h3 {
    font-size: 30px;
    }.innerban-rt p{
        padding: 10px;
    }
    .panel7-blog-full h5{
        float: left;width: 100%;margin-top: 20px;
    }
    .related-carousel .owl-nav{
        display: none;
    }
    .related-blog-full p{
        padding: 10px !important;
    }
    .panel7-box h6:after{
        display: none;
    }.panel7-box h4 {
  
    margin-top: 20px;
    float: left;
    width: 100%;
}
    .p5-carousel .owl-nav{
        display: none;
    }.panel8 h2 {
    text-transform: uppercase;
    font-size: 33px;
}
    .green-bg a{
        width: 100%;
    }
    .black-bg h2 {
    font-size: 31px;
}
.black-bg label {
    font-size: 13px;
    }
    .mission-box {
    width: 100%;
    background: #fff;
    padding: 30px;
height: auto;float: left;}
.about-sec2 h6 {
    font-size: 44px;
    }.mission-box1 {
    width: 100%;
    background: #106534;
    padding: 30px;
height: auto;float: left;}
    .innerban p{
        padding: 0 15px !important;
        text-align: center !important;
    }
   
    .ftr-logo-a{
          width: 100% !important;
    }
    
    .p5-carousel img {
    width: auto !important;
}
    .p2-carousel img{
          /* height: 123px; */
          /* object-fit: contain; */
          /* max-width: 100%; */
    }
    
    .blog-text-sec {
    padding: 83px 20px;
}
    .panel7-box{
        height: auto;
    }
    .panel7-box img{
        width: 100% !important;
    }
    .panel8 p{
        padding: 5px !important;
    }
    .panel7 p{
        padding: 0 !important;
    }
    .fly-saffron-img{
            height: 136px;
    object-fit: cover;
    margin: auto;
    display: block;
    float: none;
    }
   
    .cd-gallery li{
        width:100%;
    }
    .close_form {
        right: 0px !important;
    top: 0px !important;
    z-index: 9999 !important;
    background-color: #000 !important;
}

    .innerban{
            /* background: #b7e9f7 !important; */
            padding: 90px 5% 60px !important;
    }
  
  .ftr-link-box {
    width: 100%;
    float: left;
    margin-bottom: 0px;
    margin-top: 20px;
}
 
  .client .owl-nav {
    z-index: 999;
    background: transparent;
    margin-top: 15px;
    /* display: none; */
    text-align: center !important;
    top: 0 !important;
    position: relative;
    right: 0;
}
.abt-sec3-box{
  margin-bottom: 30px;
}
}
@media(max-width: 1024px){
    .menu ul li a{
        text-align: center;
    }
    .sticky{
        position: inherit !important;
        background: transparent;
    }
  .enq-sec{
    display: none;
  }
  .header_menu_area > ul > li > a:hover::after{
    display: none;
  }
}

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


.contact-box h6 {
    font-size: 12px;}
    .service-box{
        height: 495px;
    }.contact-box{
        height: auto;padding: 10px;
    }
      .service-sec-full-p{
        padding: 0 50px;
    }.service-text h5 {
    font-size: 14px;}
    .service-right a span{
        width: 74%;
    float: left;
    }.service-text{
        height: 285px;
    }
    .service-right h6{
        height: auto;
    }
   
    


    
    .ftr-links img{
        max-width: 100%;
    }
    .cntr-align{
        padding-left: 50px;
        padding-right: 50px;
    }
    
    
    .panel6 p{
        padding: 15px 50px;
    }
  
    .rt-pay3{
        height: auto;
    }
.rt-pay3 h1 {
    font-size: 20px;
}
    .rt-grow3 img {
    object-fit: cover;
    width: 371px;
    height: 459px;
}
.rt-pay2 img {
    width: 297px;
    height: 440px;
    object-fit: cover;
}.rt-pay2 h2 {
    font-size: 28px
}
.rt-grow3 h2 {
    font-size: 33px;
    color: #fff;
    font-weight: 200;
    width: 100%;
}
.rt-edu3 img {
    width: 344px;
}.rt-grow h2 {
    width: 100%;
    font-size: 26px;
}.rt-grow img {
    width: 375px;
    height: 647px;
}.rt-grow2 img {
    max-width: 100%;
}
.rt-edu4 h1 {
    font-size: 25px;
}
    .innerban-rt p{
        padding: 10px !important;
    }
    .rt-edu4 p{
        padding: 10px !important;
        width: 100%;float: left;
    }
    .rt-fin-sec2 p{
        padding: 10px !important;
    }
    .abt-p1
{
    margin-top: 0 !important;
}.innerban-rt h3 {
    font-size: 49px;}


    .panel8 p{
        padding: 5px !important;
    }
    .panel7 p{
        padding: 0 !important;
    }
    .about-sec2 h6 {
    font-size: 44px;
}.innerban h2 {
    font-size: 55px;
}
    .mission-box {
    width: 100%;
    padding: 29px;
    
    height: auto;
    float: left;
}.mission-box1 {
    width: 100%;
    padding: 29px;
    
    height: auto;
    float: left;
}
    .related-blog-full p{
    padding: 0 !important;
}.black-bg label {
    font-size: 13px;}
    .innerban p{
    /* padding: 0 !important; */
    width: 70% !important;
  }.panel7-box img{
       max-width: 100%;
    width: 200px;
    object-fit: cover;
  }.panel7-box h6:after {
    position: absolute;
    content: '';
    width: 0;
    left: 43%;
}.blog-text-sec {
    padding: 40px 0;
}.panel7-box2 {
    width: 100%;
    float: left;
    background: #fff;
    height: 371px;
    padding: 40px 15px;
    margin-top: 30px;
}
 .top-cust{
     display:none;
 }.top-full{
     display:none;
 }
  .slide .item .slide-image {
    /* height: 399px; */
}.dot-image {
    height: auto !important;
    width: auto !important;
    top: 72px;
    position: absolute;
    right: 272px !important;
}

  
  .ftr-social a{
    margin-right: 6px;
  }
  .p3-h2 {
    font-size: 31px;
  }
  
  }

  
/********************new********************/
.menu ul li a:hover, .menu ul li:hover>a {
    background: #db612d;
    color: #ffffff !important;
}
.header_menu a svg{

    width: 26px;
    position: absolute;
    top: 22px;
    /* height: 24px; */
    left: 26px;

}
.head-quote img{
    margin-right:6px;
}
.head-quote1 img{
    width: 30px;
    margin-right: 6px;
}
.head-quote:after{
    display:none;
    background-color: #000 !important; 
    border-radius: 28px;
}
.head-quote1:after{
    background-color: #000 !important;
    border-radius: 28px;
    display:none;
}
.head-quote:hover{
    background-color: #06070a !important;
}
.head-quote1:hover{
    background-color: #7b0f12 !important;
}
.menu-sec{
    width: 100%;
    float: left;
    margin-top: 50px;
}
.menu-box{
width:100%;
cursor: pointer;
float: left;
}
.menu-name{
width: 92%;
cursor: pointer;
    position: relative;
    background: #fff;
    float: left;
    left: 9px;
    z-index: 9999;
    top: -31px;
    padding: 5px;
    border-radius: 50px;
}



.menu-name:hover a{
         color: #e43c2f;
        text-decoration: none;
}
.menu-name a svg:hover{
    background-color:#e43c2f;
}

.menu-box:hover .overlay-menu{
    height: 83%;
}
.menu-name a{
color: #000;
    font-size: 15px;
    font-weight: 500;
    float: left;
    text-overflow: ellipsis;
    padding: 15px 18px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.menu-name a svg{
        float: right;
    position: absolute;
    border-radius: 50%;
    padding: 8px;
    right: 19px;
    margin-top: -8px;
    width: 37px;
    fill: #fff;
    background: #f37321;
}
.tomato1{
    position: absolute;
    right: 0;
    top: -132px;
}
.leaf1{
   position: absolute;
    right: 82px;
    top: -45px; 
}
.menu-box img{
    height: 294px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}


.sidenav .closebtn{
    font-size:25px !important;
    padding: 6px 20px !important;
}
.sidenav .closebtn:hover{
    text-decoration:none;
}

.review-box h5{
    
font-size: 14px;
    
color: #101010;
    
padding-left: 62px;
    
font-weight: bold;
}
.ban-name{

font-weight: 700;

font-size: 26px;

color: #fff;

float: left;

position: relative;

z-index: 999;

top: 0px;

background: #1f6eb7;

padding: 40px 40px;
}
.ban-name:after{position: absolute;content: '';/* border-top: 1px solid #ccc; */right: -20px;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #1f6eb7;/* border-width: 20px 0px 20px 20px; ;border-color: aliceblue;;*/top: 38px;/* height: 20px; *//* width: 20px; *//* border-color: black transparent; */z-index: 999;}
.curve{
      position: absolute;
    bottom: -60px;
    width: 100%;
    left: 0;
    float: left;
}
.abt-final{

width: 100%;

float: left;

background: #f2f2f2;

padding: 50px 0 50px;

position: relative;

margin-bottom: 40px;
}



.social-media{

margin-top: 35px;

width: 100%;

float: left;

text-align: center;
}
.social-media a{

margin: 0 10px;
}
.social-media a svg{
    
width: 30px;
    
fill: #fff;
}
.bs .owl-nav img {
    height: 25px;
    margin: 5px;
    filter: brightness(54);
}
.bs .owl-nav {
    background-color: #1f6eb7;
    padding: 12px 0px;
    text-align: center;
    border-radius: 50px;
    width: 190px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 770px;
    margin-bottom: -80px;
}

.bs .owl-nav button{
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}


.nav-pd {
    width: 100%;
    float: left;
    text-align: left;
    padding: 125px 70px;
}
.sidenav a {
    padding: 15px 71px;
    text-decoration: none;
    -moz-transition: all ease-in-out .5s;
    font-size: 28px;
    transition: all ease-in-out .5s;
    color: #fff;
    text-align: left;
    -webkit-transition: all ease-in-out .5s;
    /* position: relative; */
    display: block;
    font-weight: 300;
    /* transition: 0.3s; */
    /* border-bottom: 1px solid #F2F2F2; */
}

.slide .item {height: 100vh;position: relative;}

.header-content h1 {
   
font-size: 48px;
   
width: 100%;
   
padding-right: 20px;
   
/* font-family: 'Oswald'; */
   
position: relative;
   
color: #fff !important;
   
line-height: 57px;
   
font-weight: 700;
}


.header-content h1 span {
    font-weight: 700;
}
.header-top-area a h6:hover{
color: #b88c2b;
    }

.slide .item {height: 767px;width: 100%;float: left;position: relative;/* background: #1a1b1c; *//* background: url(../images/slider_bg.png); *//* background-size: cover; */background-position: center;/* max-height: 800px; */}
.header-content p{
    line-height: initial;
    margin-top: 12px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    line-height: 25px;
    /* width: 45%; */
    padding-left: 5px;
}
.header-content h1 {
        font-size: 55px;
        width: 100%;
        padding-right: 20px;
        /* font-family: 'Oswald'; */
        position: relative;
        color: #fff !important;
        line-height: 64px;
        font-weight: bold;
}




.header-content h1 span {
    font-weight: 700;
}
.header-top-area a h6:hover{color: #ffe200;}
   
.header-top-area a:hover svg{
    fill: #ffe200;
}
.sub-menu-1{
  position: absolute;
  top: 58px;
  padding: 5px 20px;
  left: 0;
  right: 0;
  background-color: #222222;
  overflow: hidden;
  width: 210px;
  height: 0;
  transition: .5s ease;
  z-index: 6000;
}
.sub-menu-1 li{
    float:left;
    text-align:left;
    width:100%;
    list-style:none;
    padding: 5px 0;
}
.sub-menu-1 li a:hover{
    text-decoration:none;
    color:#b88c2b;
}
.sub-menu-1 li a{
    font-size: 14px;
    color:#fff;
}
.sub-menu{
    position:relative;
}
.sub-menu:hover .sub-menu-1{
    height: 135px;
}
.slide .item .cover {
    /* padding: 10px 60px; */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: rgba(0, 0, 0, 0.6); */
    display: flex;
    align-items: center;
}




.slide .item .cover .header-content {
    padding: 68px 0px 0px 63px;
     width: 100%; 
    position: absolute;
    height: 100%;
    
    /* width: auto; */
    /* margin-left: 65px; */
    /* padding: 56px; */
    overflow: hidden;
    background: transparent;
    /* z-index: 9999; */
}
.general-h2{
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    margin: 40px 0 0;
}
.mt-58px {
    margin-top: 58px;
    margin-bottom: 0px;
}

.aboutus {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.aboutus h2 {
    color: rgba(0, 0, 0, 0.85);
    font-size: 43px;
    float: left;
    width: 100%;

    line-height: 56px;
}
.fs40 {
    font-size: 35px !important;
}

.txt-center {
    text-align: center;
}
.aboutus p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 33px;
    color: rgba(0, 0, 0, 0.84);
    padding-top: 9px;
    padding-left: 0px;
    padding-right: 0px;
}
.vmp {
    float: left !important;
    width: 100% !important;
    padding-left: 150px !important;
    padding-right: 150px !important;
    text-align: center;
}
.row-dis {
    display: inherit !important;
}
.service-details img {
    float: left;
    margin-right: 30px;
    margin-top: 15px;
}
.service-details img {
    float: left;
    width:100%;
    margin-right: 30px;
    margin-top: 15px;
}
.service-details{
        float: left;
    width: 100%;
    font-size: 14px;
    line-height: 33px;
    color: rgba(0, 0, 0, 0.84);
    padding-top: 9px;
    padding-left: 0px;
    padding-right: 0px;
}
.mb-dk{
width: 100%;
    height: 250px;
    object-fit: cover;
    margin-top: 20px;
    border-radius: 5px;
    
}
.we-deal {
    margin-bottom: 0;
    margin-top: 0px;
    background: #f2f2f2;
    padding-top: 50px;
    padding-bottom: 0px;
}
.h355 {
    /* height: 355px; */
}
.deal-bg {
        margin-bottom: 30px;
        background: white;
        border-radius: 5px;
        /* padding: 25px; */
        float: left;
        width: 100%;
        /*height: 295px;*/
}


.deal-50 h1 {
    float: left;
    padding: 0 15px 5px;
    width: 100%;
    margin: 0;
    color: black;
    font-size: 20px !important;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 0px;
    /* line-height: 25px; */
    letter-spacing: 1px;
}
.deal-bg img{
    width: 100%;
    object-fit: cover;
    height: 200px;
}
.call-nav:hover {
    background: #b88c2b !important;
    color: black !important;
    text-decoration: none !important;
}
.deal-50 p {
    float: left;
    padding: 0 15px;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: rgb(0 0 0 / 83%);
}
@media (max-width: 1999px) and (min-width: 426px){
.mb-ls {
    display: none !important;
}
}
.slide .item .cover .header-content .line {
    /* content: ""; */
    /* display: inline-block; */
    /* width: 100%; */
    /* height: 100%; */
    /* left: 0; */
    /* top: 0; */
    /* position: absolute; */
    /* border: 9px solid #fff; */
    /* -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); */
    /* clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); */
}

.slide .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 35px;
    color: #fff;
}

.slide .item .cover .header-content h4 {
    font-size: 110px;
    font-weight: 700;
    line-height: 36px;
    color: #122a4a;
    margin-top: 200px;
    margin-bottom: 30px;
    font-family: 'Raleway';
}

/*.slide .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}*/
/*.slide .owl-item.active h6 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}*/
/*.slide .owl-item.active .slider-ban-a {
     background: aliceblue; 
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}
.slide .owl-item.active p {
    animation-delay: 0.3s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}
.slide .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}
*/
/*.slide .owl-item.active h4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}*/

.slide .owl-item.active .line {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}


.general-img{
    
}
.abt-left{

}
.abt-left p{
  margin-bottom: 30px !important;
}
.abt-final p{
  margin-bottom: 10px;
  padding: 0 10px;
}
.abt-final h2{
  margin-bottom: 30px;
  padding: 0 10px;
}


.header_menu_area {
  /* width: 100%; */
  float: right;
  position: relative;
  text-align: center;
  /* margin-top: 33px; */
  /* height: 96px; */
  }
  .header_menu_area > .mob_nav {
    display: none; }
  .header_menu_area > ul {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    padding-left: 0px;
    height: auto;
    padding-right: 0px;
    float: right;
    /* border-right: 1px solid #eeeeee; */
    }
    .header_menu_area > ul > li {
      width: auto;
      display: inline-block;
      vertical-align: middle; }
      .header_menu_area > ul > li > a {
        width: auto;
        /* float: left; */
        margin: 6px 0px 0px 0px;
        position: relative;
        font-size: 17px;
        font-family: 'Optima Bold';
        
        color: #fff;
        /* text-transform: uppercase; */
        letter-spacing: 0px !important;
        padding: 40px 16px;
        z-index: 1;
        transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        /* text-transform: uppercase; */
        text-decoration: none;
        }
        .header_menu_area > ul > li > a:hover {
          color: #ed1c24 !important;
          transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
          }
          .header_menu_area > ul > li > a:hover svg {
          fill: #000;
          }
        .header_menu_area > ul > li > a::after {
          content: '';
    position: absolute;
    width: 7px;
    border-radius: 100%;
    border: 1px solid #ffffff3d;
    text-decoration: none !important;
    background: transparent;
    /* background-repeat: no-repeat; */
    left: 0;
    height: 7px;
    /* bottom: 0; */
    /* transform: rotate(180deg); */
    z-index: -1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    top: 49px;
    margin-left: -4px;
          }
          
          .no-aftr a::after{
              display: none;
          }
          .stable{
             color: #ed1c24 !important; 
          }
        
      @media (max-width: 1024px) {
        .menu ul:after{
          bottom: 62%;
        }
        .menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    position: unset;
    transform: initial;
    /* height: 122px; */
    z-index: 99999;
    margin-top: 60px;
}
.menu ul {
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    transform: initial;
}
        .ham-nav{
            display: none;
        }
        .header_menu a svg{
            display: none;
        }
          .sub-menu-1{
              position:unset !important;
              width:100% !important;
          }
  .header_menu_area {
    position: inherit; }
    .header_menu_area > .mob_nav {
      display: block;
      float: right;
      width: 28px;
      height: 28px;
      margin: 25px 0 0 0;
      cursor: pointer;
      transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
      }
      .header_menu_area > .mob_nav > div {
        background: #078c2f;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        display: block;
        height: 3px;
        left: 0;
        position: absolute;
        /* transform: rotate(0); */
        -ms-transform: rotate(0);
        /* -webkit-transform: rotate(0); */
        transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        width: 100%;
        }
        .header_menu_area > .mob_nav > div:nth-child(1) {
          top: 2px; }
        .header_menu_area > .mob_nav > div:nth-child(2), .header_menu_area > .mob_nav > div:nth-child(3) {
          top: 13px; }
        .header_menu_area > .mob_nav > div:nth-child(4) {
          top: 23px; }

  .mob_nav.open > div:nth-child(1), .mob_nav.open > div:nth-child(4) {
    left: 50%;
    top: 18px;
    width: 0%; }
  .mob_nav.open > div:nth-child(2) {
    background: #0a0909;
    /* -webkit-transform: rotate(45deg); */
    /* transform: rotate(45deg); */
    -ms-transform: rotate(45deg);
    /* -webkit-transform: rotate(45deg); */
    }
  .mob_nav.open > div:nth-child(3) {
    background: #0a0909;
    /* -webkit-transform: rotate(-45deg); */
    /* transform: rotate(-45deg); */
    -ms-transform: rotate(-45deg);
    /* -webkit-transform: rotate(-45deg); */
    }

  
    .header_menu_area > ul > li {
      width: 100%; }
      .header_menu_area > ul > li > a {
        color: #fff;
        width: 100%;
        line-height: 30px;
        padding: 10px 5%;
        text-align: left;
        /* border-bottom: solid 1px rgba(255, 255, 255, 0.1); */
        }
        .header_menu_area > ul > li > a::after {
          width: 0px;
          height: 100%;
          background: #fff; }
        .header_menu_area > ul > li > a:hover::after {
          width: 4px; }
  .header_menu_area ul.view {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    z-index: 1111 !important;
    }

  .header_user_area {
    right: calc(5% + 70px); } }

.active-menu{
  background: #0A6A26;
  color: #ffffff !important;
  /* border-bottom: solid 4px #0f703a; */
}


@media (max-width: 1024px) {

    .li-hd{
        float: left;
        margin-top:20px !important;
    }
    .head-quote {
    /* display: none; */
    /* margin: 10px 0 0 20px !important; */
    background: transparent !important;
    border: none !important;
}
    .sub-menu-1{
        width:100%;
    }
   
   
    .head-quote {
    color: #fff !important;
    background: #a3238e;
    padding: 10px 17px 10px !important;

}
    .header_menu_area {
        position: inherit;
        height: auto;
    }

    .header_menu_area > .mob_nav {
        display: block;
        float: right;
        width: 28px;
        height: 28px;
        margin: px 10px 0;
        cursor: pointer;
        transform: rotate(0);
        z-index: 9999;
        -ms-transform: rotate(0);
        position: relative;
        -webkit-transform: rotate(0);
        transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
    }

    .header_menu_area > .mob_nav > div {
        background: white;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        display: block;
        height: 3px;
        left: 0;
        position: absolute;
        /* transform: rotate(0); */
        -ms-transform: rotate(0);
        /* -webkit-transform: rotate(0); */
        transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        width: 100%;
    }

    .header_menu_area > .mob_nav > div:nth-child(1) {
        top: 2px;
        width: 100%;
        float: right;
        right: 0;
        left: inherit;
    }

    .header_menu_area > .mob_nav > div:nth-child(2), .header_menu_area > .mob_nav > div:nth-child(3) {
        top: 13px;
        
        /*right: 5px;*/
        left: inherit;
        width: 100%;
        border-radius: 133px;
    }

    .header_menu_area > .mob_nav > div:nth-child(4) {
        top: 24px;
        
        /*right: 9px;*/
        left: inherit;
        width: 100%;
    }

    .mob_nav.open > div:nth-child(1), .mob_nav.open > div:nth-child(4) {
        left: 0;
        top: 18px;
        width: 0;
    }

    .mob_nav.open > div:nth-child(2) {
        background: #ffffff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: 13px;
    }

    .mob_nav.open > div:nth-child(3) {
        background: #ffffff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .header_menu_area > ul {
        width: 0;
        position: absolute;
        top: 0;
        left: 0;
  padding: 35px 0px 35px 0px !important;
        min-height: 100vh;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
    }

    .header_menu_area > ul > li {
        width: 100%;
    }
.enq-btn {

    padding: 12px 7px !important;
}
    .header_menu_area > ul > li > a {
    color: #ffffff !important;
    width: 100% !important;
    line-height: 30px;
    background: #1e3c5f;
    /* margin: 0; */
    
    padding: 10px 0 10px 0px;
    text-align: center;
    /* border-bottom: solid 1px rgb(15 107 55 / 39%); */
    border-radius: 0 !important;
    }

    .header_menu_area > ul > li > a::after {
        width: 0px;
        height: 50%;
        background: #db612d;
        /* left: 33%; */
        /* top: 50%; */
    }

    .header_menu_area > ul > li > a:hover::after {
        width: 4px;
    }

    .header_menu_area ul.view {
        visibility: visible !important;
        opacity: 1;
        background: #1e3c5f;
        /* border-top: 1px solid #fdf1f159; */
        z-index: 100;
        clip-path: circle(1200px at 80% -10%);
        -webkit-clip-path: circle(1200px at 81% -10%);
        /* pointer-events: all; */
        transition: all .5s ease-out;
        display: block !important;
        width: 100%;
    }

    .header_user_area {
        right: calc(5% + 70px);
    }
}
@media (min-width:1025px) and (max-width:1200px){
  
  .dot-image {
  
    right: 355px;
}
  .enq-sec {
    margin-left: 0;

}
  .header_menu_area > ul {
   
    padding-right: 12px;
  }.header_logo{
    padding-right: 11px !important;
  }
    .header_menu_area > ul > li > a {
    width: auto;
    float: left;
    margin: 0 9px;
    position: relative;
    font-size: 13px;
    /* font-family: 'Montserrat', sans-serif !important; */
    font-weight: 400;
    /* color: #000; */
    letter-spacing: 0px !important;
    padding: 32px 3px 26px;
    }
}
@media(min-width:1201px) and (max-width:1307px){
    .header_menu_area > ul > li > a{
        padding-left:9px;
        padding-right:9px;
    }
    .header_menu a svg{
        left:19px;
    }
}
@media (max-width: 500px) {
    .header_user_area {
        right: calc(5% + 55px);
    }

    .header_user_area .header_user {
        padding: 23px 18px 23px 0px;
    }

    .header_user_area .header_user > img {
        width: 30px;
        height: 30px;
    }

    .header_user_area .header_user > span {
        display: none;
    }

    .header_user_area > .header_login {
        margin: 0 5px 0 0;
    }
}

.header_menu_area > ul li ul.submenu {
    *display: none;
    opacity: 0;
    margin-top: 10px;
    visibility: hidden;
    position: absolute;
    width: 210px;
    height: auto;
    overflow: hidden;
    background: #fff;
    margin-left: 25px !important;
    box-shadow: 0 0 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.10);
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.main_header_block {
    width: 100%;
    float: left;
}

.header_logo {
    width: auto;
    float: left;
    position: relative;
    position: relative;
    z-index: 9999;
    margin-top: 20px;
    /* padding-right: 50px; */
    /* border-right: 1px solid #eeeeee; */
    /* height: 96px; */
}
.contact_full {
    width: 100%;
    float: left;
    margin-top: 60px;
}
.icon_box_05.ib5_left {
    padding-top: 0;
    padding-left: 59px;
    text-align: left;
    margin-bottom: 30px;
}
.chairman-sec{
  background-color: #4B514F;
  float: left;
  width: 100%;
  padding: 50px 0;
  position: relative;
}
.chairman-sec p{

padding: 0 12px;

color: #fff;

font-size: 14px;

line-height: 28px;
}
.chairman-sec h2{
  
color: #fff;
  
font-size: 25px;
  
font-weight: 700;
  
float: left;
  
width: 100%;
  
margin-bottom: 30px;
  
padding: 0 12px;
}
.chairman-sec img{
  
float: left;
  
position: relative;
}
.chairman-sec h5{
  
background: url('../images/quote.png');
  
float: right;
  
width: 500px;
  
text-align: right;
  
line-height: 30px;
  
color: #fff;
  
font-size: 18px;
  
font-weight: 600;
  
background-repeat: no-repeat;
  
background-position: 0 -2%;
  
padding-top: 30px;
}
.chairman-sec h6{
  
position: absolute;
  
bottom: -23px;
  
text-align: center;
  
background: #1f6eb7;
  
padding: 10px;
  
width: 77%;
  
color: #fff;
  
left: 25px;
  
border-radius: 30px;
  
font-size: 15px;
  
text-transform: capitalize;
}
.icon_box_05 {
    position: relative;
    padding-top: 59px;
    text-align: center;
}
.icon_box_05.ib5_left i {
    left: 0;
    top: 0;
    bottom: 0;
    right: auto;
    margin: auto 0;
}
.branch-new .owl-next{
    right: -70px;
    position: relative;
    top: 46px;
    border: 1px solid !important;
    padding: 10px;
}
.branch-new .owl-nav button:hover{
    background: #e1d7d7;
}
.branch-new .owl-nav button:hover img{
    filter: brightness(11);
}
.branch-new .owl-prev{
    left: -70px;
    position: relative;
    top: 46px;
    border: 1px solid !important;
    padding: 10px;
}
.active-class{
    color: #a9dc78 !important;
    /* background: #db612d; */
}
.active-class svg{
    fill:#000;

}

.icon_box_05 i {
    width: 120px;
    height: 120px;
    border: 1px solid #ecebff;
    color: #ffffff;
    text-align: center;
    line-height: 118px;
    border-radius: 50%;
    background: #a3238e;
    font-size: 36px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}
.icon_box_05.ib5_left .ib5_inner {
    padding: 29px 20px 21px 90px;
}
.ib5_inner {
    border: 1px solid #ecebff;
    padding: 100px 25px 32px;
    background: #fbfbfb;
}
.ib5_inner h3 {
    font-size: 19px;
    line-height: .8;
    letter-spacing: -.52px;
    text-transform: uppercase;
    margin: 0 0 26px;
}
.ham-white{

height: 100%;

padding: 20px 80px;

background: #fff;
}
.ham-right{
    
height: 100%;
}
.ib5_inner p {
    font-size: 14px;
    line-height: 26px;
    color: #959ba9;
    letter-spacing: 0;
    word-break: break-all;
    margin: 0 0 17px;
}
.ib5_inner > a {
    font-size: 14px;
    display: inline-block;
    line-height: .8;
    color: #a3238e;
    font-weight: 500;
    text-transform: capitalize;
}
.sub_title.dark_sub_title {
    color: #a3238e;
    font-weight: 600;
}

.sub_title {
    font-size: 16px;
    color: #c3c8d4;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 20px;
    line-height: .8;
}
.sec_title span {
    font-size: 39px;
    margin-bottom: 16px;
    float: left;
}
.cotactForm {
    position: relative;
}
.iconInput {
    position: relative;
    margin-bottom: 20px;
}
.light_form .iconInput input:not([type="submit"]), .light_form .iconInput textarea {
    font-weight: 400;
    font-size: 13px;
    color: #959ba9;
    border-color: #ecebff;
    margin-bottom: 30px;
}
.iconInput input:not([type="submit"]), .iconInput textarea {
    padding: 0 0 0 50px;
    background: transparent;
    border: none;
    border-bottom: 2px solid #5b6c90;
    display: block;
    width: 100%;
    color: #8b97b1;
    font-weight: 600;
    letter-spacing: 0;
    height: 57px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.header_logo img {
  max-width: 100%;
  /* height: 145px; */
  display: block;
  /* margin-top: 33px; */
  float: left;
  margin-left: 15px;
  margin-bottom: 5px;
  /* background: #fff; */
  /* border-bottom-left-radius: 10px; */
  /* border-bottom-right-radius: 10px; */
}

.slider_block {
    width: 100%;
    float: left;
    padding: 0;
    position: relative;
}

.ban1 {
    width: 100%;
    float: left;
    background: url('../images/slider1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 655px;
    background-position: 100%;
}

.ban2 {
    width: 100%;
    float: left;
    background: url('../images/slider1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 655px;
    background-position: 100%;
}

.header_block {
    width: 96%;
    /* HEIGHT: 108px; */
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 4%;
    z-index: 99;
    /* background: #14355e; */
    clear: both;
    /* border-bottom: 1px solid #2b4768; */
}



.view-serv {
    border: 1px solid #222222;
    border-radius: 50%;
    height: 47px;
    /* margin-top: 20px; */
    position: relative;
    bottom: 7px;
    z-index: 1000;
    width: 47px;
    color: #fff;
    float: left;
    background-color: #222222;
    left: 21px;
}
.testi-full{
    
background: url('../images/aboutbg.png');
    
width: 100%;
    
float: left;
    
background-size: cover;
    
background-repeat: no-repeat;
    
padding-bottom: 100px;
}
.view-serv:hover {
    border: 1px solid #b88c2b;
    background-color: #b88c2b;
}

.view-serv svg {
    padding: 12px 10px;
    width: 46px;
}


.enquire {
    background-color: #F36F27;
    color: #fff;
    margin-top: 20px;
    width: 144px;
    float: right;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 25px 12px;
    border-radius: 5px;
}
.years h5{
  
width: 100%;
  
float: left;
  
padding: 5px 15px;
  
font-size: 14px;
  
color: #fff;
  
line-height: 27px;
  
padding-bottom: 18px;
}
.enquire:hover {
    text-decoration: none;
    color: #fff;
    background-color: #000;
}

.slider_block .owl-nav {
    display: none;
}

.slider_block .owl-dots {
    display: none;
}

.cta-abt{

width: 100%;

float: left;

/* background: #000; */

/* padding: 50px 0; */
}
.cta-abt h2{

font-size: 18px;

line-height: 30px;

color: #fff;

background: #000;

padding: 32px 20px;

margin: 0;
}
.cta-abt p{

font-size: 17px;

color: #000;

padding: 32px 20px;

margin: 0;
}
.cta-abt a{

border-radius: 30px;

background: #1f6eb7;

float: right;

text-align: center;

color: #fff;

font-size: 15px;

width: 165px;

font-weight: 600;

padding: 15px;

margin-top: 32px;

box-shadow: -2px 1px 3px 0px #23202538;
}
.cta-abt a:hover{
  
text-decoration: none;
  
background: #000;
}
.services_full{

width: 100%;

float: left;

/* box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15); */

background: rgb(244 244 244 / 39%);

/* margin-bottom: 20px*/

/* margin-bottom: 20px; */

padding-bottom: 30px;
}
.services_full img{
    
width: 100%;
    
height: 200px;
    
float: left;
    
object-fit: cover;
    
margin-bottom: 14px;
}
.services_full h2{

font-size: 20px;

float: left;

width: 100%;

margin: 0;

padding: 10px 15px 0;

/* font-weight: 700; */

letter-spacing: 1px;
}
.services_full p{

margin: 0 !important;

padding: 10px 15px !important;

line-height: 28px !important;
}

.service .owl-nav img {
    width: 29px;
    opacity: .7;
    filter: brightness(11);
}

.ban-text {
    padding-top: 235px;
    width: 100%;
    float: left;
}
.service-sec{
    width:100%;
    float: left;
    position: relative;
    margin: 70px 0 15px;
}
.view-serv2 {
    border: 1px solid #ded83a;
    border-radius: 50%;
    height: 47px;
    /* margin-top: 20px; */
    position: absolute;
    bottom: -16px;
    width: 47px;
    color: #fff;
    float: left;
    background-color: #ded83a;
    left: 30px;
}

.view-serv2:hover {
    border: 1px solid #f8901f;
    background-color: #f8901f;
}

.view-serv2 svg {
    transform: rotate(180deg);
    padding: 12px 10px;
    width: 46px;
}
.service-sec-image{
    position: relative;
    height: 435px;
    margin-left: 17px;
    padding-left: 13px;
    /* width: 100%; */
    object-fit: cover;
    /* border-radius: 6px; */
}

.innerban6 p {
    margin-top: 223px;
    color: #ffffff;
    font-weight: 700;
    width: 100%;
    float: left;
    /* font-style: italic; */
    text-align: center;
    font-size: 28px;
}

.service-border{
    
margin-left: 25px;
    
float: left;
    
width: auto;
    
margin-bottom: 20px;
}
.service-sec h2{

font-size: 25px;

margin-left: 25px;

color: #131316;

margin-top: 15px;

font-weight: 400;
}
.service-sec h1{

font-size: 25px;

color: #131316;

font-weight: 700;

margin-left: 25px;
}
.service-sec p{
    
margin-left: 25px;
    
font-size: 14px;
    
float: left;
    
line-height: 28px;
    
color: #070707;
    
margin-bottom: 0;
    
padding: 5px 0;
}
.service-text-full h4{
    
font-size: 15px;
    
font-weight: 500;
}
.ban-text h1 {
    font-size: 37px;
/*    font-family: 'Baloo Paaji 2', cursive  !important; width: 100%;
*/    /* font-family: 'Oswald'; */
    position: relative;
    color: #fff !important;
    font-weight: 400;
}

.ban-text h1 span {
    font-weight: 700;
}
.get-in-touch{

width: 100%;

float: left;

margin-top: 40px;
}
.get-in-touch h2{

font-size: 35px;

font-weight: 700;

color: #101010;
}
.get-in-touch h2 span{

color: #a31c20;
}
.get-in-touch h3{

font-size: 20px;

font-weight: 700;

color: #a31c20;

margin: 10px 0;
}
.get-in-touch p{
    
font-size: 14px;
    
line-height: 26px;
    
color: #101010;
    
margin-bottom: 36px;
}
.abt-icons {
    position: absolute;
    /* border: 1px solid #ccc; */
    top: -22px;
    right: 15px;
    /* box-shadow: 0px 1px 0px 1px #eae4e4; */
    z-index: 99;
    padding-top: 9px;
    width: 47px;
    font-weight: 700;
    font-size: 21px;
    height: 47px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
}
.header-content h6{
    font-size: 80px;
    font-family: 'Optima Medium';
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: 700;
    /* line-height: 40px; */
}
.header-content h6 span{
    color: #ed1c24;
}
.abt-icons svg {
    margin: 12px 10px;
    width: 26px;
    fill: #310903;
    height: 24px;
}

.view-abt svg {
    padding: 12px 10px;
    width: 39px;
}

.view-abt:hover {
    border: 1px solid #222222;
    background-color: #222222;
}

.ban-text h1:after {
    /* position: absolute; */
    /* content: ''; */
    height: 2px;
    top: 8px;
    left: 192px;
    width: 57px;
    background-color: #ed2424;
}

.pro-overlay h5:after {
    position: absolute;
    content: '';
    height: 2px;
    top: 8px;
    left: 145px;
    width: 16px;
    background-color: #fff;
}
.menu-img{transition: all ease-in-out .5s;width: 100%;border-radius: 20px;height: 117px;object-fit: cover;}
.menu-img:hover{
    /* transform:scale(1.5); */
    filter: grayscale(1);
}
.menu-text{

width: 100%;

float: left;

margin-top: 25px;
}
.menu-text h2{

font-size: 18px;

font-weight: 700;

margin: 0;

color: #000;
}
.menu-text p{

margin: 0 !important;

font-size: 14px;
}
.menu-text span{

font-size: 14px;

font-weight: 600;

color: #000;
}
.menu-image{
  overflow: hidden;
  transition: all ease-in-out .5s;
  /* border-radius: 20px; */
  margin-bottom: 30px;
  cursor: pointer;
  width: 100%;
}
.panel-quote img{
    position: relative;
    top: 63px;
}
.conatct-ad-sec {
    width: 100%;
    float: left;
    margin-top: 35px;
    margin-bottom: 40px;
}

.location-text {
    float: left;
    width: 100%;
    text-align: center;
    text-align: -webkit-center;
    padding-bottom: 5px;
    text-align: -moz-center;
}

.location_titel {
    float: left;
    width: 100%;
    color: #000;
    font-weight: 700;
    padding-bottom: 11px;
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 17px;
    /* letter-spacing: -1px; */
}
.slide .owl-theme .owl-dots .owl-dot:focus{
    outline: none !important;
}
.location_address {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    text-align: center;
    line-height: 27px;
}

.dte{
    
padding: 5px 10px;
    
z-index: 999;
    
right: 11px;
    
position: absolute;
    
top: -10px;
    
color: #fff;
    
font-size: 13px;
    
border-radius: 32px;
    
background: #a31c20;
}
.innerban4 p {
    /* margin-top: 223px; */
    color: #ffffff;
    font-weight: 400;
    width: 100%;
    float: left;
    /* font-style: italic; */
    text-align: left;
    font-size: 18px;
}

.ban-text h2 span {
    color: #2ba649;
    font-weight: 700;
}

.abt-icons:hover {
    background-color: #ded83a;
}

.abt-icons:hover svg {
    fill: #fff;
}

.ban-text p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    padding: 6px 92px 0 0;
    font-weight: 400;
     
    color: #000;
}




.ban-text h2 {
    color: #000;
     
    font-size: 45px;
    line-height: 58px;
    padding-top: 0;
    font-weight: lighter;
}
.close_form {
   display: block;
   position: absolute;
   width: 40px;
   height: 40px;
   right: 424px;
   top: 0;
   background: #cc9c2e url(../images/close.svg) no-repeat center center;
   background-size: 20px 20px;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
   border: none;
   cursor: pointer;
}


.ftr-right {
    width: 100%;
    float: left;
    padding: 73px 20px 0;
}

.ftr-right p {
    color: #fff;
    font-size: 19px;
    position: relative;
    font-weight: 400;
    padding: 1px 101px 47px 0;
    border-bottom: 1px solid #0f1119;
}
.vm .owl-theme .owl-dots, .owl-theme .owl-nav{
    text-align: left;
}
.vm .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    z-index: 999;
    cursor: pointer;
    zoom: 1;
    background: transparent;
    text-align: center;
    border: none;
    top: -179px;
    left: 85px;
    /* right: 83px; */
    position: relative;
}

.vm.owl-theme .owl-dots .owl-dot span {
    position: relative;
    z-index: 99;
    width: 10px;
    cursor: pointer;
    height: 10px;
    margin: 5px 0px;
    border: 2px solid #ffdb5c;
    background: #ffdb5c !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.vm .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff!important;
    border: none;
}
.explore {
    background: transparent;
    color: #000;
    margin-top: 15px;
    float: left;
     
    ; /* height: 48px; */
    border-left: 2px solid #ED2424;
    border-bottom: 2px solid #ED2424;
    text-align: center;
    /* width: 143px; */
    /* border-radius: 4px; */
    font-weight: bold;
    font-size: 13px;
    padding: 0 13px 9px;
}

.social-hd {
    float: right;
    margin: 35px 20px;
}

.social-hd a {
    width: auto;
    margin: 3px 5px;
    float: right;
}

.social-hd a svg:hover {
    fill: #a3238e;
}

.quality-red a:hover {
    text-decoration: none;
    color: #fff;
}

.explore:hover {
    background-color: transparent;
    text-decoration: none;
    color: #fff;
}

.invest-btn:hover {
    text-decoration: none;
    background: #fa3b3b !important;
    color: #fff !important;
}
    .blink{
     
    }
    .blink a{
        font-size: 25px;
        color: white;
        animation: blink 1s linear infinite;
    }
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: .7;background: #06070aa3;}
}
.career-box {
    /* margin-bottom: 20px; */
    /* background: #fff; */
    /* padding: 25px !important; */
    /* box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15); */
    /* border-radius: 5px; */
}


.mission-sec {
    width: 100%;
    float: left;
    text-align: center;
}



.panel-call {
    padding: 38px 0;
    border-right: 1px solid #ccc;
    text-align: center;
    float: left;
    width: 100%;
}

.panel-call img {
    float: left;
}

.panel-call p {
    float: left;
    font-size: 12px;
    padding: 3px 5px;
    font-weight: 600;
    margin-bottom: 0;
    color: #444141;
}

.panel-icons-rt {
    width: 100%;
    float: left;
}

.panel-icons-rt a img {
    margin: 0 20px;
}
.iconInput i {
    position: absolute;
    /* left: 20px; */
    top: 0;
    font-size: 14px;
    letter-spacing: -.42px;
    color: #a3238e;
    height: 57px;
    line-height: 57px;
}
.service .owl-nav {
    float: left;
    width: 100%;
    text-align: center;
}

.service .owl-next {
    position: relative;
    /* top: -111px; */
    padding: 4px 0px;
    background: transparent;
    /* left: -464px; */
}

.service .owl-prev {
    position: relative;
    padding: 4px 0px;
    /* top: -111px; */
    background: transparent;
    /* left: -453px; */
}

.panel-icons-rt a {
    padding-top: 31px;
    float: left;
}

.dot {
    /* padding-top: 50px; */
    /* float: left; */
}

.bg-orange {
    background: #f36f27;
    padding: 25px 0 !important;
    float: right !important;
}

.panel-bar .col-md-6 {
    padding-right: 0;
}

.panel-form {
    width: 240px;
    float: left;
    min-height: 460px;
    top: -193px;
    z-index: 200;
    padding: 20px 15px;
    position: absolute;
    background-color: #7D7A7B;
}
/*@media screen and (max-height: 450px){*/
/*.sidenav {*/
/*    padding-top: 0;*/
/*}*/
/*.sidenav a {*/
/*    font-size: 18px;*/
/*}*/

/*}*/
/*.ham-nav svg{*/
/*    fill: #656363;*/
/*    height: 34px;*/
    /*margin-top: 10px;*/
/*}*/
/*.ham-nav{*/
/*    float: right;*/
/*    font-size: 30px;*/
/*    cursor: pointer;*/
/*    padding-left: 10px;*/
    /* background: #e8e8e8; */
    /* padding: 37px 12px; */
/*    margin-top: 34px;*/
/*}*/
/*.sidenav a {*/
/*    padding: 12px 71px;*/
/*    text-decoration: none;*/
/*    -moz-transition: all ease-in-out .5s;*/
/*    font-size: 27px;*/
/*    transition: all ease-in-out .5s;*/
/*    color: #fff;*/
/*    text-align: left;*/
/*    -webkit-transition: all ease-in-out .5s;*/
/*    position: relative;*/
/*    display: block;*/
    /* transition: 0.3s; */
    /* border-bottom: 1px solid #F2F2F2; */
/*}*/
/*.sidenav a:hover{*/
/*  text-decoration: none;*/
/*  opacity: .9;*/
/*}*/
/*.sidenav {*/
/*    height: 100%;*/
    /* border-top: 1px solid #ad6062; */
/*    width: 100%;*/
/*    position: fixed;*/
/*    height: 0;*/
/*    padding: 0;*/
/*    z-index: 9999;*/
/*    top: 0;*/
/*    right: 0;*/
/*    background-color: #041e0f;*/
/*    overflow-x: hidden;*/
/*    transition: 0.5s;*/
/*}*/
.panel-form h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 100;
    color: #fff;
}
.head-quote1{
    color: #fff !important;
    background: #06070A;
    padding: 4px 10px 5px 4px !important;
    border-radius: 28px;
    font-size: 11px !important;
    margin-top: 7px !important;
    margin-right: 10px;
    /* width: 118px !important; */
    border: 2px solid transparent;
    margin-bottom: 0 !important;
}
.input-set {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.input-set input {
    background: transparent;
    border: 1px solid #ccc;
    font-size: 300;
    color: #fff;
    padding: 8px 10px;
}

.panel-form p {
    font-size: 13px;
    color: #fff;
    float: left;
    line-height: 24px;
    font-weight: 300;
    padding: 5px 3px 5px 0;
}

.panel-form button {
    background: #B5B3B4;
    border: none;
    text-align: center;
    margin: auto;
    display: block;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    padding: 10px 20px;
}



.view-abt {
    /* border: 1px solid #fff; */
    border-radius: 50%;
    height: 40px;
    width: 40px;
    color: #fff;
    background: #B88C2B;
    float: left;
    text-transform: uppercase;
}

.table{
        animation: rotate 5s infinite linear;
}




.contact-snd {
   
    /* border-radius: 100px; */
    font-size: 15px;
    font-family: 'Raleway';
    font-weight: 600;
    margin-bottom: 20px;
    font-style: normal;
    font-stretch: normal;
   border: 1px solid transparent;
    line-height: normal;
    /* letter-spacing: 1.8px; */
    
   padding: 18px 25px;
    border-radius: 10px;
    text-decoration: none;
    text-align: center;
    
   background: transparent;
   box-shadow: inset 400px 0 0 0 #ed1c24;
    color: #fff;
    float: left;
    margin-top: 11px;
    /*    border: solid 2px #a3238e;
*/
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.contact-snd:hover{
    border: 1px solid #ed1c24;
    box-shadow: inset 0 0 0 0 #ed1c24;
    background: transparent;
   
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


.investimg-new img {
    width: 100%;
    border-radius: 5px;
    height: 471px;
    width: 100%;
    float: left;
    object-fit: cover;
}
.investimg-new {
    width: 100%;
    float: left;
    margin-top: 0px !important;
}





.pro-img{margin-bottom: 30px;position: relative;overflow: hidden;width:100%;border-top-right-radius: 4px;float: left;}
.pro-img img{
    position: relative;
    border-top-right-radius: 5px;
    width: 100%;
    float: left;
    border-top-left-radius: 5px;
    height: 270px;
    transition: all ease-in-out .5s;
    object-fit: cover;
    }
.pro-img img:hover{
    
/* transform: scale(1.5); */
}
.pro-img h6{
        font-size: 16px;
        font-weight: 600;
        float: left;
        color: #ffffff;
        text-align: center;
        /* margin-top: -60px; */
        background: rgba(0, 0, 0, 0.69);
        position: absolute;
        z-index: 111;
        left: 0;
        padding: 14px;
        width: 100%;
        bottom: -8px;
}


.modal-content {
    border-radius: 0 !important;
}
}
.modal-img {
    width: 100%!important;
    height: 186px!important;
    object-fit: cover;
}

.free_consult {
    z-index: 999;
    text-align: center;
    color: #fff;
    font-size: 20px;
    width: 100%;
    position: relative;
    bottom: 110px;
}
.modal-heads {
       font-size:18px;
    margin-top: 0px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 13px;
    background:#aa7e14;
    padding-bottom: 13px;
}
.modal-frm input {
    width: 100%;
    padding: 10px 0px 10px 0px;
    outline: none;
    border: none;
    font-size: 13px;
    border: 1px solid #eee;
    margin-top: 20px;
    padding: 10px;
    height: 52px;
}
.modal-frm textarea {
    width: 100%;
    padding: 10px 0px 10px 0px;
    outline: none;
    border: none;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    resize: none;
    margin-top: 20px;
    border: 1px solid #eee;
    margin-top: 20px;
    padding: 10px;
}
.modal-img {
    width: 100%!important;
    height: 186px!important;
    object-fit: cover;
    float: left;
    left: -1px;
    position: relative;
    top: -1px;
}
.close {
    position: absolute;
    right: -30px;
    top: 15px;
    width: 35px;
    height: 35px;
    background: rgba(0, 0, 0, 0.4);
    margin: 20px;
    cursor: pointer;
    padding: 5px;
}
.close:after, .close:before {
    content: '';
    position: absolute;
    top: 25%;
    left: -288px;
    width: 1.5px;
    height: 65%;
    background: #e4e4e4;
}
.close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.close:before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.modal-submit {
    padding: 14px 23px 10px 20px;
    /* float: left; */
    margin: 5px auto 24px;
    display: block;
    width: 170px !important;
    height: 47px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background: #222222;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 30px;
}
.modal-submit:hover{
    background-color: #B88C2B;
}

.mt-80 {
    margin-top: 80px;
}

.pro-overlay {
    /* position: absolute; */
    /* height: 100%; */
    /* padding: 100px 51px; */
    /* width: 100%; */
    /* background-color: #ed3231e8; */
    /* left:0; */
    /* top: 0; */
    /* display: none; */
}

.pro-overlay h2 {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
}

.pro-overlay h6 {
    font-size: 14px;
    font-weight: 400;
    padding-top: 16px;
    color: #fff;
    float: left;
    line-height: 25px;
}

.pro-overlay h5 {
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: #fff;
    float: left;
    position: relative;
    margin-top: 20px;
}

.abt-mission{
    
width: 100%;
    
float: left;
    
margin: 50px 0;
    
text-align: center;
}
.mission-sec-new .col-md-6{
    padding: 0;
}
.mission-sec-new{

width: 100%;

display: inline-block;

vertical-align: middle;

max-width: 1145px;

margin: 0px 0px 0px 27px;
}
.mission1{

background: #222222;

padding: 40px 30px;

text-align: left;

box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);

-moz-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);

-webkit-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);
}
.mission1 h2{

color: #fff;

font-size: 22px;

font-weight: 700;
}
.mission1 p{

font-size: 14px;

line-height: 26px;

color: #fff;

text-align: justify;
}
.vision1{

background: #b88c2b;

padding: 40px 30px;

text-align: left;

box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);

-moz-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);

-webkit-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);
}
.vision1 h2{

font-size: 22px;

font-weight: 700;

color: #fff;
}
.vision1 p{

font-size: 14px;

line-height: 26px;

color: #fff;

text-align: justify;
}




.panel-12 {
    background: url('../images/aboutbg.png');
    width: 100%;
    float: left;
    /* padding: 50px 0 20px; */
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.panel-12 h1 {
    width: 100%;
    float: left;
    font-size: 25px;
    /* font-weight: 100; */
     
    /* line-height: 40px; */
    color: #131316;
    /* text-align: center; */
    margin-bottom: 0;
}

.panel-12 h1 span {
    font-weight: 700;
    color: #131316;
}

.panel-12 p {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: rgb(0 0 0 / 74%);
    /* text-align: justify; */
    /* padding: 5px 19%; */
    margin-bottom: 0;
    margin-top: 15px;
}

.form-pad {
    width: 100%;
    float: left;
    /* padding: 0 139px; */
}

.panel-12 .ryt-pad {
    /* padding-right: 55px; */
    margin-bottom: 35px;
}
 .msg-box{
  width: 327px;
  height: auto;
  margin-top: -618px;
  z-index: 99;
  float: right;
  position: relative;
  /* background: #ffffff00; */
  right: 90px;
}
 .msg-box .heads{
  width: 100%;
  padding: 12px 25px;
  float: left;
  background: #0d0d0c;
  /* height: 94px; */
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.msg-box .heads h2{
  margin-bottom: 0;
  width: 100%;
  float: left;
  text-align: center;
  font-size: 18px;
  /* line-height: 24px; */
  color: #FFFFFF;
}
.msg-box .bodys{
  width: 100%;
  float: left;
  background: #FFFFFF;
  border-bottom-right-radius: 5px;
  /* height: 248px; */
  border-bottom-left-radius: 5px;
}
.form-area1{
  width: 100%;
  float: left;
  padding: 10px 20px;
  padding: 10px 25px;
}
.form_div {
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    font-size: 13px;
    height: 42px;
    margin-bottom: 10px !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    border-bottom: solid 1px #e3e3e3;
    padding: 15px;
    border-radius: 5px;
    padding-top: 9px;
    float: left;
    width: 100%;
}
.titel_normal {
    /* height: 100%; */
    line-height: 26px;
    /* top: 151px; */
    position: absolute;
    width: 35px;
    /* padding-left: 8px; */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 5px;
    color: rgba(0, 0, 0, 0.88);
    text-transform: uppercase;
    border-right: solid 1px #e3e3e3;
}
/*.banner img{
  width: 100%;
  float: left;
}*/

.normal_form {
    /*color: #272626;*/
    display: block;
    font-size: 12px;
    /* height: 52px; */
    color: #18191b96;
    /* margin-bottom: 30px !important; */
    outline: none;
    background: rgba(255, 255, 255, 0);
    width: 88%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    padding: 15px;
    float: left;
    /* width: 50%; */
    left: 47px;
    position: relative;
    padding: 0px;
    /* padding-left: 17px; */
    padding-top: 8px;
}
.form-bot{
  width: 100%;
  float: left;
}
.form-boto-st{
  width: 100%;
  float: left;
  background: #18191B;
  color: #fff;
  border: none;
  height: 40px;
  border-radius: 5px;
  margin-top: 15px;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}
.form-boto-st:hover{
  background: #a3238e;
  cursor:pointer;
}
.form-boto-st:focus, active{
 outline: none;
}
.panel-12 .form-control {
    border-radius: unset;
    border: unset;
    border-bottom: 1px solid #888686a8;
    padding: 0;
    box-shadow: none;
    height: 45px;
}

.panel-12 .lft-pad {
    /* padding-left: 55px; */
    margin-bottom: 35px;
}

.panel-12 .margin-bot {
    margin-bottom: 35px;
    float: left;
}
.client .owl-nav button{
    background-color: transparent;
    border: none;
}
.client .owl-nav button img{
    /* filter: brightness(.5); */
    /* width: 40px; */
}
.client .owl-nav button:focus{
outline: none !important;
}
.service-text-full{

position: relative;

width: 100%;

float: left;

padding: 30px 20px;
}
.service-text-full h3{

font-size: 18px;

font-weight: 700;
}
.service-text-full p{
    
font-size: 14px;
    
text-align: left;
    
margin: 0;
}
.btn-center {
    text-align: -webkit-center;
    width: 100%;
    float: left;
}

.submit-btn {
    text-align: center;
    width: 163px;
    height: 47px;
    background-color: #222222;
    display: flex;
    color: #FFF;
    cursor: pointer;
    /* border-radius: 25px; */
    margin-top: 25px;
    float: left;
    border: 0;
}

.submit-btn span {
    margin: auto;
    font-size: 15px;
    text-transform: uppercase;
}


.branches-ht{
        height: 400px !important;
/*        margin-bottom: 0 !important;
*/}
.branch-new-name1{
        float: left;
    width: 100%;
    text-align: center;
}
.line {
    width: 100%;
    float: left;
}

.serv-line {
    position: relative;
}
.img-branch{
    height: 400px !important;
}
.serv-line::before {
    top: 20px;
    content: '';
    height: 1px;
    width: 100px;
    border: 1px solid #cccccc30;
    left: -101px;
    position: absolute;
}

.serv-line::after {
    top: 20px;
    content: '';
    height: 1px;
    width: 100px;
    border: 1px solid #cccccc30;
    right: -101px;
    position: absolute;
}


.ft-left{
width: 100%;
float: left;
}
.ft-left a{
    margin: 10px;
    width: auto;
    font-size: 15px;
    float: left;
    color: #fff;
}
.ft-left a:hover{
    color:#b54fa5;
    text-decoration: none;
}

.dot{
    
/* width: 8px; */
    
/* height: 8px; */
    
/* margin: 10px; */
    
/* background: #cecece; */
    
/* float: right; */
    
/* border-radius: 50%; */
}
.extra-sec a:hover{
    margin-left: 15px;
    text-decoration: none;
    color: #ffd847 !important;
}



.head-quote{color: #fff !important;background: #620609;padding: 4px 18px 7px !important;border-radius: 5px;margin-top: -17px !important;border: 2px solid transparent;margin-bottom: 0 !important;}

.social-ft a svg:hover{
    fill:#b54fa5;
}
.ftr-quote {
    position: absolute;
    top: 56px;
    left: 18px;
    height: 106px;
    /* width: 124px; */
    opacity: 0.4;
}

.ml-44 {
    margin-left: 64px;
}

.ml-66 {
    margin-left: 90px;
}

.start {
    width: 100%;
    float: left;
    margin-top: 20px;
    height: 159px;
}

.start h2 {
    font-size: 18px;
    font-weight: 500;
    color: #f5f5f5;
    margin-bottom: 10px;
}

.start-soc a svg {
    margin-right: 8px;
    width: 44px;
    margin-top: 8px;
    height: 30px;
}

.start-soc a {
    width: auto !important;
}

.start a {
    width: 100%;
    float: left;
    font-weight: 400;
    font-size: 15px;
    line-height: 36px;
    /* margin: 0 10px; */
    opacity: .7;
    color: #fff !important;
}

.start a:hover {
    text-decoration: none;
    color: #fff;
    opacity: 1;
}

.client {
    float: left;
    width: 100%;
    margin: 10px 0;
    /* position: relative; */
}

.client .owl-nav {
    z-index: -14;
    background: transparent;
    margin-top: 15px;
    /* display: none; */
    text-align: center;
}



.quote-cook {
    position: absolute;
    top: 2px;
    right: 31px;
}


.innerban2 {
    width: 100%;
    background-size: cover;
    background: url(../images/slide4.jpg);
    height: 250px;
    float: left;
    margin-top: 100px;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.innerban p {
    margin-top: 123px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    float: left;
    /* font-style: italic; */
    text-align: center;
    font-size: 28px;
    /* background: rgb(0 0 0 / 74%); */
    height: 250px;
    margin-top: 0px;
    padding-top: 80px;
}


.service{
    width: 100%;
    float: left;
}
.innerban2 p {
    margin-top: 123px;
    color: #ffffff;
    font-weight: 700;
    width: 100%;
    float: left;
    /* font-style: italic; */
    text-align: center;
    font-size: 28px;
    background: rgb(0 0 0 / 74%);
    height: 250px;
    margin-top: 0px;
    padding-top: 80px;
}
.bc {
    /* border-top-right-radius: 4px; */
    /* background: #e42e24; */
    /* border-top-left-radius: 4px; */
    width: 100%;
    text-align: center;
    color: #ffffff;
    float: left;
    /* display: inline-block; */
    margin: 0 auto 0;
    /* text-align: center; */
    padding: 10px;
}

.bc a {
    color: #ffffff;
    padding: 0 5px;
    font-size: 15px;
}

.bc a:hover {
    color: #fff !important;
    text-decoration: none;
}





.abt-panel h1 span {
    color: #000000;
    font-weight: 700;
}

.contact-tag {
    float: left;
    width: 100%;
    font-weight: 400; 
    font-family: 'Raleway';
    font-size: 15px !important;
    color: white !important;
    text-align: left;
    /* margin-top: 15px; */
    line-height: 25px !important;
    margin-bottom: 30px;
    padding-right: 50px;
}

.cnt-padding {
    padding-left: 0px !important;
}

.push-left {
    float: left;
}

.contact-label {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: white!important;
    font-weight: 500;
    font-family: 'Optima Bold';
}

.mct_form {
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    font-size: 13px;
    /* text-transform: uppercase; */
    height: 50px;
    margin-bottom: 10px  !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    border: solid 1px rgba(46, 67, 110, 0.22);
    margin-top: 3px;
    width: 100%;
    float: left;
    padding: 15px;
    margin-top: 17px;
    /* border-radius: 5px; */
}

.cnt-padding {
    padding-left: 0px !important;
}

.info-tag {
    line-height: 25px;
    font-size: 15px;
   
    margin-top: 9px;
    font-family: 'Raleway';
    font-weight: 400;
}

.adr-section {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding-left: 30px;
}



.cnt-icons {
    padding-right: 8px;
    font-size: 29px !important;
    color: rgb(43, 166, 73);
}



    

    .map-top {
        margin-top: 1px;
    }

   

.india span {
    float: left;
    width: 100%;
    color: #2ba649;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    /* letter-spacing: 1px; */
    margin-top: 20px;
}



.map-top {
    margin-top: 30px;
}



.input-set-ct {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.input-set-ct input, .input-set-ct textarea {
    background: transparent;
    border: 1px solid #cccccc36;
    font-size: 300;
    color: #000;
    width: 100%;
    border-radius: 10px;
    height: 50px;
    padding: 8px 10px;
}

.input-set-ct textarea {
    height: 80px !important;
}

.input-set-ct label {
    width: 100%;
    font-size: 15px;
}

.input-set-ct input, .input-set-ct textarea:focus {
    outline: none;
}

.contact-left {
    width: 100%;
    float: left;
}

.contact-left h6 {
    font-size: 18px;
    color: #000;
    font-weight: 300;
}


.contact-left h1 {
    font-size: 35px;
    width: auto;
    margin-bottom: 0;
    font-weight: 700;
    padding: 5px 0;
}




.contact-left p {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 10px;
}

.ct-sub {
    background: #F36F27;
    color: #fff;
    margin-top: 10px;
    float: left;
    border: none;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 41px;
}

.ct-sub:hover {
    background: #000;
}

.main-off {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.hv-sec {
    width: 100%;
    margin-bottom: 30px;
    float: left;
}
.hv-sec i {
    font-size: 25px;
    color: #fff;
    border: 1px solid #cccccc5e;
    background-color: #f36f27;
    float: left;
    border-radius: 100%;
    margin-top: 0px;
    padding: 20px 22px;
}

.hv-sec i:hover {
    background: transparent;
    color: #f36f27;
}

.main-off h2 {
    float: left;
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0px 0;
}

.main-off p {
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    width: 100%;
    padding: 7px 0;
    line-height: 27px;
}

.hv-sec .col-md-4 {
    padding: 0;
}

.about_section {
    float: left;
    width: 100%;
    padding-top: 60px;
}

.about_section h1 {
    font-size: 19px;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 40px;
}

.about_section h1 span {
    font-weight: 600;
    color: #04113c;
}


.msg-panel {
    margin-top: 20px;
    float: left;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    background: url(../images/menu-bg.png);
    /* font-size: 36px; */
    color: #010101;
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.md-msg {
    float: left;
    width: 100%;
    /* background: #fff; */
    padding: 29px 0;
    /* border-radius: 5px; */
}
.team-imgs img {
    width: 100%;
    float: left;
    height: 280px;
    object-fit: cover;
}
.teambg {
    float: left;
    width: 100%;
    text-align: center;
    height: 90px;
    margin-bottom: 20px;
    background: #310903;
    color: #fff;
    font-size: 14px;
    padding: 15px;
}
.teambg span{
  width: 100%;
  float:left;
}
.md-msg h1 {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #fff;
    margin-top: 0px;
    text-align: left;
    font-weight: bold;
}

.md-msg h1 span {
    /* color: #f41428; */
}

.md-msg p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #fff;
    text-align: left;
    line-height: 27px;
    margin-bottom: 0px;
}

.service_titels {
    color: #000000 !important;
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 10px !important;
    padding-left: 0px !important;
}

.gs_img {
    float: left;
    /* margin-left: 60px; */
    height: 220px;
    object-fit: cover;
    width: 100%;
}

.about_section p {
    font-size: 14px;
    float: left;
    width: 100%;
    color: #000;
    /* font-family: 'font-family: 'Baloo Paaji 2', cursive;; */
    line-height: 32px;
    margin-bottom: 17px;
}

.offer-panel {
    float: left;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
}

.mb25 {
    margin-bottom: 25px;
}
.bg-brand {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px;
    text-align: center;
    border: solid 1px rgba(243, 112, 33, 0.58);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    margin-bottom: 30px;
}
.bg-brand img {
    object-fit: contain;
    width: 100%;
    height: 100px;
    right: 0px;
}
.bg-brand:hover {
    text-decoration: none !important;
    -webkit-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
    border: solid 1px #fff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.offer-panel h1 {
    float: left;
    width: 100%;
    /* color: #020e22; */
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 11px;
}

.hankook-font {
    float: left !important;
    width: 100% !important;
    /* color: #020e22; */
    font-size: 17px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    padding-bottom: 8px !important;
}

.detail-list {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 29px;
    color: #000;
    font-weight: 400;
    margin-bottom: 8px;
}

.bg-brand {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px;
    text-align: center;
    border: solid 1px rgb(163, 35, 142);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    margin-bottom: 30px;
}

.brand-hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.bg-brand:hover {
    text-decoration: none !important;
    -webkit-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
    border: solid 1px #fff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.ih-item.square.effect6 {
    overflow: hidden;
    margin-bottom: 30px;
}

.ih-item.square {
    position: relative;
    /* width: 316px; */
    /* height: 216px; */
    /* border: 8px solid #fff; */
    /* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); */
}

.ih-item.square.effect6 .img {
    -webkit-transition: all 0.35s ease-in-out;
    position: relative;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.productimg {
    width: 100%;
    object-fit: cover;
    padding: 20px;
    height: 290px !important;
    border: 2px solid #f36f27;
}

.ih-item.square.effect6 .info {
    /* background: #da3140; */
    /* background: rgba(218, 49, 64, 0.55); */
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ih-item:hover {
    text-decoration: none !important;
    -webkit-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
    border: solid 1px #fff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.port-box {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    float: left;
    /* height: 400px; */
    /* bottom: 0; */
}

.port-box img {
    width: 100%;
    float: left;
    /* height: 300px; */
}

.port-box h6 {
    text-align: center;
    background: #444242;
    width: 100%;
    font-weight: 700;
    font-size: 17px;
    float: left;
    color: #fff;
    padding: 20px;
}

.port-box h6:hover {
    background: #f36f27;
}

.numbers {
    /* float: right !important; */
    /* width: auto !important; */
    /* height: 64px !important; */
    /* margin-top: 24px !important; */
}



.pimg {
    width: 100%;
    object-fit: cover;
    /* padding: 20px; */
    height: 400px !important;
    /* border: 2px solid #f36f27; */
}


.img:hover .overlay {
    display: block !important;
}

.port-box:hover {
    box-shadow: none;
}



.fresco .overlay h2:hover {
    text-decoration: none;
}
.head-quote:hover{
    background-color: #aa7e14;
    color: #fff !important;
}
.fh-form {
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    /* font-family: 'Palanquin-Regular'; */
    font-size: 13px;
    /* text-transform: uppercase; */
    height: 50px;
    margin-bottom: 15px !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 15px;
    border: none;
    transition: all 500ms ease;
    border: solid 1px rgba(0, 0, 0, 0.18);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    border-radius: 5px;
}

.error_msg {
    display: none;
    width: auto;
    float: left;
    padding: 5px 7px;
    font-size: 13px;
    line-height: 15px;
    background: #E31B23;
    color: #fff;
    font-weight: 300;
    text-align: left;
    position: absolute;
    bottom: -8px;
    left: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 10;
}
.light_form .iconInput input:not([type="submit"]), .light_form .iconInput textarea:focus{
    outline: none !important;
}

.location-text img {
    width: 50px;
}


.top {
    position: relative;
    float: left;
    margin-top: 0;
    width: 100%;
    bottom: 0;
    cursor: pointer;
}

.panel-12 .form-control:focus {
    border-bottom: 1px solid #310903 !important;
    outline: none !important;
    border: none;
    box-shadow: none;
}

.panel-12 .form-control::placeholder {
    font-size: 15px;
    color: #807A7A !important;
    font-weight: 500;
}

.panel-12 .form-control:focus::placeholder {
    color: #310903 !important;
}

.btn-center a:hover {
    text-decoration: none;
    background : #2ba649;
}

.submit-btn:hover {
    background: #b88c2b;
}

.verticaltexts {
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(450deg);
    -webkit-transform-origin: right, top;
    position: absolute;
    bottom: 41%;
    right: -122px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 12px;
}

.verticaltexts:hover {
    color: #000;
    text-decoration: none;
}

.investimg {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.investimg img {
    width: 100%;
    border-radius: 5px;
    /* height: 471px; */
    width: 100%;
    float: left;
    /* object-fit: cover; */
}

.mrbot {
    margin-bottom: 50px;
}

.sec {
    width: 100%;
    float: left;
}

.left-area {
    width: 100%;
    height: 243px;
    position: relative;
    background: #f1f1f1;
    /* left: 61px; */
    right: -83px;
    top: 59px;
    z-index: 1;
    padding: 4% 37px;
    /* box-shadow: 10px 10px 21px -1px rgba(219,212,219,1); */
}

.cnct_section {
    width: 100%;
    float: left;
}

.cnct_section {
    width: 100%;
    float: left;
}

.mail {
    width: 100%;
    float: left;
    min-height: 500px;
    background: #301d0f;
    padding: 60px 5% 60px 5%;
}

.mail h2 {
    color: #fff;
    padding: 0 0 20px;
    font-size: 25px;
}

.contact_form {
    width: 100%;
    float: left;
    position: relative;
}

.field_area {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 20px;
}

.field_area label {
    color: #fff;
}
.service-side{
    position: absolute;
    left: 48px;
    width: auto;
}
.field_area input[type=email], .field_area input[type=number], .field_area input[type=text], .field_area textarea {
    width: 100%;
    float: left;
    position: relative;
    /* font-family: Montserrat,sans-serif; */
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    margin: 0;
    padding: 10px 10px;
    background: 0 0;
    border: none;
    border-bottom: solid 1px rgba(255,255,255,.77);
    transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}

.ct_sbt {
    border: 2px solid #fff;
    padding: 10px 30px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    transition: all .5s;
}

.location_icons {
    float: left;
    width: 100%;
    text-align: center;
    text-align: -webkit-center;
    padding-bottom: 5px;
    text-align: -moz-center;
}

.location_icons img {
    display: block;
    max-width: 100%;
    height: auto;
}

.location_titel {
    float: left;
    width: 100%;
    color: #454545;
    font-weight: 700;
    padding-bottom: 11px;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 18px;
}

.location_address {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #4c4a4a;
    text-align: center;
    line-height: 27px;
}

.field_area input[type=email], .field_area input[type=number], .field_area input[type=text], .field_area textarea {
    width: 100%;
    float: left;
    /* position: relative; */
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    margin: 0;
    padding: 10px 10px;
    background: 0 0;
    border: none;
    border-bottom: solid 1px rgba(255,255,255,.77);
    transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}

.contact_head {
    margin-top: 10px;
}

.contact_head h4 {
    color: #131316;
    font-weight: 700;
    font-size: 25px;
}

.contact_head h3 {
    /* margin-top: 20px; */
    font-weight: 400;
    color: #131316;
    font-size: 15px;
    line-height: 29px;
}

.adddress {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.address h1 {
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
}

.address p {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 14px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.87);
}

.whitebg {
    float: left;
    width: 100%;
    background: #fff;
    /* padding: 30px; */
    /* height: 555px; */
}

.whitebg h1 {
    float: left;
    width: 100%;
    font-size: 25px;
    font-weight: 100;
    color: #131316;
    line-height: 40px;
    text-align: left;
    padding-bottom: 30px;
}

.log_set {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 15px;
}

.log_set label {
    width: 100%;
    float: left;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    margin: 0 0 5px;
    text-align: left;
}

.log_set input[type="text"], .log_set input[type="password"], .log_set input[type="mail"], .log_set input[type="email"], .log_set input[type="tel"], .log_set textarea, .log_set select {
    width: 100%;
    float: left;
    position: relative;
    height: 50px !important;
    border: none;
    padding: 10px 10px !important;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    font-weight: 300;
    /* border-radius: 4px; */
    -moz-border-radius: 4px;
    /* -webkit-border-radius: 4px; */
    border-radius: 4px;
    background: transparent;
    outline: none;
    border: solid 1px #fff;
    padding-left: 0px;
    padding-right: 0px;
}

.log_set_nav {
    float: left;
    height: 50px;
    text-align: center;
    color: #000;
    width: 180px;
    background: #ECC46D;
    border: none;
    margin-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    border: none !important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.log_set_nav:hover {
    background: #ba9441;
    cursor: pointer;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.whitebg form {
    float: left;
    width: 100%;
}

.left-area h2 {
    width: 100%;
    float: left;
    font-size: 28px;
    color: #000;
     
    text-align: left;
    line-height: 35px;
}

.left-area p {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
     
    line-height: 28px;
    color: #000;
    font-weight: normal;
}

.left-area h2 span {
    font-weight: bold;
}

.serv-img-sec {
    width: 100%;
    float: left;
}

.serv-img-sec img {
    width: 100%;
    float: left;
}

.detail-area {
    width: 100%;
    height: 233px;
    position: relative;
    background: #f1f1f1;
    left: -68px;
    top: 56px;
    padding: 4% 37px;
    /* box-shadow: 10px 10px 21px -1px rgba(219,212,219,1); */
}




.detail-area h2 {
    width: 100%;
    float: left;
    font-size: 28px;
    color: #000;
     
    text-align: left;
    line-height: 35px;
}

.detail-area p {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
     
    line-height: 28px;
    color: #000;
    font-weight: normal;
}

.bg-wh {
    background-color: #fff;
}


.testi-logo{
    
position: relative;
    
top: 65px;
    
width: 100%;
    
float: left;
}
.service-text-new {
    position: relative;
    left: -81px;
    top: 39px;
}
.service .owl-stage-outer{
    overflow: inherit !important;
}
.extra-serv-new {
    position: absolute !important;
    top: 39px;
    width: 100% !important;
    height: 393px;
    right: 0;
    background: #FBFBFB;
}
.ft-detail{

width: 100%;

float: left;

margin-top: 60px;
}
.ft-detail a{

width: 100%;

padding-bottom: 15px;

font-size: 15px;

float: left;

color: #fff !important;
}
.ft-detail a:hover{
    color: #CA8A09;
    text-decoration: none;
}
.ft-detail p{
    
float: left;
    
font-size: 15px;
    
color: #fff;
    
font-weight: 400;
}
.service-text-new h2 {
    font-size: 26px;
    color: #131316;
    font-weight: 700;
}

.mb-20 {
    margin-bottom: 40px;
}

.serv-image-new {
    width: 100%;
    float: left;
    object-fit: cover;
    height: 433px;
}
.ftr-left{
    float: left;
}
.header-top-area{
    width: 100%;
    margin-top: 18px;
    margin-right: 1%;
    float: right;
}
.header-top-area a h6{
    
float: right;
    
width: auto;
    
color: #ededed;
    
border-right: 1px solid #fff;
    
font-size: 13px;
    
padding: 0 10px;
}
.header-top-area a{

float: right;

/* position: relative; */

/* top: -4px; */
}
.header-top-area a svg{
    
margin: 0 8px;
    
width: 20px;
    
fill: #e0d9d9;
    
position: relative;
    
top: -5px;
}


.chairman{

float: left;

/* width: 100%; */

margin-top: 15px;
}
.chairman img{
    width: 100%;
float: left;
}
/***********************responsive****************/

@media (min-width: 576px){
    
    .header-content h6 br{
        display:none;
    }
#get-quote .modal-dialog {
max-width:700px !important;
    }
}
@media(max-width: 600px) {
    .header-content h1 {
        font-size: 22px !important;
        line-height: 40px;
    }
}
@media(min-width:768px) and (max-width:1070px){
    .branch-new-box .branch-name{
        width: 100% !important;
    }
}


@media(min-width: 320px) and (max-width:410px) {
    .left-area {
        height: 318px;
    }

    .detail-area {
        min-height: 396px;
    }
}

@media(max-width: 575px) {

    
    .cd-gallery li{
        width:100%;
    }
  
  
  .innerban p{
    padding-right: 0 !important;
  }
.client .owl-nav {
    z-index: 999;
    background: transparent;
    margin-top: 15px;
    /* display: none; */
    text-align: center;
    top: 0;
    position: relative;
    right: 0;
}
    
   /* .head-quote{
        display:none;
    }*/
    
    
    .slide .owl-dots{
        display: none;
    }
   
 
  
    .request-info-box{
        width:100%;
        margin-top:20px;
    }
  
   
    

    .client img {
        display: block;
        margin: auto;
    }
}






.header_menu_area > ul li ul.submenu {
    *display: none;
    opacity: 0;
    margin-top: 10px;
    visibility: hidden;
    position: absolute;
    width: 210px;
    height: auto;
    overflow: hidden;
    background: #fff;
    margin-left: 25px !important;
    box-shadow: 0 0 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.10);
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.main_header_block {
    width: 100%;
    float: left;
}


.contact_full {
    width: 100%;
    float: left;
    margin-top: 60px;
}
.review-box h6:before{
    position: absolute;
    content: '';
    top:0;
    left: 0;
    background: url('../images/quote.png');
}
.icon_box_05.ib5_left {
    padding-top: 0;
    padding-left: 59px;
    text-align: left;
    margin-bottom: 30px;
}
.icon_box_05 {
    position: relative;
    padding-top: 59px;
    text-align: center;
}
.icon_box_05.ib5_left i {
    left: 0;
    top: 0;
    bottom: 0;
    right: auto;
    margin: auto 0;
}

.icon_box_05 i {
    width: 120px;
    height: 120px;
    border: 1px solid #ecebff;
    color: #ffffff;
    text-align: center;
    line-height: 118px;
    border-radius: 50%;
    background: #a3238e;
    font-size: 36px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}
.icon_box_05.ib5_left .ib5_inner {
    padding: 29px 20px 21px 90px;
}
.ib5_inner {
    border: 1px solid #ecebff;
    padding: 100px 25px 32px;
    background: #fbfbfb;
}
.ib5_inner h3 {
    font-size: 19px;
    line-height: .8;
    letter-spacing: -.52px;
    text-transform: uppercase;
    margin: 0 0 26px;
}
.ib5_inner p {
    font-size: 14px;
    line-height: 26px;
    color: #959ba9;
    letter-spacing: 0;
    word-break: break-all;
    margin: 0 0 17px;
}
.ib5_inner > a {
    font-size: 14px;
    display: inline-block;
    line-height: .8;
    color: #a3238e;
    font-weight: 500;
    text-transform: capitalize;
}
.sub_title.dark_sub_title {
    color: #a3238e;
    font-weight: 600;
}

.sub_title {
    font-size: 16px;
    color: #c3c8d4;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 20px;
    line-height: .8;
}
.sec_title span {
    font-size: 39px;
    margin-bottom: 16px;
    float: left;
}
.cotactForm {
    position: relative;
}
.iconInput {
    position: relative;
    margin-bottom: 20px;
}
.light_form .iconInput input:not([type="submit"]), .light_form .iconInput textarea {
    font-weight: 400;
    font-size: 13px;
    color: #959ba9;
    border-color: #ecebff;
    margin-bottom: 30px;
}
.iconInput input:not([type="submit"]), .iconInput textarea {
    padding: 0 0 0 50px;
    background: transparent;
    border: none;
    border-bottom: 2px solid #5b6c90;
    display: block;
    width: 100%;
    color: #8b97b1;
    font-weight: 600;
    letter-spacing: 0;
    height: 57px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.header_logo img {
    max-width: 100%;
    /* height: auto; */
    display: block;
    /* margin-top: 12px; */
    float: left;
}

.slider_block {
    width: 100%;
    float: left;
    padding: 0;
    position: relative;
}

.ban1 {
    width: 100%;
    float: left;
    background: url('../images/slider1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 655px;
    background-position: 100%;
}

.ban2 {
    width: 100%;
    float: left;
    background: url('../images/slider1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 655px;
    background-position: 100%;
}

.header_block {
    width: 100%;
    HEIGHT: 110PX;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 9% 0 8%;
    z-index: 1000;
    background: transparent;
}



.view-serv {
    border: 1px solid #222222;
    border-radius: 50%;
    height: 47px;
    /* margin-top: 20px; */
    position: relative;
    bottom: 7px;
    z-index: 1000;
    width: 47px;
    color: #fff;
    float: left;
    background-color: #222222;
    left: 21px;
}

.view-serv:hover {
    border: 1px solid #b88c2b;
    background-color: #b88c2b;
}

.view-serv svg {
    padding: 12px 10px;
    width: 46px;
}



.enquire {
    background-color: #F36F27;
    color: #fff;
    margin-top: 20px;
    width: 144px;
    float: right;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 25px 12px;
    border-radius: 5px;
}

.enquire:hover {
    text-decoration: none;
    color: #fff;
    background-color: #000;
}

.slider_block .owl-nav {
    display: none;
}

.slider_block .owl-dots {
    display: none;
}

.services_full{

width: 100%;

float: left;

/* box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15); */

background: rgb(244 244 244 / 39%);

/* margin-bottom: 20px*/

/* margin-bottom: 20px; */

padding-bottom: 30px;
}
.services_full img{
    
width: 100%;
    
height: 200px;
    
float: left;
    
object-fit: cover;
    
margin-bottom: 14px;
}
.services_full h2{

font-size: 20px;

float: left;

width: 100%;

margin: 0;

padding: 10px 15px 0;

/* font-weight: 700; */

letter-spacing: 1px;
}
.services_full p{

margin: 0 !important;

padding: 10px 15px !important;

line-height: 28px !important;
}
.service .owl-nav img {
    width: 29px;
    opacity: .7;
    filter: brightness(11);
}

.ban-text {
    padding-top: 235px;
    width: 100%;
    float: left;
}
.service-sec{
    width:100%;
    float: left;
    position: relative;
    margin: 70px 0 15px;
}
.view-serv2 {
    border: 1px solid #ded83a;
    border-radius: 50%;
    height: 47px;
    /* margin-top: 20px; */
    position: absolute;
    bottom: -16px;
    width: 47px;
    color: #fff;
    float: left;
    background-color: #ded83a;
    left: 30px;
}

.view-serv2:hover {
    border: 1px solid #f8901f;
    background-color: #f8901f;
}

.view-serv2 svg {
    transform: rotate(180deg);
    padding: 12px 10px;
    width: 46px;
}
.service-sec-image{
    position: relative;
    height: 435px;
    margin-left: 17px;
    padding-left: 13px;
    /* width: 100%; */
    object-fit: cover;
    /* border-radius: 6px; */
}

.service-border{
    
margin-left: 25px;
    
float: left;
    
width: auto;
    
margin-bottom: 20px;
}
.service-sec h2{

font-size: 25px;

margin-left: 25px;

color: #131316;

margin-top: 15px;

font-weight: 400;
}
.service-sec h1{

font-size: 25px;

color: #131316;

font-weight: 700;

margin-left: 25px;
}
.service-sec p{
    
margin-left: 25px;
    
font-size: 14px;
    
float: left;
    
line-height: 28px;
    
color: #070707;
    
margin-bottom: 0;
    
padding: 5px 0;
}
.ban-text h1 {
    font-size: 37px;

    /* font-family: 'Oswald'; */
    position: relative;
    color: #fff !important;
    font-weight: 400;
}

.ban-text h1 span {
    font-weight: 700;
}

.abt-icons {
    position: absolute;
    /* border: 1px solid #ccc; */
    top: -22px;
    right: 15px;
    /* box-shadow: 0px 1px 0px 1px #eae4e4; */
    z-index: 99;
    padding-top: 9px;
    width: 47px;
    font-weight: 700;
    font-size: 21px;
    height: 47px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
}
.abt-icons svg {
    margin: 12px 10px;
    width: 26px;
    fill: #310903;
    height: 24px;
}

.view-abt svg {
    padding: 12px 10px;
    width: 39px;
}

.view-abt:hover {
    border: 1px solid #222222;
    background-color: #222222;
}

.ban-text h1:after {
    /* position: absolute; */
    /* content: ''; */
    height: 2px;
    top: 8px;
    left: 192px;
    width: 57px;
    background-color: #ed2424;
}
.panel-text-quote{
    font-size: 30px;
    color: #8b8b8c;
    top: 0;
    position: relative;
    left: 130px;
    left: 120px;
}
.pro-overlay h5:after {
    position: absolute;
    content: '';
    height: 2px;
    top: 8px;
    left: 145px;
    width: 16px;
    background-color: #fff;
}
.panel-quote img{
    position: relative;
    top: 63px;
}
.conatct-ad-sec {
    width: 100%;
    float: left;
    margin-top: 35px;
    margin-bottom: 40px;
}

.location-text {
    float: left;
    width: 100%;
    text-align: center;
    text-align: -webkit-center;
    padding-bottom: 5px;
    text-align: -moz-center;
}

.location_titel {
    float: left;
    width: 100%;
    color: #000;
    font-weight: 700;
    padding-bottom: 11px;
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 17px;
    /* letter-spacing: -1px; */
}
.slide .owl-theme .owl-dots .owl-dot:focus{
    outline: none !important;
}
.location_address {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    text-align: center;
    line-height: 27px;
}

.ban-text h2 span {
    color: #2ba649;
    font-weight: 700;
}

.abt-icons:hover {
    background-color: #ded83a;
}

.abt-icons:hover svg {
    fill: #fff;
}

.ban-text p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    padding: 6px 92px 0 0;
    font-weight: 400;
     
    color: #000;
}




.ban-text h2 {
    color: #000;
     
    font-size: 45px;
    line-height: 58px;
    padding-top: 0;
    font-weight: lighter;
}
.close_form {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -50px;
    top: -35px;
    background: transparent url(../images/close.svg) no-repeat center center;
    background-size: 20px 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    cursor: pointer;
}


.ftr-right {
    width: 100%;
    float: left;
    padding: 73px 20px 0;
}

.ftr-right p {
    color: #fff;
    font-size: 19px;
    position: relative;
    font-weight: 400;
    padding: 1px 101px 47px 0;
    border-bottom: 1px solid #0f1119;
}
.vm .owl-theme .owl-dots, .owl-theme .owl-nav{
    text-align: left;
}
.vm .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    z-index: 999;
    cursor: pointer;
    zoom: 1;
    background: transparent;
    text-align: center;
    border: none;
    top: -131px;
    left: 119px;
    position: relative;
}
.vm .owl-theme .owl-dots .owl-dot span {
    position: relative;
    z-index: 99;
    width: 10px;
    cursor: pointer;
    height: 10px;
    margin: 5px 0px;
    border: 2px solid #e42e24;
    background: #e42e24 !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.vm .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #f37321 !important;
    border: none;
}
.explore {
    background: transparent;
    color: #000;
    margin-top: 15px;
    float: left;
     
    ; /* height: 48px; */
    border-left: 2px solid #ED2424;
    border-bottom: 2px solid #ED2424;
    text-align: center;
    /* width: 143px; */
    /* border-radius: 4px; */
    font-weight: bold;
    font-size: 13px;
    padding: 0 13px 9px;
}

.social-hd {
    float: right;
    margin: 35px 20px;
}

.social-hd a {
    width: auto;
    margin: 3px 5px;
    float: right;
}

.social-hd a svg:hover {
    fill: #a3238e;
}

.quality-red a:hover {
    text-decoration: none;
    color: #fff;
}

.explore:hover {
    background-color: transparent;
    text-decoration: none;
    color: #fff;
}

.invest-btn:hover {
    text-decoration: none;
    background: #fa3b3b !important;
    color: #fff !important;
}

.link-ftr {
    width: 100%;
    float: left;
    text-align: center;
    padding: 30px 0;
}

.extra-serv {
    position: absolute !important;
    top: 104px;
    width: 100% !important;
    height: 405px;
    right: 0;
    background: #FBFBFB;
}

.serv-image {
    height: 582px;
    width: 100%;
    float: left;
}

.link-ftr a {
    color: #fff;
    opacity: .7;
    font-size: 12px;
     
    ; padding: 0 10px;
}

.panel-div {
    float: left;
    width: 100%;
    background: url('../images/join-team.jpg');
    min-height: 196px;
    background-size: cover;
    margin: 100px 0 30px;
    padding: 47px 0;
    background-color: white;
}

.quality-red a:after {
    position: absolute;
    content: '';
    width: 15px;
    bottom: 9px;
    left: 83px;
    height: 2px;
    background: #fff;
}


.inv-left {
    width: 100%;
    float: left;
}
.career-box{
    margin-bottom: 20px;
    background: #fff;
    padding: 25px !important;
    box-shadow: -1px 0 4px rgba(0, 0, 0, 0.15);
}
.inv-left h2 {
    font-size: 35px;
    color: #fff;
    font-weight: bold;
     
    ; }

.inv-left p {
    font-size: 14px;
    color: #fff;
     
    ; }

.join-img {
    /* float: left; */
    margin: 12px auto;
    display: block;
    /* margin-top: 12px; */
}

.invest-btn {
    background: #fff !important;
    color: #000 !important;
     
    !important; width: 180px !important;
    font-size: 13px !important;
    float: right !important;
    margin: 20px 0 !important;
    font-weight: bold !important;
    height: 50px !important;
    text-align: center !important;
    padding: 16px 0 !important;
    border: none !important;
}

.mission-sec {
    width: 100%;
    float: left;
    text-align: center;
}



.panel-call {
    padding: 38px 0;
    border-right: 1px solid #ccc;
    text-align: center;
    float: left;
    width: 100%;
}

.panel-call img {
    float: left;
}

.panel-call p {
    float: left;
    font-size: 12px;
    padding: 3px 5px;
    font-weight: 600;
    margin-bottom: 0;
    color: #444141;
}

.panel-icons-rt {
    width: 100%;
    float: left;
}

.panel-icons-rt a img {
    margin: 0 20px;
}
.iconInput i {
    position: absolute;
    /* left: 20px; */
    top: 0;
    font-size: 14px;
    letter-spacing: -.42px;
    color: #a3238e;
    height: 57px;
    line-height: 57px;
}
.service .owl-nav {
    float: left;
    width: 100%;
    text-align: center;
}

.service .owl-next {
    position: relative;
    /* top: -111px; */
    padding: 4px 0px;
    background: transparent;
    /* left: -464px; */
}

.service .owl-prev {
    position: relative;
    padding: 4px 0px;
    /* top: -111px; */
    background: transparent;
    /* left: -453px; */
}

.panel-icons-rt a {
    padding-top: 31px;
    float: left;
}

.dot {
    /* padding-top: 50px; */
    /* float: left; */
}

.bg-orange {
    background: #f36f27;
    padding: 25px 0 !important;
    float: right !important;
}

.panel-bar .col-md-6 {
    padding-right: 0;
}

.panel-form {
    width: 240px;
    float: left;
    min-height: 460px;
    top: -193px;
    z-index: 200;
    padding: 20px 15px;
    position: absolute;
    background-color: #7D7A7B;
}

.panel-form h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 100;
    color: #fff;
}

.input-set {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.input-set input {
    background: transparent;
    border: 1px solid #ccc;
    font-size: 300;
    color: #fff;
    padding: 8px 10px;
}

.panel-form p {
    font-size: 13px;
    color: #fff;
    float: left;
    line-height: 24px;
    font-weight: 300;
    padding: 5px 3px 5px 0;
}

.panel-form button {
    background: #B5B3B4;
    border: none;
    text-align: center;
    margin: auto;
    display: block;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    padding: 10px 20px;
}

.panel-form button:hover {
    background-color: #f36f27;
    color: #fff;
}



.view-abt {
    /* border: 1px solid #fff; */
    border-radius: 50%;
    height: 40px;
    width: 40px;
    color: #fff;
    background: #B88C2B;
    float: left;
    text-transform: uppercase;
}








.investimg-new img {
    width: 100%;
    border-radius: 5px;
    height: 471px;
    width: 100%;
    float: left;
    object-fit: cover;
}
.investimg-new {
    width: 100%;
    float: left;
    margin-top: 0px !important;
}


.ftr-logo img{height: 200px;float: left;width: 100%;}
.ftr-logo{

width: 100%;
}


}
.request-info-box{

background: #232323;

width: 95%;

float: right;

padding: 50px 30px;

/* margin-left: 26px; */
}
.request-info-box h2{
    
padding-top: 0;
    
padding-left: 10px;
    
font-size: 30px;
    
padding-bottom: 30px;
    
font-weight: 400;
    
color: #fff;
}

.service .owl-next:hover {
    /* background-color: #310903; */
}

.service .owl-prev:hover {
    /* background-color: #310903; */
}

.service .owl-next:hover img {
    filter: brightness(11);
}


.pro-img{margin-bottom: 30px;position: relative;overflow: hidden;width:100%;border-top-right-radius: 4px;float: left;}
.pro-img img{
    position: relative;
    border-top-right-radius: 5px;
    width: 100%;
    float: left;
    border-top-left-radius: 5px;
    /* height: 250px; */
    transition: all ease-in-out .5s;
    object-fit: cover;
    }
.pro-img img:hover{
    
/* transform: scale(1.5); */
}
.pro-img h6{
        font-size: 16px;
        font-weight: 600;
        float: left;
        color: #ffffff;
        text-align: center;
        /* margin-top: -60px; */
        background: rgba(0, 0, 0, 0.69);
        position: absolute;
        z-index: 111;
        left: 0;
        padding: 14px;
        width: 100%;
        bottom: -8px;
}


.modal-content {
    border-radius: 0 !important;
}
}
.modal-img {
    width: 100%!important;
    height: 186px!important;
    object-fit: cover;
}

.free_consult {
    z-index: 999;
    text-align: center;
    color: #fff;
    font-size: 20px;
    width: 100%;
    position: relative;
    bottom: 110px;
}
.modal-heads {
       font-size:18px;
    margin-top: 0px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 13px;
    background:#aa7e14;
    padding-bottom: 13px;
}
.modal-frm input {
    width: 100%;
    padding: 10px 0px 10px 0px;
    outline: none;
    border: none;
    font-size: 13px;
    border: 1px solid #eee;
    margin-top: 20px;
    padding: 10px;
    height: 52px;
}
.modal-frm textarea {
    width: 100%;
    padding: 10px 0px 10px 0px;
    outline: none;
    border: none;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    resize: none;
    margin-top: 20px;
    border: 1px solid #eee;
    margin-top: 20px;
    padding: 10px;
}
.modal-img {
    width: 100%!important;
    height: 186px!important;
    object-fit: cover;
    float: left;
    left: -1px;
    position: relative;
    top: -1px;
}
.close {
    position: absolute;
    right: -30px;
    top: 15px;
    width: 35px;
    height: 35px;
    background: rgba(0, 0, 0, 0.4);
    margin: 20px;
    cursor: pointer;
    padding: 5px;
}
.close:after, .close:before {
    content: '';
    position: absolute;
    top: 25%;
    left: -288px;
    width: 1.5px;
    height: 65%;
    background: #e4e4e4;
}
.close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.close:before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.modal-submit {
    padding: 14px 23px 10px 20px;
    /* float: left; */
    margin: 5px auto 24px;
    display: block;
    width: 170px !important;
    height: 47px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background: #222222;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 30px;
}
.modal-submit:hover{
    background-color: #B88C2B;
}

.mt-80 {
    margin-top: 80px;
}

.pro-overlay {
    /* position: absolute; */
    /* height: 100%; */
    /* padding: 100px 51px; */
    /* width: 100%; */
    /* background-color: #ed3231e8; */
    /* left:0; */
    /* top: 0; */
    /* display: none; */
}

.pro-overlay h2 {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
}

.pro-overlay h6 {
    font-size: 14px;
    font-weight: 400;
    padding-top: 16px;
    color: #fff;
    float: left;
    line-height: 25px;
}

.pro-overlay h5 {
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: #fff;
    float: left;
    position: relative;
    margin-top: 20px;
}


  
  

 .msg-box{
  width: 327px;
  height: auto;
  margin-top: -618px;
  z-index: 99;
  float: right;
  position: relative;
  /* background: #ffffff00; */
  right: 90px;
}
 .msg-box .heads{
  width: 100%;
  padding: 12px 25px;
  float: left;
  background: #0d0d0c;
  /* height: 94px; */
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.msg-box .heads h2{
  margin-bottom: 0;
  width: 100%;
  float: left;
  text-align: center;
  font-size: 18px;
  /* line-height: 24px; */
  color: #FFFFFF;
}
.msg-box .bodys{
  width: 100%;
  float: left;
  background: #FFFFFF;
  border-bottom-right-radius: 5px;
  /* height: 248px; */
  border-bottom-left-radius: 5px;
}
.form-area1{
  width: 100%;
  float: left;
  padding: 10px 20px;
  padding: 10px 25px;
}
.form_div {
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    font-size: 13px;
    height: 42px;
    margin-bottom: 10px !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    border-bottom: solid 1px #e3e3e3;
    padding: 15px;
    border-radius: 5px;
    padding-top: 9px;
    float: left;
    width: 100%;
}
.titel_normal {
    /* height: 100%; */
    line-height: 26px;
    /* top: 151px; */
    position: absolute;
    width: 35px;
    /* padding-left: 8px; */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 5px;
    color: rgba(0, 0, 0, 0.88);
    text-transform: uppercase;
    border-right: solid 1px #e3e3e3;
}
/*.banner img{
  width: 100%;
  float: left;
}*/

.normal_form {
    /*color: #272626;*/
    display: block;
    font-size: 12px;
    /* height: 52px; */
    color: #18191b96;
    /* margin-bottom: 30px !important; */
    outline: none;
    background: rgba(255, 255, 255, 0);
    width: 88%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    padding: 15px;
    float: left;
    /* width: 50%; */
    left: 47px;
    position: relative;
    padding: 0px;
    /* padding-left: 17px; */
    padding-top: 8px;
}
.form-bot{
  width: 100%;
  float: left;
}
.form-boto-st{
  width: 100%;
  float: left;
  background: #18191B;
  color: #fff;
  border: none;
  height: 40px;
  border-radius: 5px;
  margin-top: 15px;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}
.form-boto-st:hover{
  background: #a3238e;
  cursor:pointer;
}
.form-boto-st:focus, active{
 outline: none;
}
.panel-12 .form-control {
    border-radius: unset;
    border: unset;
    border-bottom: 1px solid #888686a8;
    padding: 0;
    box-shadow: none;
    height: 45px;
}

.panel-12 .lft-pad {
    /* padding-left: 55px; */
    margin-bottom: 35px;
}

.panel-12 .margin-bot {
    margin-bottom: 35px;
    float: left;
}
.client .owl-nav button{
    background-color: transparent;
    border: none;
}
.client .owl-nav button img{
    /* filter: brightness(.5); */
    /* width: 40px; */
}
.client .owl-nav button:focus{
outline: none !important;
}
.service-text-full{

position: relative;

width: 100%;

float: left;

background: #fbfbfb;

padding: 30px 20px;

box-shadow: 0px 1px 4px rgb(0 0 0 / 5%);
}
.service-text-full h3{

font-size: 18px;

font-weight: 700;
}
.service-text-full p{
    
font-size: 14px;
    
text-align: left;
    
margin: 0;
}
.btn-center {
    text-align: -webkit-center;
    width: 100%;
    float: left;
}

.submit-btn {
    text-align: center;
    width: 163px;
    height: 47px;
    background-color: #222222;
    display: flex;
    color: #FFF;
    cursor: pointer;
    /* border-radius: 25px; */
    margin-top: 25px;
    float: left;
    border: 0;
}

.submit-btn span {
    margin: auto;
    font-size: 15px;
    text-transform: uppercase;
}




.line {
    width: 100%;
    float: left;
}

.serv-line {
    position: relative;
}

.serv-line::before {
    top: 20px;
    content: '';
    height: 1px;
    width: 100px;
    border: 1px solid #cccccc30;
    left: -101px;
    position: absolute;
}

.serv-line::after {
    top: 20px;
    content: '';
    height: 1px;
    width: 100px;
    border: 1px solid #cccccc30;
    right: -101px;
    position: absolute;
}


.ft-left{
width: 100%;
float: left;
}
.ft-left a{
    margin: 10px;
    width: auto;
    font-size: 15px;
    float: left;
    color: #fff;
}
.ft-left a:hover{
    color:#b54fa5;
    text-decoration: none;
}
.dot{
    
width: 8px;
    
height: 8px;
    
margin: 10px;
    
background: #ffffff;
    
/* float: left; */
    
border-radius: 50%;
    
position: relative;
    
top: -1px;
    
left: 16px;
}


.head-quote{color: #fff !important;background: #620609;padding: 4px 10px 5px 4px !important;border-radius: 28px;font-size: 12px !important;margin-right: 12px;margin-top: 10px !important;/* width: 118px !important; */border: 2px solid transparent;margin-bottom: 0 !important;}

.social-ft a svg:hover{
    fill:#b54fa5;
}
.ftr-quote {
    position: absolute;
    top: 56px;
    left: 18px;
    height: 106px;
    /* width: 124px; */
    opacity: 0.4;
}










.innerban {
    width: 100%;
    background-size: cover;
    background: url(../images/innerban.png);
    /* height: 82px; */
    float: left;
    height: 565px;
    position: relative;
    margin-top: 0px;
    /* text-align: center; */
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 12px 0;
    /* background-attachment: fixed !important; */
}
.innerban2 {
    width: 100%;
    background-size: cover;
    background: url(../images/slide4.jpg);
    height: 250px;
    float: left;
    margin-top: 100px;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.innerban p {
    margin-top: 123px;
    color: #fff;
    font-weight: 400;
    width: 53%;
    float: left;
    padding: 0 5%;
    line-height: 28px;
    /* font-style: italic; */
    text-align: left;
    font-size: 14px;
    /* background: rgb(0 0 0 / 74%); */
    /* height: 250px; */
    margin-top: 10px;
    padding-top: 5px;
    /* padding-right: 19%; */
}


.service{
    width: 100%;
    float: left;
}
.innerban2 p {
    margin-top: 123px;
    color: #ffffff;
    font-weight: 700;
    width: 100%;
    float: left;
    /* font-style: italic; */
    text-align: center;
    font-size: 28px;
    background: rgb(0 0 0 / 74%);
    height: 250px;
    margin-top: 0px;
    padding-top: 80px;
}



.margin_top {
    margin-top: 40px !important;
}




.cnt-padding {
    padding-left: 0px !important;
}

.float-left {
    float: left;
    width: 100%;
}

.contact-label {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.mct_form {
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    font-size: 13px;
    /* text-transform: uppercase; */
    height: 50px;
    margin-bottom: 10px  !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    border: solid 1px rgba(46, 67, 110, 0.22);
    margin-top: 3px;
    width: 100%;
    float: left;
    padding: 11px 15px;
    margin-top: 17px;
    border-radius: 5px;
}

.cnt-padding {
    padding-left: 0px !important;
}



.adr-section {
    float: left;
    margin-top: 35px;
    width: 100%;
    margin-bottom: 15px;
    padding-left: 30px;
}



.cnt-icons {
    padding-right: 8px;
    font-size: 29px !important;
    color: rgb(44 50 147);
}



    .map-top {
        margin-top: 1px;
    }

    width: 100%;
    margin-bottom: 4px;
}

.india span {
    float: left;
    width: 100%;
    color: #533224;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    /* letter-spacing: 1px; */
    margin-top: 20px;
    text-transform: uppercase;
}



.map-top {
    margin-top: 30px;
}


.input-set-ct {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.input-set-ct input, .input-set-ct textarea {
    background: transparent;
    border: 1px solid #cccccc36;
    font-size: 300;
    color: #000;
    width: 100%;
    border-radius: 10px;
    height: 50px;
    padding: 8px 10px;
}

.input-set-ct textarea {
    height: 80px !important;
}

.input-set-ct label {
    width: 100%;
    font-size: 15px;
}

.input-set-ct input, .input-set-ct textarea:focus {
    outline: none;
}

.contact-left {
    width: 100%;
    float: left;
}

.contact-left h6 {
    font-size: 18px;
    color: #000;
    font-weight: 300;
}


.service-sec-image-new{
      position: relative;
    height: 375px;
    margin-left: 0px;
    padding-left: 0;
    width: 100%;
    object-fit: cover;
    border-radius: 6px
}
.service-border-new{
    
/* margin-left: 25px; */
    
float: left;
    
width: auto;
    
margin-top: 10px;
}
.contact-left h1 {
    font-size: 35px;
    width: auto;
    margin-bottom: 0;
    font-weight: 700;
    padding: 5px 0;
}





.contact-left p {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 10px;
}

.ct-sub {
    background: #F36F27;
    color: #fff;
    margin-top: 10px;
    float: left;
    border: none;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 41px;
}

.ct-sub:hover {
    background: #000;
}

.main-off {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.hv-sec {
    width: 100%;
    margin-bottom: 30px;
    float: left;
}
.hv-sec i {
    font-size: 25px;
    color: #fff;
    border: 1px solid #cccccc5e;
    background-color: #f36f27;
    float: left;
    border-radius: 100%;
    margin-top: 0px;
    padding: 20px 22px;
}

.hv-sec i:hover {
    background: transparent;
    color: #f36f27;
}

.main-off h2 {
    float: left;
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0px 0;
}

.main-off p {
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    width: 100%;
    padding: 7px 0;
    line-height: 27px;
}

.hv-sec .col-md-4 {
    padding: 0;
}

.about_section {
    float: left;
    width: 100%;
    padding-top: 60px;
}

.about_section h1 {
    font-size: 19px;
    color: #000000;
    /* font-family: 'Poppins', sans-serif; */
    font-weight: 700;
    text-transform: uppercase;
    line-height: 40px;
}

.about_section h1 span {
    font-weight: 600;
    color: #04113c;
}

.gypsum_section {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.msg-panel {
    /* margin-top: 20px; */
    float: left;
    width: 100%;
    padding-top: 60px;
    margin-bottom: 30px;
    padding-bottom: 60px;
    background: url(../images/menu-bg.png);
    /* font-size: 36px; */
    color: #010101;
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.md-msg {
    float: left;
    width: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
}
.team-imgs img {
    width: 100%;
    float: left;
    height: 280px;
    object-fit: cover;
}
.teambg {
    float: left;
    width: 100%;
    text-align: center;
    height: 90px;
    margin-bottom: 20px;
    background: #310903;
    color: #fff;
    font-size: 14px;
    padding: 15px;
}
.teambg span{
  width: 100%;
  float:left;
}
.md-msg h1 {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #101010;
    margin-top: 0px;
    text-align: left;
    font-weight: bold;
}

.md-msg h1 span {
    color: #ea5047;
}

.md-msg p {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #101010;
    text-align: left;
    line-height: 27px;
    margin-bottom: 0px;
}

.service_titels {
    color: #000000 !important;
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: 600;
    /* font-family: 'Poppins', sans-serif !important; */
    margin-bottom: 10px !important;
    padding-left: 0px !important;
}

.gs_img {
    float: left;
    /* margin-left: 60px; */
    height: 220px;
    object-fit: cover;
    width: 100%;
}

.about_section p {
    font-size: 14px;
    float: left;
    width: 100%;
    color: #000;
    /* font-family: 'font-family: 'Baloo Paaji 2', cursive;; */
    line-height: 32px;
    margin-bottom: 17px;
}

.offer-panel {
    float: left;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
}

.mb25 {
    margin-bottom: 25px;
}
.bg-brand {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px;
    text-align: center;
    border: solid 1px rgba(243, 112, 33, 0.58);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    margin-bottom: 30px;
}
.bg-brand img {
    object-fit: contain;
    width: auto;
    height: 65px;
    right: 0px;
max-width: 100%;}
.bg-brand:hover {
    text-decoration: none !important;
    -webkit-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
    border: solid 1px #fff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.offer-panel h1 {
    float: left;
    width: 100%;
    /* color: #020e22; */
    font-size: 29px;
    /* text-transform: uppercase; */
    font-weight: 700;
    padding-bottom: 11px;
}

.hankook-font {
    float: left !important;
    width: 100% !important;
    /* color: #020e22; */
    font-size: 17px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    padding-bottom: 8px !important;
}

.detail-list {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 29px;
    color: #000;
    font-weight: 400;
    margin-bottom: 40px;
}

.bg-brand {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px;
    text-align: center;
    border: solid 1px rgb(30 60 95);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    margin-bottom: 30px;
}

.brand-hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.bg-brand:hover {
    text-decoration: none !important;
    -webkit-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22);
    border: solid 1px #fff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.ih-item.square.effect6 {
    overflow: hidden;
    margin-bottom: 0;
}

.ih-item.square {
    position: relative;
    /* width: 316px; */
    /* height: 216px; */
    /* border: 8px solid #fff; */
    /* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); */
}

.ih-item.square.effect6 .img {
    -webkit-transition: all 0.5s ease-in-out;
    position: relative;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /* -webkit-transform: scale(1); */
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    /* transform: scale(1); */
}

.productimg {
    width: 100%;
    object-fit: cover;
    padding: 20px;
    height: 290px !important;
    border: 2px solid #f36f27;
}

.ih-item.square.effect6 .info {
    /* background: #da3140; */
    /* background: rgba(218, 49, 64, 0.55); */
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ih-item:hover {
    /* text-decoration: none !important; */
    /* -webkit-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75); */
    -moz-box-shadow: 0px 3px 25px -9px rgba(0,0,0,0.75);
    /* box-shadow: 0px 3px 25px -9px rgba(0, 0, 0, 0.22); */
    /* border: solid 1px #fff; */
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.port-box {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    float: left;
    /* height: 400px; */
    /* bottom: 0; */
}

.port-box img {
    width: 100%;
    float: left;
    /* height: 300px; */
}

.port-box h6 {
    text-align: center;
    background: #444242;
    width: 100%;
    font-weight: 700;
    font-size: 17px;
    float: left;
    color: #fff;
    padding: 20px;
}

.port-box h6:hover {
    background: #f36f27;
}

.numbers {
    /* float: right !important; */
    /* width: auto !important; */
    /* height: 64px !important; */
    /* margin-top: 24px !important; */
}

.pimg {
    width: 100%;
    object-fit: cover;
    /* padding: 20px; */
    height: 400px !important;
    /* border: 2px solid #f36f27; */
}



.head-quote:hover{
    background-color: #aa7e14;
    color: #fff !important;
}
.fh-form {
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    /* font-family: 'Palanquin-Regular'; */
    font-size: 13px;
    /* text-transform: uppercase; */
    height: 50px;
    margin-bottom: 15px !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 15px;
    border: none;
    transition: all 500ms ease;
    border: solid 1px rgba(0, 0, 0, 0.18);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    border-radius: 5px;
}

.error_msg {
    display: none;
    width: auto;
    float: left;
    padding: 5px 7px;
    font-size: 13px;
    line-height: 15px;
    background: #E31B23;
    color: #fff;
    font-weight: 300;
    text-align: left;
    position: absolute;
    bottom: -8px;
    left: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 10;
}
.light_form .iconInput input:not([type="submit"]), .light_form .iconInput textarea:focus{
    outline: none !important;
}

.location-text img {
    width: 50px;
}


.top {
    position: absolute;
    float: right;
    margin-top: 0;
    /* width: 100%; */
    bottom: 0;
    cursor: pointer;
    right: 8%;
}

.panel-12 .form-control:focus {
    border-bottom: 1px solid #310903 !important;
    outline: none !important;
    border: none;
    box-shadow: none;
}

.panel-12 .form-control::placeholder {
    font-size: 15px;
    color: #807A7A !important;
    font-weight: 500;
}

.panel-12 .form-control:focus::placeholder {
    color: #310903 !important;
}

.btn-center a:hover {
    text-decoration: none;
    background : #2ba649;
}

.submit-btn:hover {
    background: #e42e24;
}

.verticaltexts {
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(450deg);
    -webkit-transform-origin: right, top;
    position: absolute;
    bottom: 41%;
    right: -122px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 12px;
}

.verticaltexts:hover {
    color: #000;
    text-decoration: none;
}

.investimg {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.investimg img {
    width: 100%;
    border-radius: 5px;
    /* height: 471px; */
    width: 100%;
    float: left;
    /* object-fit: cover; */
}

.mrbot {
    margin-bottom: 50px;
}

.sec {
    width: 100%;
    float: left;
}

.left-area {
    width: 100%;
    height: 243px;
    position: relative;
    background: #f1f1f1;
    /* left: 61px; */
    right: -83px;
    top: 59px;
    z-index: 1;
    padding: 4% 37px;
    /* box-shadow: 10px 10px 21px -1px rgba(219,212,219,1); */
}

.cnct_section {
    width: 100%;
    float: left;
}

.cnct_section {
    width: 100%;
    float: left;
}

.mail {
    width: 100%;
    float: left;
    min-height: 500px;
    background: #301d0f;
    padding: 60px 5% 60px 5%;
}

.mail h2 {
    color: #fff;
    padding: 0 0 20px;
    font-size: 25px;
}

.contact_form {
    width: 100%;
    float: left;
    position: relative;
}

.field_area {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 20px;
}

.field_area label {
    color: #000;
}
.service-side{
    position: absolute;
    left: 48px;
    width: auto;
}
.field_area input[type=email], .field_area inpu.t[type=number], .field_area input[type=text], .field_area textarea {
    width: 100%;
    float: left;
    position: relative;
    /* font-family: Montserrat,sans-serif; */
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    margin: 0;
    padding: 10px 10px;
    background: 0 0;
    border: none;
    border-bottom: solid 1px rgba(255,255,255,.77);
    transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}

.ct_sbt {
    border: 2px solid #fff;
    padding: 10px 30px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    transition: all .5s;
}

.location_icons {
    float: left;
    width: 100%;
    text-align: center;
    text-align: -webkit-center;
    padding-bottom: 5px;
    text-align: -moz-center;
}

.location_icons img {
    display: block;
    max-width: 100%;
    height: auto;
}

.location_titel {
    float: left;
    width: 100%;
    color: #454545;
    font-weight: 700;
    padding-bottom: 11px;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 18px;
}

.location_address {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #4c4a4a;
    text-align: center;
    line-height: 27px;
}
select option
{
  font-size: 14px;
  text-align: left;
  float: left;
}
.field_area input[type=email], .field_area input[type=number], 
.field_area input[type=text], .field_area textarea, .field_area select {
    width: 100%;
    float: left;
    /* position: relative; */
    font-size: 13px;
    color: #000;
    line-height: 26px;
    margin: 0;
    padding: 10px 10px 10px  !important;
    background: 0 0;
    border: none;
    background: #fff5eb;
    border: 0;
    transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}

.contact_head {
    margin-top: 10px;
}

.contact_head h4 {
    color: #131316;
    font-weight: 700;
    font-size: 25px;
}

.contact_head h3 {
    /* margin-top: 20px; */
    font-weight: 400;
    color: #131316;
    font-size: 15px;
    line-height: 29px;
}

.adddress {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.address h1 {
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
}

.address p {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 14px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.87);
}

.whitebg {
    float: left;
    width: 100%;
    background: #fff;
    /* padding: 30px; */
    /* height: 555px; */
}

.whitebg h1 {
    float: left;
    width: 100%;
    font-size: 25px;
    font-weight: 100;
    color: #131316;
    line-height: 40px;
    text-align: left;
    padding-bottom: 10px;
    text-align: center;
}
.enq-btn:after{
  display: none;
}
/***********************responsive****************/

    
    .about-sec2 h2
    {
        text-align:left;
    }
       .about-sec2 h2 span
    {
        text-align:left;
    }
       .about-sec2 p
    {
        text-align:left;
    }
 
   
.global-flags{
    
width: 100%;
    
float: left;
    
padding: 50px 0;
}
.global-flags img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    display: block;    object-fit: cover;
    margin: auto;    border: 1px solid #cecece;
}
.global-flags h5{
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 40px;
    width: 100%;
    float: left;
    }
    .global-flags h2{
        font-size: 40px;
    text-align: center;
    font-weight: 300;
    }
    .global-flags h2 span{
            font-weight: 700;

    }
    .global-flags p{
          font-size: 14px;
    text-align: center;
    margin-bottom: 65px;
    line-height: 28px;
    margin-top: 15px;
    }
    .ban-map{
            float: left;
    width: 100%;
    margin-top: 124px;
    }
    
    
    

    .hidden-field{
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }
    .insta-hd:after{
        display: none;
    }

/*.career-full h2{
        font-size: 30px;
        font-weight: 700;
        width: 100%;
        float: left;
        padding: 0 15px 30px;
        text-align: center;
}*/
.career-full form{
    width: 100%;
    /* float: left; */
    position: relative;
    max-width: 800px;
    display: block;
    margin: auto;
}
.field_area img{
        position: absolute;
    left: 7px;
    top: 39px;
    border-right: 1px solid #c3c3c3;
    /* right: 15px; */
    padding-right: 9px;
}




@media(max-width: 575px){
    .panel2 p br{
        display: none;
    }
    .ctr-bx2{
        margin-left: 0px;
    }
    .ctr-bx3{
        margin-left: 0px;
    }
    .panel1{
    padding: 68px 15px 50px 15px;
    text-align: center;
    }
    .panel1 h3{
        display: none;
    }
    .panel1 h4{
        font-size: 90px;
        text-align: center;
    }
    .panel1 p{
        text-align: center;
    }
    .panel1 a{
        float: none;
        display: inline-block;
    }
    
    
    .cntr-bx1 img {
    float: none;
    opacity: .1;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 63px;
    width: 90px;
}
.cntr-bx2 img {
    float: none;
    
    opacity: .1;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 63px;
    width: 90px;
}
.cntr-bx3 img {
    float: none;
    
    opacity: .1;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 63px;
    width: 90px;
}
.cntr-bx1{
    text-align: center;
}
.cntr-bx2{
    text-align: center;
    padding-left: 0px;
}
.cntr-bx3{
    text-align: center;
    padding-left: 0px;
}
.cntr-bx-txt{
    display: inline-block;
}
.cntr-bx-txt p{
    font-size: 18px;
}
.cntr-bx-txt h2{
    font-size: 39px;
}



    
    .count .item1{
        font-size: 28px;
    }
    .count .item p{
        font-size: 20px!important;
    }
    .panel2{
        padding: 55px 0px;
    }
    .panel2 h1{
        font-size: 40px;
    }
    
    .panel2{
        height: auto;
        background-size: auto;
        background-repeat: repeat;
    }
    .panel2-box{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .panel2-box:hover{
        margin-top: 50px;
    }
    .panel3{
        padding-top: 70px;
        padding-left: 10px;
    padding-right: 10px;
    background-image: none;
    }
    .panel3-left h5{
        font-size: 14px;
        width: 100%;
        text-align: center;
    }
    .panel3-left h1{
        font-size: 40px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .panel3-right p{
        text-align: center;
        margin-top: 5px;
    }
    .panel3-box-img img {
    border-radius: 15px 15px 0px 0px;
}
.panel3-text{
    border-radius: 0px 0px 15px 15px;
}
.panel3-text-1{
    border-radius: 15px 15px 0px 0px;
}
.panel3-box-img-1 img{
    border-radius: 0px 0px 15px 15px;
}
.panel3-text2{
    border-radius: 0px 0px 15px 15px;
}
.callto{
    padding-top: 65px;
    padding-bottom: 65px;
}
.callto-text h2{
    font-size: 40px;
    line-height: 55px;
    text-align: center;
}
.callto-butn{
    text-align: center;
    margin-top: 35px;
}
.callto-butn a{
    display: inline-block;
    float: none;
}
.body5{
    background-image: none;
}
.b6-hed h4{
    font-size: 14px;
}
.b6-hed h2{
    font-size: 40px;
}
.b7-hed h4{
    font-size: 14px;
}
.b7-hed h2{
    font-size: 40px;
}
.b7-hed p br{
    display: none;
}
.b7-hed{
    margin-bottom: 37px;
}
.b7-bx1{
    padding: 330px 0px 0px 0px;
}
.b7-bx1 h3{
    width: 100%;
    text-align: center;
    margin-left: 0px;
}
.b7-bx1 img{
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.b7-bx2{
    padding: 330px 0px 0px 0px;
}
.b7-bx2 h3{
    width: 100%;
    text-align: center;
    margin-left: 0px;
}
.b7-bx2 img{
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.b7-bx3{
    padding: 330px 0px 0px 0px;
}
.b7-bx3 h3{
    width: 100%;
    margin-left: 0px;
    text-align: center;
}
.b7-bx3 img{
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.body8{
    padding-top: 65px;
    padding-bottom: 65px;
}
.b8-hed h2{
    font-size: 40px;
    line-height: 55px;
}
.foter-logo img{
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.foter-logo p{
    padding-right: 0px;
    text-align: center;
}
.quick-link{
    text-align: center;
    margin-top: 20px;
}
.quicklinks{
    margin-top: 20px;
}
.social{
    text-align: center;
    margin-top: 35px;
}
.social h2{
    margin-bottom: 20px;
}
.get-in{
    padding-left: 0px;
    text-align: center;
    margin-top: 35px;
}
.get-in h2{
    margin-bottom: 20px;
}
.foter-copy1 h4{
    text-align: center;
}
.foter-copy2 h4{
    text-align: center;
    margin-top: 7px;
}
.in-ab-hed img{
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
}
.in-ab-hed h2{
    font-size: 40px;
    line-height: 55px;
    text-align: center;
    margin-top: 20px;
}
.ab-hed h2{
    font-size: 42px;
}
.cr-wd h2 br{
    display: none;
}
.cr-wd h2{
    font-size: 40px;
}
.career-full p br{
    display: none;
}
.adr-section{
    padding-left: 0px;
}
.adr-section h1{
    text-align: center;
}
.india p{
    text-align: center;
}
.contact-tag{
    padding-right: 0px;
}
.con-2{
    padding-left: 0px;
}
.contact-snd2{
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.b5-box{
    height: auto;
    padding: 0px 40px 0px 40px;
}
.b5-bx-text{
    width: 100%;
    margin-top: 100px;
}
.b5-bx-text h4{
    text-align: center;
    font-size: 14px;
}
.b5-bx-text h2{
    font-size: 40px;
    text-align: center;
}
.b5-bx-text p{
    text-align: center;
}
.b5-bx-img{
    width: 100%;
}
.b5-bx-img img{
    margin-top: 15px;
    width: 300px!important;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.b-5-bx .owl-nav{
    float: none;
    text-align: center;
}
.panel1 img{
    float: none;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.in-panel3{
    padding-left: 10px;
    padding-right: 10px;
}
.brnch .owl-nav{
    display: none!important;
}
}



@media (max-width: 421px){
    .cntr-bx-txt:{
        width: 100%;
    }
    .cntr-bx1 img{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .cntr-bx2 img{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .cntr-bx3 img{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .cntr-bx1{
        margin-bottom: 30px;
    }
    .cntr-bx2{
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1024px){
    .st-bx{
        height: 345px;
    }
}
@media (min-width: 1025px) and (max-width: 1199px){
    .st-bx{
        height: 355px;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .ctr-bx2{
        margin-left: 40px;
    }
    .ctr-bx3{
        margin-left: 35px;
    }
.panel1 img{
    float: none;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.panel1{
    padding: 75px 15px 50px 15px;
    text-align: center;
    }
    .panel1 h3{
        display: none;
    }
    .panel1 h4{
        font-size: 90px;
        text-align: center;
    }
    .panel1 p{
        text-align: center;
    }
    .panel1 a{
        float: none;
        display: inline-block;
    }
    
    .count .item1{
        font-size: 28px;
    }
    .count .item p{
        font-size: 18px!important;
    }
    .panel2{
        padding: 55px 0px;
    }
    .panel2 h1{
        font-size: 45px;
    }
    .panel2 p br{
        display: none;
    }
    .panel2{
        height: auto;
        background-size: auto;
        background-repeat: repeat;
    }
    .panel2-box{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .panel2-bx-img{
        width: 57%;
        border-radius: 51%;
    }
    .panel2-box:hover {
    margin-top: 50px;
}
.panel3{
        padding-top: 70px;
        padding-left: 10px;
    padding-right: 10px;
    background-image: none;
    }
    .panel3-left h5{
        
        width: 100%;
        text-align: center;
    }
    .panel3-left h1{
        font-size: 45px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .panel3-right p{
        text-align: center;
        margin-top: 5px;
    }
    .panel3-box-img img {
    border-radius: 15px 15px 0px 0px;
}
.panel3-text{
    border-radius: 0px 0px 15px 15px;
}
.panel3-text-1{
    border-radius: 15px 15px 0px 0px;
}
.panel3-box-img-1 img{
    border-radius: 0px 0px 15px 15px;
}
.panel3-text2{
    border-radius: 0px 0px 15px 15px;
}
.callto{
    padding-top: 65px;
    padding-bottom: 65px;
}
.callto-text h2{
    font-size: 45px;
    line-height: 55px;
    text-align: center;
}
.callto-butn{
    text-align: center;
    margin-top: 35px;
}
.callto-butn a{
    display: inline-block;
    float: none;
}
.body5{
    background-image: none;
}
.b5-box{
    height: auto;
    padding: 0px 40px 0px 40px;
}
.b5-bx-text{
    width: 100%;
    margin-top: 100px;
}
.b5-bx-text h4{
    text-align: center;
 }
.b5-bx-text h2{
    font-size: 45px;
    text-align: center;
}
.b5-bx-text p{
    text-align: center;
}
.b5-bx-img{
    width: 100%;
}
.b5-bx-img img{
    margin-top: 15px;
    width: 400px!important;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.b-5-bx .owl-nav{
    float: none;
    text-align: center;
}
.b6-hed h2{
    font-size: 45px;
}
.b7-hed h2{
    font-size: 45px;
}
.b7-hed p br{
    display: none;
}
.b7-bx1{
    padding: 330px 0px 0px 0px;
}
.b7-bx1 h3{
    width: 100%;
    text-align: center;
    margin-left: 0px;
}
.b7-bx1 img{
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.b7-bx2{
    padding: 330px 0px 0px 0px;
}
.b7-bx2 h3{
    width: 100%;
    text-align: center;
    margin-left: 0px;
}
.b7-bx2 img{
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.b7-bx3{
    padding: 330px 0px 0px 0px;
}
.b7-bx3 h3{
    width: 100%;
    text-align: center;
    margin-left: 0px;
}
.b7-bx3 img{
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.body8{
    padding-top: 65px;
    padding-bottom: 65px;
}
.b8-hed h2{
    font-size: 45px;
    line-height: 55px;
}
.foter-logo img{
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.foter-logo p{
    padding-right: 0px;
    text-align: center;
}
.quick-link{
    text-align: center;
    margin-top: 20px;
}
.social{
    text-align: center;
    margin-top: 20px;
}
.quicklinks{
    margin-top: 25px;
}
.social h2{
    margin-bottom: 33px;
}
.get-in{
    padding-left: 0px;
    text-align: center;
    margin-top: 25px;
}
.get-in h2{
    margin-bottom: 33px;
}
.foter-copy1 h4{
    text-align: center;
}
.foter-copy2 h4{
    text-align: center;
    margin-top: 7px;
}
.in-ab-hed img{
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
}
.in-ab-hed h2{
    font-size: 45px;
    line-height: 55px;
    text-align: center;
    margin-top: 20px;
}
.in-panel3{
    padding-left: 10px;
    padding-right: 10px;
}
.cr-wd h2 br{
    display: none;
}
.cr-wd h2{
    font-size: 43px;
}
.career-full p br{
    display: none;
}
.adr-section{
    padding-left: 0px;
}
.adr-section h1{
    text-align: center;
}
.india p{
    text-align: center;
}
.contact-tag{
    padding-right: 0px;
}
.con-2{
    padding-left: 0px;
}
.contact-snd2{
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.st-loc-hed p br{
    display: none;
}
.st-bx{
    padding: 50px 12px 45px 12px;
    height: 327px;
}
.st-bx h3{
    font-size: 14px;
}
.st-bx p{
    font-size: 14px;
}
.st-bx h2{
    font-size: 25px;
}

.brnch.owl-carousel .owl-nav button.owl-prev img {
    width: 19px!important;
    margin-left: -28px;
    margin-top: -226px;
}
.brnch.owl-carousel .owl-nav button.owl-next img {
    width: 19px!important;
    margin-left: 525px;
    margin-top: -250px;
}

}

@media (min-width: 768px) and (max-width: 991px){
    .panel1 img{
        width: 275px;
        margin-right: 40px;
    }
    .panel1 h4{
        font-size: 60px;
    }
    .panel1{
        padding: 70px 20px 50px 0;
    }
    .panel1 p{
        padding-left: 15px;
    }
    .panel1 a img{
        width: 43px;
    }
    .panel1 a{
        margin-left: 15px;
    }
    .panel1 h3{display: none;}
    .ctr-bx2{
        margin-left: 0px;
    }
    .ctr-bx3{
        margin-left: 0px;
    }
    .count .item1{
        font-size: 43px;
    }
.panel2{
    height: auto;
    background-size: auto;
    background-repeat: repeat;
}
.panel2-box{
    margin-bottom: 10px;
}
.panel2-bx-img{
    width: 40%;
}
.panel3-left h1 br{
    display: none;
}
.panel3-left h1{
    font-size: 40px;
}
.panel3{
    padding-top: 65px;
    background-position-y: 3%;
}
.panel3-text{
    height: 264px;
    padding: 15px 13px;
}
.p3-text h2{
    font-size: 20px;
    margin-bottom: 0px;
}
.p3-text p{
    margin-bottom: 0px;
    margin-top: 5px;
}
.p3-text-butn{
    margin-top: 5px;
}
.panel3-text-img img{
    width: 50px;
}

.panel3-text-1{
    height: 264px;
    padding: 15px 13px;
}
.panel3-text2{
    height: 264px;
    padding: 15px 13px;
}
.callto-text h2{
    font-size: 45px;
    line-height: 56px;
}
.callto-butn{
    margin-top: 57px;
}
.b5-bx-text{
    margin-top: 70px;
}
.b5-bx-img img{
    margin-top: 70px;
}
.b5-box{
    height: 490px;
}
.b-5-bx .owl-nav{
    margin-top: 17px;
}
.b7-bx1{
    padding: 325px 0px 0px 0px;
}
.b7-bx1 h3{
    width: 100%;
    text-align: center;
    margin-left: 0px;
}
.b7-bx1 img{
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.b7-bx2{
    padding: 325px 0px 0px 0px;
}
.b7-bx2 h3{
    width: 100%;
    text-align: center;
    margin-left: 0px;
}
.b7-bx2 img{
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.b7-bx3{
    padding: 325px 0px 0px 0px;
}
.b7-bx3 h3{
    width: 100%;
    text-align: center;
    margin-left: 0px;
}
.b7-bx3 img{
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.b8-hed h2{
    font-size: 47px;
}
.foter-logo p{
    padding-right: 40px;
}
.quick-link{
    margin-top: 29px;
}
.social{
    margin-top: 15px;
}
.get-in{
    padding-left: 0px;
    margin-top: 15px;
}
.foter-copy1 h4{
    text-align: center;
}
.foter-copy2 h4{
    text-align: center;
    margin-top: 7px;
}
.in-ab-hed img{
    width: 392px;
}
.in-ab-hed h2{
    font-size: 45px;
    line-height: 58px;
}
.career-full p br{
    display: none;
}
.rta{
    width: 66px!important;
}
.brnch.owl-carousel .owl-nav button.owl-prev img {
    width: 19px!important;
    margin-left: -30px;
    margin-top: -226px;
}
.brnch.owl-carousel .owl-nav button.owl-next img {
    width: 19px!important;
    margin-left: 707px;
    margin-top: -250px;
}
}



@media (min-width: 992px) and (max-width: 1024px){
       .panel1 img{
        width: 518px;
        margin-right: 40px;
    }
    .panel1 h4{
        font-size: 75px;
    }
    .panel1{
        padding: 80px 40px 50px 0;
    }
    .panel1 p{
        padding-left: 15px;
    }
    .panel1 a img{
        width: 43px;
    }
    .panel1 a{
        margin-left: 0px;
    }
    .panel1 h3{
        margin-top: -135px;
    margin-left: -47px;
    }
    .counter-box{
        padding: 40px 48px;
    }
    .panel2-bx-img{
        width: 65%;
        border-radius: 51%;
    }
    .panel2-bx-img svg{
        width: 65px;
    }
    .panel2-box h5{
        font-size: 21px;
    }
    .panel2-box{
        padding: 40px 25px;
    }
    .panel3-text-img img{
        width: 82px;
    }
    .panel3-text{
        height: 303px;
        padding: 30px 30px;
    }
    .panel3-text-1{
        height: 303px;
        padding: 30px 30px;
    }
    .panel3-text2{
        height: 303px;
        padding: 30px 30px;
    }
    .rta{
    width: 105px!important;
}
.b5-bx-text{
    margin-top: 90px;
}
.b-5-bx .owl-nav{
    margin-top: 39px;
}
.b7-bx3{
    padding: 345px 102px 0px 102px;
}
.b7-bx2{
    padding: 345px 122px 0px 122px;
}
.b7-bx1{
    padding: 345px 112px 0px 112px;
}
.get-in{
    padding-left: 28px;
}


.brnch.owl-carousel .owl-nav button.owl-prev img {
    width: 19px!important;
    margin-left: -30px;
    margin-top: -226px;
}
.brnch.owl-carousel .owl-nav button.owl-next img {
    width: 19px!important;
    margin-left: 947px;
    margin-top: -250px;
}


}




@media (min-width: 1025px) and (max-width: 1199px){
.panel1 img{
        width: 518px;
        margin-right: 40px;
    }
    .panel1 h4{
        font-size: 75px;
    }
    .panel1{
        padding: 98px 40px 50px 0;
    }
    .panel1 a img{
        width: 43px;
    }
    .panel1 h3{
        margin-top: -137px;
    margin-left: -65px;
    }
    .counter-box{
        padding: 40px 50px;
    }
    .panel2-bx-img{
        width: 67%;
        border-radius: 51%;
    }
    .panel2-box h5{
        font-size: 21px;
    }
    .panel2-box{
        padding: 40px 25px;
    }
    .panel3-text{
        height: 303px;
        padding: 29px 30px;
    }
    .panel3-text-1{
        height: 303px;
        padding: 29px 30px;
    }
    .panel3-text-img img{
        width: 83px;
    }
    .panel3-text2{
        height: 303px;
        padding: 29px 30px;
    }
    .b-5-bx .owl-nav{
        margin-top: 12px;
    }
    .b7-bx1{
        padding: 335px 59px 0px 59px;
    }
    .b7-bx2{
        padding: 335px 59px 0px 59px;
    }
    .b7-bx3{
        padding: 335px 59px 0px 59px;
    }

    .brnch.owl-carousel .owl-nav button.owl-prev img {
    width: 19px!important;
    margin-left: -25px;
    margin-top: -226px;
}
.brnch.owl-carousel .owl-nav button.owl-next img {
    width: 19px!important;
    margin-left: 942px;
    margin-top: -250px;
}
}

@media (min-width: 1025px) and (max-width: 1052px){
    .panel1 h3{
        margin-top: -137px;
    margin-left: -65px;
    }
}
@media (min-width: 1053px) and (max-width: 1088px){
    .panel1 h3{
        margin-top: -83px;
    margin-left: -82px;
    }
}
@media (min-width: 1089px) and (max-width: 1114px){
    .panel1 h3{
        margin-top: -83px;
    margin-left: -86px;
    }
}
@media (min-width: 1115px) and (max-width: 1130px){
    .panel1 h3{
        margin-top: -62px;
    margin-left: -108px;
    }
}
@media (min-width: 1131px) and (max-width: 1159px){
    .panel1 h3{
        margin-top: -62px;
    margin-left: -116px;
    }
}
@media (min-width: 1160px) and (max-width: 1199px){
    .panel1 h3{
        margin-top: -62px;
    margin-left: -135px;
    }
}


@media (min-width: 1200px) and (max-width: 1269px){
    .panel1 a img {
    width: 43px;
}
.panel1 h4{
    font-size: 107px;
}
}



@media (min-width: 1200px) and (max-width: 1259px){
    .brnch.owl-carousel .owl-nav button.owl-prev img {
    width: 19px!important;
    margin-left: -25px;
    margin-top: -226px;
}
.brnch.owl-carousel .owl-nav button.owl-next img {
    width: 19px!important;
    margin-left: 1126px;
    margin-top: -250px;
}
}

@media (max-width: 409px){
    .panel1 h4{
        font-size: 60px!important;
    }
    .count .item p {
    font-size: 16px!important;
}
.count .item1 {
    font-size: 20px;
}

}


@media (min-width: 550px) and (max-width: 575px){
.panel2-bx-img{
        width: 23%;
    }
}
@media (min-width: 520px) and (max-width: 549px){
.panel2-bx-img{
        width: 24%;
    }
}
@media (min-width: 500px) and (max-width: 519px){
.panel2-bx-img{
        width: 25%;
        border-radius: 51%;
    }
}
@media (min-width: 490px) and (max-width: 499px){
.panel2-bx-img{
        width: 26%;
        border-radius: 51%;
    }
}
@media (min-width: 460px) and (max-width: 489px){
.panel2-bx-img{
        width: 28%;
        border-radius: 51%;
    }
    .panel2-bx-img svg{
        width: 68px;
    }
}
@media (min-width: 430px) and (max-width: 459px){
.panel2-bx-img{
        width: 29%;
        border-radius: 51%;
    }
    .panel2-bx-img svg{
        width: 68px;
    }
}
@media (min-width: 410px) and (max-width: 429px){
.panel2-bx-img{
        width: 31%;
        border-radius: 51%;
    }
    .panel2-bx-img svg{
        width: 68px;
    }
}
@media (min-width: 390px) and (max-width: 409px){
.panel2-bx-img{
        width: 33%;
        border-radius: 51%;
    }
    .panel2-bx-img svg{
        width: 68px;
    }
}
@media (min-width: 370px) and (max-width: 389px){
.panel2-bx-img{
        width: 35%;
        border-radius: 51%;
    }
    .panel2-bx-img svg{
        width: 68px;
    }
}
@media (min-width: 350px) and (max-width: 369px){
.panel2-bx-img{
        width: 37%;
        border-radius: 51%;
    }
    .panel2-bx-img svg{
        width: 68px;
    }
}
@media (min-width: 340px) and (max-width: 349px){
.panel2-bx-img{
        width: 39%;
        border-radius: 51%;
    }
    .panel2-bx-img svg{
        width: 68px;
    }
}
@media (min-width: 320px) and (max-width: 339px){
.panel2-bx-img{
        width: 41%;
        border-radius: 51%;
    }
    .panel2-bx-img svg{
        width: 68px;
    }
}
@media (min-width: 310px) and (max-width: 319px){
.panel2-bx-img{
        width: 43%;
        border-radius: 51%;
    }
    .panel2-bx-img svg{
        width: 68px;
    }
}
@media (min-width: 290px) and (max-width: 309px){
.panel2-bx-img{
        width: 47%;
        border-radius: 51%;
    }
    .panel2-bx-img svg{
        width: 68px;
    }
}

@media (max-width: 365px){
.panel3-text{
    height: auto;
}
.panel3-text-1{
    height: auto;
}
.panel3-text2{
    height: auto;
}
}

@media (max-width: 375px){
    .panel3-text-img img{
        width: 90px;
    }
    .rta{
        width: 122px!important;
    }
}








@media (max-width: 575px){
    
    .left-slide{
        display: none;
    }
    .right-side{
        display: none;
    }
    .slide{
        width: 100%;
        height: 875px;
    }
    .slide .item .slide-image{
        height: 400px;
        width: 100% !important;
        position: relative;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
    }
    .slide .item .cover .header-content{
        float: left;
        width: 100%;
        padding: 35px 15px 0px 15px;
    }
    
    .slide .item .cover .header-content h4{
        font-size: 70px;
    text-align: center;
    margin-top: 100px;
    }
    .header-content h6{
        font-size: 57px;
        text-align: center;
    }
    .header-content p{
        padding-left: 0px;
        text-align: center;
    }
    .header-content p br{
        display: none;
    }
    .slade-butn{
        text-align: center;
    }
    .slade-butn a{
        float: none;
        display: inline-block;
    }
    .slider-ban .owl-nav{
        margin-top: 26px;
        margin-right: 0px;
    }
    .slider-ban .owl-dots{
        margin-right: 0px;
    }
}



@media (min-width: 390px) and (max-width: 419px){
    .slide .item .slide-image{
        height: 370px;
    }
    .slide .item{
        height: 785px;
    }
    .header-content h6{
        font-size: 50px;
    }
}
@media (min-width: 290px) and (max-width: 389px){
    .slide .item .slide-image{
        height: 295px;
    }
    .slide .item{
        height: 716px;
    }
    .header-content h6{
        font-size: 50px;
    }
    .slide{
        height: 809px
    }
    
    .header-content h6{
        font-size: 40px;
    }
}

@media (max-width: 1024px){
    .hamburgermenu{
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 767px){
  .left-slide{
        display: none;
    }
    .right-side{
        display: none;
    }  
    .slide{
        width: 100%;
        height: 875px;
    }
    .slide .item .slide-image{
        height: 400px;
        width: 100% !important;
        position: relative;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
    }
    .slide .item .cover .header-content{
        float: left;
        width: 100%;
        padding: 35px 15px 0px 15px;
    }
    .header_logo{
        margin-top: 10px;
    }
    .slide .item .cover .header-content h4{
        font-size: 70px;
    text-align: center;
    margin-top: 100px;
    }
    .header-content h6{
        font-size: 57px;
        text-align: center;
    }
    .header-content p{
        padding-left: 0px;
        text-align: center;
    }
    .slade-butn{
        text-align: center;
    }
    .slade-butn a{
        float: none;
        display: inline-block;
    }
    .slide .item{
        height: 785px;
    }
    .slider-ban .owl-nav{
        margin-top: 26px;
        margin-right: 0px;
    }
    .slider-ban .owl-dots{
        margin-right: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .hd-social{
        top: 7%;
    }
    .hd-social a{
        right: -5%;
    }
    .slide .item .cover .header-content h4{
        font-size: 75px;
        margin-top: 105px;
    }
    .header-content h6{
        font-size: 50px;
    }
    .slide .item .cover .header-content{
        padding: 68px 0px 0px 30px;
    }
    .slide .item .slide-image{
        height: 450px;
    margin-top: -428px;
    position: relative;
    }
    .header-content p br{
        display: none;
    }
    .header-content p{
        padding-left: 0px;
        padding-right: 325px;
    }
    .slide{
        height: 580px;
    }
    .slide .item{
        height: 555px;
    }
    
    .right-side a{
        right: -68px;
    }
    .slider-ban .owl-nav{
        margin-right: 0px;
    }
    .slider-ban .owl-dots{
        margin-right: 0px;
    }
    .left-slide{
        height: 650px;
    }
    .header_logo img{
        margin-left: 0px;
    }
    .header_logo img{
        height: 85px;
    }
}


@media (min-width: 768px) and (max-width: 783px){
    .right-side {
    margin-top: -274px;
}
}

@media (min-width: 784px) and (max-width: 991px){
    .right-side {
    margin-top: -299px;
}

}

@media (min-width: 992px) and (max-width: 1024px){
    .hd-social a{
        right: -9px;
    }
    .hd-social{
        top: 15%;
    }
    .slide .item .cover .header-content{
        padding: 68px 0px 0px 45px;
    }
    .slide .item .slide-image{
        height: 565px;
        margin-top: -68px;
    position: relative;
    }
    .slide .item .cover .header-content h4{
        font-size: 100px;
        margin-top: 153px;
    }
    .header-content h6{
        font-size: 78px;
    }
    .slide .item{
        height: 675px;
    }
    .slider-ban .owl-nav{
        margin-right: 0px;
    }
    .slider-ban .owl-dots{
        margin-right: 0px;
    }
    .slide{
        height: 700px;
    }
    .right-side{
        margin-top: -276px;
    }
    .right-side a{
        right: -59px;
    }
    .left-slide{
    height: 780px;
    }
}



@media (min-width: 1025px) and (max-width: 1200px){
    .hamburgermenu img{
        width: 32px;
    }
    .hd-social a{
        right: -12px;
    }
    .slide .item .slide-image{
        height: 675px;
        margin-top: -69px;
        position: relative;
    }
    .slide .item .cover .header-content h4{
        font-size: 100px;
    }
    .header-content h6{
        font-size: 60px;
    }
    .header-content p br{
        display: none;
    }
    .header-content p{
        padding-right: 90px;
    }
    .slide{
        height: 676px;
    }
    .slide .item{
        height: 676px;
    }
    .slider-ban .owl-nav{
        margin-right: 180px;
        margin-top: -84px;
    }
    .slider-ban .owl-dots{
        margin-right: 180px;
    }
    .right-side{
        margin-top: -149px;
    }
    .left-slide{
        height: 774px;
    }
}

@media (max-width: 1024px){
    .header_block{
        padding: 0 5% 0 5%;
    }
}
@media (min-width: 361px) and (max-width: 575px){
    .header_logo img{
        height: 65px;
        margin-top: 12px;
    }
    
}
@media (max-width: 360px){
    .header_logo img{
        height: auto;
        width: 132px!important;
        margin-left: 8px;
    }
}

@media (max-width: 575px){
    .header_menu_area > .mob_nav{
        margin: 46px 0 0 0;
    }
    .header_menu_area > ul{
        top: 103px;
        padding: 35px 0px 35px 0px !important;
    }
    
}
@media (max-width: 360px){
    .header_menu_area > .mob_nav{
        margin: 26px 0 0 0;
    }
    .header_menu_area > ul{
        top: 78px;
        
    }
}

@media (max-width: 767px){
    .in-vision{
        margin-bottom: 30px;
    }
}

@media (min-width: 576px) and (max-width: 767px){
   
    .header_menu_area > .mob_nav{
        margin: 45px 0 0 0;
    }
    .header_menu_area > ul{
        top: 120px;
        
    }
    .cntr-bx1 img {
    float: none;
    opacity: .1;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 79px;
    width: 100px;
}
.cntr-bx2 img {
    float: none;
    
    opacity: .1;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 79px;
    width: 100px;
}
.cntr-bx3 img {
    float: none;
    
    opacity: .1;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 79px;
    width: 100px;
}
.cntr-bx1{
    text-align: center;
}
.cntr-bx2{
    text-align: center;
    padding-left: 0px;
}
.cntr-bx3{
    text-align: center;
    padding-left: 0px;
}
.cntr-bx-txt{
    display: inline-block;
}
}


@media (min-width: 768px) and (max-width: 991px){
   
    .header_menu_area > .mob_nav{
        margin: 45px 0 0 0;
    }
    .header_menu_area > ul{
        top: 107px;
        
    }
}

@media (min-width: 992px) and (max-width: 1024px){
   
    .header_menu_area > .mob_nav{
        margin: 51px 0 0 0;
    }
    .header_menu_area > ul{
        top: 124px;
        
    }
}

@media (min-width: 1025px) and (max-width: 1200px){
    .header_menu_area > ul > li > a::after{
        top: 38px;
    margin-left: -13px;
    }
}



@media (min-width: 1400px) and (max-width: 2560px){
    .b5-bx-text{
        margin-top: 142px;
    }
    .panel1 img{
        width: 635px;
    }
    .panel1 a img{
        width: 43px;
    }
    .panel2-box{
        padding: 44px 29px;
    }
    .panel2-bx-img svg{
        width: 80px;
    }
    .panel2-bx-img{
        width: 48%;
        border-radius: 59%;
    }
    .panel3{
        background-position-y: 10%;
        
    }
    .panel3-text{
        height: 415px;
        padding: 50px 54px;
    }
    .p3-text h2{
        margin-top: 20px;
    }
    .p3-text p{
        margin-top: 15px;
    }
    .p3-text-butn{
        margin-top: 16px;
    }
    .panel3-text-1{
        height: 415px;
        padding: 50px 54px;
    }
    .panel3-text2{
        height: 415px;
        padding: 50px 54px;
    }
    .callto{
        padding-top: 80px;
    padding-bottom: 75px;
    }
    .brnch.owl-carousel .owl-nav button.owl-next img{
        margin-left: 1308px;
        margin-top: -271px;
    }
    .brnch.owl-carousel .owl-nav button.owl-prev img{
        margin-left: -47px;
        margin-top: -245px;
    }
    .b7-bx1{
        height: 440px;
        padding: 381px 89px 0px 90px;
    }
    .b7-bx2{
        height: 440px;
        padding: 381px 100px 0px 100px;
    }
    .b7-bx3{
       height: 440px; 
       padding: 381px 80px 0px 80px;
    }
    .header-content h6{
        font-size: 86px;
    }
    .slide{
        height: 830px;
    }
    .slide .item{
        height: 830px;
    }
    .slide .item .slide-image{
        height: 830px;
    }
    .left-slide{
        height: 928px;
    }
    .hamburgermenu img{
        margin-left: 0px;
    }
    .slide .item .cover .header-content h4{
        margin-top: 220px;
    }
    .counter-box{
        padding: 40px 35px;
    }
    .cntr-bx3 img{
        width: 106px;
        margin-right: 25px;
    }
    .cntr-bx2 img{
        width: 106x;
        margin-right: 25px;
    }
    .cntr-bx1 img{
        width: 106px;
        margin-right: 25px;
    }
    .cntr-bx3{
        padding-left: 85px;
    }
    .cntr-bx2{
       padding-left: 84px; 
    }
    .in-ab-hed h2{
        margin-top: 18px;
    }
}