body{margin: 0; padding: 0;}
.hidden{display: none !important;}
.body-container{width: 100%; height: 100vh; display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 1; background: url('/assets/images/Faize-01.jpg.webp') no-repeat center center; background-size: cover;}
.body-container::before{content: ""; position: absolute; background: rgba(255,255,255,0.75); z-index: 2; width: 100%; height: 100%;}
.container{max-width: 1700px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; position: relative; z-index: 6;}
.inner-container{max-width: 1400px; width: 100%; margin-left: auto; margin-right: auto; position: relative; z-index: 6;}
body .flex-row{display: flex; flex-direction: row; flex-wrap: wrap;}
body .flex-row .col-1{flex: 0 0 8.34%; width: 8.34%;}
body .flex-row .col-2{flex: 0 0 16.67%; width: 16.67%;}
body .flex-row .col-2-5{flex: 0 0 20%; width: 20%;}
body .flex-row .col-3{flex: 0 0 25%; width: 25%;}
body .flex-row .col-4{flex: 0 0 33.33%; width: 33.33%;}
body .flex-row .col-5{flex: 0 0 41.66%; width: 41.66%;}
body .flex-row .col-6{flex: 0 0 50%; width: 50%;}
body .flex-row .col-7{flex: 0 0 58.33%; width: 58.33%;}
body .flex-row .col-8{flex: 0 0 66.66%; width: 66.66%;}
body .flex-row .col-9{flex: 0 0 75%; width: 75%;}
body .flex-row .col-10{flex: 0 0 83.33%; width: 83.33%;}
body .flex-row .col-11{flex: 0 0 91.66%; width: 91.66%;}
body .flex-row .col-12{flex: 0 0 100%; width: 100%;}

.text-center{text-align: center !important;}
.logo-content{display: block; margin-bottom: 2em;}
.logo-content h2{color: #000; font-size: 2.500em; margin-top: 0.75em; font-family:Arial, Helvetica, sans-serif; font-weight: 600; margin-bottom: 0;}
.logo-content img{max-width: 40%; height: auto;}
.footer{position: absolute; bottom: 0; left: 0; width: 100%; background-color: #808080	; z-index: 6; padding: 5px 0; display: flex;}
.footer p{text-align: right; font-size: 0.875em; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0; color: #fff;}
.footer p a{font-size: inherit; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0; color: #fff; text-decoration: none;}
.footer p a:hover{text-decoration: underline;}

@media only screen and (min-width:1801px) and (max-width:1900px){
    body{ font-size: 16px; }
    body .container{ max-width: 1700px !important; }
    body .inner-container{ max-width: 1400px !important; }
    
}

@media only screen and (min-width:1701px) and (max-width:1800px){
    body{ font-size: 16px; }
    body .container{ max-width: 1600px !important; }
    body .inner-container{ max-width: 1300px !important; }
    
}

@media only screen and (min-width:1601px) and (max-width:1700px){
    body{ font-size: 15px; }
    body .container{ max-width: 1500px !important; }
    body .inner-container{ max-width: 1200px !important; }
    
}

@media only screen and (min-width:1501px) and (max-width:1600px){
    body{ font-size: 15px; }
    body .container{ max-width: 1400px !important; }
    body .inner-container{ max-width: 1200px !important; }
    
}

@media only screen and (min-width:1401px) and (max-width:1500px){
    body{ font-size: 15px; }
    body .container{ max-width: 1300px !important; }
    body .inner-container{ max-width: 1200px !important; }
    
}

@media only screen and (min-width:1301px) and (max-width:1400px){
    body{ font-size: 14px; }
    body .container{ max-width: 1200px !important; }
    body .inner-container{ max-width: 1200px !important; }
    
}

@media only screen and (min-width:1201px) and (max-width:1300px){
    body{ font-size: 14px; }
    body .container{ max-width: 1170px !important; }
    body .inner-container{ max-width: 1170px !important; }
    
}

@media only screen and (min-width: 1001px) and (max-width: 1200px){
    body{ font-size: 12px; }
    body .container{ max-width: 950px !important; }
    body .inner-container{ max-width: 950px !important; }
}

@media only screen and (min-width: 768px) and (max-width: 1000px){
    body{ font-size: 12px; overflow-x: hidden; }
    body .container{ max-width: initial !important; }
    body .inner-container{ max-width: initial !important; }
    .comp-details ul li{padding: 0 0 0.9375em;}
    .body-container .footer p{text-align: center;}
}

@media (max-width: 767px){
    body{ font-size: 12px; overflow-x: hidden; }
    body .container{ max-width: initial !important; }
    body .inner-container{ max-width: initial !important; }
    body .flex-row{flex-direction: column;}
    body .flex-row .col-4{flex: 0 0 100%; width: 100%;}
    body .flex-row .col-6{flex: 0 0 100%; width: 100%;}
    .logo-content{margin: 1em 0;}
    .logo-content h2{font-size: 2em; margin-top: 15px;}
    .body-container .footer p{text-align: center;}
}

@media only screen and (min-width: 560px) and (max-width: 767px){
    
}