html{
    overflow-x: hidden !important;
}
body{
    margin: 0px;
font-family: 'Bai Jamjuree', sans-serif !important;
    overflow-x: hidden !important;
}

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

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

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

/* Handle */
::-webkit-scrollbar-thumb {
 background:#B8101D;
 border-radius:0px;
}



/**********header***********/

.aa{
    padding: 0px 0px 0px 9px!important;
}
.socio{
    float: left;
    width: 24px;
    height: 24px;
}.banner-content h3 span{
  font-weight:600;
}
.quick {
    float: left;
    color: #ffffff!important;
    padding: 6px 25px!important;
    border-radius: 5px;
    background-color: #B8101D;
    border: 1px solid #B8101D;
    margin: 0px 6px 0px 20px;
}
.menu-size{
    float: left;
    width: 40px;
}
.quick:hover{
    color: #b8101d!important;
    border-radius: 5px;
    border: 1px solid #B8101D;
    background-color: transparent;
}
.header_block {
    width: 100%;
    /* height: 115px; */
    float: left;
    /* position: absolute; */
    left: 0;
    top: 0;
    /*padding: 0 1% 0 1%;*/
    z-index: 2;
    background: #063e58;
    clear: both;
}

.main_header_block {
    width: 100%;
    float: left;
    padding: 0 2%;
}

.max-footer a:hover{
    background: #d30e19;
}
.header_block {
    width: 100%;
    /* height: 115px; */
    float: left;
    /* position: absolute; */
    left: 0;
    top: 0;
    /*padding: 0 1% 0 1%;*/
    z-index: 2;
    background: transparent;
    clear: both;
}.count .item1:before {
    content: '+';    right: -32px;
    position: absolute;
}
.count span{
        font-size: 19px;
        float: left;
        padding-left: 18px;
        width: 100%;
        color: #3e393a;
        font-weight: 500;
        margin: 0;
}
.icon3{
    position: absolute;
    right: 0;
    top: -14px;
}
.bg5{width: 100%;float: left;background-image: url('../images/bg5.png');background-size: cover;/* background-position: center; */position: relative;
    z-index: 9;padding: 82px 0 0;}
.bg5 h2{font-size: 45px;color: #000;font-weight: 300;}
.bg5 h2 span{font-weight: 600;}
.bg5 p{font-size: 15px;color: #000;line-height: 30px;padding: 10px 0 0;}
.bg5 a{font-weight: 600;margin-top: 10px;background: #bc0913;font-size: 14px;color: #fff;width: 170px;text-align: center;height: 55px;float: left;border-radius: 30px;display: inline-block;padding: 16px 29px;}
.bg5 a:hover{
    background: #1b9813;
    text-decoration: none;
    color: #fff;
}
.icon2{
    position: absolute;
    left: 0;
    top: 10%;
}
.ct-after:after{
    display: none;
}
.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: #00bbdb 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: 427px;
    float: right;
    height: auto;
    margin-right: 0;
    opacity: 1;
    /* transition: all ease-in-out 0.5s; */
    background: #fff;
    padding: 35px;
    top: 0;
    position: relative;
    right: 0;
    height: 100%;
    z-index: 99;
}.req-form h2 {
    font-size: 25px;
    margin-bottom: 20px;
}.field_area {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 20px;
}.field_area label {
    color: #181717;
    font-weight: 600;font-size: 15px;
}.field_area input[type=email], .field_area input[type=number], .field_area input[type=text], .field_area textarea {
    width: 100%;
    float: left;
    /* position: relative; */
    font-size: 15px;
    color: #000;
    border-radius: 5px;
    line-height: 20px;
    margin: 0;
    padding: 10px 10px;
    background: 0 0;
    border: none;
    border: solid 1px rgb(167 167 167 / 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;
}.quick-send {
    background: #ff1421;
    width: 100%;
    border: 0;
    font-size: 14px;
    font-weight: 700;
    border-radius: 30px;
    cursor: pointer;
    color: #fff;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    padding: 15px;
}.quick-send:hover {
    background: #0b8450;
    color: #fff;
}.close_form {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 424px;
    top: 0;
    background: #000000 url(../images/close.svg) no-repeat center center;
    background-size: 20px 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    cursor: pointer;
}.career-full {
    width: 100%;
    float: left;
    padding: 50px 6%;
    background: #f1f1f1;
    position: relative;
    z-index: 9;
}   
.career-main-head span
{
       font-weight: 600;
}
.about-full .col-lg-5 img{
    margin-top:10px;
}
.career-main-head {
   font-size: 35px;
    font-weight: 300;
    color: #000000;
}.career-full p {
    font-size: 14px;
    line-height: 28px;
    /* margin-top: 20px; */
}.career-form {
    width: 100%;
    float: left;
    margin-top: 30px;
}.e-input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #b7b7b7;
    margin-bottom: 40px;
    margin-top: 30px;
    outline: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    padding: 5px 0px;
}.enquiry-label {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    position: absolute;
    left: 15px;
    top: 0px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}.e-input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #b7b7b7;
    margin-bottom: 40px;
    margin-top: 30px;
    outline: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    padding: 5px 0px;
}.renquiry-label {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}.r-input {
    border: 0;
    margin-bottom: 50px;
    margin-top: 50px;
    margin-left: 10px;
    margin-right: 10px;
    outline: none;
    position: relative;
    opacity: 0;
}.rlabel {
    border: 1.2px solid #c9101b;
    border-radius: 50%;
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin: 0px;
    position: relative;
    margin-left: -29px;
    margin-right: 29px;
    left: 0px;
    top: 4px;
}.r-input[type="radio"]:checked + .rlabel::after {
    background: #216b40;
}
.rlabel::after {
    content: '';
    height: 8px;
    width: 8px;
    background: transparent;
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 4px);
    border-radius: 50%;
}.e-input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #161515;
    margin-bottom: 40px;
    background: transparent;
    margin-top: 30px;
    outline: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    padding: 5px 0px;
}.f-input {
       width: 90%;
    border: 0;
    border-bottom: 1px solid #b7b7b7;
    margin-bottom: 40px;
    margin-top: 30px;
    outline: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    padding: 1px 0px;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    /* opacity: 0;*/
}.f-input + label {
   width: 100%;
    font-size: 13px!important;
    font-weight: 300;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 4px 0px;
    /* width: 100%; */
    width: 165px;
    margin-top: 30px;
    float: left;
    color: #FFFFFF;
    text-align: center;
    /* background: #e24a30; */
    background: #efefef;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    text-decoration: none !important;
    /* border: 1px solid #b7b7b7; */
    border: none;
}.enquiry-label {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    position: absolute;
    left: 15px;
    top: 0px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}.e-text {
    width: 100%;
    border: 0;
    resize: none;
    border-bottom: 1px solid #141414;
    margin-bottom: 40px;
    margin-top: 30px;
    outline: none;
    background: transparent;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    padding: 5px 0px;
}.enquiry-labels {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    position: absolute;
    left: 15px;
    top: 0px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}.contact-snd:hover {
    background-color: #206b40;
    border-color: #26693f;
    color: #fff;
}

.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: 0;
    text-align: center;
    padding: 16px 33px;
    border-radius: 30px;
    border: none;
    background: #c9101b;
    color: #fff;
    float: right;
    margin-top: 11px;
    border: solid 2px #bf0711;
    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;
}
.hidden-input-field {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}
.whatsapp
{
    position: absolute;
    width: 84px;
    right: 12%;
    top: 54%;
    animation: swing cubic-bezier(0.62, 0.49, 0.99, 0.98) 4s infinite;
    z-index: 99;
    }
.ct-full{
    width: 100%;
    float: left;
    background: #f1f1f1;
    padding-bottom: 50px;position: relative;
    z-index: 9;
}.footer h4 a img:hover{
    opacity: 1;
}
.contact-full h4{
        font-size: 30px;
    margin-top: 40px;
    line-height: 50px;
    font-weight: 400;
}
.contact-full {
    width: 100%;
    float: left;
    padding: 60px 5%;
}.info-column {
    position: relative;
    margin-bottom: 30px;
    background: #d5251a0d;
    padding: 15px;
}.info-column h3 {
    font-size: 19px;
    font-weight: 600;
    color: #d5251a;
    margin-bottom: 11px;
}.info-column ul, li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
}.info-column ul, li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
}
.ct-full button{
  background: #fc1722;
  border: 0;
  font-weight: 600;
  display: block;
  cursor: pointer;
  margin: auto;
  font-size: 15px;
  color: #fff;
  padding: 14px 60px;
  border-radius: 30px;
}
.ct-full button:hover{
  background: #15890e;
}
.form-sec h2{
  font-size: 45px;
  text-align: center;
  font-weight: 300;
}.form-sec p{
  font-size: 15px;
  text-align: center;
  padding: 10px 116px;
  margin-bottom: 50px;
  line-height: 30px;
}
.form-sec {
    width: 100%;
    /* float: left; */
    /* padding-left: 30px; */
    display: block;
    max-width: 700px;
    margin: 40px auto;
}.contact-full h2 {
    font-size: 35px;
    /* text-align: center; */
    padding: 0;
    /* line-height: 60px; */
    font-weight: 700;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}.contact-full p {
    font-size: 15px;
    /* text-align: center; */
    /* padding: 20px 356px; */
    line-height: 30px;
    width: 100%;
    float: left;
    margin-bottom: 0;
}.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-weight: 500;
    color: #000;
    line-height: 25px;
    margin: 0 0 10px;
    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;
    background: white;
    position: relative;
    height: 46px !important;
    border-bottom: 0;
    padding: 10px 6px;
    font-size: 13px;
    line-height: 30px;
    color: #000;
    font-weight: 600;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    outline: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.loc{
        position: absolute;
    right: -75px;
    overflow: hidden;
    z-index: 0;
    height: 183px;
    top: 0;
    width: 170px !important;
}
.outlet-full{
    width: 100%;
    float: left;
    padding: 60px 0;
}
.p3-big{

}
.outlet-full h2 span{
    float: left;
    width: 100%;
    font-weight: 600;
}
.outlet-full p{
        font-size: 14px;
    color: #000;
    line-height: 30px;
    text-align: center;
    padding: 15px 300px;
    width: 100%;
    float: left;
}
.outlet-full h2{
    text-align: center;
    font-size: 55px;
    color: #000;
    font-weight: 300;
}
.overlay2:hover{
    background: #000;
}
.overlay2 h5 {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    text-align: left;
}.overlay2 h6 {
    font-size: 15px !important;
    color: #fff !important;
    text-align: left !important;
    font-weight: 400 !important;
    line-height: 30px;
}.overlay2 h6 span {
    float: left;
    width: 100%;
    color: #cdfc8f;
}
.overlay2{
        display: block;
    height: auto;
    float: left;
    width: 100%;
    position: relative;

    background: linear-gradient(140deg, rgba(203,2,9,1) 22%, rgba(228,36,42,1) 74%);
    width: 100%;
    left: 0;
    padding: 24px;
    border-radius: 10px;
    transition: all ease-in-out .5s;
}
.p3-big img{
    width: 100%;
    float: left;
    height: 250px;
    object-fit: cover;
    position: relative;
    z-index: 99;
    top: 10px;
}
.innerban {
    width: 100%;
    background-size: cover;
    background-image: url('../images/innerban.png');
    /* height: 82px; */
    float: left;
    height: 200px;
    position: relative;
    border-top: 1px solid #cccccc4a;
    margin-top: 6px;
    /* text-align: center; */
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 75px 0;
    /* background-attachment: fixed !important; */
}.about-full {
    width: 100%;
    float: left;
    padding: 60px 0;
    text-align: left;
}
.about-full h2 span{
    font-weight:600;
}
.about-full h2 {
    text-align: left;
    font-size: 43px;
    color: #000;
    margin-top: 0px;
    font-weight: 300;
}.about-full p {
    font-size: 15px;
    color: #000;
    padding: 10px 0 0;
    text-align: justify;
    line-height: 28px;
}.about_panel1_area {
    width: 100%;
    display: flex;
    vertical-align: middle;
    max-width: 920px;
    margin: 60px auto;
}.about_panel1_box>h3 {
    width: 100%;
    float: left;
    font-size: 22px;
    position: relative;
    line-height: 32px;
    color: #fff;
    font-weight: 500;
    margin: 0 0 10px!important;
}.about_panel1_box {
    background: #d30e19;
    padding: 50px 40px!important;
    text-align: left;
    box-shadow: -1px 0 4px rgb(0 0 0 / 15%);
    -moz-box-shadow: -1px 0 4px rgba(0,0,0,.15);
    -webkit-box-shadow: -1px 0 4px rgb(0 0 0 / 15%);
}.about_panel1_box>h3 {
    width: 100%;
    float: left;
    font-size: 22px;
    position: relative;
    line-height: 32px;
    color: #fff;
    font-weight: 500;
    margin: 0 0 10px!important;
}.about_panel1_box>p {
    width: 100%;
    float: left;
    position: relative;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    color: #fff;
    text-align: justify;
    margin: 0;
}.about_panel1_box2 {
    background: #14720e;
    padding: 50px 40px!important;
    text-align: left;
    box-shadow: 1px 0 4px rgb(0 0 0 / 15%);
    -moz-box-shadow: 1px 0 4px rgba(0,0,0,.15);
    -webkit-box-shadow: 1px 0 4px rgb(0 0 0 / 15%);
}.about_panel1_box2>h3 {
    width: 100%;
    float: left;
    position: relative;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    font-weight: 500;
    margin: 0 0 10px!important;
}.about_panel1_box2>p {
    width: 100%;
    float: left;
    position: relative;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    font-weight: 400;
    text-align: justify;
}.about-full {
    width: 100%;
    float: left;position: relative;
    z-index: 9;
    padding: 60px 0;
    text-align: left;
}.innerban h2 {
    font-size: 40px;
    font-weight: 500;
    padding: 0 375px 0;
    color: #fff;
    text-align: center;
    /* margin-top: 95px; */
    margin-bottom: 0;
}
.icon21{
    position: absolute;
    right: 7%;
    animation: swing cubic-bezier(0.62, 0.49, 0.99, 0.98) 4s infinite;
}.panel4-box:hover h5{color: #fff;}
.icon15{
    position: absolute;
    right: 7%;
    animation: swing cubic-bezier(0.62, 0.49, 0.99, 0.98) 4s infinite;
    z-index: 0;
}
.icon{
    position: absolute;
    left: 4%;
    animation: swing cubic-bezier(0.62, 0.49, 0.99, 0.98) 4s infinite;
}
.icon20{
    position: absolute;
    bottom: -55px;
    z-index: 1;
}
.icon14{
    position: absolute;
}
.panel6-box:hover::after{
    background-color: #ffadb2 !important;
}.footer
{
    position: relative;
}

.max-footer{max-width: 900px;display: block;margin: auto;}
.ph-img{
        position: absolute;
    top: -77px;
}.footer .col-lg-12  p a{
    color: #ababab;}.footer p a:hover{text-decoration: none;
    color: #fff;
            }
.footer .col-lg-12 p{
    color: #ababab;
    font-size: 14px;
    padding: 20px 10%;
    float: left;
    margin-bottom: 0;
    width: 100%;
}
.footer .col-lg-3 a img{
    margin-top: 240px;
}
.links a:after{position: absolute;content: '';background: #393838;width: 2px;height: 10px;right: 20px;bottom: 1px;}
.links{    width: 100%;
    float: left;
    margin-top: 30px;
    border-top: 1px solid #282828;
    padding: 30px 10%;
    border-bottom: 1px solid #282828;}
.links a{font-size: 14px;color: #fff;font-weight: 500;padding: 20px 40px 0 0;opacity: .9;position: relative;}
.links a:hover{
    opacity: 1;
    text-decoration: none;
    color: #fff;
}
.footer h2{font-size: 40px;color: #fff;font-weight: 300;margin-top: 130px;}
.footer h2 span{font-weight: 400;float: left;width: 100%;}
.footer h3{

}
.footer h4{font-size: 20px;color: #fff;margin-top: 255px;font-weight: 400;}
.footer h5{font-size: 40px;color: #fff;font-weight: 500;margin-top: 20px;float: left;}
.footer h4 a{

}
.footer h4 a img{width: 30px;filter: invert(1);opacity: .9;margin: 0 5px;}
.max-footer h2{font-size: 55px;color: #fff;font-weight: 300;margin-top: 117px;}
.max-footer h2 span{float: left;font-weight: 600;}
.max-footer p{float: left;font-size: 15px;color: #fff;width: 62%;line-height: 30px;font-weight: 400;margin-top: 20px;clear: both;}
.max-footer a{border: 1px solid #f1f1f1;float: none;border-radius: 42px;clear: both;display: inline-block;width: 234px;margin-right: 20px !important;margin: 20px auto;}
.max-footer a span{font-size: 14px;color: #fff;font-weight: 400;float: left;padding: 10px 17px 10px;}
.max-footer .ph-img{

}
.max-footer a img{
    float: left;
    width: 75px;
    border-right: 1px solid #ccc;
    /* margin: 12px; */
    padding: 13px 13px 14px 19px;
}

.img1{
    margin-top: 54px;
}.panel6-box:after{position:absolute;content:'';background: #b0d6ab;right: 0;width: 26px;height: 26px;top: 0;border-bottom-left-radius: 25px;border-top-right-radius: 10px;}
.panel6-box{width: 100%;float: left;background: #fff;border-radius: 15px;padding: 30px 15px;margin: 30px 0;position: relative;}
.panel6-box img{float: left;width: 97px;}
.panel6-box h6{font-size: 50px;font-weight: 600;color: #d00a15;float: left;position: relative;margin: 0;padding-left: 15px;}
.panel6-box h6:after{
  content:'';
  position:absolute;
  background: linear-gradient(51deg, rgb(241 241 241 / 53%) 62%, rgb(227 226 226 / 6%) 45%);
  height: 163px;
  width: 2px;
  left: -4px;
  bottom: -66px;
}
.panel6-box h6 span{
    font-size: 20px;
    float: left;
    width: 100%;
    color: #3e393a;
    font-weight: 500;
}
.header_logo {
    /* background: transparent; */
    float: left;
}
.panel6{width: 100%;float: left;background: #f1f1f1;padding: 60px 0;position: relative;z-index: 9;}
.panel6 h2{text-align: center;font-size: 55px;color: #000;font-weight: 300;}.panel6 h2 span {
    float: left;
    width: 100%;
    font-weight: 600;
}
.panel6 p{
    font-size: 14px;
    color: #000;
    line-height: 30px;
    text-align: center;
    padding: 15px 300px;
    width: 100%;
    float: left;
}
.panel4{width: 100%;float: left;padding: 60px 0;background: #eceeee;    position: relative;
    z-index: 9;}
.panel4 h6{text-align: center;color: #117d06;font-size: 22px;font-weight: 600;}
.panel4 h2{text-align: center;font-size: 55px;color: #000;font-weight: 300;}
.panel4 h2 span{float: left;width: 100%;font-weight: 600;}
.panel4 p{font-size: 14px;color: #000;line-height: 30px;text-align: center;padding: 15px 300px;width: 100%;float: left;}
.panel4-box{width: 100%;float: left;background: #fff;margin-top: 30px;border-radius: 10px;}
.panel4-box .img-small{width: 100%;float: left;height: 320px;object-fit: cover;border-radius: 10px;}
.panel4-box .img-big{width: 100%;float: left;height: 425px;object-fit: cover;border-radius: 10px;}
.panel4-box:hover{background: #ca0108;}
.panel4-box h5{font-size: 22px;color: #000;padding: 20px;float: left;width: 100%;font-weight: 400;margin: 0;}
.panel3 .owl-nav{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.panel3 .owl-nav img{
    width: 37px;
    background: #35fef7;
    filter: invert(1);
    padding: 8px;
    border-radius: 100%;
    margin-left: 5px;
}.panel4 .owl-nav{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.panel4 .owl-nav img{
    width: 37px;
    background: #35fef7;
    filter: invert(1);
    padding: 8px;
    border-radius: 100%;
    margin-left: 5px;
}
.overlay1{display: none;position: absolute;top: 0;background: linear-gradient(140deg, rgba(203,2,9,1) 22%, rgba(228,36,42,1) 74%);width: 100%;left: 0;padding: 24px;border-radius: 10px;transition: all ease-in-out .5s;}
.overlay1 h5{font-size: 25px;color: #fff;font-weight: 600;text-align: left;}
.overlay1 h6{font-size: 15px !important;color: #fff !important;text-align: left !important;font-weight: 400 !important;line-height: 30px;}
.overlay1 h6 span{float: left;width: 100%;color: #cdfc8f;}
.panel3-box:hover .overlay1{display: block;}
.panel3{width: 100%;float: left;background-image: url('../images/bg2.png');background-size: cover;background-position: revert;padding: 60px 0;}
.panel3-left{width: 100%;float: left;}
.panel3-left h2{font-size: 55px;color: #fff;font-weight: 300;}
.panel3-left h2 span{float: left;width: 100%;font-weight: 600;}
.panel3-left p{font-size: 15px;color: #fff;font-weight: 400;line-height: 30px;margin-top: 20px;float: left;width: 78%;}
.panel3-left a{margin-top: 10px;background: #bc0913;font-size: 14px;color: #fff;width: 170px;text-align: center;height: 55px;float: left;border-radius: 30px;display: inline-block;padding: 16px 29px;}
.panel3-left a:hover{background: #0b8450;text-decoration: none;color: #fff;}
.panel3-mid{width: 100%;float: left;margin-top: 50px;}
.panel3-mid h6{

}.panel4 .owl-prev{
    transform: rotate(180deg);
}
.panel5{width: 100%;float: left;background-image: url('../images/bg3.png');padding: 50px 0;background-size: cover;}
.panel5 h2{font-size: 55px;color: #fff;font-weight: 300;}
.panel5 h2 span{font-weight: 600;float: left;width: 100%;}
.panel5 p{font-size: 15px;color: #fff;font-weight: 400;line-height: 30px;margin-top: 20px;float: left;width: 39%;}
.panel5 h6{color: #d4ff91;font-size: 24px;font-weight: 600;}
.panel5 a{clear: both;margin-top: 10px;background: #bc0913;font-size: 14px;color: #fff;width: 170px;text-align: center;height: 55px;float: left;border-radius: 30px;display: inline-block;padding: 16px 29px;}
.panel5 a:hover{
    background: #0b8450;
    text-decoration: none;
    color: #fff;
}
.panel3 .owl-prev{
    transform: rotate(180deg);
}
.panel3-mid h6{font-size: 22px;color: #adf1a5;text-align: center;font-weight: 600;}
.panel3-mid h2{font-size: 55px;color: #fff;font-weight: 300;text-align: center;}
.panel3-mid h2 span{float: left;width: 100%;font-weight: 600;}
.panel3-mid p{
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 30px;
    margin-top: 20px;
    float: left;
    padding: 0 300px;
    width: 100%;
    text-align:center;
    }
.p3-carousel{float: left;width: 100%;}
.panel3-box{width: 100%;float: left;background: #fff;overflow: hidden;padding: 40px 20px 30px;border-radius: 10px;position: relative;transition: all ease-in-out .5s;margin-top: 50px;}
.panel3-box h3{color:#047744;font-size: 22px;font-weight: 600;}


.panel3-box h4{font-size: 19px;color: #000;}
.panel3-box a{

}
.panel3-box img{
    width: 40px;
}
.panel3-box a:hover {
    
}
.max-panel2{width: 100%;/* float: left; */max-width: 1000px;display: block;margin: auto;}
.panel2-box{width: 100%;float: left;background: #fff;padding: 30px 20px;border-radius: 10px;position: relative;margin-top: 30px;}.panel2-box:hover h3{
  color: #fd323e;
}
.panel2-box h6{width: 100%;float: left;font-size: 15px;line-height: 29px;margin: 0;}
.panel2-box h4{font-size: 30px;color: #000;font-weight: 600;width: 100%;float: left;}
.panel2-box img{width: 90px;height: 90px;float: left;margin-bottom: 20px;}
.panel2-box h3{
    font-size: 85px;
    color: #ccc;
    position: absolute;
    right: 14px;
    font-weight: 700;
    opacity: .4;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}
.panel2 h5{text-align: center;color: #117d06;font-size: 22px;font-weight: 600;}
.panel2 h2{text-align: center;font-size: 55px;color: #000;font-weight: 300;}
.panel2 h2 span{float: left;width: 100%;font-weight: 600;}
.panel2 p{
    font-size: 14px;
    color: #000;
    line-height: 30px;
    text-align: center;
    padding: 15px 300px;
    width: 100%;
    float: left;
}
.panel2{
    background:#eceeee;
    width: 100%;
    float: left;
    position: relative;
    padding: 60px 0;
}
.vision-sec{
        width: 80%;
        float: left;
        border-top: 2px solid #ccc;
        padding: 20px 0;
}
.curve1{
        position: absolute;
        bottom: 0px;
        width: 100%;
}
.panel1{width: 100%;float: left;background-image: url('../images/bg1.png');background-size: cover;background-repeat: no-repeat;height: auto;padding: 45px 0;/* background-attachment: fixed; */position: relative;}
.panel1 img{max-width: 100%;}
.panel1 h2{font-size: 55px;color: #fff;font-weight: 300;}
.panel1 h2 span{font-weight: 600;}
.panel1 p{font-size: 14px;color: #fff;font-weight: 400;line-height: 30px;margin-top: 10px;}
.panel1 a{margin-top: 10px;background: #bc0913;font-size: 14px;color: #fff;width: 170px;text-align: center;height: 55px;float: left;border-radius: 30px;display: inline-block;padding: 16px 29px;}
.panel1 a:hover{
    background: #0b8450;
    text-decoration: none;
    color: #fff;
}
.vision-sec h4:hover{
    background: -webkit-linear-gradient(#eee, #ff1421);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.vision-sec h4{/* color: #787878; */background: -webkit-linear-gradient(#eee, #333);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 50px;font-weight: 700;float: left;margin-right: 30px;}
.vision-sec h5{
    font-size: 35px;
    color: #000;
    font-weight: 300;
    float: left;
    margin-right: 16px;
}
.vision-sec h6{
    font-size: 14px;
    color: #000;
    line-height: 27px;
    font-weight: 400;
    margin: 0;
}
.logo {
    float: left;
}
.a1{margin-top: 10px;background: #ff1421;font-size: 15px;color: #fff;width: 170px;font-weight: 600;text-align: center;height: 55px;float: left;margin-left: 0px;border-radius: 30px;display: inline-block;padding: 16px 29px;}
.a2{float: left;background: #0b8450;font-size: 15px;font-weight: 600;color: #fff;float: left;width: 170px;margin-top: 10px;text-align: center;border-radius: 30px;height: 55px;display: inline-block;padding: 16px 27px;margin-left: 15px;margin-bottom: 60px;}.a1:hover{background: #0b8450;color: #fff;text-decoration: none;}
.a2:hover{
    background: #ff1421;
    color: #fff;
    text-decoration: none;
}
.header_logo img {
    float: left;
    /* height: 95px; */
    margin-top: 12px;
    margin-bottom: 7px;
    position: relative;
    z-index: 0;
}
.dropbtn {
   
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}


.header_menu_area {
    float: right;
    position: relative;
    text-align: center;
    margin-top: 26px;
}



.header_menu_area > ul {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    padding-left: 0px;
    height: auto;
    padding-right: 0px;
    float: right;
    /* border-right: 1px solid #eeeeee; */
    /* margin-top: 10px; */
}

.menu li:first-child {
    margin-left: 0;
}

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

.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
}

.header_menu_area > ul > li > a {
    width: auto;
    float: left;
    position: relative;
    font-size: 15px;
    font-weight: normal;
    color: #000;
    letter-spacing: 0px !important;
    padding: 0 22px;
    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;
    font-weight: 500;
}

.header_menu_area > ul > li > a:hover {
    color: #ff1421;
}
.active-class {
    color: #ff1421 !important;
}

.menu li a {
    text-decoration: none;
    padding: 35px 18px;
    display: block;
    color: #fff;
    transition: all .2s ease-in-out 0s;
    font-size: 17px;
    font-weight: 400;
}

@media (min-width: 1201px) and (max-width: 1307px){
  .header_menu_area > ul > li > a {
    /* padding-left: 9px; */
    /* padding-right: 9px; */
}
}

.h-button {
    float: right;
}


.h-button a {
    float: right;
    margin-right: 30px;
    margin-top: 0px;
    background: #C90000;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    /* text-transform: uppercase; */
    padding: 10px 0px;
    width: 127px;
    text-align: center;
    border-radius: 3px;
    margin-left: 10px;
}
@media(min-width:1025px) and (max-width:1199px){
    .header_menu_area > ul > li > a {
    padding: 0 7px;
    }
}

@media (min-width:1025px){
    .ham-nav img{
        margin-top:-1px;position: relative;
    top: -2px;
    }
}
@media (max-width: 1024px){

    .header_menu_area > ul > li > a {
       padding: 15px 25px 0px;
    width: 100%;
    text-align: left;
    }
  .header_menu_area {
    position: inherit;
    height: auto;
    }

    .header_menu_area > .mob_nav {
    display: block;
    float: right;
    width: 28px;
    height: 28px;
    margin: 4px 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:nth-child(1) {
    top: 3px;
    background: #169d65;
}

.header_menu_area > .mob_nav > div {
    background: #ff0c1b;
    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(2), .header_menu_area > .mob_nav > div:nth-child(3) {
    top: 13px;
    left: inherit;
    width: 80%;
    float: right;
    right: 0;
}

.header_menu_area > .mob_nav > div:nth-child(3) {
    top: 13px;
}

.header_menu_area > .mob_nav > div:nth-child(4) {
    top: 23px;
    background: black;
}

.header_menu_area > ul {
    width: 0%;
    position: absolute;
    top: 60px;
    left: 0;
    padding-bottom: 45px;
    min-height: 100%;
    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.view {
    visibility: visible !important;
    opacity: 1;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #fdf1f159;
    z-index: 100;
    display: block !important;
}

.header_menu_area ul.view {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    z-index: 100 !important;
}

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

.mob_nav.open > div:nth-child(2) {
    background: #ff0c1b;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.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(4) {
    /* left: 50%; */
    top: 18px;
    width: 0%;
}


}



.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 111;
  top: 0;
  left: 0;
  background-color: #000;
  background-color: #000;
  overflow-y: hidden;
  transition: 0.5s;
  overflow-y: scroll;
}

.overlay-content {
    margin-top:85px !important;
  width: 100%;
  text-align: center;
  margin-top:0px;
}

.overlay a {
  /* padding: 8px; */
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 22px;
  right: 15px;
  font-size: 39px;
  background: white;
  color: white;
  border-radius: 100%;
  height: 50px;
  width: 50px;
  /* line-height: 31px; */
}

.overlay .closebtn:hover{
    background-color:#033343;
    text-decoration:none;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}


.drop-department{
    float: left;
    width: 100%;
}

.drop-department img{
    float: left;
    width: 100%;
    height: 320px;
    display: none;
    object-fit: cover;
}

.drop1{
    float: left;
    height: 235px;
    width: 100%;
    padding: 51px 20px 16px 20px;
    background-color: #b9131c;
    margin-bottom: 30px;
    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;
}

.drop1:hover{
    background-color: #0c5e0e;
    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;
}


.drop1 h5{
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
}

.drop1 p{
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 10px;
}

.drop1 a{
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 20px;
    padding: 0 !important;
}

.drop1 a:hover{
    color: #eaed02;
    text-decoration: none;
}

/**********header************/
/**********banner*********/

.banner{
    float: left;
    width: 100%;
    height: auto;
    /* background: #eceeee; */
    background-size: cover;
}

.banner-bg{
  float: left;
  width: 100%;
  padding: 103px 0px 0px 0px;
  background: #eceeee;
  margin-top: -83px;
}

.banner-content{
    float: left;
    width: 85%;
    margin-left: 30px;
}

.banner-content h3{
    float: left;
    width: 100%;
    color: #000;
    font-weight: 300;
    font-size: 60px;
    margin-top: 90px;
    margin-bottom: 12px;
    line-height: 75px;
}

.banner-content p{
    float: left;
    width: 100%;
    color: #000000;
    font-weight: normal;
    font-size: 14px;
    line-height: 29px;
    margin-bottom: 18px;
    padding-right: 90px;
}

.banner-content a {
    

}

.banner-content a:hover {
    /* color: #B8101D; */
    /* text-decoration: none; */
    /* background-color: transparent; */
    /* border: 1px solid #B8101D; */
}

.banner-image{
    float: left;
    width: 100%;
}
.banner-image img {
    float: right;
    height: auto;
    margin-top:40px;
    /* width: 100%!important; */
    max-width: 100%;
}

.banner-icons{
    float: left;
    width: 8%;
    padding-top: 140px;
    text-align: center;
}

.banner-icons img{
   padding: 0px;
   width: 30px;
   margin-bottom: 45px;
}

.abt-btn-align{
    float:left;
    width: 100%;
}

.banner-icons h5 {
    float: left;
    width: 132%;
    font-weight: normal;
    margin-left: -20px;
    margin-top: 40px;
    color: rgb(0 0 0 / 42%);
    transform: rotate(-90deg);
    font-size: 17px;
    margin-top: 52px;
    letter-spacing: 3px;
    left: 0px;
    position: relative;
}
.ban-call{
    float: left;
}

.ban-call img{
    float: left;
    width: 34px!important;
    height: 34px!important;
    margin-left: 20px;
    margin-top: 5px;
}

.ban-call h6{
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 500;
    color: #B8101D;
}

/**********banner*********/



/**********about*********/
.about{
    float: left;
    width: 100%;
}

.about-image{
    float: left;
    width: 45%;
}

.about-image img{
    float: left;
    width: 100%;
    height: 580px;
    object-fit: cover;
}

.about-content{
    float: left;
    height: 580px;
    width: 55%;
    background-image: url("../images/promise-bg.png");
    object-fit: cover;
    padding: 85px 200px 85px 47px;
}

.about-content h2{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    color: #B8101D;
    font-weight: 500;
    line-height: 30px;
}

.about-content h3{
    margin-bottom: 26px;
    float: left;
    width: 100%;
    font-size: 60px;
    color: #000000;
    font-weight: 500;
    line-height: 41px;
    margin-top: 5px;
}

.about-content p{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    line-height: 25px;
}

.about-button a{
    float: left;
    text-align: center;
    color: #ffffff;
    padding: 11px 40px;
    border-radius: 5px;
    background-color: #B8101D;
    border: 1px solid #B8101D;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
}

.about-button a:hover{
    color: #B8101D;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #B8101D;
}



/**********about*********/

/**********service*********/
.service{
    float: left;
    width: 100%;
}

.service-image{
    float: left;
    width: 50%;
}

.service-image img{
    float: left;
    width: 100%;
    height: 380px;
    object-fit: cover;
}

.service-content{
    float: left;
    width: 100%; 
    text-align: center;
    position: relative;
    margin-top: -300px;
}

.service-content h4{
    float: left;
    width: 100%; 
    text-align: center;
    color: #ffffff;
    font-size: 75px;
    font-weight: 500;
}

.service-content a{
    float: none;
    width: 150px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    background-color: #B8101D;
    border-radius: 50px;
    padding: 10px 16px;
    text-decoration: none!important;
    border: 1px solid #B8101D;
}


.service-content a:hover{
    color: #B8101D;
    background-color: transparent;
    text-decoration: none;
    border: 1px solid #B8101D;
}


.service-split{
    float: left;
    height: 286px;
    background-color: #B8101D;
    padding: 28px 13px;
    border: 1px solid #ffffff;
    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;
}

.service-split:hover{
    background-color: #980713;
}

.service-split img{
    float: left;
    width: 52px;
    height: auto;
    margin-bottom: 8px;
}

.service-split h5{
    float: left;
    width: 100%;
    color: #ffffff;
}

.service-split p{
    float: left;
    font-size: 14px;
    width: 100%;
    color: #ffffff;
}

.service-split a{
    float: left;
    width: 100%;
    color: #ffffff;
    text-decoration: none;
    position: relative;
}
.service-split a:after {
    float: left;
    position: absolute;
    content: "";
    top: 6px;
    left: 76px;
    background-color: #ffffff;
    height: 13px;
    width: 1px;
}

.service-split a:hover{
    color: #000000;
    text-decoration: none;
}
.split-width{
    width: 55%;
}

.split-width-2{
    width: 45%;
}


.service-split-2{
    float: left;
    height: 286px;
    background-color: #ffffff;
    padding: 28px 13px;
    border: 1px solid #B8101D;
    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;
}
.service-split-2:hover{
    background-color: #fcefef;
}
.service-split-2 img{
    float: left;
    width: 52px;
    height: auto;
    margin-bottom: 8px;
}

.service-split-2 h5{
    float: left;
    width: 100%;
    color:  #B8101D;
}

.service-split-2 p{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #000000;
}

.service-split-2 a{
    float: left;
    width: 100%;
    color: #B8101D;
    text-decoration: none;
    font-weight: 500;
    position: relative;
}
.service-split-2 a:after {
    float: left;
    position: absolute;
    content: "";
    top: 6px;
    left: 78px;
    background-color: #B8101D;
    height: 13px;
    width: 1px;
}
.service-split-2 a:hover{
    color: #000000;
    text-decoration: none;
}

/**********service*********/


/************speciality**********/
.speciality{
    float: left;
    width: 100%;
    padding: 50px 0px;
}

.speciality-box{
    float: left;
    width: 100%;
    padding: 35px;
    border: 1px solid #B8101D;
    border-radius: 4px;
}

.speciality-box img{
    float: left;
    width: 68px;
    margin-bottom: 16px;
}

.speciality-box h5{
    float: left;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    color: #B8101D;
    margin-bottom: 16px;
}

.speciality-box p{
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.speciality-box a{
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    color: #B8101D;
}
.speciality-box a:hover {
    color: #B8101D;
}
.speciality-box a:after {
    float: left;
    position: absolute;
    content: "";
    top: 5px;
    left: 73px;
    background-color: #B8101D;
    height: 13px;
    width: 1px;
}

/************bg-scroll************/
.call-action {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 0px !important;
    background-image: url(../images/bg-scroll.png);
    background-size: cover;
    text-align: center;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed !important;
}


.call-bg {
    background-color: rgba(0, 0, 0, 0.0);
    height: auto;
    padding-top: 65px;
    padding-bottom: 84px;
}


.call-bg h1{
    float: left;
    width: 100%;
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 40px;
    color: #e7e7db;
    font-weight: 500;
    padding: 0px 488px;
}
.call-bg p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 27px;
    color: #ffffff;
    font-weight: normal;
    padding: 0px 490px;
    margin-bottom: 30px;
}

.call-button a{
    padding: 14px 60px;
    border-radius: 33px 33px;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #b8101d;
    background-color: #B8101D;
}

.call-button a:hover{
    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: transparent;
    text-decoration: none;
}

/************footer************/

.footer{
    float: left;
    width: 100%;
    padding: 60px 0px 0px 0px;
    background-image: url('../images/footer-bg.png');
    min-height: 1010px;
    background-size: cover;
}

.footer-1{
    float: left;
    width: 100%;
}

.footer-1 img{
    float: none;
    width: auto;
    height: 144px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 50px;
}

.footer-1 p{
    float: left;
    width: 100%;
    font-size: 13px;
    color: #000000;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 6px;
}

.f-social{
    float: left;
    width: 100%;
    text-align: center;
    display: inline-block;
}

.f-social img{
    float: none;
    display: inline-block;
    text-align: center;
    width: 20px;
    height: 20px;
    margin: 15px;
}

.ft-width1{
    float: left;
    width: 28%;
}

.ft-width{
    float: left;
    padding-left: 4px;
    width: 36%;
}

.footer-2{
    float: left;
    padding-left: 4px;
}

.footer-2 h2{
    float: left;
    width: 100%;
    color: #B8101D;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}
.footer-2 a img{
    float: left;
    width: auto;
    margin-right: 10px;
    margin-top: 3px;
}


.footer-2 a{
    float: left;
    width: 100%;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    margin-bottom: 18px;
    line-height: 20px;
}

.footer-2 a:hover{
    color: #b90717;
    text-decoration: none;
}



.footer-3 {
    float: left;
    width: 100%;
}

.footer-3 h2{
    float: left;
    width: 100%;
    color: #B8101D;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}



.footer-3 a{
    float: left;
    width: 100%;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    margin-bottom: 20px;
}

.footer-3 a:hover{
    color: #DF5A1F;
    text-decoration: none;
}

.final-footer{
    float: left;
    width: 100%;
    padding: 16px;
    background-color: #B8101D;
}

.final-footer p{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    line-height: 30px;
    margin-bottom: 0px;
}
.footer-contact{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.footer-contact img{
    float: left;
    margin-top: 0px;
    width: 30px;
}

.footer-contact p {
    float: left;
    width: 100%;
    position: relative;
    margin-top: -30px;
    margin-left: 40px;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0px;
}

.final-footer a{
    color: #ffffff;
}

.final-footer a:hover{
    color: #1A5288;
    text-decoration: none;
}

/************about-page************/
.about-banner{
    float: left;
    width: 100%;
    padding: 30px 0px;
    background: rgb(2,45,100);
    background: linear-gradient(43deg, rgb(184 16 29) 0%, rgb(73 0 6) 100%);
    }

.about-banner h4{
    float: left;
    width: 100%;
    font-size: 40px;
    font-weight: 200;
    color: #ffffff;
    text-align: center;
}

.about-page{
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 70px 0px;
}


.about-page-content h4 {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 17px;
    font-size: 44px;
    color: #B8101D;
    font-weight: 400;
    line-height: 56px;
    padding: 0px 180px;
}

.about-page-content h4 span{
    font-weight: 700;
    background: #F3781C;
    background: linear-gradient(to bottom, #F3781C 0%, #B82323 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-page-content p{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    padding: 0px 125px;
    line-height: 25px;
    margin-bottom: 30px;
}
.ab-page{
    float: left;
    width: 100%;
}
.ab-page img {
    float: left;
    width: 320px;
    margin-right: 30px;
    height: auto;
    line-height: 25px;
    margin-bottom: 30px;
}
.ab-page p {
    float: none;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 30px;
}
.abt-sec2 {
    width: 100%;
    float: left;
    padding: 60px 0px;
    background: #b00e1b;
    position: relative;
    z-index: -1;
}
.abt-sec2 img {
    float: left;
    width: 70px;
}
.abt-sec2 h2 {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #fff;
    margin-top: 15px;
    font-weight: 500;
}

.abt-sec2 p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    margin: 0;
    /* margin-bottom: 30px; */
}

.abt-sec2 h5{
    float: left;
    width: 50%;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    margin: 0;
    font-weight: 400;
}


.abt-sec2 h5 span{
    font-weight: 500;
}
/*********contact-page************/

.contact-pg{
    float: left;
    width: 100%;
    padding: 80px 0px;
}

.contact-form{
    float: left;
    width: 100%;
}
.contact-form h1{
    float: left;
    width: 100%;
    font-size: 40px;
    font-weight: 500;
    color: #000000;
    line-height: 60px;
    text-align: left;
    margin-bottom: 10px;
}

.contact-form p{
    float: left;
    width: 100%;
    /* padding: 0px 50px; */
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    color: #000000;
    text-align: left;
    margin-bottom: 30px;
}
.contact-input{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}


.contact-input label{
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
}

.contact-input input{
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    padding: 15px 10px;
    float: left;
    width: 100%;
    color: #000000;
}



.contact-button input{
        float: left;
        width: 100%;
        text-align: center;
        padding: 15px;
        background: #b20f1c;
        color: #ffffff;
        border: 1px solid #b20f1b;
        border-radius: 3px;
}

.contact-button input:hover{
    background: #ffffff;
    color: #022D64;
    border: 1px solid #022D64;
}

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

.contact-pg-para h6{
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    line-height: 30px;

}
.contact-input textarea{
    float: left;
    width: 100%;
    height: 150px;
    border: 1px solid #c1c1c1;
    border-radius: 3px;

}
.contact-details{
    float: left;
    width: 100%;
    padding-left: 30px;

}
.contact-details h1{
    float: none;
    width: 100%;
   font-size: 30px;
   color: #000000;
   font-weight: 500;
   padding-bottom: 40px;
   margin-top: 20px;
   border-bottom: 1px solid #c3c3c3;
}

.contact-details h1 span{color: #b30f1c;}
.cnt-detail1{
    float: left;
    width: 100%;
    padding: 26px 0px;
    border-bottom: 1px solid #c3c3c3;
}
.cnt-detail1 img{
    float: left;
    width: 50px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.cnt-detail1 h6{
    float: none;
   margin-top: 12px;
   font-size: 24px;
   color: #000000;
   font-weight: 500;
   margin-bottom: 10px;
}
.cnt-detail1 p{
    font-size: 14px;
    float: left;
    width: 100%;
    color: #000000;
    line-height: 25px;
}

/************service-page*************/

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

.service-page-content{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.service-page-content img{
    float: left;
    width: 60px;
    margin-bottom: 10px;
}

.service-page-content h5{
    float: left;
    width: 100%; 
    color: #000000;
    font-size: 24px;
    font-weight: 500;
}

.service-page-content p{
    float: left;
    width: 100%; 
    color: #000000;
    line-height: 25px;
    font-size: 14px;
    font-weight: 400;
}

.service-page-content a {
    padding: 10px 20px;
    border-radius: 13px 0px;
    background: rgb(248,127,28);
    background: linear-gradient(90deg, rgba(248,127,28,1) 0%, rgba(204,43,49,1) 100%);
    float: left;
    text-align: center;
    width: 150px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
}
.service-page-content a:hover{
    color: #ffffff;
    text-decoration: none;
    background: rgb(177,24,36);
    background: linear-gradient(90deg, rgba(177,24,36,1) 0%, rgba(248,127,28,1) 100%);
}



/************service-detail*************/

.service-detail{
    float: left;
    width: 100%;
    padding: 70px 0px;
}

.service-detail-content{
    float: left;
    width: 100%;
}

.service-detail-content img{
    float: left;
    height: 300px;
    object-fit: cover;
    width: 100%;
    border-radius: 13px 0px;
    margin-bottom: 10px;
}

.service-detail-content h1 {
    float: left;
    margin: 10px 0px;
    width: 100%;
    color: #000000;
    font-size: 31px;
    font-weight: 500;
}
.service-detail-content p{
    float: left;
    width: 100%; 
    color: #000000;
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 400;
}

.service-detail-content a{
    float: left;
    width: 100%; 
    color: #000000;
    font-size: 13px;
    font-weight: 500;
}

.service-detail-content a:hover{
    color: #1A5288;
    text-decoration: none;
}



.service-right {
    width: 100%;
    float: left;
    background: #fff;
    /* box-shadow: 2px 1px 6px 7px rgb(0 0 0 / 5%); */
}

.service-right h6 {
    padding: 15px 10px;
    width: 100%;
    /* border-top: 1px solid #cccccc52; */
    background: #f2f6f7;
    margin-bottom: 15px;
    height: 70px;
    float: left;
}
.service-right h6:hover {
    background: #022d64;
}
.active-serv {
    background: #022d64 !important;
    color: #ffffff !important;
}

.service-right h6 a {
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    padding: 12px 5px;
    float: left;
    width: 100%;
}

.service-right h6:hover a {
    color: #fff;
    text-decoration: none;
}

.service-right h6:hover svg {
    background: #f98a29;
    fill: #fff !important;
}

svg:not(:root) {
    overflow: hidden;
    vertical-align: middle;
}
.service-right svg {
    width: 46px;
    height: 46px;
    fill: #000;
    margin-top: -14px;
    float: right;
    padding: 15px;
    background: #fff;
}

/***********MEDIA***********/
@media(min-width: 576px) and (max-width: 767px){
    
.contact-full h4 {
    font-size: 20px;}
.innerban h2 {
    font-size: 40px;
    font-weight: 500;
    padding: 0 5px 0;}.innerban h2 {
    font-size: 40px;
    font-weight: 500;
    padding: 0 5px 0;}.a2 {
    float: left;
    background: #0b8450;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    float: left;
    width: 155px;
    margin-top: 10px;
    text-align: center;
    border-radius: 30px;
    height: 55px;
    display: inline-block;
    padding: 16px 12px;
    margin-left: 15px;
    margin-bottom: 60px;
}
    .outlet-full p{
    padding: 15px;
}.outlet-full h2 {
    text-align: center;
    font-size: 41px;
}
    .curve1{
        display: none;
    }
    .panel5 h2 {
    font-size: 45px;}.panel5 p {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    margin-top: 10px;
    float: left;
    width: 100%;
}.panel5 h2 {
    font-size: 33px;
    color: #fff;
    font-weight: 300;
}.panel6 p{
    padding: 15px;
}.max-footer h2 {
    font-size: 43px;
    color: #fff;
    font-weight: 300;
    margin-top: 171px;
}.ph-img {
    position: absolute;
    right: 5%;
    top: -77px;
}.max-footer p{
    width: 100%;
}.footer h2 {
    font-size: 28px;
    color: #fff;
    font-weight: 300;
    margin-top: 130px;
}.footer h5 {
    font-size: 31px;}.footer h4 {
    font-size: 18px;
    color: #fff;
    margin-top: 125px;
    font-weight: 400;
}.footer .col-lg-3 a img {
    margin-top: 125px;
    max-width: 100%;
}.links a {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 20px 28px 0 0;
    opacity: .9;
    position: relative;
}
    .panel2 p{
        padding: 15px;
    }
    .panel4 p{
        padding: 15px;
    }
    .panel2 h2 {
    text-align: center;
    font-size: 43px;
    color: #000;
    font-weight: 300;
}.panel3-left h2 {
    font-size: 48px;}
    .panel3-left p{
        width: 100%;
    }
    .panel3-mid h2 {
    font-size: 42px;}.panel3-mid p{
        padding: 0 15px;
    }
}



@media(max-width: 575px){
    .panel1{
        background-position:center;
    }
    .contact-full .col-lg-8 .col-lg-5{
        padding:0;
    } .contact-full .col-lg-8 .col-lg-7 {
    padding: 0;
}
    .contact-full h4 {
    font-size: 21px;
    margin-top: 10px;
    line-height: 39px;
    font-weight: 400;
}
    .innerban h2{
        padding: 0;
    }.vision-sec {padding: 20px 0 5px;
    width: 100%;}
    .icon20 {
    position: absolute;
    bottom: -22px;
    z-index: 1;
    height: 72px;
}
    .footer h5 {
    font-size: 28px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    float: left;
    margin-bottom: 15px;
}
.links a {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 20px 14px 0 0;
    opacity: .9;
    position: relative;
    float: left;
    width: 50%;
}
.links a:after{
    display: none;
}
    .max-footer .ph-img {
  display: table;
    margin: auto;
    position: inherit;
    height: 335px;
}
.icon14{
    display: none;
}.innerban{
    margin-top: 0;
}

.icon15
{
    display: none;
}.outlet-full h2 {
    text-align: center;
    font-size: 32px;
}.outlet-full p{
    padding: 15px;
}
.footer h4 {
    font-size: 20px;
    color: #fff;
    margin-top: 0;
    font-weight: 400;
}.footer .col-lg-3 a img {
    margin-top: 0;
}.footer h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    margin-top: 0;
}.whatsapp {
    position: absolute;
    width: 84px;
    right: 12%;
    top: 58%;}
    .max-footer a {
    border: 1px solid #f1f1f1;
    float: none;
    border-radius: 42px;
    clear: both;
    display: inline-block;
    width: 152px;
    margin-right: 10px !important;
    margin: 20px auto 102px;
}.max-footer a img {
    float: left;
    width: 42px;
    border-right: 1px solid #ccc;
    /* margin: 12px; */
    padding: 5px 6px 5px 10px;
}.max-footer a span {
    font-size: 11px !important;
    color: #fff;
    font-weight: 400;
    float: left;
    padding: 3px 7px 1px;
}
    .banner-bg {

    margin-top: -106px;
}.max-footer h2 {
    font-size: 33px;}.max-footer p {
  
    width: 100%;}
.a2 {
    float: left;
    background: #0b8450;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    float: left;
    width: 155px;
    margin-top: 10px;
    text-align: center;
    border-radius: 30px;
    height: 55px;
    display: inline-block;
    padding: 16px 12px;
    margin-left: 15px;
    margin-bottom: 60px;
}.a1 {
    margin-top: 10px;
    background: #ff1421;
    font-size: 15px;
    color: #fff;
    width: 155px;
    font-weight: 600;
    text-align: center;
    height: 55px;
    float: left;margin-left:0;
    border-radius: 30px;
    display: inline-block;
    padding: 16px 29px;
}.vision-sec h4 {
    /* color: #787878; */
    background: -webkit-linear-gradient(#eee, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 35px;
    font-weight: 700;
    float: left;
    margin-right: 14px;
    height: 100px;
}.vision-sec h5 {
    font-size: 19px;
    color: #000;
    font-weight: 300;
    float: left;
    height: 100px;
    margin-right: 12px;
}.vision-sec h6 {
    font-size: 13px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}.panel1 h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
}.curve1{
    display: none;
}.panel2 h2 {
    text-align: center;
    font-size: 32px;
    color: #000;
    font-weight: 300;
}.panel3-left h2 {
    font-size: 32px;}.panel3-left p {

    float: left;
    width: 100%;
}.panel3-mid h2 {
    font-size: 30px;}
.ml-3, .mx-3 {
    margin-left: 0rem !important;
}
    .panel6 p{
         padding: 15px;   
    }
    .panel4 p{
               padding: 15px;
    }
    .panel2 p{
        padding: 15px;
    }.panel5 p{
        width: 100%;
    }.panel6 h2 {
    text-align: center;
    font-size: 32px;}
    .panel3-mid p{
     padding: 0;
    }.panel4 h2 {
    text-align: center;
    font-size: 32px;}.panel5 h2 {
    font-size: 33px;}
    .ban-call{
    display:none;
}
    .service-split-2 a:after{
        display:none;
    }
    .service-split a:after{
        display:none;
    }
    .ab-page img {
    width: 100%;
    margin-right: 0px;
}

.call-bg {
    padding-left: 30px;
    padding-right: 30px;
}
.speciality-box a:after{
    display: none;
}

.speciality-box img {
    float: none;
    width: 78px;
    margin-bottom: 20px;
}

.service-split {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
.service-split-2 {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
.banner-bg img {
    height: auto;
    width: 100%;
}

.banner-content h3 {
    margin-top: 5px;
    text-align: center;
}
.banner-content p {
    text-align: center;
    padding-right: 0px;
}

.banner-content a{
    float: none;
}
.banner-content{
    text-align: center;
    margin-left: 0;
}
.banner-content h3 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 0;
}.banner-content h3 br{
    display:none;
}
.aa {
    float: left;
    margin: 30px 10px;
}
.ham-nav{
    display: none;
}
.service-page {
    text-align: center;
}
.service-page-content img {
    float: none;
}
/*************/
.service-image {
    float: left;
    width: 100%;
}
.split-width {
    width: 100%;
    text-align: center;
}

.split-width-2 {
    width: 100%;
    text-align: center;
}
.service-split img {
    float: none;
}
.service-split-2 img {
    float: none;
}
.about-image {
    float: left;
    width: 100%;
}

.about-content {
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
    padding: 60px 30px 60px 30px;
}

.speciality-box {
    text-align: center;
    margin-bottom: 30px;
}

.service-content h4 {
    float: left;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 45px;
    font-weight: 500;
}

.about-image img {
    height: auto;
}
.about-button a {
    float: none;
}
    

.top-header {
    display: none;
}
.header_logo img {
    height: 44px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.header_menu_area {
    margin-top: 16px;
}



.about-content h4 {
    font-size: 31px;
     padding: 0px 0px; 
     line-height: 41px;
}
.about-content p {
    padding: 0px 0px;
    margin-bottom: 40px;
}
.banner {
    height: auto;
}



.call-bg h1 {
    padding: 0px 0px;
}

.call-bg p {
    padding: 0px 0px;
}
.footer-2 {
    float: left;
    width: 100%;
    text-align: center;
}

.footer-2 a img {
    display: none;
}
.footer-3 {
    padding-left: 0px;
}

.footer-3 h2 {
    text-align: center;
}  

.footer-contact img {
    float: none;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}  

.footer-contact p {
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    text-align: center;
    padding: 0px 20px;
}

.li-dot:after{
    display: none;
}
.f-social {
    margin-bottom: 20px;
}

.footer-2 {
    margin-bottom: 20px;
}

.f-padd{
    padding-left: 0px;
}

.about-page-content h4 {
    padding: 0px 0px;
}
.about-page-content p {
    padding: 0px 0px;
}
.ab-page p {
    float: left;
    text-align: center;
}

.abt-sec2 img {
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.abt-sec2 h2 {
    text-align: center;
}
.abt-sec2 p{
    text-align: center;
}
.service-page-content h1 {
    text-align: center;
}
.service-page-content p {
    text-align: center;
}
.service-page-content a {
    text-align: center;
    width:100%;
}
.contact-form h1 {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
.contact-form p {
    text-align: center;
}
.contact-pg-para h6 {
    text-align: center;
    margin-bottom: 20px;
}
.contact-details {
    text-align: center;
    padding-left: 0px;
}
.cnt-detail1 img {
    float: none;
}
.contact-button input {
    margin-bottom: 30px;
}

.compliance h5 {
    text-align: center;
}
.compliance p {
    text-align: center;
}
}



@media(min-width: 230px) and (max-width: 767px){
.banner-image {
    width: 100%;
}
.banner-content {
    width: 100%;
    background: transparent;
    top: 0px;
    padding-top: 20px;
    left: 0px;
    padding-bottom: 0;
}
.about{margin-top:0px; padding-top:0px;}
.banner-logo{margin-top:0px; float:left; width:100%;}
.banner-content h1{font-size:27px; line-height:33px; text-align:center;}
.banner-content h2{text-align:center; font-size:12px; line-height:23px;}
.banner-button{text-align:center;}
.banner-button a{float:none;}
.cr-align{float:left; width:100%; text-align:center;}
.banner-logo img{float:none;}
}

@media(min-width: 230px) and (max-width: 426px){
.banner-content h2{padding-left:15px; padding-right:15px; font-size:11px; line-height:20px;}
.banner-content h1{font-size:25px; line-height:29px;}
.banner-content{padding: 13px;}
.banner-button a{padding: 16px 25px;}
.footer{padding-top: 277px;/* padding-bottom:20px; */margin-top: -188px;z-index: 1;}
.footer-2 a{width:50%;}
.banner-logo{padding-left:0px; padding-right:0px;}
.banner-logo h1{margin-bottom:22px;}
.banner-logo{margin-bottom:25px;}
}

@media(min-width: 230px) and (max-width: 575px){
.speciality h3{text-align:center;}
}

@media(min-width: 768px) and (max-width: 991px){
    .banner-content h3{
        text-align: left !important;
    }
}

@media(min-width: 575px) and (max-width: 767px){
    .ban-call{
    display:none;
}

.service-page {
    text-align: center;
}
.service-page-content img {
    float: none;
}
.service-split {
    width: 100%!important;
}
.service-split-2 {
    width: 100%!important;
}

.service-content h4 {
    font-size: 50px;
}

.service-content {
    margin-top: -204px;
}
.service-image img {
    height: 250px;
}

.service-split img {
    height: 52px!important;
}
.service-split-2 img {
    height: 52px!important;
}

.about-content {
    float: left;
    height:auto;
    width: 100%;
    padding: 60px 30px 60px 30px;
}
.about-image{
    width: 100%;
}
.about-image img {
    float: left;
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.footer-2 h2 {
    text-align: center;
}
.footer-2 a {
    text-align: center;
}
.footer-3 h2 {
    text-align: center;
}
.footer-3{
    text-align: center;
}
.footer-contact p {
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px 30px;
}
.footer-contact img {
    float: none;
}
.footer-2 {
    margin-top: 30px;
}
.footer-3 {
    margin-top: 30px;
}

.banner-content h3 {
    margin-top: 20px;
    text-align: center;
}
.banner-content p {
    text-align: center;
    padding-right: 0px;
}
.banner-content a{
    float: none;
}
.banner-content{
    text-align: center;
}
.aa {
    float: left;
    margin: 30px 10px;
}
.ham-nav{
    display: none;
}

/*********************/











.service-page-content h1 {
    text-align: center;
}
.service-page-content p {
    text-align: center;
}
.service-page-content a {
    text-align: center;
}
.contact-form h1 {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
.contact-form p {
    text-align: center;
}
.contact-pg-para h6 {
    text-align: center;
    margin-bottom: 20px;
}
.contact-details {
    text-align: center;
    padding-left: 0px;
}
.cnt-detail1 img {
    float: none;
}
.contact-button input {
    margin-bottom: 30px;
}
    .abt-sec2 img {
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.abt-sec2 h2 {
    text-align: center;
}
.abt-sec2 p{
    text-align: center;
}
.ab-page p {
    float: left;
    text-align: center;
}
.about-page-content h4 {
    padding: 0px 0px;
}
.about-page-content p {
    padding: 0px 0px;
}
.ab-page img{
    width: 100%;
}

.service-detail .container{
    max-width: 700px!important;
}
    .top-contact h1 {
    font-size: 10px;
    margin-left: 3px;
}
.top-contact img {
    width: 17px;
}

.left-marg {
    margin-left: 12px;
}

.quote a {
    font-size: 12px;
}

.top-contact {
    padding: 12px 0px;
    padding-right: 10px;
}
.quote a {
    padding: 11px 0px;
}

.speciality-box{
    margin-bottom: 20px;
    padding: 15px;
}

.call-bg h1{
    padding: 0px 128px;
    text-align: center;
}

.call-bg p{
    padding: 0px 120px;
}

.footer-2 a img{
    display: none;
}

.f-social{
    margin-bottom: 30px;
}


.f-padd{
    padding-left: 0px;
}

.footer-3 {
    float: left;
    width: 100%;
    padding-left: 0px;
}

.promise-image {
    float: left;
    width: 100%;
}

.promise-image img {
    height: 300px;
}
.pro-button a {
    float: none;
}
.promise-content {
    height: auto;
    width: 100%;
    padding: 60px 20px 80px 20px;
    text-align: center;
}
.promise-content p{
    margin-bottom: 40px;
    padding: 0px 20px;
}
.speciality h3 {
    text-align: center;
}
.about-content h4 {
    padding: 0px 0px;
}
.about-content p {
    padding: 0px 0px;
}
.compliance h5 {
    text-align: center;
}
.compliance p {
    text-align: center;
}
.li-dot:after{
    display: none;
}
}

@media(min-width: 768px) and (max-width: 991px){
    .outlet-full p{
        padding: 15px;
    }
    .panel3{
        background-position: center;
    }
    .panel6 p{
        padding: 15px;
    }.panel6-box img {
    float: left;
    width: 50px;
}.panel6-box h6 {
    font-size: 23px;
    font-weight: 600;
    color: #d00a15;
    float: left;
    position: relative;
    margin: 0;
    padding-left: 2px;
}
.panel6-box h6 span {
    font-size: 10px;
    float: left;
    width: 100%;
    color: #3e393a;
    font-weight: 500;
}.panel6-box h6:after{
    left: -10px;
}.max-footer h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    margin-top: 158px;
}.footer h5 {
    font-size: 32px;}.footer h4 {
    font-size: 17px;
}.footer .col-lg-3 a img{
    max-width: 100%;
}.links a {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 20px 26px 0 0;}.max-footer .ph-img {
    right: 10%;
}.panel3-left h2 {
    font-size: 37px;
    color: #fff;
    font-weight: 300;
}
    .panel1 h2 {
    font-size: 32px;
    color: #fff;
    font-weight: 300;
}.panel2 h2 {
    text-align: center;
    font-size: 45px;
    color: #000;
    font-weight: 300;
}.panel2 p{
    padding: 15px;
}
.panel4 p{
    padding: 15px;
}
.panel3-mid p{
    padding: 0 15px;
}
    .a1 {
       width: 142px;}.a2 {
    float: left;
    background: #0b8450;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    float: left;
    width: 153px;
    margin-top: 10px;
    text-align: center;
    border-radius: 30px;
    height: 55px;
    display: inline-block;
    padding: 16px 18px;
    margin-left: 15px;
    margin-bottom: 60px;
}.vision-sec h5 {
    font-size: 19px;
    color: #000;
    font-weight: 300;
    float: left;
    margin-right: 9px;
    height: 119px;
}.vision-sec h4 {
    /* color: #787878; */
    background: -webkit-linear-gradient(#eee, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 29px;
    font-weight: 700;
    float: left;
    margin-right: 13px;
    height: 113px;
}.vision-sec {
    width: 90%;
    float: left;
    border-top: 2px solid #ccc;
    padding: 20px 0;
}
.service-split {
    height: 380px;
}
.service-split-2 {
    height: 380px;
}

.banner-content h3 {
    margin-top: 0px!important;
    font-size: 37px;
    line-height: 52px;
}

.banner-bg img {
    height: auto!important;
}

.aa {
    float: left;
    margin: 30px 10px;
}
.ham-nav{
    display: none;
}
/*************/


.footer-contact p {
     margin-top: 0px; 
     margin-left: 0px; 
}
    .call-bg p {
    padding: 0px 90px;
}
.call-bg h1 {
    padding: 0px 90px;
}

.promise-content {
    padding: 70px 40px 70px 40px;
    height: 770px;
}
.promise-image img {
    height: 770px;
}
.speciality-box {
    margin-bottom: 30px;
}    

.about-content h4 {
    padding: 0px 0px;
}
.about-content p {
    padding: 0px 0px;
}
.footer-3 {
    padding-left: 0px;
}
.footer-1 img {
    width: 150px;
    height: auto;
}
.f-padd {
    padding-left: 0px;
}
.footer-2 a img {
    display: none;
}
.f-social img {
    margin: 3px;
}
.footer .container {
    max-width: 900px!important;
}
.banner-content {
    top: -362px;
    left: 65px;
}
.banner-bg img {
    height: 512px;
}
.header_menu_area > ul {
    top: 101px;
}
.li-dot:after {
    display: none;
}
}


@media(min-width: 991px) and (max-width: 1406px){
    .service-split {
    height: 328px;
}
.service-split-2 {
    height: 328px;
}
}


@media(min-width: 991px) and (max-width: 1024px){
    .ham-nav{
        display: none;
    }
.about-content {
    float: left;
    height: 580px;
    width: 55%;
    background-image: url(../images/promise-bg.png);
    object-fit: cover;
    padding: 75px 50px 75px 47px;
}
.aa{
    float: left;
    margin: 30px 10px;
}

.banner-content h3 {
    margin-top: 110px;
}

.service-page-content {
    height: 350px;
}

/************/















  .call-bg p {
    padding: 0px 90px;
}
.call-bg h1 {
    padding: 0px 90px;
}

.promise-content {
    padding: 70px 40px 70px 40px;
    height: 850px;
}
.promise-image img {
    height: 850px;
}
.speciality-box {
    margin-bottom: 30px;
}    

.about-content h4 {
    padding: 0px 0px;
}
.about-content p {
    padding: 0px 0px;
}
.footer-3 {
    padding-left: 0px;
}
.footer-1 img {
    width: 100%;
    height: auto;
}
.f-padd {
    padding-left: 0px;
}
.footer-2 a img {
    display: none;
}
.f-social img {
    margin: 3px;
}
.footer .container {
    max-width: 900px!important;
}
.banner-content {
    top: -362px;
    left: 65px;
}
.banner-bg img {
    height: 512px;
}
.header_menu_area > ul {
    top: 101px;
}
.li-dot:after {
    display: none;
}
}

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


.push-left {
    float: left;
}


.close_form {
}


.contact-snd {
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
}
.contact-snd:hover{
}


.active-white{
    color:#ffffff!important;
}

.values{
    float: left;
    width: 100%;
    padding: 60px 0px;
    background-color: #ffffff;
}

.values img {
    float: left;
    width: 70px;
}

.values h2 {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #000;
    margin-top: 15px;
    font-weight: 500;
}
.values p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    margin: 0;
    font-weight:400;
    margin-bottom: 10px;
}

.values h5 {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    margin: 0;
    font-weight:400;
    margin-bottom: 10px;
}

.values h5 span{
    font-weight:600;
}



.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 111;
  top: 0;
  left: 0;
  background-color: #000;
  background-color: #fff;
  overflow-y: hidden;
  transition: 0.5s;
  overflow-y: scroll;
}

.overlay-content {
    margin-top: 65px !important;
    width: 100%;
    text-align: center;
    margin-top:0px;
}

.overlay a {
  /* padding: 8px; */
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 22px;
  right: 15px;
  padding: 0;
  font-size: 39px;
  background: #ffffff00 !important;
  color: #dd131e !important;
  border-radius: 100%;
  height: 48px;
  width: 48px;
  z-index:11;
  /* top: -30px !important; */
  right: 25px !important;
  /* line-height: 31px; */
}

.overlay .closebtn:hover{
    background-color:#033343;
    text-decoration:none;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px;padding: 0 !important;}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}





.dropdown-list{
    float: left;
    width: 50%;
}

.list-color1{
    background-color: #B8101D;
    float:left;
    padding-top:105px;
    height:100vh;
}

.list-color1 h5{
    float:left;
    width:100%;
    text-align: center;
    color:white;
    font-size:35px;
    font-weight:400;
    padding-bottom: 25px;
}

.list-color1 h6{
    float:left;
    width:100%;
    text-align: center;
    color:white;
    font-size:30px;
    font-weight:400;
    padding-bottom: 25px;
    padding-top:45px;
}


.list-color2{
    background-color: #ffffff;
    float:left;
    height:100vh;
      padding-top:105px;
    height:100vh;
}


.list-color2 h5{
    float:left;
    width:100%;
    text-align: center;
    color:black;
    font-size:35px;
    font-weight:400;
    padding-bottom: 25px;
}

.list-color2 h6{
    float:left;
    width:100%;
    text-align: center;
    color:black;
    font-size:30px;
    font-weight:400;
    padding-bottom: 25px;
    padding-top:45px;
}

.dropdown-list a{
    padding-top:12px !important;
    padding-bottom:10px !important;
}
.dropdown-list a:hover{
    color: #000000!important;
}

.dropdown-list2{
    float: left;
    width: 50%;
}

.dropdown-list2 a{
    padding-top:12px !important;
    padding-bottom:10px !important;
    color:black !important;
}
.dropdown-list2 a:hover{
    color: #B8101D!important;
}



@media(min-width: 767px) and (max-width: 768px){
.banner-content h3{/* line-height:35px !important; */}   
.ban-loop .owl-stage-outer{padding-bottom: 25px !important;}
}




@media (min-width: 768px){
    .mob-view{
        display: none;
    }
/*    .p4-carousel .owl-nav{*/
/*    display:none !important;*/
/*}*/
}

@media (max-width: 767px){
    .panel1 img {
    max-width: 100%;
    margin-top: 0;    margin-bottom: 30px;
}
    .form-sec p{
        padding:10px 20px;
    }
    .about-full .col-lg-5 img{
          float: left !important;
          width: 100% !important;
          height: auto !important;
          object-fit: contain;
    }
    .icon2, .icon3, .icon{
        display:none;
    }
    .close_form {
    right: 0;
    background-color: #000;
    z-index: 9999;
    top: 0;
}
    .req-form{
        width:100%;
    }
    .hide-bnr{
        display: none;
    }
    .mob-view img{
        width: auto;
        max-width: 100%;
        display: block;
        margin: 30px auto 0;
        padding: 15px;
    }
}