@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Adamina&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body { overflow-x: hidden;  font-family: "Montserrat", sans-serif;} 
a { text-decoration: none;}
p, .main-table ul li {font-size: 17px;color: #333333;margin: 0 0 10px 0;font-weight: 500;font-family: "Montserrat", sans-serif;line-height: 1.7;text-align: justify;}
.main-table ul {/* list-style: none; *//* margin: 0; *//* padding: 0; */}
.main-table ul li {/* display: flex; */} 
.main-table ul li i { color: #111; font-size: 21px; margin: 5px 10px 0 0;}

p, .main-table ol li {font-size: 17px;color: #333333;margin: 0 0 10px 0;font-weight: 500;font-family: "Montserrat", sans-serif;line-height: 1.7;text-align: justify;}
.main-table ol {list-style: number;margin: 22px;padding: 0;}
.main-table ol li {/* display: flex; */} 
.main-table ol li i { color: #111; font-size: 21px; margin: 5px 10px 0 0;}
h1, h2, h3, h4, h5, h6 { font-family: "Adamina", serif;}

.heading h2 { font-size: 32px; text-transform: uppercase; font-weight: 500; letter-spacing: .7px; position: relative; color: #212529; text-align: center; margin: 0 0 30px 0;}
.heading h2::after { content: ''; position: absolute; width: 100%; height: 1px; background: #212529; left: 0; top: 50%}
.heading h2 span { background: #fff; position: relative; z-index: 2; padding: 10px 20px;}
.custom-btn { display: inline-block; color: #141414; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; position: relative;}
.custom-btn::after { content: ''; position: absolute; width: 124px; height: 2px; background: #141414; bottom: 0; left: 0;}
.custom-btn i { font-size: 20px; margin: 0 0 0 5px; transition: all .3s ease-in-out;}
.custom-btn:hover { color: #4b4b4b;}
.custom-btn:hover i { margin: 0 0 0 12px;}

.banner-section video { filter: brightness(98%); width: 100%; height: 620px;}
.banner-section .banner-video { position: relative;}
.banner-section .banner-video .content {position: absolute; width: 80%; left: 10%; background: rgba(255, 255, 255, .6); top: 50%; transform: translate(0, -50%); padding: 45px; border-radius: 20px;}
.banner-section .banner-video .content h1 { font-size: 37px; font-weight: 700; color: #141414; margin: 0; line-height: 1.6; text-align: center;}

.about-section { padding: 6% 0;}
.about-section .heading h2 { text-align: left;}
.about-section .heading h2 span { padding: 10px 20px 10px 0;}

.tag-line { background: #141414; padding: 30px 0 20px 0;}
.tag-line p { color: #ebebeb; margin: 0; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; word-spacing: 8px;}

.flag-section { margin: 4% 0 0 0;}
.flag-section .flags img { width: 160px; margin: 0 15px;} 

.Objective-section { padding: 5% 0 7% 0;}
.Objective-section .objective-card { padding: 30px; border-bottom: 1px solid #212529;}
.Objective-section .objective-card .num { margin: 0 10% 0 0;}
.Objective-section .objective-card .num h4 { font-size: 32px;}
.Objective-section .objective-card .text p { font-size: 21px;}

footer .social-icon a { margin: 10px 14px;}
footer .social-icon a img { width: 45px;}
footer .copyright { margin: 7% 0 5% 0; border-top: 1px solid #cfcfcf;}
footer .copyright p {color: #4b4b4b; font-size: 15px; text-align: center;}
footer .copyright p a { color: #4b4b4b; text-transform: uppercase;}

.contact-info { background: #141414; padding: 25px; margin: 10px 0;}
.contact-info i { color: #fff; font-size: 30px;}
.contact-info h5 {color: #ececec; text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: 2px; }
.contact-info p, .contact-info p a { color: #fff; margin: 0; font-size: 15px; letter-spacing: .5px;}

@media (min-width: 320px) and (max-width: 768px) { 
    p, .main-table ul li { font-size: 15px;}
    .main-table ul li i { font-size: 17px;}
                                                                       
    .heading h2 { font-size: 21px; margin: 0 0 20px 0;}
    .heading h2 span { padding: 10px;}

    .banner-section video { height: 230px;}
    .banner-section .banner-video .content { padding: 15px;}
    .banner-section .banner-video .content h1 { font-size: 14px;}

    .tag-line { padding: 20px 0 10px 0;}
    .tag-line p { color: #ebebeb; margin: 0; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; word-spacing: 8px;}

    .flag-section .flags img { width: 60px; margin: 0 5px;} 

    .Objective-section .objective-card { padding: 20px;}
    .Objective-section .objective-card .num h4 { font-size: 27px;}
    .Objective-section .objective-card .text p { font-size: 17px;}

    footer .social-icon a { margin: 10px 5px;}
    footer .social-icon a img { width: 32px;}

    .contact-info { background: #141414; padding: 25px; margin: 10px 0;}
    .contact-info i { color: #fff; font-size: 30px;}
    .contact-info h5 {color: #ececec; text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: 2px; }
    .contact-info p, .contact-info p a { color: #fff; margin: 0; font-size: 15px; letter-spacing: .5px;}
}