body {
    font-family: 'Exensa Grotesk' !important;
     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;
}


h1{
    font-family: 'Exensa Grotesk' !important;
}

p{
    font-family: 'Exensa Grotesk' !important;
}
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;
}
.content_block_5 .content-box .social-links li:nth-child(2) a:hover {
    background: #c33247;
}.content_block_5 .content-box .social-links li:nth-child(1) a:hover {
    background: #c33247;
}
.push-left{
  float:left;
}
.hd-top{

float: left;

width: 100%;

background: #1a100c;

clear: both;

height: 45px;

padding: 0 2%;
}.slide .owl-item.active h6 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}
.slide .bounce{
    -webkit-animation-name: bounce !important;
    -webkit-transform-origin: center bottom;
    animation-name: bounce;
    transform-origin: center bottom;
    animation: rotate 1.5s infinite linear;
    display: block;
    margin: auto;
}

.panel1 h5{
    
}
.panel2-left a img{
        position: relative;
    right: 37px;
}
.panel2-left a span{
    font-size: 22px;
    color: #c33247;
    float: left;
    position: relative;
    top: 58px;
    text-align: left;
}
.footer h6 img{
        margin-top: 15px;
}
.hidden-input-field{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}
.slide a{
        position: absolute;
        bottom: 55px;
        left: 34px;
        z-index: 9;
}
.ban1{
        margin-top: 90px;
        /* width: 100%; */
        object-fit: contain;
        float: right;
        margin-right: 11px;
}
.panel2-left a{
    float: left;
    margin-top: 97px;
    margin-bottom: 19px;
}
.text p{
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
    margin: 0;
}
.icon4{
    
float: right;
    
margin-top: 73px;
    
filter: grayscale(1);
    
margin-right: 15px;
}
.mob-view{
    margin-bottom: 4px;
    padding: 15px;
}  .banner-content h6{font-size: 15px;text-align: left;color: #fff;font-weight: 600;text-transform: uppercase;}
    .banner-content h2{
        font-size: 22px;
        color: #fff;
        line-height: 28px;
        text-align: left;
    }
.banner-content{
        margin-top: 0;
 
    padding: 15px;
}
.panel2-box:hover h6{
    opacity: 0;
}
.hd-address img{
    float: left;
    width: 70px;
    height: 111px;
    margin-right: 20px;
    margin-top: -10px;
    }

.abt-sec2-box h6{
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    padding: 5px 20px 14px;
}.content_block_5 .content-box .social-links li:nth-child(3) a {
    background: #128da9;
}
.hd-address{width: 100%;float: left;text-align: left;padding: 110px 60px;background: #c33247;height: 100vh;}
.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;
}
.abt-sec2-box{

width: 100%;

float: left;

text-align: center;

background: #fff;

/* padding: 20px; */

border-radius: 5px;

position: relative;

border-radius: 11px;

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

margin-top: 20px;
}
.abt-sec2-box .img-ico2
{width: 100%;height: 0;position: absolute;left: 0;top: 0;opacity: 0;transition: all ease-in-out .5s;padding: 0px;border-radius: 10px;transform: translateX(0);object-fit: cover;}
.form-sec{background: #ffffffd6;float: left;width: 100%;padding: 45px 30px 50px;border-radius: 10px;/* position: absolute; */top: 0;}
.about-sec2 h5{font-size: 18px;color: #fff;text-transform: uppercase;font-weight: 600;margin-top: 100px;    margin-bottom: 15px;}
.form-sec h4
{

font-size: 34px;

color: #000;

font-weight: 700;
}
.form-sec p{

}
.about-sec2 a{

background: #c33247;

font-size: 16px;

font-weight: 600;

color: #fff;

padding: 10px 30px 13px;

border-radius: 5px;

float: left;

margin-top: 15px;
}
.about-sec2 a:hover{
    
background: #7a7a7a;
    
text-decoration: none;
}.abt-sec2-box:hover .img-ico2{
    opacity: 1;
    height: 100%;
}
.panel2-left a:hover{
    
}
.about-full h6{

font-size: 18px;

color: #c33247;

text-transform: uppercase;

font-weight: 600;
}
.about-full h2{font-size: 70px;text-align: left;font-weight: 600;line-height: 70px;    padding-top: 23px;}
.about-full p{font-size: 17px;font-weight: 300;padding-top: 10px;margin: 0;line-height: 33px;}
.about-full h4{
    
font-size: 25px;
    
font-weight: 600;
    
color: #7a7a7a;
}
.about-full{
        width: 100%;
    float: left;
    padding: 60px 0;
    text-align: left;
}
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}.contact-section .form-inner {
    position: relative;
    display: block;
    background: #f5f6f6;
    padding: 50px 50px;
    border-radius: 10px;
}.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal!important;
}.contact-section .form-inner .form-group input[type='text'], .contact-section .form-inner .form-group input[type='email'], .contact-section .form-inner .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    background: #ffffff;
    border: 1px solid #fff;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #848484;
    padding: 10px 20px;
    border-radius: 5px;
    transition: all 500ms ease;
}.theme-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 17px;
    line-height: 25px;
    font-weight: 600;
    color: #fff !important;
    text-align: center;
    padding: 10px 30px 13px;
    border-radius: 4px;
    z-index: 1;
    box-shadow: 0px 15px 25px 0px rgb(195 50 71 / 25%);
    transition: all 500ms ease;
}.sec-title h2 {
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
}
.theme-btn {
    background: #c33247;
    border: 0;
    cursor: pointer;
}.theme-btn:hover {
    background: #7a7a7a;
    color: #ffffff !important;
}
.elementor-section.elementor-section-stretched {
    position: relative;
    width: 100%;
    float: left;
}
.elementor-element {
    --widgets-spacing: 20px;
}
.elementor-section {
    position: relative;
}.elementor-section .elementor-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}.elementor-row {
    width: 100%;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: flex; */
}@media (min-width: 768px){
    .banner-content{
        display: none;
    }
    .mob-view{display: none}}
.elementor-column-wrap {
    width: 100%;
    float: left;
}
.elementor-column, .elementor-column-wrap {
    /* position: relative; */
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: flex; */
}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.elementor-widget-wrap {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}.elementor-widget-wrap>.elementor-element {
    width: 100%;
}
.elementor-element {
    /* --widgets-spacing: 20px; */
}
.elementor-widget {
    position: relative;
}.elementor-element .elementor-widget-container {
    -webkit-transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
    -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-box-shadow .3s;
}.contact-section {
    position: relative;
    padding: 50px 0px;
    width: 100%;
    float: left;
}.content_block_5 .content-box .sec-title {
    margin-bottom: 0;
    margin-top: 19px;
}.sec-title p {
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 28px;
    color: #808080;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 2px;
}.sec-title h2 {
    position: relative;
    display: block;
    font-size: 70px;
    line-height: 76px;
    font-weight: 900;
    text-align: left;
}.content_block_5 .content-box .text {
    position: relative;
    margin-bottom: 31px;
}.content_block_5 .content-box .social-links li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 10px;
}.content_block_5 .content-box .social-links li:first-child a {
    background: #466ca9;
}
.content_block_5 .content-box .social-links li a {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: #ffffff;
    width: 50px;
    height: 50px;
    /* line-height: 49px; */
    text-align: center;
    border-radius: 50%;
    padding: 10px 0;
}
.cd-main-content {
    text-align: center;
}.cd-btn {
    position: relative;
    display: inline-block;
  
}.single-info-box .inner-box:hover .icon-box {
    background: #c33247;
}.single-info-box .inner-box:hover .icon-box i{
    color: #fff;
}
.inner-box a{color: #1c1c1c;font-size: 16px;font-weight: 600;}
.icon-Location:before {
    content: "\e90e";
}

.single-info-box .inner-box {
    position: relative;
    display: block;    height: 245px;
    background: #ffffff;
    padding: 50px 30px 50px 120px;
    border-radius: 10px;
    box-shadow: 0px 30px 40px 0px rgb(6 26 58 / 10%);
}.single-info-box .inner-box .icon-box {
    position: absolute;
    left: 30px;
    top: 50px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #f0f2f2;
    text-align: center;
    border-radius: 50%;
    font-size: 30px;
    transition: all 500ms ease;
}

.single-info-box .inner-box .icon-box {
    color: #c33247;
}.single-info-box .inner-box h3 {
    display: block;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 9px;
}.single-info-box .inner-box p {
    font-size: 16px;
    line-height: 26px;
    color: #1c1c1c;
    font-weight: 600;
    margin: 0;
}
.panel1-div a{
    float: right;
    position: relative;
    top: -114px;
    right: 3%;
}
.panel1-div a img{

}
.panel1-div a span{
    
font-size: 22px;
    
color: #000;
    
float: left;
    
position: relative;
    
top: 58px;
    
text-align: left;
    
left: 49px;
}
.w-50 {
    width: 50%;
    float: left;
}
.panel4-text a{float: left;margin-top: 22px;margin-bottom: 25px;}
.panel4-text{
    width: 100%;
    float: left;
    background: linear-gradient(91deg, rgba(195,50,71,1) -13%, rgba(128,116,118,1) 86%);
    padding: 84px 80px 138px 60px;
    height: 520px;
}.content_block_5 .content-box .social-links li:nth-child(2) a {
    background:#ce3a9e;
}

.panel4{

width: 100%;

float: left;

text-align: left;

padding: 60px 0 0;

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

background-size: cover;

background-position: center;

overflow-x: hidden;
}
.panel4 h2{text-align: left;font-size: 70px;color: #000;font-weight: 700;padding-left: 5%;line-height: 70px;margin-bottom: 35px;}
.panel4 p{position: relative;font-size: 16px;width: 87%;color: #000;font-weight: 700;line-height: 28px;padding-left: 25px;padding-right: 5%;}
.panel4 p:after{
    position: absolute;
    content: '';
    height: 72px;
    width: 3px;
    top: 7px;
    background: #c23247;
    left: 0;
}
.panel4-box{

}
.panel4-box-img{max-width: 100%;margin-left: 30px;height: 520px;object-fit: cover;}
.pane4 a{

}
.panel4 a span{

font-size: 27px;

color: #fff;

font-weight: 400;

float: left;

position: relative;

top: 50px;

left: -49px;
}
.panel4 a img{

float: left;
}
.panel4 h6{
    font-size: 27px;
    color: #fff;
    font-weight: 300;
    line-height: 40px;
}
.panel3 h5{
        font-size: 70px;
        color: #fff;
        font-weight: 300;
        float: left;
        text-align: left;
        padding: 11px 0 13px 30px;
}
.panel3 h5 span{
        font-size: 19px;
    float: left;
    width: 100%;
}
.panel3 h6{
        font-size: 70px;
    color: #fff;
    font-weight: 300;
    float: right;
    text-align: right;
    padding: 30px 30px 0 0;
}
.panel3 h6 span{
        font-size: 19px;
    float: left;
    width: 100%;
}
.panel3 h2{

}
.panel3 p{
    
}
.image-text{

}
.image-text h6{

}
.image-text h6 span{

}
.panel3{

background: linear-gradient(125deg, rgba(195,50,71,1) 22%, rgba(128,116,118,1) 113%);

width: 100%;

float: left;

padding: 80px 0% 20px;

/* overflow-x: hidden; */

margin-top: -20px;

position: relative;

z-index: 5;
}
.panel3-img-div{

width: auto;

float: right;
}
.panel3 img{

width: auto;

float: right;

padding-bottom: 62px;
}
.panel3 h2{font-size: 70px;color: #fff;text-align: left;font-weight: 700;line-height: 70px;margin-top: 44px;}
.panel3 p{
    font-size: 22px;
    color: #fff;
    text-align: left;
    font-weight: 300;
}
.panel2 .col-lg-4, .panel2 .col-lg-8{
    padding: 0;
}
.panel2-box h6{
        position: absolute;
        bottom: 27px;
        font-size: 30px;
        color: #fff;
        font-weight: 400;
        left: 20px;
}
.overlay h5{
font-size: 27px;
color: #fff;
font-weight: 400;margin:0;
}
.panel2-box:hover .overlay{opacity:1;height: 95%;}
.panel2-box{
    position: relative;
    float: left;
    width: 99%;
    margin-left: 15px;
}
.panel2-left{
    
width: 100%;
    
background: #efeeee;
    
float: left;
    padding: 79px 2% 99px 7%;
}
.panel2{width: 100%;float: left;overflow-x: hidden;padding-right: 1%;}
.panel2 h2{font-size: 70px;color: #000;text-align: left;font-weight: 700;line-height: 70px;}
.panel2 p{font-size: 20px;color: #000;font-weight: 300;line-height: 38px;margin-top: 20px;}
.panel2-a{

}
.panel2-a:hover{

}
.panel2-logo{

}
.panel2-box img{

height: 376px;

width: 99%;

object-fit: cover;

margin-bottom: 20px;
}
.panel1-div{
        width: 58%;
        float: right;
        bottom: 31px;
        position: absolute;
        z-index: 9;
        left: 39%;
        bottom: 20px;
}
.panel1-div-img{
        width: 159px;
        height: 145px;
        float: left;
        margin-right: 30px;
}

 @keyframes ani {
            0% {
                background-position: 0 0;
            }

            50% {
                background-position: 400% 0;
            }

            100% {
                background-position: 0 0;
            }
        }
        .panel1 h5 {
         
background: linear-gradient(-70deg, #ffffff00 5%, #c33247 53%, #ffffff00 91%);
         
background-clip: text;
         
-webkit-background-clip: text;
         
-webkit-text-stroke: 4px transparent;
         
letter-spacing: 4px;
        }

     .panel1 h5:hover {
            /* background-size: 200%; */
            /* animation: ani 5s linear infinite; */
        }
        

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  overflow: hidden;
}
/*.no-js #loader-wrapper {*/
/*  display: none;*/
/*}*/

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #c42e45;
  -webkit-animation: spin 1.7s linear infinite;
  animation: spin 1.7s linear infinite;
  z-index: 11;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #c42e45;
  -webkit-animation: spin-reverse 0.6s linear infinite;
  animation: spin-reverse 0.6s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #7b7b7b;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #fff;
  z-index: 10;
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
  transform: translateX(-100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
  transform: translateX(100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.3s 1s ease-out;
}




.quick-send {
    background: #c33247;
    width: 100%;
    border: 0;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    color: #fff;
    padding: 15px 0 12px;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}.quick-send:hover {
    color: #fff;
    /* opacity: .7; */
    background: #7a7a7a;
}


.img1{width: 100%;height: 293px;object-fit: cover;margin-top: 134px;float: left;position: relative;margin-bottom: 26px;}

.img2{
    width: 100%;
    margin-top: 80px;
    height: 320px;
    object-fit: cover;
    position: relative;
    top: 24px;
    margin-bottom: 53px;
}
.img3{
    
width: 100%;
    
height: 361px;
    
object-fit: cover;
}
.img4{
    
}
.field_area input[type=email], .field_area input[type=number], .field_area input[type=text], .field_area textarea {
}
.quick-top {
    cursor: pointer;
}.request-sec {
    position: absolute;
    right: 0;
    width: 100%;
    top: -450px;
    right: 0;
    height: 100%;
    background: #00000096;
    z-index: 9999999;
}.close_form {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 424px;
    top: 0;
    background: #5f3837 url(../images/close.svg) no-repeat center center;
    background-size: 20px 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    cursor: pointer;
}.req-form {
    width: 100%;
    float: right;
    height: auto;
    margin-right: 0;
    opacity: 1;
    background: #ffffff;
    padding: 20px 100px;
    top: 0;
    position: relative;
    right: 0;
    height: 100vh;
    z-index: 99;
}
.progress {
    position: relative;
    z-index: 5;

    background:#484848;
    border:10px solid #282828;
    border-radius: 20px;
    display: inline-block;
    box-shadow: 0 5px 17px rgba(40, 40, 40, 0.5),0 0 3px 1px rgba(40, 40, 40, 0.5) inset;

}
.progress-text {
    position: absolute;
    font: bold 14px/20px Arial;
    text-align: center;
    top: 0;
    left: 0;
}
.progress, .progress-bar, .progress-text {
    width: 200px;
    max-width: 200px;
    height: 20px;
}
.progress .progress-text:first-child {
    z-index: 5;
    color: white;
}
.progress .progress-text:last-child {
    z-index: 10;
    color: black;
}
.progress-bar {
    overflow: hidden;
    position: relative;
    z-index: 10;
    border-radius: 12px;
    width: 0;
    -moz-transition: width .2s linear;
    -webkit-transition: width .2s linear;
    -o-transition: width .2s linear;
    transition: width .2s linear;
}



/* Test Style */
.progress.test .progress-bar {
    background-color: #00baba;
    background-image: -moz-linear-gradient(left, #d1fffb 0%, #00baba 100%);
    background-image: -webkit-linear-gradient(left, #d1fffb 0%,#00baba 100%);
    background-image: -o-linear-gradient(left, #d1fffb 0%,#00baba 100%);
    background-image: -ms-linear-gradient(left, #d1fffb 0%,#00baba 100%);
    background-image: linear-gradient(to right, #d1fffb 0%,#00baba 100%);
    background-size: 200px 20px;

    overflow: visible;
}
.progress.test .progress-text:first-child {
    display:none;
}
.progress.test .progress-text:last-child {
    left: auto;
    top:auto;
    bottom: -26px;
    right: -12px;
    display: block;
    background-color: #00baba;
    width: 40px;
    height: 20px;
    border-radius: 3px;
}

.test[data-width='0%'] .progress-text:last-child {
    display: none;
}

.progress.test .progress-text:last-child:before {
    position: absolute;
    left: 12px;
    top: -6px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #00baba transparent;
}

/* Copper style */
.progress.copper .progress-bar {
    background-color: #b68d4c;
    background-image: -moz-linear-gradient(top, #f3e2c7 0%, #b68d4c 51%, #e9d4b3 100%);
    background-image: -webkit-linear-gradient(top, #f3e2c7 0%,#b68d4c 51%,#e9d4b3 100%);
    background-image: -ms-linear-gradient(top, #f3e2c7 0%,#b68d4c 51%,#e9d4b3 100%);
    background-image: linear-gradient(to bottom, #f3e2c7 0%,#b68d4c 51%,#e9d4b3 100%);
    box-shadow: inset 2px 2px 3px 0 rgba(255, 255, 255, 0.75), inset -3px 0 3px 0 rgba(255, 255, 255, 0.75);
}

/* Aqua Style */
.progress.aqua .progress-bar {
    background-color: #00baba;
    background-image: -moz-linear-gradient(left, #d1fffb 0%, #00baba 100%);
    background-image: -webkit-linear-gradient(left, #d1fffb 0%,#00baba 100%);
    background-image: -o-linear-gradient(left, #d1fffb 0%,#00baba 100%);
    background-image: -ms-linear-gradient(left, #d1fffb 0%,#00baba 100%);
    background-image: linear-gradient(to right, #d1fffb 0%,#00baba 100%);
    background-size: 200px 20px;
}

/* Candystripe style */
.progress.candy .progress-bar {
    background-color: #d00;
    box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.3) inset;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.35) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.35) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
    background-repeat: repeat-x;
    background-size: 20px 20px;
    -webkit-animation: candystripe 1s linear infinite;
    -moz-animation: candystripe 1s linear infinite;
    animation: candystripe 1s linear infinite;
}
@-webkit-keyframes candystripe {
to {background-position: 20px 0;}
}
@-moz-keyframes candystripe {
to {background-position: 20px 0;}
}
@keyframes candystripe {
to {background-position: 20px 0;}
}

/* Pulsating Neon style */
.progress.neon .progress-bar {
    background-color: #fff;
    box-shadow: 0 0 5px #01fe32 inset, 0 0 16px #08ff35, 0 0 20px #08ff35, 0 0 15px #08ff35;
    -webkit-animation: pulse 2s linear infinite;
    -moz-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
}
@-webkit-keyframes pulse {
50% {box-shadow: 0 0 5px #01fe32 inset, 0 0 10px #08ff35, 0 0 10px #08ff35, 0 0 10px #08ff35;}
}
@-moz-keyframes pulse {
50% {box-shadow: 0 0 5px #01fe32 inset, 0 0 10px #08ff35, 0 0 10px #08ff35, 0 0 10px #08ff35;}
}
@keyframes pulse {
50% {box-shadow: 0 0 5px #01fe32 inset, 0 0 10px #08ff35, 0 0 10px #08ff35, 0 0 10px #08ff35;}
}

/* Shine style */
.progress.shine .progress-bar {
    background-color: #00BA0C;
    background-image: -moz-linear-gradient(left, #00BA0C 0%, #00BA0C 75%, #D7FFD1 80%, #00BA0C 85%, #00BA0C 100%);
    background-image: -webkit-linear-gradient(left, #00BA0C 0%,#00BA0C 75%,#D7FFD1 80%,#00BA0C 85%,#00BA0C 100%);
    background-image: -o-linear-gradient(left, #00BA0C 0%,#00BA0C 75%,#D7FFD1 80%,#00BA0C 85%,#00BA0C 100%);
    background-image: -ms-linear-gradient(left, #00BA0C 0%,#00BA0C 75%,#D7FFD1 80%,#00BA0C 85%,#00BA0C 100%);
    background-image: linear-gradient(to right, #00BA0C 0%,#00BA0C 75%,#D7FFD1 80%,#00BA0C 85%,#00BA0C 100%);
    background-size: 800px 20px;
    box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);
    -webkit-animation: shine 2s linear infinite;
    -moz-animation: shine 2s linear infinite;
    animation: shine 2s linear infinite;
}

@-webkit-keyframes shine {
to {background-position: 800px 0;}
}
@-moz-keyframes shine {
to {background-position: 800px 0;}
}
@keyframes shine {
to {background-position: 800px 0;}
}

/* Zigzag style */
.progress.zigzag .progress-bar {
    background-color: #EFE743;
    background-image: -moz-linear-gradient(135deg, #EA0000 25%, rgba(234,0,0,0)  25%), -moz-linear-gradient(225deg, #EA0000 25%, rgba(234,0,0,0)  25%), -moz-linear-gradient(315deg, #EA0000 25%, rgba(234,0,0,0)  25%), -moz-linear-gradient(45deg, #EA0000 25%, rgba(234,0,0,0)  25%);
    background-image: -webkit-linear-gradient(135deg, #EA0000 25%, rgba(234,0,0,0)  25%), -webkit-linear-gradient(225deg, #EA0000 25%, rgba(234,0,0,0)  25%), -webkit-linear-gradient(315deg, #EA0000 25%, rgba(234,0,0,0)  25%), -webkit-linear-gradient(45deg, #EA0000 25%, rgba(234,0,0,0)  25%);
    background-image: -o-linear-gradient(135deg, #EA0000 25%, rgba(234,0,0,0)  25%), -o-linear-gradient(225deg, #EA0000 25%, rgba(234,0,0,0)  25%), -o-linear-gradient(315deg, #EA0000 25%, rgba(234,0,0,0)  25%), -o-linear-gradient(45deg, #EA0000 25%, rgba(234,0,0,0)  25%);
    background-image: -ms-linear-gradient(135deg, #EA0000 25%, rgba(234,0,0,0)  25%), -ms-linear-gradient(225deg, #EA0000 25%, rgba(234,0,0,0)  25%), -ms-linear-gradient(315deg, #EA0000 25%, rgba(234,0,0,0)  25%), -ms-linear-gradient(45deg, #EA0000 25%, rgba(234,0,0,0)  25%);
    background-image: linear-gradient(135deg, #EA0000 25%, rgba(234,0,0,0)  25%), linear-gradient(225deg, #EA0000 25%, rgba(234,0,0,0)  25%), linear-gradient(315deg, #EA0000 25%, rgba(234,0,0,0)  25%), linear-gradient(45deg, #EA0000 25%, rgba(234,0,0,0)  25%);
    background-position: -10px 0, -10px 0, 0 0, 0 0;
    background-size: 20px 20px;
    -webkit-animation: zigzagmove .5s linear infinite;
    -moz-animation: zigzagmove .5s linear infinite;
    animation: zigzagmove .5s linear infinite;
}

@-webkit-keyframes zigzagmove {
to {background-position: 10px 0, 10px 0, 20px 0, 20px 0;}
}
@-moz-keyframes zigzagmove {
to {background-position: 10px 0, 10px 0, 20px 0, 20px 0;}
}
@keyframes zigzagmove {
to {background-position: 10px 0, 10px 0, 20px 0, 20px 0;}
}

/* Diamond style */
.progress.diamond .progress-bar {
    background-color: #eee;
    background-image: -moz-linear-gradient(45deg, rgb(255,0,0) 25%, rgba(255,0,0,0) 25%, rgba(255,0,0,0) 75%, rgb(255,0,0) 75%, rgb(255,0,0)), -moz-linear-gradient(-45deg, rgb(255,0,0) 25%, rgba(255,0,0,0) 25%, rgba(255,0,0,0) 75%, rgb(255,0,0) 75%, rgb(255,0,0));
    background-image: -webkit-linear-gradient(45deg, rgb(255,0,0) 25%, rgba(255,0,0,0) 25%, rgba(255,0,0,0) 75%, rgb(255,0,0) 75%, rgb(255,0,0)), -webkit-linear-gradient(-45deg, rgb(255,0,0) 25%, rgba(255,0,0,0) 25%, rgba(255,0,0,0) 75%, rgb(255,0,0) 75%, rgb(255,0,0));
    background-image: -o-linear-gradient(45deg, rgb(255,0,0) 25%, rgba(255,0,0,0) 25%, rgba(255,0,0,0) 75%, rgb(255,0,0) 75%, rgb(255,0,0)), -o-linear-gradient(-45deg, rgb(255,0,0) 25%, rgba(255,0,0,0) 25%, rgba(255,0,0,0) 75%, rgb(255,0,0) 75%, rgb(255,0,0));
    background-image: -ms-linear-gradient(45deg, rgb(255,0,0) 25%, rgba(255,255,255,0) 25%, rgba(255,0,0,0) 75%, rgb(255,0,0) 75%, rgb(255,0,0)), -ms-linear-gradient(-45deg, rgb(255,0,0) 25%, rgba(255,0,0,0) 25%, rgba(255,0,0,0) 75%, rgb(255,0,0) 75%, rgb(255,0,0));
    background-image: linear-gradient(45deg, rgb(255,0,0) 25%, rgba(255,0,0,0) 25%, rgba(255,0,0,0) 75%, rgb(255,0,0) 75%, rgb(255,0,0)), linear-gradient(-45deg, rgb(255,0,0) 25%, rgba(255,0,0,0) 25%, rgba(255,0,0,0) 75%, rgb(255,0,0) 75%, rgb(255,0,0));
    background-size:10px 10px;
    -webkit-animation: move 1.2s linear alternate infinite;
    -moz-animation: move 1.2s linear alternate infinite;
    animation: move 1.2s linear alternate infinite;
}

@-webkit-keyframes move {
to {background-position: 5px -10px;background-size:20px 20px;}
}
@-moz-keyframes move {
to {background-position: 5px -10px;background-size:20px 20px;}
}
@keyframes move {
to {background-position: 5px -10px;background-size:20px 20px;}
}

.progress.sparkle .progress-bar {
    background-color: #F7A806;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABACAMAAADMI7KPAAACZFBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////xG13JAAAAzHRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYWJjZGVmZ2hpamtsbW5vcHFyc3R1dnd4eXp7fH1+f4CBgoOEhYaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6SlpqeoqaqrrK2ur7CxsrO0tba3uLm6u7y9vr/AwcLDxMXGx8jJytLua8SRAAASK0lEQVR42nXWWZMb12H28edsvQJoAINlMMPZOCQlioso0rKlmPYb+XXKvnAlvslNrvIBkg+Rz5CkKpU9lcSViiuJs5Ys2XKsxZJC2+K+zMLZBxgM1qXR6zknNYOhSMrM7wrVhcIfDwp9qsnl/58nB993NgGQbJn0Wqw61arjGVPM/PpFQ473/gwwpi0yalS/u+BwdfffiQU1bALEnTPWfLwIn/Nu4tpbiwWi7/zdLvhwlJO9JgCesc/EkckO9lspntUG3vcq+g8AIO1HtA7kMkzDLgYa1ACw7MeJwAtRxWf3BmaOksiyecq33r/Uv8e0MkrFaqU9tirXmj/HF2SvXWge16D6fQqESlKtaL5nQsbgV7/RvrsjicYLxFtbYKljQI+62RRcrW/kzFlm2F2DjUz79QSj1iaep5PRKp5QAPE7jMg+axaJ72e++ltn9Dff/mCI/8vyqz98c8nySQRw03PlGwamz6/8uB7gOgSsxf34ySwmDgGM/vM/AWb5OJGuj2wtG3fDfQC5105naPZ6fw3PcX2csBZqw58cTg/v3AP4NeUtGpTwqPcgYjWPKtgX/hsTpTfm7ebfYqKwuJz8M475/zO/5PY+7eLIMGQMiGcuhrw5SHGsfK7WutXFRLxis6nba72D3AC8zIqvqnUar9yUaYooNFnnMU5YV4tk+tvvHW/N/7qZi3+3+69nZ37up53OzdNBR4JLDRExRInMLdYJ0CEawNkrFVHK/Acm1GiQV+3Pyr9N/hCcEroNpomsrcVq88evLYYP3sWJMy6nxgI/yvGLb2RucpG5Ouz6OPIY1FtIW00YSbLf3hEO4fBMGYUAMmVLWstXf4mJcYON+jo358zucWqAh5JLOhooyh+vXgvqmKCGSxiSQgIAJO3HGtror2OCKeP0rKg0Md55rPaVr/YZBxEkTYF+bID0WjgRPHwIoHXfypxmZxAFLYuG/fuxWHz9OwvvHoY4YroIB54r1j5sSAB6aMUU8B/6AMxz5+aSYemMqeVwLDc/9KvBH3UsxtJBSHUCkHOulJurMY6IYoHGAMJ6A4RNy+4Hfc2HG6R6/a0rV7+09FMc4dOznmqtpLs3H0fq+II5r1LWuAVwYi16dtKE4aXxXggdjiU9HLGURi1NdAQEcSfprDY1AEyLWk72ARBi0ZTf6TJ+GGcratWay3nZ9Mq33wYAdz7n93R0Q+k0BYBCSYyd6EYbMIt1EBAL4Ya8g2P7pN6gfeIwaBkAwFqMCWf5/wWt/jbcWKdB0wXvQiVwMo4x6iSExjYf4sj0XK7d35fjgq2bIcDLX3E0EeN9QMfZ8dqs3KBp/w5O7O3V6uAR5zpKASDGifzXTiPs9V8qrfu5Tt0xOKB1YnmenJNmOmTO5p5dCIOZCxlSWL7FjLIj031A1BwBQuYPRojbyDUaeA4v/Nrg3VQySkM8K/fGLLSVrRbEwrjcSQk4AKhsTmKmFPkFu/vOudOzzr2DLNOUXc7ZlUeEA2AuBWAV3EACM+fz/yQSPCPlKgFVKb7AqhoAIT4jvSx026PHuZkL4ArkYfM3zYekUDb5xV+OTKL9i8tm0F/tAnALbPK1DgD75W9e/O4ffwImnk6p/wsoflXzs4prJJJ8OKBTpw6SfvY4N18wFAjI6l+/PkSYODItbmjNoxxPjXHTB0BbGc6SeG8VgFHL5aa+9snU0mAFTxFKqNQAIUQyiROf5L467Ky/D4p2WyPpcQCi17eJ1ox3nENTj29co61+a0fsL70i2TjXBYC6cq+nw1/+CACYHI0s/Z1B9RZA9NMeAQE0PAsDH098NOoPdgBNoAEoBkBFyhNi3Nvc0u1h+HFv7ycPk1xGjlSvkq7/ACCCy6kF19oNHwJA0Eta7yu3jJ8AnCkw20iPwsUxBXEqlgERS5xI6gcDAEQRrQEQHMle/vLo8eo2AEpTADBfPyW/DzEdT+MWcbKEv7pkatb7UxzLXT1tQQePPoZISL5gqj3lzeRlglWeNXwFOe7keBsvwHFk+FF3cJgAgFKTDywYCkg6v74chLseJdki01A4ZkhRdQ0DcR5IQKeKREm36phn3OH0SoYmZpcUZ8o59k8APHsch8/lJu6DaDw1rotgdg/cszxvl0GHHTMHqacbACu/OXVKEarzPRBuz6YExMnnrITns21CrOnl+M58jpvjb/0QzuLpqN3cwOcYnrLmejiR7D9YG4KY4lR/fUQZEOV45A/CA8BYOi3i2IEKt7dyp18uezqVrVwxD5OjwVwRFOOVYpFqbln7S6/k3HzV3X9+3QT/yqX8zt/gc4TTMFoNioeBHfto+EmkpRVCjcfot14R3e0dzhcNWMNOfFgKB4ZocvGKMPZ/2lMq5SDKLJ+3oDm3RPKrOX7pK2V17nfeaX1eswihgWZmc3rQIaGCjg8SINlISiS51bFqUYzI0pFS2xgrRcWgMsWXnVbyV5mQa6KCrZoQGpDsaY7hCVW4ZCi0P3k6jgOBhU4raAdMCilp+/jvJLtDg40zX79QSvZnDB3drjZAMyrqBxkjc4rRTI9ejsbcv78mFkCJmXVmzwwC/YV1aLUyVG48exBS2QmsYQDmidYGN4wnw6P9/NSFl7lNe3fdjN+/CXR3qlyLojOOAb/ev7enPX4fu3cvUW6Uy2Pt+8Mv5g5vDKPww8kyDWgV0gRxH4B9SkQsHuCJKBpZS9UCkvntzcntq7oFppP1kBlT4/WDcRu0AQCbXi2uxAr04v6jL+bInQfUxxGDhgC0lJgYPT5zzdYPHuNzUwtli8nUKdbDk6frgwL8UZfttzcHPigmogf18cWsDZ2tfiHnelm1iiNm1suGD/EsXs0LOdsY45gZua98q5iG4I4IMaEbMQvHFd7r1TWTTtVmpNGk1Vr9MKVcyb01PJerXC1r9uW/B3h+YYoaySRHFY6FvYpmRW+SYzPXl1ddriKSb+3hBHVcHVe477d4YnzppbsGgRrGTqmpHsnl/OjD5nM5lpk2KdG/10w+41dfIWm4/Ld9yyBRCFiFmQV7vZsZbNdxhMx87aJ3JZf69uHG/g5OaLY8K+Lho7qAdflKbeFWC5n83uoaMflwo+Bvp8/lqEcItFtJ1GJrdpZoXfzah5QQmqaoXD/lqvg+7e5O3ul+9XzGyJBRJ96rr+IJzXOQInem2YaMhUha0CIDCM+dntIRq+w/l1OOgHbzKj+gU9OG1iSXt1PCYA+RPZWVdHn4NibU6cu21pLbW63oL/EUiw2pWWm5DbU+k4YEOuwBfGE6BWFpoRU/m3OQ5qYyotlobn09qwg0IYEQtdlk/2acKmi3gCcOVq+ocd3zn69BWRIgOgtg8NGNbMGId1uAbBcJAQyXPrdu3CzPFeAPo80wHxlgiU8In6tafHGmS5hyuTyzhon27fmSGgaPPgvwLKUk12nrPgDoZr/r+W0JRHV3VlHEPHzuECO9Ux4NOrRAtwNHJungYHWzdsokRKTtTkKnS8ULuYc4pgZeAfuPb/1yDwDBE6kGTP9RXYLWXl5aD3q+mJubW5INatN4+Jg44ck6Xis7D/o9NdREQ6rH42sv9bZ+uhtZnGoo0b9Lr5QVz1/6oI1j/s833fX+0NUxkCm4jS6OJI+2vdJoHQCMnDj/AMgtZc877zTuBuVm4WzBVP88yVlXKwyfjhSoQvtxnLbqB6O93Ihs5D1KdRJTPmdyzu1aV+HY5qYQ2TcKfuO2uHZdf/A+jsnRaG8yv7NvPwDgeZevCL12sN5+6RsWsYKTHAyOIkZpCqT1LV+i8e+Zxanf0FHd0zEZt0i6ctm1ZSHLY0zwMj/j8cp8Pq1O6TMfuJdkdxx3WYQJ0vEKXTDXFibNFIzydjYrKNjv/+FxTnZNuonep14+56+MJQA2O20qTafaSdAda0JW3vtuOL7fOcoRKmhUsa25jOuRJmy/uMbm3iLjyLwxDB8BAK0tnP8Zoco0jc4DviYunv9ZQRMFszJZF/wIjOStFe4riWOFGUNzW4WfSKoV1UR/SpxNQsYAjIxjxZSpA1YSIdX9j2ufFV6zRT6TMwNz93sAKm/m2LXGj4xsvJ344+1gR3ZfYyBA8tvfBwdllCVLM5nkQ63MUmZ3rImSjNgWsUMAVFPo+IPiVNICAJoXlJKU7I2yo5amMv1z6/Iy006NiExh0Xn4M13LcJ3J1A6dtNnSIMHG3TNnL/c2ddq/JRIOljNhXZrLhL377vQ0cXebul/PmZzq460Kiijg8FCkAOBNlRi96WaGInADIpJNZGZsYpczOl/gciF+2K6fFVBRHXW7ZC1F0YjL8OBQJXTnv1cATphBYc9ldObrnXLBTsu8pRj1smnUOpw8Y2iNI8evReUtwx7Sl6c7fMGJm3uJ82j48OVslmksMB9mttLudzLS2AXCRCx/09l+MEx79zt7JPfxJgCuOUAL816dCp6tiXhgfel2dkaGdPhehF/BTikOY65cXNwaUiOXDsi33t1479s0ZDoyeKAdcDyoS7kKQKpXa/qlcXkkt+sb4wBHOCJTLP7aKces31NK2PlSO0uMQhyT4AU1cFNEoaB3zo+p7pG+n5Ky8u/mvzwYlapJOtheXROk11djANXLa66kluYiaAAJWdqNAY6k7Q2SxyWn/xN5uFAy/WBYIgAIxQswVxMW4SN+3pbQ2a1Y/x10/+37eVqo7R66jSYIIKpErpSuv/ntkogGh2E0WzZk4UL1xo1txQEMu0PearxjmvqTL5GO1qJMk+G4gxfof3T1lFP4aFHHnCEZrT/amZwjwt7b3EoAcE0we7GsLpI3Fpk8/JPUnt4tWfqNVy3iFr83ZADALBbsX3jzpZcL96im3Jqft8af1EO8QLiSmbMq8bBjZ6ba//azHo5F7YNWR2Hyo7BTV6c5OTtfc5x7/+C8NNU3BD0zxwCzscwB6N57wIXXbRB9vuMJnpvhxqgzwgkjxlPUoYlIz7S2b75RbtxxWJokEs+QEs7CGU8G2+cFUdPO8m9s6JSk9dqUZKPreY4JOwdN4HiCU552s2nw6iOZJMtzppPcf6gB5Kt+0Ca8/OqsFVsw8r2/eGvL0oSLyMdziG0PRNrtrJTkYD8wo/2Z9LF7ez4UPJ5lHCemMxRSp4Msq8Q7fNwsbYmz12aGTR7GW2NALF1J05UH3rlpSohWQUzWNm0BktOSGQGeoTOqMzDkVuvAq3+qb6zteXUAB+fKm85b2Sc50RpXjFHwvW9VTctu3zeyeqm1XK3pgbZnpsbA7BUXJB+Htp2MbEYcUofSgBopUjvtxTcP8Ln6x/lM84de+F/tDtAOSyFVwF7HZu4dj2EikunUVOWz9rkiF9Q/ZKZo9bIvVXdFAtE9IO7lU1bK0ArKNZpkobta0zrhlEBE1QXLyeXreEIOe/9yz7OpGAcaLFMk8trL5iERNN588CTHLJ4vPc5eyzQDdRijr4S7N5r13Olqnrd2uJxZcCD59jjv8ojSPZL21mjAmHe6EheLRCxfr93EE6oFxW2a+oHnkkQStpzTWxpCpzHHhIoqbkNzu98wdijrb+aveAtv/yJ/tmj6jSEFX51ekv1BE41ebnnwztmw2fReu9S/Y19zd3+QdRJR7OJZsmPysGVP8WgzcXQ7PgBCbV1aeJLTiTZANEkpt2X3brMionhNL+dztDNY+gXSwc8Hvd6uY7RpL7HH/8PHzrVzrjdVlLL6ZX0nePdsA89JG0gII1SYWZfd74PZo8ipFRhOqF4lqynZ71tc7e+EIxb/Yn/QL6Kz1fcfh0kaNrqdxCfMWMzRTHl+xn3TALd123OJWqmrVojnKQVoooOMxbUlYhUXg+I5i+HzecksNu+9lxg4ONxHtLaxBdVayQR99dlOpDlXKaALtUy2cjpvl4oiZxCEmw99h/xgFy+mxgPmcFBGWOp95ysfRVmOJ5K7PkKzFq4acSQSjQEA0v2wWop3zEinVEBLZBkGOREUXGIezhOVNh68ZrLZbfxfdJDhR1P6ianXkvv3GZ7qBdmyk+PJEK4IcISysL21EVVzfa0g49SpUAKzImzO6TDBaPt7ampq+3b38qlhjBfjBgP8UI1ubwDgeMqolLiVC4wk4SL0AUBBCq2DdQAqpEQbmmplGtIvCPKPngoT9H98bzV87Tt8cPtdvIik08mO6qewQnwhpy2GJOwJzT+/riKNABP2AuvplBjxIQ9Ftt89wJGBOet+I28U5jbW8AKlS1Pp6JGGefrCjb0E/wtYT0+oEQxnLAAAAABJRU5ErkJggg==');
    box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);
    -webkit-animation: sparkle 1500ms linear infinite;
    -moz-animation: sparkle 1500ms linear infinite;
    -o-animation: sparkle 1500ms linear infinite;
    animation: sparkle 1500ms linear infinite;
}

@-webkit-keyframes sparkle {
    from {background-position: 0 0;}
    to {background-position: 0 -64px;}
}
@-moz-keyframes sparkle {
    from {background-position: 0 0;}
    to {background-position: 0 -64px;}
}
@-o-keyframes sparkle {
    from {background-position: 0 0;}
    to {background-position: 0 -64px;}
}
@keyframes sparkle {
    from {background-position: 0 0;}
    to {background-position: 0 -64px;}
}

.progress.hearts .progress-bar {
    background-image: radial-gradient(circle closest-side at 60% 43%, #b03 26%, rgba(187,0,51,0) 27%),
                        radial-gradient(circle closest-side at 40% 43%, #b03 26%, rgba(187,0,51,0) 27%),
                        radial-gradient(circle closest-side at 40% 22%, #d35 45%, rgba(221,51,85,0) 46%),
                        radial-gradient(circle closest-side at 60% 22%, #d35 45%, rgba(221,51,85,0) 46%),
                        radial-gradient(circle closest-side at 50% 35%, #d35 30%, rgba(221,51,85,0) 31%),
                        radial-gradient(circle closest-side at 60% 43%, #b03 26%, rgba(187,0,51,0) 27%),
                        radial-gradient(circle closest-side at 40% 43%, #b03 26%, rgba(187,0,51,0) 27%),
                        radial-gradient(circle closest-side at 40% 22%, #d35 45%, rgba(221,51,85,0) 46%),
                        radial-gradient(circle closest-side at 60% 22%, #d35 45%, rgba(221,51,85,0) 46%),
                        radial-gradient(circle closest-side at 50% 35%, #d35 30%, rgba(221,51,85,0) 31%);
    background-color: #b03;
    background-position:  0 0, 0 0, 0 0, 0 0, 0 0, 20px 20px, 20px 20px, 20px 20px, 20px 20px, 0 0;
    background-size: 40px 40px;
    -webkit-animation: heartmove 1.2s linear infinite;
    -moz-animation: heartmove 1.2s linear infinite;
    animation: heartmove 1.2s linear infinite;
}
@-webkit-keyframes heartmove {
to {background-position: 20px 0;}
}
@-moz-keyframes heartmove {
to {background-position: 20px 0;}
}
@keyframes heartmove {
to {background-position: 40px 0,40px 0,40px 0,40px 0,40px 20px,40px 20px,40px 20px,40px 20px,40px 20px,40px 0px;}
}

h2 {
  text-align: center;
  font-size: 18px;
  font-family: Arial;
}
a {
  /* color: #89310F; */
}
.ftr-top p{
    width: 80%;
}
.ftr-top a{
    float: right;
    background: #000;
    padding: 10px 30px;
    font-size: 14px;
    color: #fff;
    margin-top: 50px;
}
.ftr-top a:hover{
    background-color: #5f3837;color: #fff !important;
}
.ftr-top h4{
        color: #5f3937;
    font-size: 50px;
}

.ftr-top{
    position: relative;
    background: #fff;
    padding: 20px 30px;
    border-radius: 10px;
    top: -92px;
    box-shadow: 6px -3px 8px -1px rgb(0 0 0 / 5%);
    }

.rs-contact.contact-style6 .contact-box {
    padding: 35px 35px 35px 35px;
    background-color: #5f3837;
    border-radius: 3px 3px 3px 3px;
    margin: 0 -4px 0 0;
    text-align: center;
}.rs-contact.contact-style6 .contact-box .contact-icon img {
    width: 64px;
    height: 64px;
    max-width: unset;
    margin-bottom: 23px;
}.rs-contact.contact-style6 .contact-box .content-text .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    margin: 0 0 4px;
}.rs-contact.contact-style6 .contact-box .content-text .services-txt {
    margin: 0;
    /* color: #C9C9C9; */
    font-weight: 500;
    margin-top: 15px;
}.rs-contact.contact-style6 .contact-box .content-text .title a {
    color: #ffffff;
}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}.rs-contact.contact-style6 .contact-map {
    overflow: hidden;
}.rs-contact.contact-style6 .contact-map iframe {
    height: 626px;
    float: left;
    width: 100%;
    border: none;
}.rs-contact.contact-style6 .contact-section {
    padding: 126px 40px 85px 40px;
    background-color: #bfb395;
}.rs-contact.contact-style6 .contact-section .contact-wrap {
    padding: 0px 0px 0px 0px;
}.sec-title {
}.sec-title .title.title4.ser-style4 {
    font-size: 42px;
    color: #ffffff;
}
.sec-title .title.title4 {
    position: relative;
    font-size: 42px;
    line-height: 1.3;
    font-weight: 700;
    color: #FFFFFF;
}.sec-title .title.title4:before {
    content: "";
    position: absolute;
    border: 0;
    width: 65px;
    height: 5px;
    background: #c6bba0;
    z-index: 1;
    margin-left: 0;
    left: 0;
    top: -28px;
}.rs-contact.contact-style6 .contact-section .contact-wrap .from-control {
    padding: 1px 0px 15px 0px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #5f38372b;
    background-color: #02010100;
    background-color: unset;
    color: #FFFFFF;
    width: 100%;
    max-width: 100%;
    opacity: 1;
}
.mb-60 {
    margin-bottom: 60px;
}.mb-30 {
    margin-bottom: 30px;
}
.readon.more.submit {
    padding: 15px 31px 15px 31px;
    color: #010d14;
    border: none;
}::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1c1c1c;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #1c1c1c;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #1c1c1c;
}
.facility-sec1 {
    width: 100%;
    float: left;
    position: relative;
}.facility-sec1 img {
    transition: all ease-in-out .5s;
    width: 100%;
    height: 325px;
    object-fit: cover;
}.highlight-text {
    width: 100%;
    float: left;
    padding: 50px 2%;
}.facility-sec1 h3 {
    float: left;
    width: 100%;
    font-size: 40px;
    padding: 2px 0;
    font-weight: 700;
}.facility-sec1 p {
    font-size: 17px;
    line-height: 30px;
    color: #000;
    margin: 0;
}
.tm-element-content-desctxt {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #858585;
}
.elementor-widget-wrap>.elementor-element {
    width: 100%;
}.facility-sec1 .col-lg-4 {
    padding: 0;
}
.elementor-element {
    /* --widgets-spacing: 20px; */
}
.elementor-section.elementor-top-section:first-child {
    margin-top: -83px;
}
.elementor-2012 .elementor-element.elementor-element-47abb0c {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 83px 0px 145px 0px;
}.elementor-2012 .elementor-element.elementor-element-f7d61fe > .elementor-element-populated {
    padding: 0px 22px 0px 0px;
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.elementor-inner-section, .elementor-widget-container, .elementor-button-wrapper, .elementor-section .elementor-widget-wrap {
    position: relative;
    z-index: 1;
}
.readon.more {
    background: #ffb703;
    padding: 17px 23px 17px 23px;
    color: #010d14;
    font-weight: 500;
    text-transform: uppercase;
}.rs-contact.contact-style6 .contact-project {
    background: url(../images/pro-con2.jpg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    height: 626px;
}
.rs-about.about-style1 {
    position: relative;
}.fa-check-circle:before {
    content: "\f058";
}.rs-services-single .services-add {
    background-color: #070706;
    position: relative;
    padding: 55px 35px 38px;
    text-align: center;
    float: left;
}.rs-services-single .services-add .services-overlay {
    background-image: url(../images/ser2.jpg);
    border-radius: 80px 0px 80px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    opacity: 0.1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}.rs-services-single .services-add .address-wrap-item {
    position: relative;
}
.mb-20 {
    margin-bottom: 20px;
}.address-wrap-item .icon-part {
    display: inline-block;
    position: relative;
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 100%;
    text-align: center;
    background: #5f3837;
}.address-wrap-item .icon-part:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 3%;
    top: 4%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    animation: pulse 1500ms ease-out infinite;
    background: #cfc6af;
}.address-wrap-item .icon-part i {
    text-align: center;
    color: #010d14;
    border-radius: 100%;
    font-size: 30px;
    position: relative;
    line-height: 70px;
    z-index: 9;
    width: 100%;
    vertical-align: middle;
    margin-left: 0;
    height: auto;
}.rs-services-single .services-add .address-wrap-item .title {
    font-size: 24px;
    line-height: 41px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 15px;
    text-align: center;
}.rs-services-single .services-add .address-wrap-item .title span {
    color: #cfc6af;
}.rs-services-single .services-add .address-wrap-item .divider {
    padding-top: 15px;
    padding-bottom: 35px;
}.rs-services-single .services-add .address-wrap-item .divider .divider-separator {
    position: relative;
}.rs-services-single .services-add .address-wrap-item .divider .divider-separator:before {
    height: 3px;
    display: block;
    width: 120px;
    border-bottom: 2px dashed #cfc6af;
    content: '';
    margin: 0 auto;
}.rs-services-single .services-add .address-wrap-item a {
    font-size: 34px;
    line-height: 44px;
    font-weight: 700;
    color: #ffffff;
}
.bg22 {
    background-color: #010D14;
    background: url(../images/about-single-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}.sec-title {
}.sec-title .title.title4 {
    position: relative;
    font-size: 42px;
    line-height: 1.3;
    font-weight: 700;
    color: #FFFFFF;
    text-align: left;
}.sec-title .desc.desc8 {
    color: #F7F7F7;
}
.sec-title .desc {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #333333;
    margin: 0;
}.rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar-title {
    color: #F7F7F7;
    font-size: 14px;
    font-weight: 600;
}.rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar {
    background-color: #fff;
    height: 11px;
    line-height: 11px;
    border-radius: 0px 0px 0px 0px;
}
.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar {
    background-color: #E8EAEE;
    height: 7px;
    line-height: 7px;
    margin: 10px 0 24px;
    border-radius: 3px 3px 3px 3px;
    overflow: visible;
    position: relative;
    width: 100%;
}.rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar .skillbar-bar {
    height: 11px;
    line-height: 11px;
    background-color: #FFB703;
    border-radius: 0px 0px 0px 0px;
}.rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar .skill-bar-percent {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-align: right;
    position: absolute;
    right: 0;
    top: -19px;
}.rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar-title {
    color: #F7F7F7;
    font-size: 14px;
    font-weight: 400;
}.rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar {
    background-color: #fff;
    height: 11px;
    line-height: 11px;
    border-radius: 0px 0px 0px 0px;
}.rs-skillbar.skillbar-style1 .video-img {
    background-image: url(../images/video-image5.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 313px 0 313px;
}.bg4 {
    background-color: #010D14;
    background: url(../images/contact-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 120px;
}.sec-title {
}
.bg1 {
    /* background: url(../images/about-bg.jpg); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.images-part img{
  width: 100%;
  border-radius: 20px;
}
.pb-120 {
    padding-bottom: 90px;
}
.pt-120 {
    padding-top: 90px;
}.y-middle {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}.sec-title {
    position: relative;
}.sec-title .sub-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: #010d14;
    text-transform: uppercase;
    margin: 0 0 10px;
    display: block;
}.sec-title .sub-text img {
    position: relative;
    top: -2px;
    margin-right: 7px;
}@media only screen and (max-width: 1366px)
{
.sec-title .title {
    font-size: 36px;
    line-height: 46px;
}}.sec-title .desc {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
    margin-top: 10px;
}
.pb-37 {
    padding-bottom: 37px;
}ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}ul.check-lists .list-item {
    padding-bottom: calc(6px);
    font-size: 14px;
    color: #000;
}ul.check-lists .list-item .icon-list-icon i {
    color: #5f3837;
    font-size: 18px;
}.mt-47 {
    margin-top: 47px;
}.readon.more.know {
    padding: 10px 34px 12px 34px;
}
.readon.more {
    background: #5f3837;
    padding: 13px 41px 13px 41px;
    color: #fff !important;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    /* text-transform: uppercase; */
}
.readon {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    color: #ffffff;
    background: #ffb703;
    padding: 16px 35px 16px 35px;
    z-index: 1;
    border-radius: 0px 0px 0px 0px;
    transition: all 0.4s ease-in-out 0s;
    overflow: hidden;
}.readon.more:hover {
    background-color: #080808;
    color: #ffffff;
    text-decoration: none;
}
.sec-title .title {
    font-size: 42px;
    font-weight: 700;
    line-height: 53px;
    color: #010d14;
    margin: 0;
    /* text-align: left; */
}.content_block_5 .content-box .social-links li:nth-child(3) a:hover {
    background: #c33247;
}
.rs-breadcrumbs.img1 {
    background: url(../images/inr-1.jpg);
}
.rs-breadcrumbs {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top left !important;
}.rs-breadcrumbs .breadcrumbs-inner {
    padding: 140px 10px 140px 10px;
    text-align: center;
}.rs-breadcrumbs .breadcrumbs-inner .page-title {
    position: relative;
    z-index: 1;
    font-size: 48px;
    line-height: 1.3;
    font-weight: 700;
    color: #ffffff;
    padding-top: 20px;
    margin-bottom: 18px;
}.rs-breadcrumbs .breadcrumbs-inner .page-title:after {
    /* content: ""; */
    height: 5px;
    position: absolute;
    top: -5px;
    margin: 0 auto;
    left: 0;
    right: 0;
    transition: all .3s ease;
    z-index: -1;
    background: #c6bba0;
    width: 65px;
}.rs-breadcrumbs .breadcrumbs-inner .sub-text {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 32px;
    display: inline-block;
}.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area {
    background: rgba(255, 255, 255, 0.1);
    padding: 13px 30px;
    max-width: 300px;
    margin: 0 auto;
}.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area li {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area li a {
    position: relative;
    padding-right: 30px;
    font-size: 14px;
    color: #ffffff;
}.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area li a:before {
    content: "";
    position: absolute;
    background: #c6bba0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    right: 10px;
    top: 5px;
}
.enq{
      background: #5f3837;
    float: right;
    font-size: 14px;
    color: #fff;
    padding: 10px 30px;
    margin-top: 5px;
}
.enq:hover{
  background:#fff;color: #5f3837;text-decoration: none;
}
.connect{
  
padding: 15px 6px;
}
.border-ftr h6{

font-size: 15px;

line-height: 28px;


font-weight: 500;

color: #000;
}
.border-ftr h6 span{
  
color: #5f3837;
}
.footer h5{

font-size: 14px;

color: #5a120e;

font-weight: 600;

line-height: 27px;

margin-top: 10px;
}
.footer h5 span{
    color: #000;
    font-weight: 400;
}

.img6{

width: 100%;

height: 420px !important;

object-fit: cover;

margin-top: 30px;

margin-bottom: 25px;

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

-webkit-transition: all ease-in-out .9s;

-moz-transition: all ease-in-out .9s;
}

.img7{

height: 420px !important;
}

.img8{

height: 420px !important;

transition: all ease-in-out 1.5s;

-webkit-transition: all ease-in-out 1.5s;

-moz-transition: all ease-in-out 1.5s;
}

.img9{

width: 100%;

margin-top: 30px;

height: 420px !important;

transition: all ease-in-out 1.5s;

-webkit-transition: all ease-in-out 1.5s;

-moz-transition: all ease-in-out 1.5s;
}

.panel6{

width: 100%;

float: left;

padding: 70px 0;

margin-bottom: 30px;
}
.panel6 h6{

font-size: 20px;

color: #6b330a;

font-weight: 400;
}
.panel6 h2{

font-size: 45px;

color: #000;

font-weight: 400;

text-align: left;
}
.panel6 h2 span{
  
float: left;
  
width: 100%;
  
font-weight: 600;
}
.t span{

font-family: 'Questrial', sans-serif !important;

font-size: 28px;

font-weight: 400;

position: absolute;

top: -52px;

left: 18px;
}
.y span{
  
font-family: 'Questrial', sans-serif !important;
  
font-size: 28px;
  
font-weight: 400;
  
position: absolute;
  
bottom: -52px;
  
left: 30px;
}
.g span{
  
font-family: 'Questrial', sans-serif !important;
  
font-size: 28px;
  
font-weight: 400;
  
position: absolute;
  
top: -52px;
  
left: 18px;
}
.n span{

font-family: 'Questrial', sans-serif !important;

font-size: 28px;

font-weight: 400;

position: absolute;

bottom: -52px;

left: 0;
}
.w span{
      font-family: 'Questrial', sans-serif !important;
    font-size: 28px;
    font-weight: 400;
    position: absolute;
    bottom: -52px;
    left: 39px;
}
.e span{
  
font-family: 'Questrial', sans-serif !important;
  
font-size: 28px;
  
font-weight: 400;
  
position: absolute;
  
top: -52px;
  
left: 18px;
}
.panel5{

width: 100%;

float: left;

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

background-size: cover;

background-position: center;

background-repeat: no-repeat;

padding: 100px 0 80px;
}
.w{position: relative;color: #fff;font-size: 145px;font-weight: 600;width: auto;float: left;width: 16%;}
.w:after{
  content: '';
  position: absolute;
  background: url('../images/icon1.png');
  background-repeat: no-repeat;
  width: 7px;
  height: 61px;
  left: 36px;
  bottom: -11px;
}
.e{position: relative;color: #fff;font-size: 145px;font-weight: 600;width: 20%;float: left;margin-top: 100px;}
.e:after{
  content: '';
  position: absolute;
  background: url(../images/icon1.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 61px;
  left: 18px;
  top: -11px;
  transform: rotate(182deg);
}
.n{position: relative; color: #fff;font-size: 145px;font-weight: 600;float: left;width: 16%;margin-top: -51px;}
.n:after{
  content: '';
  position: absolute;
  background: url(../images/icon1.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 61px;
  left: 14px;
  bottom: -11px;
}
.g{position: relative; color: #fff;font-size: 145px;font-weight: 600;float: left;width: 16%;margin-top: 118px;}
.g:after{
  content: '';
  position: absolute;
  background: url(../images/icon1.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 61px;
  left: 24px;
  top: -1px;
  transform: rotate(182deg);
}
.t{position: relative; color: #fff;font-size: 145px;font-weight: 600;width: 16%;float: left;margin-top: 100px;}
.t:after{
  content: '';
  position: absolute;
  background: url(../images/icon1.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 61px;
  left: 38px;
  top: -11px;
  transform: rotate(182deg);
}
.y{position: relative; color: #fff;font-size: 145px;font-weight: 600;float: left;width: 16%;margin-top: -69px;}
.y:after{
  content: '';
  position: absolute;
  background: url(../images/icon1.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 61px;
  left: 42px;
  bottom: -11px;
}
.bdr{

background: #fff;

height: 3px;

width: 45px;
}
.project-box{
  position: absolute;
  bottom: 10%;
  right: 0;
  width: 207px;
  background: #fff;
  border-radius: 10px;
  /* text-align: center; */
  padding: 10px 27px 15px;
  box-shadow: 3px 3px 3px 3px rgb(0 0 0 / 5%);
}

.project-box h4
{
  font-size: 55px;
  color: #6b330a;
  font-weight: 600;
   
}
.project-box h4 span{
  font-size: 21px;
  color: #272424;
  width: auto;
  top: 20px;
  position: absolute;
  font-weight: 400;
  padding-left: 10px;
}
.panel1{

width: 100%;

float: left;

position: relative;
}
.p1-img{

position: relative;
}
.panel1 h2{font-size: 72px;color: #000;text-align: left;font-weight: 600;padding-top: 80px;line-height: 70px;padding-right: 2%;/* width: 94%; */}
.year-box h4{

font-size: 55px;

color: #3f3939;

font-weight: 600;

 
}

.year-box{

position: absolute;

top: 30%;

width: 207px;

background: #fff;

border-radius: 10px;

/* text-align: center; */

padding: 10px 27px 15px;

box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.05);
}
.year-box span{
  
font-size: 21px;
  
color: #271615;
  
width: auto;
  
top: 20px;
  
position: absolute;
  
font-weight: 400;
  
padding-left: 10px;
}
.panel1 p{font-size: 18px;line-height: 30px;font-weight: 300;color: #000;width: 90%;}
.panel1 h2 span{

font-weight: 600;
}
.p1-img img{
  width: 604px;
  height: 844px;
  margin-right: 95px;
  float: left;
  object-fit: cover;
}
.panel1 h5{background-size: 190%;animation: ani 10s linear infinite;font-size: 122px;color: black;-webkit-text-fill-color: transparent; /* Will override color (regardless of order) */-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #c33247;letter-spacing: 9px;float: left;position: absolute;left: 21%;margin-top: 10px;}
.panel1 h6{
  
font-size: 16px;
  
color: #000;
  
line-height: 28px;
  
padding-top: 7px;
  
width: 77%;
}

.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;
}
.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;
}



.top-quick:hover .request-sec{
  display: block !important;
}
.request-sec {
    /* position: absolute; */
    /* right: 0; */
    /* top: 48%; */
    /* z-index: 999; */
}.req-form {
}
.form-block {
    /* margin-right: 0 !important; */
    /* top: -300px !important; */
    /* display: block !important; */
}.req-form h2 {
    font-size: 28px;
    text-align: left;
    font-weight: 700;
    margin-top: 30px;
}.req-form p {
    font-size: 18px;
    width: 94%;
    line-height: 25px;
    margin-bottom: 30px;
}.field_area {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 20px;
}.field_area label {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}.field_area input[type=email], .field_area input[type=number], .field_area input[type=text], .field_area textarea {
}#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%; */
}
.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 {
    background: #f0f2f2;
    width: 100%;
    float: left;
    padding: 60px 0%;
}.contact-full h2 {
    font-size: 50px;
    text-align: center;
    padding: 0;
    /* line-height: 60px; */
    font-weight: 300;
}.contact-full p {
    font-size: 14px;
    line-height: 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 !important;
    border: none;
    padding: 10px 10px 10px 47px !important;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    font-weight: 300;
    /* border-radius: 4px; */
    -moz-border-radius: 4px;
    /* -webkit-border-radius: 4px; */
    border-radius: 3px;
    background: transparent;
    outline: none;
    border: solid 1px #000;
    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{

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;
}
.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: 0;
}
.service-box{

width: 100%;

float: left;

margin-bottom: 85px;
}
.service-box img{

width: 100%;

border-top-left-radius: 10px;

border-top-right-radius: 10px;

height: 270px;

object-fit: cover;
}
.service-box p{

font-size: 14px;

line-height: 30px;

padding: 0 15px;
}
.service-box h2{
  
font-size: 24px;
  
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: url('../images/slider-banner-1.jpg');

padding: 70px 0;

position: relative;

background-size: cover;

background-position: center;

background-attachment: fixed;

position: relative;
}
.about-sec2 h2{font-size: 70px;font-weight: 600;color: #fff;line-height: 70px;text-align: left;}
.about-sec2  h2 span{

float: left;

width: 100%;

font-weight: 700;
}
.about-sec2 p{

float: left;

width: 100%;font-weight: 300;

font-size: 17px;

line-height: 28px;

color: #000;

/* margin-top: 20px; */
}
.about-sec2 .img-ico{height: 65px;width: 65px;margin-top: 20px;}
.about-full2{
padding: 70px 0 !important;
}
.about-full2 img{
  width: 506px !important;
  border-radius: 10px;
  margin-left: 40px !important;
}
.abt-sec2-box:hover .img-ico{opacity: 0;}
.innerban img{
  
position: absolute;
  
bottom: -1px;
  
width: 100%;
  
float: left;
  
left: 0;
}
.innerban h2 span{
  
color: #f7b142;
  
width: 100%;
  
float: left;
  
font-weight: 700;
}

.innerban-saffron img{
  
position: absolute;
  
bottom: -1px;
  
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;
}
.slider-ban .owl-dot.active span{
  background: #f7b142;
}
.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{
  background: #fff;
  width: 8px;
  height: 8px;
  float: right;
  border-radius: 100%;
  margin-right: 13px;
  margin-bottom: 13px;
}
.slider-ban .owl-dots{float: right;position: absolute;top: 44%;right: 20px;z-index: 9999;display: none;}
.slider-ban .owl-dots button{
  float: right;width: 100%;
}
.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; */
  
/* margin-top: 30px; */
}
.header-social svg {
    height: 24px;
    fill: #7f7f7f;
    margin: 0px 15px 0 0;
    position: inherit !important;
}
.panel8 .row{
  overflow: hidden;
    float: left;
    width: 100%;
}
.row-box{
      float: left;
    width: 100%;
    margin-bottom: 25px;
}
.panel8 h2 span{

font-weight: 700;
}
.panel8-curve{
  
position: absolute;
  
top: -76px;
  
left: 0;
  
width: 100%;
  
left: 0;
  
z-index: 99999;
  
float: left;
  
/* overflow: hidden; */
}
.panel8{

float: left;

width: 100%;

background: #f7b142;

padding: 70px 0 0 8%;

position: relative;

/* overflow-x: hidden; */
}
.panel8 h2{

font-size: 45px;

color: #3f2317;

font-weight: 300;

line-height: 56px;

margin-top: 70px;

padding-right: 10%;
}
.panel h2 span{

}
.panel8 p{

font-size: 14px;

line-height: 30px;

color: #000;

padding-top: 10px;

padding-right: 10%;

margin: 0;
}
.panel8-img{

width: 100%;

float: left;

border-radius: 10px;

margin-bottom: 60px;
}
.panel8-box{

top: 375px;

position: absolute;

background: #f7f6f6;

width: 100%;

padding: 30px 15px 0;

border-top-left-radius: 10px;

overflow: hidden;

/* float: left; */

right: 0;
}
.p8-icon{

}
.panel8 h6{
  
font-family: 'Roboto', sans-serif !important;
  
font-size: 17px;
  
color: #070707;
  
font-weight: 700;
  
float: left;
  
padding-top: 11px;
}
.panel7-text{

position: absolute;

bottom: -286px;
}
.panel7{

width: 100%;

float: left;

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

background-size: cover;

background-position: center;

padding: 70px 0;

position: relative;

z-index: 0;
}
.panel7 h2 span{
  
font-weight: 700;
}
.panel7 h2{

font-size: 38px;

font-weight: 300;

color: #fff;

margin-bottom: 30px;
}
.panel7 h5{/* position: absolute; *//* bottom: 0; */font-size: 24px;text-align: right;color: #fff;line-height: 32px;font-weight: 300;}
.panel7 h5:after{
  position: absolute;
  content: '';
  background: url('../images/quote.png');
  width: 67px;
  height: 59px;
  left: -21px;
  top: -55px;
}
.panel7 a{

font-size: 14px;

border: 1px solid #ffffff;

color: #ffffff;

padding: 11px 20px 13px;

float: right;

margin-top: 20px;

border-radius: 5px;

font-weight: 600;
}
.panel7 a:hover{

background: #fff;

text-decoration: none;

color: #000;
}
.panel7 img{

max-width: 100%;
}
.hajj-img{

width: 100%;

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

float: right;

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

}
.explore-bg1{

}

.s-quote{

}


.slider-curve{
  
z-index: 9999;
  
position: absolute;
  
bottom: 87px;
  
width: 100%;
  
float: left;
}
.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 12px 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: 5%;
}
.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: 100%;

float: left;

padding: 30px 0px;

background: #fff;

position: relative;

box-shadow: 0px 1px 1px 1px #efe8e8b3;

text-align: center;

margin-top: 30px;
}
.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;

font-size: 14px;

color: #fff;
}
.dot-image{
  
height: auto !important;
  
width: auto !important;
  
top: 72px;
  
position: absolute;
  
right: 518px;
}
.footerlast{

float: left;

width: 100%;

text-align: center;

background: #120f10;

border-top: 1px solid #262424;

margin: 50px  0 0;

padding: 10px 0;
}.abt-panel {
    width: 100%;
    float: left;
    padding: 0 5%;
}
.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;
}
.footer h2:after{
  /* content: ''; */
  position: absolute;
  background: #f7b142;
  width: 25px;
  height: 4px;
  left: 0;
  top: 33px;
  border-radius: 30px;
}

.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;
}

.footerlast p{

margin: 0;

text-align: center;

margin-top: 0;

font-size: 13px;

color: #000;

padding: 12px 0;
}
.footerlast p a{

color: #fff;
}
.footerlast p a:hover{

color: #c33247;

text-decoration: none;
}
.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;
}

.footer-b{
  width: 50%;
  float: left;
  color: #000;
  font-size: 14px;
  /* width: 100%; */
  /* float: left; */
  padding: 10px 0;
}

.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: left;
  width: 100%;
  top: 0;
  background: url('../images/bg1.png');
  background-size: cover;
  /* background-position: center; */
  position: relative;
  z-index: 1;
  /* min-height: 850px; */
  /* max-height: 1000px; */
  height: 842px;
  /* 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: #cfc6af;
    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: #bfb395;
    fill: #fff !important;
}
.service-right h6:hover {
    background: #5f3837;
}
.active-serv svg {
    background: #bfb395 !important;
    fill: #fff !important;
    /* filter: brightness(273); */
}
.active-serv {
    background: #5f3837 !important;
}.service-right h6 a {
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    padding: 12px 5px;
    float: left;
    width: 100%;
}

.active-serv a {
    color: #fff !important;
}
.electrical-sec-full {
    width: 100%;
    float: left;
    padding: 50px 0;
    margin-bottom: 50px;
}.electrical-sec-full img {
    width: 100%;
    float: left;
    height: 418px;
    object-fit: cover;
}.electrical-sec-full h2 {
    font-size: 35px;
    color: #101010;
    padding-top: 20px;
    float: left;
    width: 100%;
    font-weight: 700;
    text-align: left;
}.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: 70px;
  font-weight: 300;
  padding: 25px 0% 0;
  color: #fff;
  text-align: center;
  margin-top: 38px;
  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;
}


.slide a:hover{/* text-decoration: none; */}
.slide .owl-nav{
  display: none;
}
.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{color: #fff !important;}
.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;
}

.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: 774px;
  float: right;
  margin-left:0px;
  /* position: absolute; */
  /* width: auto !important; */
  /* z-index: 9999; */
  width: 100%;
  right: 0;
  object-fit: cover;
  top: 0;
  /* 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{

}
.count .item p{
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    margin-top: 0 !important;
    margin-bottom: 0px;
    float: left !important;
    width: 100%;
    padding: 0 15px;
}

.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;
}
.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;
    }

.accordion .card:first-of-type{
  border-radius: 0 !important;
}
.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{
  background-color: #fff !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: #000 !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;
}

.count .item1:after {
    content: '+';
    position: absolute;}
.count .item1 {
    color: #fff;
    font-size: 45px;
    font-weight: 900;
    float: left;
    /* width: 100%; */
    text-align: center;
    position: relative;
    margin: 15px 15px 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: 62px;
    padding: 0;
    width: 211px;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 99;
    transform: translate(0,20px);
    transition: all .2s 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: 16px;
    font-weight: 400;
    text-align: left;
    padding: 15px 10px 13px;
    display: block;
    color: #000;
    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;
}
@media(min-width:425px) and (max-width:575px){
    .mob-view img{
            height: 409px;
    object-fit: contain;
    }
}
.view img{
    margin-bottom:30px;
}
@media(min-width:576px)
{
    .footerlast br{
        display:none;
    }
}
@media(max-width: 575px){
    .about-sec2 {
    width: 100%;
    float: left;
    background-image: url(../images/slider-banner-1.jpg);
    padding: 70px 0;
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}
    .about-full h4 {
    font-size: 25px;
    font-weight: 600;
    color: #7a7a7a;
    margin-top: 20px;
}
    .ban1{
        display:none;
    }
    .about-full h2 {
    font-size: 45px;
    text-align: left;
    font-weight: 600;
}
    .panel4-box-img{
        margin-left:0;height: auto;
    }
    .footerlast span{
        display:none;
    }
    .icon4 {
    float: right;
    margin-top: 35px;}
    .innerban h2 {
    margin-top: 126px !important;
   }
     .single-info-box{
    margin-bottom: 30px;
  }
  
  .contact-section .form-inner {
    position: relative;
    display: block;
    background: #f5f6f6;
    padding: 50px 20px;
    border-radius: 10px;
}
    .about-sec2 a{
        margin-bottom: 50px;
        
    margin-bottom: 50px;
    padding: 14px 30px 15px;
}
    
    .about-sec2 h5 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0;
}
    .panel2 h2 {
    font-size: 45px;}
    .panel2-left {
    width: 100%;
    background: #efeeee;
    float: left;
    padding: 45px 8%;
}.panel2 p {
    font-size: 17px;
    color: #000;
    font-weight: 400;
    line-height: 37px;
    margin-top: 20px;
}.panel2-left a {
    float: left;
    margin-top: 33px;
    margin-bottom: 45px;
}.panel3 {
    background: linear-gradient(125deg, rgba(195,50,71,1) 22%, rgba(128,116,118,1) 113%);
    width: 100%;
    float: left;
    padding: 0;
    /* overflow-x: hidden; */
    margin-top: -20px;
    position: relative;
    z-index: 5;
}.panel3 h2 {
    font-size: 44px;
    color: #fff;
    text-align: left;
    font-weight: 700;line-height: 50px;
    margin-top: 45px;
}.panel3 p {
    font-size: 17px;
    color: #fff;
    text-align: left;
    font-weight: 400;
}.panel3 img {
    width: auto;
    float: right;
    padding-bottom: 40px;
}.panel3 h6 span {
    font-size: 14px;
    float: left;
    width: 100%;
}.panel3 h5 {
    font-size: 39px;
    color: #fff;
    font-weight: 300;
    float: left;
    text-align: left;
    padding: 1px 0 0px 25px;
}.panel3 h5 span {
    font-size: 15px;
    float: left;
    width: 100%;
}.panel3 h6 {
    font-size: 44px;
    color: #fff;
    font-weight: 300;
    float: right;
    text-align: right;
    padding: 0 30px 0 0;
}.panel4 h2 {
    text-align: left;
    font-size: 48px;
    color: #000;
    font-weight: 700;
    padding-left: 5%;
    line-height: 49px;
    margin-bottom: 30px;
}.panel4 p {
    position: relative;
    font-size: 16px;
    width: 100%;
    color: #000;
    font-weight: 700;
    line-height: 28px;
    padding-left: 26px;
    padding-right: 3%;
}.panel4 p:after {
    position: absolute;
    content: '';
    height: 70px;
    width: 3px;
    top: 9px;
    background: #c23247;
    left: 12px;
}.panel4-text {
    width: 100%;height:auto;
    float: left;
    background: linear-gradient(91deg, rgba(195,50,71,1) -13%, rgba(128,116,118,1) 86%);
    padding: 51px 36px 86px 36px;
}
.footer h6{
    height: 128px;
}
.footer h6 img{
        transform: rotate(90deg);
        margin-left: 87px;
        margin-top: -18px;
}
.p1-img img {
    width: 100%;
    height: 200px;
    margin-right: 0;
    float: left;
    object-fit: cover;
}
.panel1-div{
    display: none;
}
.panel1 p{
    width: 100%;
    text-align: left;
    padding: 0 15px;
    margin-bottom: 185px;
    font-size: 16px;
}.panel1 h5 {
    background-size: 175%;
    animation: ani 10s linear infinite;
    font-size: 64px;
    color: black;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #c33247;
    letter-spacing: 9px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 17px;
    text-align: center;
}.panel1-div {
    width: 100%;
    float: right;
    bottom: 31px;
    position: relative;
    z-index: 9;
    left: 0;
    bottom: 20px;
}
.pt-120 {
    padding-top: 60px;
}
.pb-120 {
    padding-bottom: 60px;
}.sec-title .desc.desc8 br{
    display: none;
}.rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar-title{
    text-align: left;
}
.sec-title .title.title4:before{
    display: none;
}.sec-title .title.title4 {
    position: relative;
    font-size: 30px;
}
    .y-middle{
    text-align: center;
    }
    .sec-title .sub-text{
        text-align: center;
    }.sec-title .title {
    font-size: 30px;
    text-align: center !important;
    line-height: inherit;
    }
.year-box{
    display: none;
}
.sec-title .desc{
    text-align: center;
}
.project-box
{
    display: none;
}

    .panel1{text-align: left;}.panel1 h2 {
    font-size: 35px;
    text-align: left;
    padding: 15px 15px 0;
    line-height: initial;
    float: left;
    }.project-box h4 {
    font-size: 55px;
    color: #6b330a;
    font-weight: 600;
    text-align: left;
     
}
}
    .ftr-top h4 {
     font-size: 30px;}
    .footer h2{
        /* text-align: center !important; */
    }
    .panel5{
        display: none;
    }.panel6 h2 {
    font-size: 30px;text-align: center;
}.ftr-top {
    position: relative;
    background: #fff;
    padding: 20px 15px;}.ftr-top p{
        width: 100%;
    }.ftr-top a{
float: none;
    width: auto !important;
    display: table;
    margin: 20px auto 10px;    }
    .panel6{
        text-align: center;
    }
 
    .close_form {
        right: 0px !important;
    top: 0px !important;
    z-index: 9999 !important;
    background-color: #000 !important;
}

    .innerban{
            /* background: #b7e9f7 !important; */
    }
  .footer {
    width: 100%;
    float: left;
    padding: 30px 3% 20px !important;
    text-align: left;
  }
  .footer-a{
    /* width: 24% !important; */
  }
   .footer p{
    margin-bottom: 0;
  }.footer p br{
    /* display: none; */
  }.footer h2{
    /* margin-bottom: 10px !important; */
    /* margin-top: 30px !important; */
  }
  .ftr-link-box {
    width: 100%;
    float: left;
    margin-bottom: 0px;
    margin-top: 20px;
}
  .footer-logo{
    width: 100% !important;
  }
  .footer a{
    width: 50%;
    /* text-align: center; */
    font-size: 14px;
  }
  .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;
    }
    .enq{
        width: 100%;
    }
  .enq-sec{
    display: none;
  }
  .header_menu_area > ul > li > a:hover::after{
    display: none;
  }
}

@media(min-width: 768px) and (max-width: 991px) {
  .footer-a {
     width: 50% !important;}
     .innerban h2 {
    margin-top: 45px;
}.icon4 {
    float: right;
    margin-top: 7px;
    filter: grayscale(1);
    margin-right: 15px;
}.panel2-left {
    width: 100%;
    background: #efeeee;
    float: left;
    padding: 41px 2% 21px 7%;
}
 .panel1 h2 {
    font-size: 46px;
    color: #000;
    text-align: left;
    font-weight: 700;
    padding-top: 27px;
    line-height: 45px;
    padding-right: 2%;
}.p1-img img {
    width: 318px;
    height: 436px;
    margin-right: 55px;
    float: left;
    object-fit: cover;
}.panel1-div {
    width: 100%;
    float: right;
    bottom: 31px;
    position: relative;
    z-index: 9;
    left: 0;
    bottom: 20px;
}.panel1 h5 {
    background-size: 190%;
    animation: ani 10s linear infinite;
    font-size: 17px;
    color: black;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #c33247;
    letter-spacing: 9px;
    float: left;
    position: absolute;
    left: 16%;
    top: 50%;
}.panel1-div a {
    float: right;
    position: relative;
    top: -114px;
    right: 5%;
}.panel2-left a {
    float: left;
    margin-top: 25px;
    margin-bottom: 19px;
}.panel2 h2 {
    font-size: 37px;
    color: #000;
    text-align: left;
}.panel3 h5 span {
    font-size: 14px;
    float: left;
    width: 100%;
}.panel3 h5 {
    font-size: 32px;
    color: #fff;
    font-weight: 300;
    float: left;
    text-align: left;
    padding: 11px 0 0 30px;
}.panel3 h6 span {
    font-size: 13px;
    float: left;
    width: 100%;
}.panel3 h6 {
    font-size: 38px;
    color: #fff;
    font-weight: 300;
    float: right;
    text-align: right;
    padding: 0px 30px 0 0;
}.panel3 img {
    width: auto;
    float: right;
    padding-bottom: 37px;
}.panel3 h2 {
    font-size: 60px;
    color: #fff;
    text-align: left;
    font-weight: 700;
    margin-top: 0;
}
.panel3{
    padding-bottom: 60px;
}.panel4 h2 {
    font-size: 45px;

    line-height: 53px;
 
}
.panel4-box-img {
    max-width: 100%;
    height: 649px;
    object-fit: cover;
}.panel4-text {
    width: 100%;
    float: left;
    background: linear-gradient(91deg, rgba(195,50,71,1) -13%, rgba(128,116,118,1) 86%);
    padding: 38px 42px 70px 30px;
}.slide .item .cover .header-content h2 {
    font-weight: 700;
    font-size: 48px !important;
    color: #fff;
    text-align: left;
}

.panel4 p {
    
    font-size: 15px;
    width: 100%;
}
  .slide .item .slide-image {
    height: 399px;
}.dot-image {
    height: auto !important;
    width: auto !important;
    top: 72px;
    position: absolute;
    right: 272px !important;
}.header-content h6 {
    font-size: 35px  !important;
  }.header-content p {
      width: 46% !important;
}
  
  .contact-snd{
    width: 100%;
  }
  .footer-logo img{
    max-width: 100%;
  }
  .ftr-social a{
    margin-right: 6px;
  }
  .p3-h2 {
    font-size: 31px;
  }
  
  }

  @media(min-width: 992px) and (max-width: 1024px){
    .panel4-box-img {
    max-width: 100%;
    height: 521px;
    object-fit: cover;
}.panel4-text {
    padding: 38px 59px 62px 27px;
}.p1-img img {
    width: 385px;
    height: 826px;
    margin-right: 55px;
    float: left;
    object-fit: cover;
}.panel1 h2 {
    font-size: 57px;
    color: #000;
    text-align: left;
    font-weight: 700;
    padding-top: 42px;
    line-height: 51px;
    padding-right: 2%;
}.panel1 h5 {
    background-size: 190%;
    animation: ani 10s linear infinite;
    font-size: 78px;}.panel1-div {
    width: 67%;
    float: right;
    bottom: 31px;
    position: absolute;
    z-index: 9;
    left: 27%;
    bottom: 20px;
}.panel2 h2 {
    font-size: 54px;
    color: #000;
    text-align: left;
}
      .slide .item .slide-image{
      height: 452px;
    }.dot-image {
    
    right: 352px;
}
  
}
@media(min-width: 576px) and (max-width: 767px){
    .panel1 p{
        margin-bottom:30px;
    }
    .icon4{
        display:none;
    }
    .ban1{
        display:none;
    }
    .about-sec2 h5{
        margin-top: 0;
    }
    .about-sec2 a{
        margin-bottom: 20px;
    }
    .footer h6 img{
            transform: rotate(90deg);
    margin-top: -50px;
    margin-left: 80px;
    }.footer-a {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    width: 50%;}.slide .item .cover .header-content h2 {
    font-weight: 700;
    font-size: 42px;
    color: #fff;
    text-align: left;
}
    .panel1-div a {
    float: right;
    position: relative;
    top: -114px;
    right: 5%;
}.panel1-div {
    width: 100%;
    float: right;
    bottom: 31px;
    position: relative;
    z-index: 9;
    left: 0;
    bottom: 0;
}
.panel1 h5 {
    background-size: 185%;
    animation: ani 10s linear infinite;
    font-size: 28px;
    color: black;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #c33247;
    letter-spacing: 9px;
    float: left;
    position: absolute;
    left: 7%;
    top: 32%;
}.panel3 img {
    width: auto;
    float: right;
    padding-bottom: 27px;
}.panel3 h6 {
    font-size: 26px;
    color: #fff;
    font-weight: 300;
    float: right;
    text-align: right;
    padding: 0px 30px 0 0;
}.panel3 h6 span {
    font-size: 8px;
    float: left;
    width: 100%;
}.panel3 h5 {
    font-size: 29px;
    color: #fff;
    font-weight: 300;
    float: left;
    text-align: left;
    padding: 0px 0 0 30px;
}.panel3 h5 span {
    font-size: 9px;
    float: left;
    width: 100%;line-height: 40px;
}.panel3 h2 {
       font-size: 30px;
    color: #fff;
    text-align: left;
    font-weight: 700;
    margin-top: 0;
    line-height: 38px;
   
}
.panel3{
    padding-top:50px;    padding-bottom: 30px;
}

.panel3 p {
    font-size: 15px;
    color: #fff;
    text-align: left;
    font-weight: 400;
}.panel4 h2 {
    text-align: left;
    font-size: 49px;
    color: #000;
    font-weight: 700;
    padding-left: 5%;
    line-height: 50px;
    margin-bottom: 30px;
}.panel4 p {
    position: relative;
    font-size: 16px;
    width: 98%;
    color: #000;
    font-weight: 700;
    line-height: 28px;
    padding-left: 25px;
    padding-right: 0%;
}.panel4-box-img {
    max-width: 100%;
    height: 417px;
    object-fit: cover;
}.panel4-text {
    width: 100%;
    float: left;
    background: linear-gradient(91deg, rgba(195,50,71,1) -13%, rgba(128,116,118,1) 86%);
    padding: 24px 32px 0px 20px;
    height: 417px;
}.panel4 h6 {
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    line-height: 33px;
}.panel4-text a {
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
}.panel2-left {
    width: 100%;
    background: #efeeee;
    float: left;
    padding: 61px 2% 111px 7%;
}.panel2-left a {
    float: left;
    margin-top: 0;
    margin-bottom: 19px;
}.panel2 p {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    padding-left: 15px;
    line-height: 37px;
    margin-top: 7px;
}.panel2 h2 {
    font-size: 36px;
    color: #000;
    text-align: left;
    line-height: 40px;
    padding-left: 15px;
}
    .mob-view img{
            width: 50% !important;
    float: right;
    }.banner-content h6 {
    font-size: 15px;
    text-align: left;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}.banner-content h2 {
    font-size: 26px;
    color: #fff;
    line-height: 25px;width:50%;
    text-align: left;
}.banner-content {
    margin-top: 0;
    padding: 15px;
    margin-top: 70px;
}
.panel1 h2 {
    font-size: 34px;
    color: #000;
    text-align: left;
    font-weight: 700;
    padding-top: 22px;float:revert;
    line-height: 36px;
    padding-right: 2%;
}.p1-img img {
    width: 330px;
    height: 400px;
    margin-right: 55px;
    float: left;
    object-fit: cover;
}

.slide {
    margin-top: 0;
    height:470px !important;}
    .e span, .w span, .n span, .g span, .t span, .y span{
        font-size: 20px;display: none;
    }
    .w:after, .e:after, .n:after, .g:after, .t:after,.y:after{
display: none;
    }
    .w{
         font-size: 50px;
         text-align: center;
    }
     .e{
        font-size: 50px;
        margin-top: 0;
        text-align: center;
    }
     .n{
      font-size: 50px;
      margin-top: 0;
      text-align: center;
    }
     .g{
       font-size: 50px;
       margin-top: 0;
       text-align: center;
    }
     .t{
        font-size: 50px;
        margin-top: 0;
        text-align: center;
    }
     .y{
        width: auto;
        font-size: 50px;
        margin-top: 0;
        text-align: center;
    }
   
  .footer-a{
        text-align: left !important;
        width: 50% !important;
  }
  .ftr-link-box h5{
            text-align: left !important;

            }.innerban p{
              padding: 0px 20% 0 20% !important;
              padding-right: inherit !important;
            }
  .footer-b{
text-align: left !important;  }
  .footer h2{
    text-align: left !important;
  }
 .slide .item .slide-image {
    height: 420px !important;
    /* top: 12px !important; */
} .dot-image {
  
    right: 168px !important;
}
  .client-testi h5{
    text-align: left;
  }
  .client-testi p{
    text-align: left;
  }
  .client-testi h6{
    text-align: left;
  }
  .client-testi {
    width: 90% !important;
  }
  
  
}
.active-class:after{
  background: url(../images/menu-active.png);
  position: absolute;
  content: '';
  bottom: -12px !important;
}
.active-class-track:after{
  background: url(../images/menu-active.png);
  position: absolute;
  content: '';left: 54px !important;
}
.active-class-service:after{
  background: url(../images/menu-active.png);
  position: absolute;
  content: '';left: 52px !important;
}
.active-class-about:after{
  background: url(../images/menu-active.png);
  position: absolute;
  content: '';left: 34px !important;
}
.active-class-contact:after{
  background: url(../images/menu-active.png);
  position: absolute;
  content: '';
  left: 25px !important;
  bottom: -13px !important;
}
.service-hover:hover:after{
       left: 48px !important;
}
.contact-hover:hover::after{
    right: -27px !important;
    left: inherit !important;
}
.track-hover:hover::after{
       left: 31px !important;
}
.about-hover:hover::after{
           left: 36px !important;
}
.service-active:after{
       left: 48px !important;
       background: url(../images/more1.png);
}
.contact-active:after{
    left: 43px !important;
    background: url(../images/more1.png);
}
.track-active:after{
       left: 31px !important;
       background: url(../images/more1.png);
}
.active-about:after{
           background: url(../images/more1.png);
           left: 36px !important;
}

.mob-view img{
    width:100%;
}

@media(max-width: 767px)
{
    .img1{
        display:none;
    }
     .img2{
        display:none;
    }
     .img3{
        display:none;
    }
     .img4{
        display:none;
    }
.slide .cover{
    display: none !important;
}
.ct-bg h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    padding: 0 10px;
}
.innerban-saffron{
  padding: 70px 0px !important;
    height: auto !important;
    margin-top: 80px !important;
}

.contact-full h2 {
    font-size: 30px;
    }
   
.innerban-saffron h2

{
      font-size: 35px;
}
  .fly-saffron-full h2{
    font-size: 30px;
  }

  .innerban-saffron p{
    padding: 10px;
  }.service-highlight h2

  {
    text-align: center;font-size: 30px;
  }.service-highlight-box {
    width: 100%;
  }
  .fly-saffron-full{
    text-align: center;
  }
.contact-full p{
  padding: 10px;
}
.about-sec2 img{
  /* display: none; */
}
.vision-sec{
  text-align: center;
}
.vision-bg{
  display: block;margin: auto;
}
.about-sec3 {
    width: 100%;
    float: left;
    padding: 50px 0 0px;
}
  .about-sec2 h2 {
       font-size: 38px;
    font-weight: 300;
    color: #fff;
    text-align: left;
    line-height: 40px;
}
  .about-sec2 p{
    /* text-align: center; */
  }
  
.hd-top{
  padding: 0;
}
  .panel8-img{
    margin-bottom: 30px;
  }
  .panel8 p{
    padding-right: 0;
  }
  .arrow{
    right: 7px;
  }
  .slider-curve{
    bottom: 97px;
  }

  .top-cust{
  width: 50%;
}.top-quick{
  width: 50%;
}
.panel7 h2{
  text-align: center;
}

  .dnld-profile{
    width: auto !important;
  }
  .panel8-box{
    display: none;
  }.border-ftr{
    border: none;
    text-align: left;
    height: auto;
  }
.panel7-text {
    position: absolute;
    bottom: -140px;
}.panel8-curve {
    position: absolute;
    top: -22px;
  }.panel8 h2 {
    font-size: 30px;
    color: #3f2317;
    font-weight: 300;
    line-height: 45px;
    margin-top: 0;
    padding-right: 0;
    text-align: center;
}.panel8 {
    float: left;
    width: 100%;
    background: #f7b142;
    padding: 43px 0 44px 0%;
    position: relative;
    /* overflow-x: hidden; */
    text-align: center;
}
  .panel7{
    height: 615px;
  }
  
 
.top-mail-sec{
  display: none;
}
.top-follow{
  display: none;
}
  
  .track1 h3 {
    font-size: 24px;
  }
  .electrical-sec-full p{
    margin-bottom: 40px;
  }
.electrical-sec-full

{
  text-align: center;
}.electrical-sec-full img{
  height: auto;
}

.electrical-sec-full h2 {
    font-size: 25px;
    text-align: center;
  }
  .partner .owl-nav {
    display: block !important;
    float: right;
    position: relative;
    top: 0;
    right: inherit;
    text-align: center;
    width: 100%;
}.partner img{
width: 100% !important;}
.abt-sec3{
  text-align: center;
}
.abt-sec2{
  text-align: center;
}
.innerban{
  text-align: center;
  /* margin-top: 82px !important; */
}
.footer h2{
  width: 100%;
}
.ftr-social a {
    width: 19% !important;
     float: none !important;
    padding: 10px 0;
    text-align: center;
    display: inline !important;
    margin: auto !important;
}
  
  .client-testi img {
    width: auto !important;
    max-width: 100%;
    margin: auto;
}
  
  .video-img{
    height: auto;
  }
  .client-testi{
    width: 100%;
    text-align: center;
  }
  
  .panel_3_play {
    width: 130px;
    height: 130px;
    position: absolute;
    bottom: -67px;
    left: 34px;
  }
  .footer p{
    text-align: center;
  }.fb-a {
    float: none !important;
    margin-right: 20px;
    margin-top: 5px;
    width: auto !important;
    display: inline-block;
}

.footerlast p{
  text-align: center;    margin-top: 20px;

}.footer h2:after{
  display: none;
}.innerban h2 {
    font-size: 40px;
    font-weight: 300;
    padding: 0 0% 0;
    color: #fff;
    margin-top: 76px;
    margin-bottom: 0;
}.innerban p {
    margin-top: 123px;
    color: #000;
    font-weight: 400;
    width: 100%;
    float: left;
    line-height: 28px;
    /* font-style: italic; */
    text-align: center !important;
    font-size: 14px;
    /* background: rgb(0 0 0 / 74%); */
     height: auto !important;
    margin-top: 0px;
    padding-top: 5px;
    padding-right: 0 !important;
}.innerban{
  /* height: auto !important; */
  padding-bottom: 45px;
  padding: 50px 0 !important;
}
  
  .p3-h2 {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    line-height: 42px;
}

  .header-content h6 br{
    display: none;
  }
  .slide a{
    float: none;
    display: none;
  }
  .enq-sec{
    display: none;
  }
  .header_logo{
    height: auto !important;
    border-right:0 !important;
    z-index: 0 !important;
    top: 0 !important;
  }
  
  .contact-form{
    margin-bottom: 0;
  }
  .curve{
    bottom: -17px !important;
  }
  .ct-black a{
    display: inline-block;
  }
  .col-md-10{
    padding-right: 15px !important;
  }
  .business h5{
    text-align: center;
  }

  
  .count .item1{
    margin: 0 !important;
    text-align: center;
/*    width: 100%;
*/  }

  .cta-abt p{
    text-align: center;
  }
  .cta-abt h2{
    text-align: center;
  }
  .cta-abt p{
    padding-bottom: 0 !important;
  }
  .cta-abt a{
    float: none !important;
    display: block;margin:0 auto 20px;
  }
  .abt-final{
    text-align: center;
    margin-bottom: 0 !important;
  }
 
  .chairman-sec{
    text-align: center;
  }
.chairman-sec img{
  float: none !important;
  display: block;margin:auto;
}

  .header_block{
    height: auto !important;
  }
  .footer-bottom p{
    width: 100%;
    text-align: center;
  }
  .footer-bottom {
    text-align: center;
  }
  .header_logo img {
    max-width: 100%;
    height: 113px;
    display: block;
    margin-top: -23px !important;
    float: left;
    margin-left: 10px !important;
}
.bs-example{
  width: 100%;
}
  
  .slide .item .cover .header-content{
  margin-left: 0 !important;
  /* background: #ffffffd1 !important; */
  width: 100% !important;
  bottom: 35px;
  /* height: 132px; */
  padding: 10px 15px !important;
  z-index: 99999;
}

    .vm img {
    width: auto !important;
    float: left;
    margin-left: 0;
    float: none !important;
    display: block;
    margin: auto !important;
}
.vm-section p{
  text-align: center;
}
.vm-section .owl-dots{
  text-align: center;
}
.abt-dtl span{
  text-align: center;
  width: 100%;
  float: left;
}
.abt-dtl p{
  text-align: center;
}
.our-business{
  text-align: center;
}
.slide .owl-dots{
  display: none;
}
.cta-abt p br{
  display: none;
}
.slide{/* text-align: center; */margin-top: 0;height: 670px;top: 0;padding-top: 100px;padding-bottom: 0;}
.business-cta{
  margin-bottom: 0;
}.header-content h6 {
    /* color: #000 !important; */
    font-size: 24px !important;
    text-align: center;
    margin: 0 0 0;
    padding-left: 8px;
    font-weight: 700 !important;
  }
  .header-content p{
    margin-top: 5px !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 26px !important;
    width: 100% !important;
    text-align: center;
    /* display: none; */
    padding: 0 !important;
  }
  .slide .item .slide-image{
    height: 403px;
    top: 28px;
  }

.slide .item .cover{
  /* top: 110px !important; */
}
  .slide .item {
    /* height: 419px !important; */
  }
  .header-content p br{
    display: none;
  }
.bread-crumb{
  margin-top: 0 !important;
}
.footer-bottom{
  padding: 15px 1% !important;
}
    .vm-section {
    float: left;
    height: auto;
    width: 100%;
    min-height: auto !important;
    }
}
/********************new********************/
.menu ul li a:hover, .menu ul li:hover>a {
    background: #c42e45;
    color: #fff;
}
.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;
}
.overlay-menu p{
        padding: 100px 35px;

}

.header-content h6 span{
  font-weight: 600;
  color: #fff;
}

.menu-name:hover a{
         color: #e43c2f;
        text-decoration: none;
}
.menu-name a svg:hover{
    background-color:#e43c2f;
}
.overlay-menu{
         position: absolute;
    bottom: 61px;
    border-radius: 15px;
    left: 14px;
    text-align: center;
    right: 0;
    background-color: #f373219c;
    overflow: hidden;
    width: 93%;
    height: 0;
    transition: .5s ease;
    z-index: 6000;
}
.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:47px !important;
    /* padding: 6px 20px !important; */
    position: absolute;
    z-index: 999;
    right: 0;
}
.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;
}
.footer-bottom span{
  color: #adadad;
    padding: 0 10px;
}
.bs .owl-nav button{
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.footer-logo:hover{
  margin-left: 0 !important;
}
.footer h2{
  
float: left;
  
font-size: 18px;
  
font-weight: 600;
  
color: #fff;
  
text-transform: uppercase;
  
margin-bottom: 15px;
  
width: 100%;
  
margin-top: 10px;
  
position: relative;
  
text-align: left;
}
.footer-bottom{

width: 100%;

float: left;

padding: 15px 6%;
}
.footer-bottom p{

font-size: 13px;

color: #000;

margin: 0;

text-align: center;

font-weight: 400;
}
.footer-bottom a{

color: #2e2b31;
}
.footer-bottom svg{

margin: 0 5px;

width: 20px;

fill: #adadad;
}
.footer-bottom svg:hover{

fill: #1f6eb7;
}
.footer-bottom a:hover{color: #1f6eb7;text-decoration: none;}
.footer{

width: 100%;

float: left;

padding: 40px 0 0px;

/* border-bottom: 1px solid #cccccc94; */

background: #120f10;

background-size: cover;

background-position: center;

/* margin-top: 60px; */
}
.footer-logo{

float: left;

/* margin-top: 60px; */

filter: brightness(38);

opacity: .9;
}
.footer-a{

color: #fff;

font-weight: 400;

font-size: 15px;

width: 100%;

opacity: .8;

float: left;

padding: 10px 0;

/* font-family: 'Roboto', sans-serif !important; */
}
.footer a:hover{
  
color: #ef6c7f;
  
text-decoration: none;
  
/* margin-left: 10px; */
  
opacity: 1;
  
padding-left: 3px;
}
.footer p{

font-size: 15px;

color: #fff;

line-height: 26px;

font-weight: 400;

width: 100%;

float: left;

margin: 0;

opacity: .8;
}

.nav-pd {
    width: 100%;
    float: left;
    text-align: left;
    padding: 0px 0px;
}
.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 p{
    line-height: 26px;
    font-size: 14px;
    color: #fff;
}
.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: 842px;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: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    width: 100%;
    text-align: center;
    padding: 0 390px;
}
.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;}
    .slide-image {
    float: right;
    /* margin-top: 109px; */
    width: 100%;
    height: 558px;
    /* object-fit: cover; */
}
.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: 37px; */
    left: 0;
    /* background: rgba(0, 0, 0, 0.6); */
    display: flex;
    align-items: center;
}




.slide .item .cover .header-content {
    padding: 0 2%;
    position: absolute;
    margin-top: 100px;
    width: auto;
    text-align: left;
    width: 100%;
    /* 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: 600;
    font-size: 72px;
    color: #fff;
    text-align: left;
}

.slide .item .cover .header-content h4 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
}

.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: fadeRight;
    animation-delay: 0.3s;
}
.slide .owl-item.active a {
    /* background: aliceblue; */
    -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 p {
    -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 h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeRight;
    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;
}

.slide .owl-nav .owl-prev {
    position: absolute !important;
    left: 76px;
    bottom: 103px;
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    /* background: rgba(0, 0, 0, 0.5) !important; */
    width: 40px;
    cursor: pointer;
    /* height: 40px; */
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

.slide .owl-nav .owl-prev span {
    font-size: 1.6875rem;
    color: #fff;
}

.slide .owl-nav .owl-prev:focus {
    outline: 0;
}

.slide .owl-nav .owl-prev:hover {
    /* background: #000 !important; */
}

.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;
}

.slide .owl-nav .owl-next {
    position: absolute;
    left: 121px;
    bottom: 100px;
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    /* background: rgba(0, 0, 0, 0.5) !important; */
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

.slide .owl-nav .owl-next span {
    font-size: 1.6875rem;
    color: #fff;
}

.slide .owl-nav .owl-next:focus {
    outline: 0;
}

.slide .owl-nav .owl-next:hover {
    /* background: #000 !important; */
}
.header_menu_area {
  /* width: 100%; */
  float: right;
  position: relative;
  text-align: center;
  margin-top: 21px;
  /* 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: left;
    /* 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: 0 14px; */
        position: relative;
        font-size: 18px;
        font-weight: 300;
        color: #fff;
        /* text-transform: uppercase; */
        letter-spacing: 0px !important;
        padding: 12px 30px 38px;
        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: #ffd4da;
          }
          .header_menu_area > ul > li > a:hover svg {
          fill: #000;
          }
        .header_menu_area > ul > li > a::after {
          content: '';
          position: absolute;
          width: 100%;
          color: #000;
          text-decoration:none !important;
          height: 0px;
          /* background: url('../images/menu-active.png'); */
          height: 40px;
          background-repeat: no-repeat;
          left: 27px;
          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;
          /* color: white; */
          }
        .header_menu_area > ul > li > a:hover::after {
          /* height: 100%; */
          background: url(../images/menu-active.png);
          height: 40px;
          background-repeat: no-repeat;
          left: 27px;
          bottom: -12px;
          }
      @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: 24px 0px;
    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 {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 20px 0px !important;
    min-height: 100vh;
    visibility: hidden;
    opacity: 0;
    z-index: 9 !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;
    top: 132px;
    }
    .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(min-width: 1024px){
.mob-logo {
    display: none;
}}
@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: 9px 10px;
        cursor: pointer;
        transform: rotate(0);
        -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;
        transition: all 0.7s ease;
        z-index: 99999;
    }

    .header_menu_area > .mob_nav > div {
        background: #ffffff;
        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: #c33247;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .mob_nav.open > div:nth-child(3) {
        background: #c33247;
        -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: 20px 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: #000 !important;
    width: 100% !important;
    line-height: 30px;
    background: #ffffff;
    /* margin: 0; */
    font-size: 18px;
    margin: 0;
    padding: 10px 0 10px 0px;
    text-align: center;
    border-bottom: solid 1px rgb(255 255 255);
    border-radius: 0 !important;
    }

    .header_menu_area > ul > li > a::after {
        width: 0px;
        height: 100%;
        /* background: #ee7325; */
    }

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

    .header_menu_area ul.view {
        visibility: visible !important;
        width: 100%;
        opacity: 1;
        background: #ffffff;
        border-top: 1px solid #fdf1f159;
        z-index: 100;
        display: block !important;
        clip-path: circle(1200px at 80% -10%);
        -webkit-clip-path: circle(1200px at 81% -10%);
        /* pointer-events: all; */
        transition: all .5s ease-out;
    }
.menu ul li a{
    text-align:center;
}
    .header_user_area {
        right: calc(5% + 70px);
    }
}
@media (min-width:1025px) and (max-width:1200px){
  .slide .item .cover .header-content h2 {
    font-weight: 700;
    font-size: 58px;
    color: #fff;
    text-align: left;
}.panel1-div {
    width: 62%;
    float: right;
    bottom: 31px;
    position: absolute;
    z-index: 9;
    left: 33%;
    bottom: 20px;
}.panel2 h2 {
    font-size: 52px;
    color: #000;
    text-align: left;
}.panel3 h5 {
    font-size: 51px;}.panel3 img {
    width: auto;
    float: right;
    padding-bottom: 51px;
}.panel3 h2 {
    font-size: 70px;
    color: #fff;
    text-align: left;
    font-weight: 700;
    margin-top: 0;
}.panel4-text {
    width: 100%;
    float: left;
    background: linear-gradient(91deg, rgba(195,50,71,1) -13%, rgba(128,116,118,1) 86%);
    padding: 37px 66px 67px 38px;
}.panel4-box-img {
    max-width: 100%;
    height: 525px;object-fit: cover;
}


.panel1 h5 {
    background-size: 190%;
    animation: ani 10s linear infinite;
    font-size: 77px;}
.p1-img img {
    width: 414px;}

.panel4 p {
    position: relative;
    font-size: 16px;
    width: 93%;}
  .slide .item .slide-image {
    height: 448px;
  }.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 19px;
    position: relative;
    font-size: 13px;
    /* font-family: 'Montserrat', sans-serif !important; */
    font-weight: 400;
    /* color: #000; */
    /* letter-spacing: 0px !important; */
    padding: 16px 1px 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: 10px; */
    padding-right: 50px;
    /* border-right: 1px solid #eeeeee; */
    /* height: 96px; */
    top: -40px;
}
.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: #000;
    /* background: #1f6eb7; */
}
.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: 223px; */
    display: block;
    margin-top: 0px;
    float: left;
    margin-left: 12px;
}

.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: 96px; */
    float: left;
    position: absolute;
    left: 0;
    /* top: 23px; */
    padding: 0 2% 0 2%;
    z-index: 2;
    background: transparent;
    clear: both;
}



.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{
    /* margin-top: 100px; */
    font-size: 28px;
    color: #ffd7e5;
    /* text-transform: uppercase; */
    font-weight: 300;
    /* line-height: 40px; */
    /* -webkit-animation-duration: 1s; */
    /* animation-duration: 1s; */
    /* -webkit-animation-fill-mode: both; */
    /* animation-fill-mode: both; */
    /* animation-name: fadeInDown; */
    /* animation-delay: 0.3s; */
    text-align: left;
    font-family: 'Exensa Grotesk' !important;
}
.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 {
}


.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; */
}
.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: #ffc6d0;
    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 {
    text-transform: uppercase;
    /* border-radius: 100px; */
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    font-style: normal;
    font-stretch: normal;
    border: none;
    line-height: normal;
    /* letter-spacing: 1.8px; */
    width: 81%;
    border-radius: 5px;
    text-align: center;
    padding: 16px 22px;
    border: none;
    background: #533224;
    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-snd:hover{
    background-color: #f7b142;
}


.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;
}

.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 {
    /* float: left; */
    /* width: 100%; */
    color: #101010;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 21px;
    text-align: left;
    margin: 0px;
    margin-bottom: 10px;
    margin-top: 25px;
}

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

.contact-tag {
    float: left;
    width: 100%;
     
    font-size: 14px;
    color: rgba(0, 0, 0, 0.93);
    text-align: left;
    /* margin-top: 15px; */
    line-height: 28px;
    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: #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: 15px;
    margin-top: 17px;
    /* border-radius: 5px; */
}

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

.info-tag {
    line-height: 29px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.93);
    margin-top: 9px;
}

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

.adr-section h1 {
    float: left;
    width: 100%;
    color: #000;
    font-size: 30px;
    font-weight: bold;
    margin-top: 0px;
    margin-top: 10px;
    border-bottom: solid 1px #e6e6e6;
    padding-bottom: 16px;
}

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

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

    .india p {
        float: left;
        width: 100%;
        text-align: left;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.93);
        line-height: 25px;
        margin-top: 11px;
        margin-bottom: 0px;
    }

    .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;
}

.india p {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.93);
    line-height: 25px;
    margin-top: 11px;
    margin-bottom: 0px;
}

.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; */
}

.overlay {
    position: relative;
    border-left: 5px solid #f36f27;
    border-top: 5px solid #f36f27;
    top: 0;
    width: 100%;
    z-index: 99999;
    padding: 42px;
    height: 400px;
    top: 0;
    left: 0;
    background: #0000007d;
}

.overlay {
    display: none;
}

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

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

.overlay h2 {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    box-sizing: unset;
    text-decoration-line: none;
    height: 100%;
    text-decoration-style: none;
    width: 100%;
    color: #f36f27;
    text-decoration: none;
    font-size: 20px;
    bottom: 0;
}

.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){
#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) {

  .footer p{
    margin-bottom: 0;
  }
  .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;
}
    .slide .item .cover .header-content{
        margin-left:32px;
    }
   /* .head-quote{
        display:none;
    }*/
    
    .slide{
        max-height: 600px;
    }
    .slide .owl-dots{
        display: none;
    }
   
 
  
    .request-info-box{
        width:100%;
        margin-top:20px;
    }
  
   
    .header_logo img {
        height: 54px;
        margin-top: 16px;
    }

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

@media(max-width: 767px) {

    .slide .item .cover{
        padding: 0;
        top: -17px;
    }
    .service-side{
        display: none;
    }
    .service .owl-nav{
        display: none;
    }
    .view-serv{
        right: 24px;
    }
    .service-sec-image{
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
    .panel-text-quote{
        left: 20px;
        top: 10px;
        left: 0;
        padding: 0 20px;
        width: 100%;
        font-size: 24px;
        float: left;
    }
    .testi-logo{
        width: auto;
        top:0;
        margin: auto;
        display: block;
        float: none;
    }
    .panel-quote img{
        top:18px;
    }
    .msg-box{
        display: none;
    }
 
    .hide-mob {
        display: none;
    }

    .ml-44 {
        margin-left: 0;
    }

    .ml-66 {
        margin-left: 0;
    }

   

 
    .service .owl-next {
        position: relative;
        top: -600px;
        background: #FBFBFB !important;
        left: 0;
    }

    .service .owl-prev {
        position: relative;
        top: -600px;
        background: #fbfbfb !important;
        left: 0;
    }

    .extra-serv {
        display: none;
    }

    .service-text {
        position: relative;
        left: 0;
        width: 100%;
        top: 75px;
        float: left;
        padding: 0 30px;
    }

   

    .cnts-paddings {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

  
    .detail-area {
        left: 0;
        top: 0;
    }

    .left-area {
        left: 0;
        top: 0;
    }

    .ban-text p {
        padding: 0;
    }

    .ban-text {
        padding-top: 147px;
    }

    .join-img {
        display: flex;
        float: left;
    }

    .quality-red {
        left: 0;
    }

    .invest-btn {
        float: left !important;
    }

  

   

    .close_form {
        right: -25px;
        top: -14px;
        z-index: 100;
    }

    .links a {
        width: 49%;
    }
}

@media(max-width: 991px) {
   .table{
    width: 100%;
   }
    .social-hd {
        display: none;
    }

    .form-pad {
        padding: 0;
    }

    .panel-12 .ryt-pad {
        padding-right: 15px;
    }

    .panel-12 .lft-pad {
        padding-left: 15px;
    }

    .btm-icon img {
        margin: 0;
    }

    .enquire {
        float: left;
        width: 100%;
        background: #000;
    }

    .panel-sec {
        display: none;
    }
}

@media(min-width: 768px) {
    .slide .item {
    /*height: 100vh;*/
    position: relative;
}
    .mob-view {
    display: none;
}
    .view-mob {
        display: none;
    }

}

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

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


    .ftr-logo img{
        height: auto;
    }
  

    .service-text-new {
        position: relative;
        left: -29px;
        top: 38px;
    }

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

    .service-text-new h2 {
        font-size: 26px;
        color: #131316;
        font-weight: 700;
    }

    .service-text-new p {
        font-size: 13px !important;
        line-height: 27px !important;
        margin-top: 0 !important;
    }


    .service .owl-next {
        top: -165px;
        left: -356px;
    }

    .service .owl-prev {
        top: -165px;
        left: -354px;
    }

    .service-text {
        position: relative;
        left: -53px;
        top: 25px;
    }

    .service-text p {
        font-weight: 400;
        margin-top: 2px;
        color: #070707;
        font-size: 12px;
        line-height: 26px;
    }

    .extra-serv {
        top: 85px;
    }

    

    .start a {
        line-height: 25px;
    }

   

    


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

    .detail-area {
        padding: 4% 15px;
    }

    .left-area {
        padding: 4% 15px;
    }

    .detail-area p {
        font-size: 13px;
    }

    .left-area h2 {
        font-size: 24px;
    }

    .serv-img-sec img {
        width: 100%;
        float: left;
        height: 320px;
        object-fit: cover;
    }

    .main-off p {
        padding: 7px 0 0 25px;
    }

    .main-off h2 {
        margin: 5px 25px 0;
    }

    .quote-sec img {
        float: left;
        width: 70px;
    }

    .quote-sec h6 {
        font-size: 25px;
        font-weight: 100;
        float: left;
        padding-left: 30px;
        padding-top: 28px;
        line-height: 45px;
        width: auto;
    }

    .quote-sec {
        padding: 0;
    }

     
}

@media(min-width: 992px) and (max-width: 1024px) {
   .slide .item .slide-image{
      height: 452px;
    }
    .ban-text h2 {
        font-size: 25px;
    }

    .panel-call p {
        float: left;
        font-size: 10px;
        padding: 3px 0px;
    }

    .panel-call p {
        float: left;
        font-size: 10px;
        padding: 3px 0px;
    }

}
@media(min-width:576px) and (max-width:1127px){
  
}
    .slide-image {
    /* width: 100%; */
    /* height: 630px; */
    object-fit: cover;
}
.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: 10px;
    left: 0;
    /* background: rgba(0, 0, 0, 0.6); */
    display: flex;
    align-items: center;
}




.slide .item .cover .header-content {
    position: relative;
    margin-top: 40px;
    margin-left: 50px;
    /* padding: 56px; */
    overflow: hidden;
}
.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;*/
}
.call-action {
    float: left;
    width: 100%;
    height: 275px;
    background-image: url(../images/scroll.jpeg);
    background-size: cover;
    text-align: center;
    margin-top: 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed !important;
}
.call-bg {
    background-color: rgba(0, 0, 0, 0.88);
    height: 275px;
    padding-top: 72px;
    padding-bottom: 70px;
}
.call-bg h1 {
    float: left;
    font-size: 32px;
    color: white;
    width: 100%;
       margin-bottom: 45px;
}
.call-nav {
    /* float: left; */
    position: relative;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    font-weight: 600;
    margin-top: 14px;
    padding: 20px 45px;
    background: #ffffff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
    border: none;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    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;
    outline: none;
}
.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: 24px;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
}

.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: fadeInDown;
    animation-delay: 0.3s;
}
.slide .owl-item.active a {
    -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 p {
    -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 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;
}

.slide .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

.slide .owl-nav .owl-prev span {
    font-size: 1.6875rem;
    color: #fff;
}

.slide .owl-nav .owl-prev:focus {
    outline: 0;
}

.slide .owl-nav .owl-prev:hover {
    background: #000 !important;
}

.general-img{
    
}
.general-img img{
    width:100%;
    float:left;
    border-radius: 5px;
}
.general-text{
    
width: 100%;
    
float: left;
}
.general-text h2{
    
font-size: 22px;
    
font-weight: 700;
    
margin: 0;
}
.general-text p{
    
}

.slide .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

.slide .owl-nav .owl-next span {
    font-size: 1.6875rem;
    color: #fff;
}

.slide .owl-nav .owl-next:focus {
    outline: 0;
}

.slide .owl-nav .owl-next:hover {
    background: #000 !important;
}

.header_menu_area {
    /* width: 100%; */
    float: right;
    /* top: 56px; */
    /* position: absolute; */
    z-index: 9;
    text-align: center;
}

.header_menu_area > .mob_nav {
    display: none;
}

.header_menu_area > ul {
    width: auto;
    display: inline-block;
    margin-top: 15px;
    /* padding: 0 4%; */
    float: right;
    background: transparent;
}

.header_menu_area > ul > li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.header_menu_area > ul > li > a {
    width: auto;
    float: left;
    border-bottom: 3px solid transparent;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    /* font-family: 'Josefin Sans', sans-serif; */
    /* margin-top: 20px; */
    color: #fff;
    /* line-height: 66px; */
    /* text-transform: uppercase; */
    padding: 16px 3px 3px;
    /* text-transform: uppercase; */
    letter-spacing: 0px !important;
    /*padding: 44px 23px;*/
    margin: 0 19px 37px;
    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;
}
.client .owl-nav button img:hover{
    filter:brightness(11);
}
.active-class {
    border-radius: 2px;
    /* background: #1C1413; */
    color: #ffe200 !important;
    /* border-top: 2px solid #fff; */
    border-bottom: 3px solid #ffe200;
}

.header_menu_area > ul > li > a:hover {
    color: #ffe200;
    border-bottom: 3px solid #ffe200;
    /* background: #1c1413; */
    /* border-top: 2px solid #fff; */
}
.slide{
    /* margin-top: 109px; */
}
.header_menu_area > ul > li > a::after {
    content: '';
    position: absolute;
    width: 100%;
    /* border-bottom: 2px solid #fff; */
    height: 0px;
    /* background: #1c1413; */
    left: 0;
    bottom: -1px;
    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 > a:hover::after {
    height: 100%;
}

@media (max-width: 992px) {
    .sub-menu-1{
        width:100%;
    }
    
 
    .head-quote {
    color: #fff !important;
    background: #a3238e;
    padding: 10px 17px 10px !important;

}
    .header_menu_area {
        position: inherit;
    }

    .header_menu_area > .mob_nav {
        display: block;
        float: right;
        width: 28px;
        height: 28px;
        margin: 22px 10px;
        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: #ba8f17;
        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: #b69252;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

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

    .header_menu_area > ul {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background: #a3238e;
        padding: 20px 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%;
    }

    .header_menu_area > ul > li > a {
        color: #fff !important;
        width: 100%;
        line-height: 30px;
        background: #222222;
        margin: 0;
        padding: 10px 5%;
        text-align: left;
        border-bottom: solid 1px rgb(173 139 79 / 58%);
    }

    .header_menu_area > ul > li > a::after {
        width: 0px;
        height: 100%;
        background: #ee7325;
    }

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

    .header_menu_area ul.view {
        visibility: visible !important;
        opacity: 1;
        background: #222222;
        z-index: 100;
        display: block !important;
    }

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

@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;
    z-index: 9999;
    position: relative;
    /* margin-top: -54px; */
}
.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 4% 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;
}
.header-content h6{
    font-size: 48px;
    line-height: 75px;
    color: #fff;
    font-weight: lighter;
}
.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;
}





.contact-snd {
    text-transform: uppercase;
    /* border-radius: 100px; */
    font-size: 14px;
    font-weight: 700;
    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: 15px 42px;
    border: none;
    background:#000;
    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-snd:hover{
    background-color: #B88C2B;
}


.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: #1f6eb7;
    
float: left;
    
border-radius: 50%;
}


.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;
}

.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: 999;
    background: transparent;
    margin-top: 15px;
    /* display: none; */
    text-align: right;
    top: -157px;
    position: relative;
    right: 0;
}



.quote-cook {
    position: absolute;
    top: 2px;
    right: 31px;
}
.innerban-saffron {
    width: 100%;
    background-size: cover;
    background: url(../images/haj-bg.png);
    height: 82px;
    float: left;
    height: 535px;
    position: relative;
    margin-top: 122px;
    /* text-align: center; */
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 160px 0;
    background-attachment: fixed !important;
}
.innerban {
    width: 100%;
    background-size: cover;
    background: url(../images/bg3.png);
    height: 82px;
    float: left;
    overflow-x: hidden;
    height: 340px;
    position: relative;
    margin-top: 0;
    /* text-align: center; */
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 90px 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: #000;
    font-weight: 400;
    width: 100%;
    float: left;
    line-height: 28px;
    /* font-style: italic; */
    text-align: left;
    font-size: 14px;
    /* background: rgb(0 0 0 / 74%); */
    /* height: 250px; */
    margin-top: 0px;
    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;
}



.contact-tag {
    float: left;
    width: 100%;
     
    font-size: 14px;
    color: rgba(0, 0, 0, 0.93);
    text-align: left;
    /* margin-top: 15px; */
    line-height: 28px;
    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: #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: 15px;
    margin-top: 17px;
    border-radius: 5px;
}

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

.info-tag {
    line-height: 29px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.93);
    margin-top: 9px;
}

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

.adr-section h1 {
    float: left;
    width: 100%;
    color: #000;
    font-size: 30px;
    font-weight: bold;
    margin-top: 0px;
    margin-top: 10px;
    border-bottom: solid 1px #e6e6e6;
    padding-bottom: 16px;
}

.cnt-icons {
    padding-right: 8px;
    font-size: 29px !important;
    color: rgb(44 50 147);
}

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

    .india p {
        float: left;
        width: 100%;
        text-align: left;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.93);
        line-height: 25px;
        margin-top: 11px;
        margin-bottom: 0px;
    }

    .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;
}

.india p {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.93);
    line-height: 25px;
    margin-top: 11px;
    margin-bottom: 0px;
}

.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: 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: 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; */
}

.overlay {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999;
    opacity: 0;
    padding: 111px 0;
    height: 0;
    top: 0;
    left: 0;
    background: #c33247f2;
    text-align: center;
    transition: all ease-in-out .5s;
}

.overlay img {
    /* display: none; */
    /* opacity: 1; */
    width: auto;
    height: auto;
}

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

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

.overlay h2 {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    box-sizing: unset;
    text-decoration-line: none;
    height: 100%;
    text-decoration-style: none;
    width: 100%;
    color: #f36f27;
    text-decoration: none;
    font-size: 20px;
    bottom: 0;
}

.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: #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: #fff; */
}
.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, .field_area select {border-bottom: 1px solid #000;border-top: 0;border-left: 0;border-right: 0;width: 100%;float: left;font-size: 14px;color: #000;padding: 10px;}

.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 {
}

@media(min-width:1400px){
    .about-sec2 h2 {
    font-size: 70px;
    font-weight: 600;
    color: #fff;
    line-height: 70px;
    text-align: left;
    padding-top: 23px;
}
    .panel4 p:after {
    position: absolute;
    content: '';
    height: 68px !important;
    width: 3px;
    top: 6px !important;
    background: #c23247;
    left: 0;
}
    .about-sec2 a {
    background: #c33247;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 17px 30px 13px;
    border-radius: 5px;
    float: left;
    margin-top: 15px;
}
    .about-sec2 .img-ico {
    height: 65px;
    width: 65px;
    margin-top: 31px;
}
    .content_block_5 .content-box .social-links li a {

    padding: 14px 0 !important;
}
.single-info-box .inner-box .icon-box{
    line-height:84px !important
}.theme-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 17px;
    line-height: 25px;
    font-weight: 600;
    color: #fff !important;
    text-align: center;
    padding: 17px 30px 13px;}
    .hd-address {
    width: 100%;
    float: left;
    text-align: left;
    padding: 140px 60px;
    background: #c33247;
    height: 100vh;
}
    .req-form {
    padding: 40px 100px;}
    .panel1 h5 {
    background-size: 190%;
    animation: ani 10s linear infinite;
    font-size: 122px;
    color: black;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #c33247;
    letter-spacing: 9px;
    float: left;
    position: absolute;
    left: 21%;
    margin-top: 15px;
}.panel1-div {
    width: 58%;
    float: right;
    bottom: 31px;
    position: absolute;
    z-index: 9;
    left: 37%;
    bottom: 40px;
}
}
@media(min-width:1201px) and (max-width:1280px){
    .panel1 h5 {
    background-size: 190%;
    animation: ani 10s linear infinite;
    font-size: 96px;

    left: 21%;
    margin-top: -31px;
}.panel1-div {
    width: 58%;
    float: right;
    bottom: 31px;
    position: absolute;
    z-index: 9;
    left: 42%;
    bottom: 8px;
}
}