@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{
    font-family: "Montserrat", sans-serif;
    margin: 0;padding: 0;
}
:root{
    --thm-font:  "Montserrat", sans-serif;
    --thm-base: #000000;
    --thm-base-light: #21283930;
    --thm-base2: #102039;
    --thm-base2-light: #10203920;
    --thm-black: #000000;
    --thm-black-ligth: #00000040;
    --thm-white: #ffffff;
    --thm-primary: #666666;
    /* --thm-gray: #999999;
    --thm-line: #ffffff30;
    --thm-section-bg: #2b2b2b;
    --thm-light: #c7c7c7;
    --thm-footer: #e2e2e2; */
}
h1,
h2,
h3,
h4,
h5,
h6,
p{ margin: 0; }
ul{ margin: 0; padding: 0; }
li{ list-style: none; }
h1{ font-size: 45px; font-weight: 600;} 
h2{ font-size: 30px; font-weight: 700;} 
h3{ font-size: 24px;} 
h4{ font-size: 20px; font-weight: 600;} 
h5{ font-size: 20px; font-weight: 600;} 
h6{ font-size: 14px;}
a{ color: var(--thm-black); text-decoration: none; font-weight: 400; transition: 0.5s;}
a:hover {color: var(--thm-base); }
.mb-80{ margin-bottom: 80px;}
.mt-80{ margin-top: 80px;}
.container{ max-width: 1450px;}

.btn { position: relative; font-size: 14px; text-transform: uppercase; text-decoration: none; padding: 12px 30px; display: inline-block; border-radius: 6px; transition: all .2s; border: none; font-family: inherit; font-weight: 600; color: #000000; background-color: #ffffff;}  
.btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); background-color: #ffffff;}
.btn:active { transform: translateY(-1px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.btn::after { content: ""; display: inline-block; height: 100%; width: 100%; border-radius: 6px; position: absolute; top: 0; left: 0; z-index: -1; transition: all .4s;}
.btn::after { background-color: #ffffff60;}
.btn:hover::after { transform: scaleX(1.2) scaleY(1.5); opacity: 0;}

.btn.style2 { color: #ffffff; background-color: var(--thm-base);}
.btn.style2:hover { background-color: var(--thm-base);}
.btn.style2::after { background-color: #00000060;}

.btn.style3 { color: #ffffff; background-color: #bb8747;}
.btn.style3:hover { background-color: #A8640F;}
.btn.style3::after { background-color: #A8640F60;}

.description{ font-size: 16px; font-weight: 500; margin-bottom: 15px; line-height: 1.6; color: var(--thm-primary);}
.heading{ font-size: 50px; margin-bottom: 15px; font-weight: 500; color: #000000;}
.heading2{ font-size: 35px; font-weight: 600; margin-bottom: 40px; text-transform: uppercase;}
.heading-desc{ font-size: 22px; font-weight: 600; line-height: 1.5; color: #A8640F;}

header{ display: flex; justify-content: space-between; align-items: center; padding: 10px 150px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; background-color: var(--thm-base);}
header .web-logo img{ max-width: 130px;}
header .nav .menu{ display: flex; gap: 40px; align-items: center;}
header .nav .menu li a{ font-weight: 600;}

.banner-section{ background-image: url(../images/banner-bg.webp); padding: 80px 0px;}
.banner-section .banner-content h1{ font-size: 70px; font-weight: 700; color: #000000;}
.banner-section .banner-content p{ font-size: 26px;}
.banner-section .banner-content p b{ color: #A8640F;}
.banner-section .banner-content .description{ font-size: 16px; margin: 25px 0px; padding-left: 20px; border-left: 6px solid #A8640F; border-radius: 7px;}
.banner-section .founder-img img{ border-radius: 20px; width: 100%;}

/* .banner-silder .owl-dots { text-align: center !important;}
.banner-silder .owl-dot { width: 18px; height: 4px; margin: auto; background-color: var(--thm-base2-light) !important; margin: 0 3px; margin-top: 60px !important; border-radius: 10px;}
.banner-silder .owl-dots .active { width: 30px; background-color: var(--thm-base2) !important;} */

/* .owl-nav { position: absolute; bottom: -70px; right: 100px;}
.owl-prev { margin: 0 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;}
.owl-next {  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;} */

.founder-img img{ border-radius: 20px; width: 100%;}

.banner-bottom-section{ background-color: var(--thm-base); padding: 80px 0px;}
.banner-bottom-section .banner-bottom-content h3{ color: #ffffff; font-weight: 600; font-size: 27px; margin-bottom: 10px;}
.banner-bottom-section .banner-bottom-content .description{ color: var(--thm-white);}
.banner-bottom-section .banner-bottom-content .banner-bottom-item{ padding: 30px 0px 0px 0px;}
.banner-bottom-section .banner-bottom-content .banner-bottom-item h4{ color: var(--thm-white); line-height: 1.4;}
.banner-bottom-section .banner-bottom-content .banner-bottom-item img{ max-width: 150px; border: 2px solid var(--thm-white); padding: 20px; border-radius: 50%; animation: rotate-btn 10s linear infinite;}
@keyframes rotate-btn{ to{ transform: rotate(360deg); } }

.about-section .about-heading{ display: inline-flex; align-items: center; gap: 5px; border-bottom: 1px solid var(--thm-base-light); padding-bottom: 2px;}
.about-section .about-heading img{ max-width: 60px;}
.about-section .about-heading h2{ font-size: 35px; text-transform: uppercase; font-weight: 500; color: #000000; }
.about-section .about-content .about-social .description{ font-size: 18px; color: #000000; margin-top: 20px;}
.about-section .about-content .about-social .social-media{ justify-content: left;}
.about-section .about-content .about-social .social-media a i{ background-color: #eeeeee; padding: 10px 12px; border-radius: 10px; transition: 0.7s; color: #000000;}
.about-section .about-content .about-social .social-media a:hover i{ background-color: var(--thm-base); color: var(--thm-white); transform: scale(1.05);}
.about-section .about-content .signature{ max-width: 180px;}

.work-section{ background-color: #f8f8f8; padding-top: 80px;}
.work-section .heading2{ display: inline-block; margin-bottom: 0px; border-bottom: 2px solid #bb874750; margin-left: 20px;}
.work-section .work-img-content img{ border-radius: 20px 20px 0px 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px;}
.work-section .work-img-content .work-content-items{ padding: 60px; background-color: var(--thm-base); border-radius: 0px 0px 20px 20px;}
.work-section .work-img-content .work-content-items .description{ font-size: 18px;}
.work-section .work-img-content .work-content-items  h6{ text-transform: uppercase; margin-top: 30px; color: var(--thm-white);}
.work-section .work-content{ padding: 60px;}
.work-section .work-content h3{ font-weight: 600; margin-bottom: 15px; color: #000000;}
.work-section.pb-100{ padding-bottom: 100px;}

.callToAction{ background-color: #10203910; padding: 40px 0px;}
.callToAction .description{ color: #000000; margin-bottom: 20px;}

.highlight-points-section{ padding: 80px 0px; background-color: #f4f3ef30;}
.highlight-points-section .highlight-container{ display: grid; gap: 30px; grid-template-columns: repeat(5, 1fr); padding: 0px 50px;}
.highlight-points-section .highlight-container .highlight-items{ background-color: #f4f3ef; padding: 15px; border-radius: 15px; border: 1px solid #bb874720; transition: 0.5s;}
.highlight-points-section .highlight-container .highlight-items:hover{ background-color: #ffffff; cursor: pointer;}
.highlight-points-section .highlight-container .highlight-items img{ max-width: 95px; margin: 20px 0px;}

.quote-section{ background-color: var(--thm-base);}
.quote-section .quote-img{ position: relative;}
.quote-section .quote-content{ padding-left: 50px;}
.quote-section .quote-content p:first-child{ color: #ffffff; font-size: 38px; margin-bottom: 15px; line-height: 1.3;}
.quote-section .quote-content p:first-child span{ font-weight: 600;}

.inspiring-section{ padding: 100px 0px; background-color: #f4f3ef;}
.inspiring-section .main-img img{ border-radius: 10px;}
.inspiring-section .inspiring-container{ background-color: #eeeeee; padding: 50px; border-radius: 10px; margin: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px;}
.inspiring-section .inspiring-container .heading2{ display: inline-block; margin-bottom: 15px; border-bottom: 2px solid #bb874740;}

.mission-section{ background-image: url(../images/mission-bg4.jpg); padding: 80px 0px; background-size: cover;}
.mission-section .mission-container{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 150px;}
.mission-section .mission-container .mission-items{ display: flex; gap: 10px; padding: 20px 0px 0px 0px; border-top: 1px solid #ffffff30;} 
.mission-section .mission-container .mission-items i{ font-size: 40px; color: var(--thm-white); color: #c29d4c;}
.mission-section .mission-container .mission-items h5{ color: #c29d4c; margin-bottom: 6px;}

/* .awards-section .rward-content{ border: 1px solid var(--thm-base-light); padding: 20px; margin: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;}
.awards-section .rward-content h5{ color: #c29d4c; margin-bottom: 20px; line-height: 1.5;}
.awards-section .rward-content img{ margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 8px;} */

.newsletter-section{ background-color: #f4f3ef; padding: 80px 0px;}
.newsletter-section .newsletter-container{ padding-right: 40px;}
.newsletter-section img{ width: 100%;}

.form-section { width: 100%; margin: auto;}
.form-section.form-section22{ padding: 25px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px; border-radius: 8px;}
.form-heading { font-size: 20px; color: var(--thm-base2); font-weight: 600;}
.form-control { display: block; margin-top: 3px; padding: 10px 15px; font-size: 14px; color: #eeeeee; background-color: var(--thm-white); background-clip: padding-box; border: 2px solid var(--thm-footer); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.form-select { border-radius: 0px; margin-top: 3px; padding: 10px 15px; font-size: 14px; border-radius: 4px; border: 2px solid var(--thm-footer); color: var(--thm-black);}
.form-select:focus { border: 2px solid var(--thm-color); box-shadow: rgba(151, 151, 151, 0.25) 0px 0px 0px 0.25rem;}
.form-control:focus { color: var(--thm-black); background-color: var(--thm-white); border: 2px solid var(--thm-color); outline: 0px; box-shadow: rgba(151, 151, 151, 0.25) 0px 0px 0px 0.25rem;}
.form-section button{ border: none; width: 100%;}

/* .partner-section{ padding: 80px 0px;}
.partner-section h5{ font-size: 30px; margin-bottom: 20px;}
.partner-section .points-container{ display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr);}
.partner-section .points-container .points-items{ display: flex; gap: 6px; align-items: center; padding: 15px; background-color: var(--thm-primary); color: #ffffff;} */

.footer-eq-section .footer-eq-container{ background-color: #f4f3ef; background: linear-gradient(180deg, #f4f3ef 0%, #f4f3ef 35%, #ffffff 100%); padding: 60px 60px 40px 60px; border-radius: 50px 50px 0px 0px;}
.footer-eq-section .footer-eq-container h2{ text-align: center; font-size: 35px; margin-bottom: 40px; padding: 0px 60px;}
.footer-eq-section .footer-eq-container h5{ font-weight: 700; margin-bottom: 20px;}
.footer-eq-section .footer-eq-container .footer-eq-form{ padding: 10px 30px;}


footer{ background-color: var(--thm-base);}
footer .upper-footer{ padding: 60px 0px 40px 0px; border-bottom: 1px solid #ffffff60;}
footer .upper-footer .footer-gird h4{ color: var(--thm-white); font-size: 30px; font-weight: 500; margin-bottom: 10px;}
footer .upper-footer .footer-gird a{ display: block; margin-bottom: 8px; font-size: 16px; color: var(--thm-white);}
footer .bottom-footer{ padding: 30px 0px;}
footer .bottom-footer img{ max-width: 80px; margin-bottom: 10px;}
footer .bottom-footer p{ color: var(--thm-white);}

.social-media{ display: flex; gap: 10px; align-items: center; justify-content: center;}
.social-media a i{ font-size: 20px; background-color: #ffffff50; color: #ffffff; padding: 8px 10px; border-radius: 8px; transition: 0.5s;}

.sticky { position: fixed; top: 0; width: 100%; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px; z-index: 1000; transition: 0.3s;}