html{font-size:62.5%;}
body{font-family: 'Poppins', sans-serif; color:#5F6060; font-size:1.6rem;}
img{ max-width:100%;}
button:focus{ outline:none}
a {-webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out;}
a:hover, a:focus{ color:#FFC000}
a,a:hover,a:focus{ text-decoration:none; outline:none; box-shadow:none}
p{ margin-bottom: 2rem;}
h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif; font-weight:600; margin-bottom: 1.5rem; color: #000;}
h1{ font-size: 3rem;}
h2{ font-size: 2.4rem;}
h3{ font-size: 2.2rem;}
h4{ font-size: 2rem;}
h5{ font-size: 1.8rem;}
h6{ font-size: 1.6rem;}
.btn{ background:#01913f; color:#fff; font-size:1.4rem; border:none}
.btn:hover{background:#FFE100; color:#000}
.form-control{ padding:.7rem 1rem}
.form-control:focus,.form-select:focus{ box-shadow: none;}
textarea.form-control{ min-height:80px}

 .btn:focus, .btn:active{ background:#01913f; color:#fff; box-shadow:none}
.modal-footer{ border:none}
.form-label{ font-weight: 500; color: #333;}

.top-header{ margin-top: 2rem; margin-bottom: 2rem;}
.top-con{ display: flex; justify-content: end; color: #000;}
.top-con div{ display: flex; align-items: center; margin: 0 10px;}
.top-con div a{ color: #000;}
.top-con div img{ margin: 0 8px 0 0; max-width: 20px;}
.call{ font-size: 2rem; color: #000;}
.call img{ margin-right: 1rem;}
.video-overlay{position: relative; background: #000;}
.video-overlay video{ opacity: .5; z-index: 1; position: relative;}
.hero-title{ font-size: 5rem; font-weight: 600; color: #fff; text-align: center; margin-top: 3rem;}
.hero-caption{     
    position: absolute;
    max-width: 1320px;
    margin: auto;
    left: 0;
    top: 0;
    display: flex;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;}
.caption-left{ max-width: 50%;}
.caption-right{}

.brand{ box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 2rem; margin: 3rem; border-radius: 1rem;}
.page-title{ font-size: 4rem; font-weight: 600; text-align: center; position: relative; padding: 0 0 2rem; margin: 0 0 4rem;}
.page-title::after{height: 2px; background:#D00000; content: ""; left: 0; right: 0; margin: 0 auto; bottom: 0; max-width: 300px; position: absolute;}
.section-space{ padding: 10rem 0;}
.btn-close {
    box-sizing: content-box;
    width: 3em;
    height: 3em;
    padding: 0.25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1.5em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: 1;
    position: absolute;
    right: 0;
    z-index: 999;
    background-color: #fff;
}

.loc-sec{ background: #000;}
.loc-sec .page-title{ color: #fff; margin: 5rem 0 3rem;  padding: 0 0 1rem;}
.loc-sec .page-title::after{max-width: 200px;}
.con-div{ display: flex; margin: 0 5rem 3rem; color: #fff; font-size: 2rem; align-items: baseline;}
.con-div img{    margin: 0 1.5rem 0 0;
    position: relative;
    top: 5px;}
.social-div{margin: 0 5rem 3rem; color: #fff; font-size: 2rem; }
.social-div a{ width: 4rem; height: 4rem; border-radius: 6px; background: #D00000; display: flex; align-items: center; justify-content: center; margin: 0 1rem 0 0;}
.social-div h3{ color: #fff;}
@media(max-width:1200px){
    .caption-left{ max-width: 90%;}
    .brand{ margin: 1rem; padding: 1rem;}
 
}
@media(max-width:1023px){
   
    .hero-title{ font-size: 4rem;}
    .caption-right{ max-height: 150px;}
    .caption-right img{ max-height:150px;}
    .ratio-16x9 {
        --bs-aspect-ratio: 103%;
    }
}
@media(max-width:767px){
    .page-title{ font-size: 2.6rem; margin: 0 0 2.5rem;}
    .section-space{ padding: 5rem 0;}

    .btn-close {
        box-sizing: content-box;
        width: 2em;
        height: 2em;
      
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
      
        background-color: #fff;
    }

    .con-div {
      
        margin: 0 3rem 3rem;
       
        font-size: 1.6rem;
       
    }
    .hero-caption{ position: relative; padding: 3rem 0;}
    .hero-title{ font-size: 2.4rem; margin-top: 2rem;}

    .ratio-16x9 {
        --bs-aspect-ratio: 33%;
    }
    .logo{ text-align: center; margin-bottom: 2rem;}
    .top-con{ justify-content: center;}
 
}