@charset "utf-8";
/* CSS Document */
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}

#page{ overflow:hidden; padding-top:116px;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.header{ background:#501183;}
.header .container{ height:72px;}
.header .container .logo img{ width:auto; height:auto;}

.banner{ color:#fff; background-size:cover; background-position:center; background-repeat:no-repeat;}
.banner .container{ padding-bottom:60px; padding-top:120px;}
.banner .container .row .col-lg-12 p{ font-size:20px; margin-bottom:12px;}
.banner .container .row .col-lg-12 h1{ color:#aee320; text-transform:uppercase; font-size:72px; font-weight:400; line-height:1; margin-bottom:0;}
.banner .container .row .col-lg-12 h3{ padding-top:16px;}
.banner .container .row .col-lg-5{ margin-top:70px;}
.banner .container .row .col-lg-5 .d-flex{ border:1px solid #fff; border-radius:67px; overflow:hidden;}
.banner .container .row .col-lg-5 .d-flex .ratio{ width:67px; border-radius:50%; overflow:hidden;}
.banner .container .row .col-lg-5 .d-flex .flex-grow-1{ padding:8px 24px; font-size:14px; line-height:1.3;}
.banner .container .row .col-lg-5 .d-flex .flex-grow-1 strong{ display:block; font-size:20px;}

.section{background:#f8f8f8;}
.section .content{ padding-top:60px; padding-bottom:60px; color:rgb(34, 34, 34);}
.section .content p{ margin-bottom:30px; word-spacing:-1px;}
.section .content ul{ margin-bottom:30px; padding:0; list-style:none;sss}
.section .content ul li + li{ margin-top:20px;}
.section .content ul li{ position:relative; font-weight:700; padding-left:50px;}
.section .content ul li:before{ color:#fff; background:#501183; height:38px; width:38px; display:flex; align-items:center; justify-content:center; border-radius:6px; position:absolute; top:8px; left:0; content:'\f00c'; font-family:'Font Awesome 6 Free'; font-weight:900; }
.section .content p small{font-weight:300; font-size:14px; font-style:italic; line-height:150%; display:block;}
.section .content a.link{color:rgb(34, 34, 34); font-size:14px; text-decoration:none;}
.section .content h3{ color:#222;}

.form-wrapper{ background:#501183; border-radius:10px; padding:10px; margin-bottom:50px; position:relative; z-index:100; margin-top:-150px;}
.form-wrapper .title{ color:#fff; text-align:center; font-size:20px; margin-bottom:16px;}
.form-wrapper .title h2{ color:#aee320;}
.form-wrapper .title p{ margin:0;}
.form-wrapper .form-body{background:#e6e6e6; padding:24px; border-radius:10px;}
.form-wrapper .form-body .form-check{ font-size:14px;}
.form-wrapper .form-body input[type=submit]{ background:#501283; border:none; color:#fff; text-transform:uppercase; font-size:15px; height:50px; width:100%; cursor:pointer; display:block; border-radius:4px;}
.form-wrapper .form-body small{ font-size:12px;}

.bottom-section{ padding:70px 0; background:#e7e7e7;}
.bottom-section h3{ color:#501183; margin-bottom:30px;}
.bottom-section .ratio{ border:2px solid #a6ce39; border-radius:50%; overflow:hidden; margin:0 auto 30px; width:207px;}
.bottom-section .name, .bottom-section .designation{ font-weight:700;}
.bottom-section .designation{ color:#a6ce39;}
.bottom-section p{ margin-bottom:16px;}

@media (min-width:768px) and (max-width:991px) {
body{ font-size:16px;}
.banner .container{ padding-top:60px; padding-bottom:60px;}
.banner .container .row .col-lg-12 p{ font-size:15px;}
.banner .container .row .col-lg-12 h1{ font-size:48px;}
.banner .container .row .col-lg-5 .d-flex .flex-grow-1{ font-size:12px;}
.banner .container .row .col-lg-5 .d-flex .flex-grow-1{ padding:6px 14px;}
.section .content{ padding-top:30px; padding-bottom:30px;}
.section .content ul li::before { top:50%; margin-top:-19px;}
.form-wrapper{ margin-top:0; margin-bottom:0;}
.section{ padding-bottom:30px;}
.bottom-section{ padding:30px 0;}
} 
/* END__ */

@media only screen and (max-width:767px) {
body{ font-size:16px;}
.banner .container{ padding-top:60px; padding-bottom:60px;}
.banner .container .row .col-lg-12 p{ font-size:15px;}
.banner .container .row .col-lg-12 h1{ font-size:48px;}
.banner .container .row .col-lg-5 .d-flex .flex-grow-1{ font-size:12px;}
.banner .container .row .col-lg-5 .d-flex .flex-grow-1{ padding:6px 14px;}
.section .content{ padding-top:30px; padding-bottom:30px;}
.section .content ul li::before { top:50%; margin-top:-19px;}
.form-wrapper{ margin-top:0; margin-bottom:0;}
.section{ padding-bottom:30px;}
.bottom-section{ padding:30px 0;}
} 
/* END__ */