/*
Theme Name: Lawkanat
Author: Andfun Yangon 
Description: A Customized Home Page for Lawkanat Myanmar Group Co., Ltd
Version: 1.0
Tags: Lawkanat
Text Domain: Lawkanat
*/

.container{
	max-width:1800px;
}

body {
    scroll-behavior: smooth;
	margin:auto;
}

.tab-container{
    width: 90%;
}

.logo img{
	width: 140px;
	height: auto;
	margin-top: 10px;
}

.home-banner{
    width: 100%;
	height:auto;
	position:relative;
}

.slider-container {
	overflow: hidden;
	width: 100%;
}

.slider {
	white-space: nowrap;
	transition: transform 0.5s ease-in-out;
}

.slider img {
	width: 100%;
	height: auto;
	display: inline-block;
}

.banner-description {
    display: none;
}

.banner-text{
    background-color: white;
    width: 80%;
    padding: 0 5%;
    padding-top: 5%;
    display: none;
	position:absolute;
}

.banner-text h3{
    color: #EEAE02;
    font-family: Raleway;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 18.5px; /* 205.556% */
    letter-spacing: 1.35px;
    text-transform: uppercase;
}

.banner-text p{
    color: #000;
    font-family: Raleway;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 18.5px; /* 185% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.service .service-container{
    width: 85%;
    margin: auto;
    background-color: #FFFFFF;
    position: relative;
    top: -60px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
	padding-bottom: 8%;
}

.service .service-container .service-info{
    background-color: white;
}

.service .service-container .service-info .service-title {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5%;
    height: 40%;
}

.service .service-container .service-info .service-title h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 20px;
    word-spacing: 2px;
    padding-bottom: 5%;
}

.service .service-container .service-info .service-title p {
    font-family: Poppins;
    font-size: 15px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.50);
    font-weight: 400;
    word-spacing: 2px;
    text-transform: capitalize;
    text-align: center;
}

.service .service-container .service-info .service-img-container {
    width: 100%;
    border-top: 5px solid #EEAE02;
    
}

.service .service-container .service-info .service-img-container img{
    width: 100%;
}

section.service{
    background-color: #FFFFFF;
}

#course_tag2{
	display:none;
}

.language{
    padding-bottom: 60px;
    background-color: #FFFFFF;
}

.language .language-top{
    width: 100%;
    height: 150px;
    background-color: #424242;
}

.language .language-top .title h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.6rem;
    word-spacing: 2px;
    padding: 32px 0;
    color: #FFFFFF;
}

.language .language-top .title h3::before{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: 20px;
    left: 220px;
}

.language .language-top .btn-container {
    display: flex;
}

.language .language-top .btn-container li {
    width: 190px;
    height: 60px;
    border: 0;
    background-color: #424242;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.6rem;
    word-spacing: 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}


.language .language-top .btn-container li img{
    display: none;
}

.language .courses-detail{
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

img.couse-detail-img{
	width:100%;
}

.language .course-detail{
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.language .course-detail .course-img{
    width: 100%;
}

.language .course-detail .course-about{
    display: flex;
    flex-direction: column;
    gap: 37px;
}

.language .course-detail .course-about .about-course{
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.language .course-detail .course-about .about-course p{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6rem;
    word-spacing: 2px;
    color: #000;
}

.language .courses-detail .course-detail h3{
    color: #000;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    letter-spacing: 3px;
}

.language .courses-detail .course-detail .course-description{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6rem;
    word-spacing: 2px;
}

.language .courses-detail .course-detail .course-duration-section{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.language .courses-detail .course-detail .course-duration {
    display: flex;
    align-items: center;
	flex-wrap:wrap;
}

.language .courses-detail .course-detail .course-duration p{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 2px;
    padding-left: 3%;
    color: #000;
}

.facebook-youtube-contaienr{
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.view-detail-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    width: 230px;
    height: 61px;
    background-color: transparent;
    border: 1px solid #EEAE02;
    border-radius: 30px;
    color: #000000;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1.5px;
    gap: 10px;
    transition: 0.5s;
}

.view-detail-btn:hover{
    background-color: #EEAE02;
	cursor:pointer;
}

.view-detail-btn img{
    transition-duration: 0.5s;
}

.btn-link .view-detail-btn{
    color: #FFFFFF;
}

.btn-link{
    color: #FFFFFF !important;
}

.course-btn{
	margin: 20px auto !important;
}

.course-btn a{
	color: #000000;
}

.bio-fertilizer{
    height: auto;
    background: url('assets/images/green-field-home.webp');
	background-repeat: no-repeat;
    flex-direction: column;
    display: flex;
    margin: auto;
}


.bio-fertilizer-background {
	border-radius: 40px;
	background: rgba(0, 0, 0, 0.30);
	backdrop-filter: blur(19.5px);
	padding: 10%;
}

.bio-fertilizer-content, .oil-industry-content {
    margin-left: 10%;
    padding: 10% 0;
}

.bio-fertilizer h3,.oil-industury h3{
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 100% */
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
}

.bio-fertilizer h3::after{
    content: '';
    width: 10%;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: 0;
    left: 102%;
}

.oil-industry-content h3::after{
    content: '';
    width: 10%;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: 0;
    left: 102%;
}

.bio-fertilizer .bio-fertilizer-content p, .oil-industury p{
    color: #ffffff;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.6rem;
    word-spacing: 2px;
    padding: 5% 0;
    text-align: justify;
}

/* .bio-fertilizer button, .oil-industury button{
    margin: 0 100px;
    border: 2px solid #EEAE02;
    background-color: transparent;
    border-radius: 50px;
    width: 244px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.oil-industury{
    height: auto;
    background: url('assets/images/oil-background.webp');
	background-size: cover;
	background-repeat: no-repeat;
}

.location{
    border: 0px solid #BDBDBD;
    background-color: #EEAE02;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
}
.get-in-touch{
    padding: 10% 0;
}

.get-in-touch > h3 {
    color: #FFF;
    text-align: center;
    font-family: Raleway;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    width: 70%;
    margin: auto;
}

.content-cotainer {
    border-radius: 37px 37px 0px 0px;
    background: rgba(255, 255, 255, 0.50);
}

.to-contact h3 {
    color: #000;
    font-family: Raleway;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 71.5px; /* 286% */
    letter-spacing: 3.75px;
    text-transform: uppercase;
}

.to-contact p{
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 125% */
    letter-spacing: 3.1px;
}

.to-contact p a{
	color:#000;
}

.to-contact p a:hover{
	color:#fff;
}

.footer-container{
    height: auto;
    display: flex;
    padding-bottom: 43px;
}

.to-contact {
    display: flex;
    justify-content: center;
    margin: auto;
}

.address {
    padding: 10% 0;
    border-right: 1px solid #eeAe02;
	width:50%;
}

.ph-number {
    padding: 10% 0;
    border-left: 1px solid #eeAe02;
	width:50%;
}

.location h3 {
    text-align: center;
}

footer .footer-right{
    width: 60%;
    height: auto;
    display: flex;
}

footer .footer-right .social-icons{
    width: 20%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
}

.social-icons-container{
    display: flex;
    align-items: center;
}

.social-icons-container li{
    padding-right: 20px;
}

footer .footer-right .social-icons .facebook::before{
    content: '';
    width: 2px;
    height: 159px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: -24px;
    left: 14px;
}

footer .footer-right .social-icons .twitter::after{
    content: '';
    width: 2px;
    height: 159px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: 16px;
    left: 13px;
}

footer .footer-right .footer-link{
    width: 80%;
}

footer .footer-right .footer-link{
    display: flex;
    align-items: center;
    padding-top: 40px;
	flex-wrap:wrap;
}

footer .footer-right .footer-link .footer-info{
    line-height: 20px;
	width:50%;
}

.blog-text-container {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

footer .footer-right .footer-link .footer-info h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 60px;
    letter-spacing: 1.5px;
    color: #FFFFFF;
    margin: 0;
}

footer .footer-right .footer-link .footer-info a{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6rem;
    word-spacing: 2px;
    display: inline;
    color: #FFFFFF;
    cursor: pointer;
    transition-duration: 0.5s;
}

footer .footer-right .footer-link .footer-info a:hover{
    color: #EEAE02;
}

footer .footer-left{
    width: 40%;
    height: auto;
    background-color: #424242;
}

footer .footer-left .form-container{
    width: 70%;
    height: auto;
    margin: auto;
}

footer .footer-left .form-container .form{
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    border-top: 6px solid #EEAE02;
    position: relative;
    bottom: 75px;
}

footer .footer-left .form-container .wpcf7-not-valid-tip{
    position: relative;
    bottom: 20px;
}

.footer-page a{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6rem;
    word-spacing: 2px;
    display: inline;
    color: #FFFFFF;
    cursor: pointer;
    transition-duration: 0.5s;
}

.footer-page a:hover{
    color: #EEAE02;
}

.form-container .form .form-title{
    padding: 14%;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 3.6px;
    color: #202020;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.form-container .form .form-contact{
    height: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    line-height: 2;
}

.btn-container .btn{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.btn-container button{
    color: #FFF;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 2.4px;
    text-transform: capitalize;
    border: 2px solid #EEAE02;
    background: #EEAE02;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 20% auto;
    cursor: pointer;
    padding: 9px 48px;
}

.input-container, .message-container
{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* Desktop View */

@media (min-width: 1200px) {
    .bio-fertilizer,
    .oil-industury{
        background-size: cover;
    }

    .phone{
        right: 100px;
    }

    .service .service-container .service-info .service-img-container {
        width: 100%;
    }

    .footer-left .form-container form input,
    .footer-left .form-container form textarea{
        margin: 10% auto;
    }
}

@media screen and (min-width: 763px) and (max-width: 1199px) {

    footer{
        background-color: #FFFFFF;
    }

    .footer-container {
        height: auto;
        background-color: #FFFFFF;
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
    }

    footer .footer-left {
        width: 100%;
        height: auto;
        background-color: #FFFFFF;
    }

    footer .footer-left .form-container {
        margin: 0 auto;
        width: 80%;
        position: unset;
        margin-top: 60px;
    }

    footer .footer-left .form-container .form{
        position: unset;
    }

    .company-section .company-container .blogs-container .blogs {
        width: 100%;
        margin-left: 100px;
    }

    footer .footer-right {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #424242;
        padding-bottom: 43px;
    }

    .phone p{
        text-align: center;
    }

    .phone p a{
        color: #424242 !important;
    }

    footer .footer-right .social-icons {
        width: 100%;
        align-items: center;
        justify-content: center;
        padding-top: 43px;
    }

    footer .footer-right .social-icons .facebook::before{
        content: '';
        width: 159px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        top: 15px;
        left: -168px;
    }
    
    footer .footer-right .social-icons .twitter::after{
        content: '';
        width: 159px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        top: -22px;
        left: 49px;
    }

    footer .footer-right .social-icons {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .twitter,.facebook{
        width: 4%;
    }

    footer .footer-right .footer-link {
        display: grid;
        align-items: flex-start;
        grid-template-columns: repeat(2, 1fr);
        margin: 0 auto;
    }

    .phone p{
        color: #424242 !important;  
        padding: 30px 0;      
    }


    footer .footer-right .footer-link .footer-info a {
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 12px;
        display: block;
        color: #FFFFFF;
    }

    footer .footer-right .footer-link .footer-info h3 {
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        font-size: 15px;
        color: #FFFFFF;
    }

    .bio-fertilizer .bio-fertilizer-content p, .oil-industury p {
        color: #ffffff;
        width: 100%;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 12px;
    }

    .bio-fertilizer-content, .oil-industry-content{
        margin:auto 10%;
    }

    .company-section .company-container .blogs-container .blogs,
    .company-section .company-container .blogs-container .student-count-section{
        padding: 0 10%;
    }

    .service .service-container .service-info .service-title h3 {
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
    }

    .service .service-container .service-info .service-title {
        text-align: unset;
        margin: 0 50px;
        height: 48%;
        display: flex;
        flex-direction: column;
        align-items: center;
/*         justify-content: center; */
        padding: 20px 0;
    }

    .language .courses-detail{
        margin: 20px 100px 0 100px;
    }

    .language .courses-detail .course-detail h3 {
        color: #000;
        font-family: Raleway;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 100% */
        letter-spacing: 3px;
        text-transform: capitalize;
        padding-bottom: 10px;
    }

    .language .courses-detail .course-detail .course-duration p {
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        font-size: 12px;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .language .courses-detail .course-detail .course-duration {
        display: flex;
        gap: 10px;
    }

    .view-detail-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        width: 225px;
        height: 61px;
        border: 1px solid #EEAE02;
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 1px;
    }

    .language .language-top .btn-container{
        margin: 0 100px;
    }

    .company-section .company-container .company-top h2{
        margin: 0 100px;
        width: 54%;
    }

    .company-section .company-container .company-top div h3{
        margin: 0 100px;
        width: auto;
    }
    

    .form-container .form .form-title {
        padding: 33px 0;
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        font-weight: 800;
        letter-spacing: 3px;
        color: #202020;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .language .language-top .title h3{
        padding: 32px 100px;
    }
}

@media screen and (max-width: 765px) {

    header .top-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: auto !important;
        position: fixed;
        z-index: 1004;
        top: 0;
        width: 100%;
    }

    .home-banner, .about-banner, .course-banner {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .home-banner{
        align-items: flex-end !important;
    }

    .banner-text{
        display: block;
    }
	
	section.service{
		margin-top:35px;
	}

    .banner-description {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 27px 2px;
        background: rgba(66, 66, 66, 0.5);
        color: #FFF;
        text-align: center;
        font-family: Raleway;
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 240% */
        letter-spacing: 1.5px;
        text-transform: uppercase;
        width: 70%;
    }

    .dropdown-contant {
        display: none;
        position: unset !important;
        text-align: center !important;
        background-color: #FFFFFF;
        padding: 0 10px;
        top: 63px;
        width: 100% !important;
    }

    .sub-dropdown-contant {
        display: none;
        position: unset !important;
        background: white;
        width: 100%;
        text-align: center;
    }

    .line{
        margin: auto;
    }

    .location-title{
        font-size: 10px;
        line-height: 1rem;
        text-align: center;
        width: 100%;
        padding: 0 10%;
        letter-spacing: 2px;
    }

    .footer-container {
        height: 1200px;
        background-color: #424242;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    footer .footer-left {
        width: 100%;
        background-color: #FFFFFF;
    }

    footer .footer-left .form-container {
        width: 100%;
        background-color: #EEAE02;
        height: 100%;
        position: unset;
    }

    footer .footer-right {
        width: 100%;
        height: 700px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    footer .footer-right .social-icons {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    footer .footer-right .social-icons .facebook::before{
        content: '';
        width: 100px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        top: 12px;
        left: -120px;
    }
    
    footer .footer-right .social-icons .twitter::after{
        content: '';
        width: 100px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        top: -12px;
        left: 49px;
    }

    footer .footer-right .social-icons {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .twitter,.facebook{
        width: 5%;
    }

    footer .footer-right .footer-link {
        display: grid;
        align-items: flex-start;
        grid-template-columns: repeat(2, 1fr);
        margin: 0 auto;
    }

    footer .footer-right .footer-link {
        display: grid;
        align-items: flex-start;
        grid-template-columns: repeat(1, 1fr);
        margin: 0 auto;
        text-align: center;
    }

    .language .course-detail .course-about .about-course{
        margin-bottom: 9px;
    }

    .language .course-detail .course-about .about-course p{
        font-size: 8px;
        line-height: 15px;
        letter-spacing: 1px;
        color: #000000;
    }

    .language .courses-detail .course-detail .course-duration-section{
        gap: 5px;
        margin-bottom: 15px;
    }

    .company-section .company-container .blogs-container .student-count-section .student-count {
        width: 100% !important;
    }

    .language{
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 0px;
        padding-bottom: 40px;
    }

    .view-detail-btn{
        font-size: 10px;
        font-weight: 600;
        height: 37px;
        margin: 0;
    }

    .view-detail-btn img {
        width: 15%;
    }

    .view-detail-btn {
        width: 170px;
    }

    .allview-btn-cotainer{
        padding: 0 !important;
        display: flex;
        margin-left: 0;
    }

    .bio-fertilizer, .oil-industury{
        background-position: center;
        display: flex;
        flex-direction: column;
        gap: 26px;
    }

    .bio-fertilizer .bio-fertilizer-content p, .oil-industury p{
        font-size: 8px;
        padding: 10% 0;
        line-height: 1rem;
    }

    footer .footer-left .form-container .wpcf7-not-valid-tip{
        position: unset;
    }

    .bio-fertilizer .bio-fertilizer-content h3, .oil-industury h3 {
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        line-height: 15px;
    }

    .phone {
        /* position: relative !important; */
        display: flex;
        justify-content: center;
        top: 699px !important;
    }

    .service .service-container {
        width: 80%;
        margin: auto;
        background-color: #FFFFFF;
        position: unset;
        top: -58px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .service .service-container .service-info {
        background-color: white;
        display: flex;
        flex-direction: column;
        gap: 0px !important;
        border-top: 7px solid #EEAE02 ;
    }

    .service-info .service-title h3 {
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 10px !important;
        line-height: 20px;
        letter-spacing: 1px !important;
    }

    .logo img{
        width: 60px;
    	height: auto;
    }

    header .top-nav .logo .logo-text a p{
        font-family: 'Montserrat', sans-serif;
        font-size: 12px !important;
        font-weight: 800;
        letter-spacing: -1px;
        color: #EEAE02;
    }

    .service .service-container .service-info .service-title {
        padding: 10% 0;
        gap: 10px;
    }

    .service .service-container .service-info .service-img-container{
        border: 0;
    }

    .service .service-container .service-info .service-title p {
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 8px;
        line-height: 15px;
        letter-spacing: 0.8px;
        color: rgba(0, 0, 0, 0.50);

    }

    .service .service-container .service-info .service-img-container{
        background-color: #FFFFFF;
    }

    .language .language-top{
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin-bottom: 20px;
		height: 115px;
    }

    .radio-container{
        margin: 0 10% !important;
    }

    .language .language-top .btn-container{
        margin: 0 10%;
    }

    .language .language-top .title h3 {
        font-size: 10px;
        letter-spacing: 1.5px;
        padding: 0px;
        padding-top: 30px !important;
        margin: 0 10%;
    }

    .language .language-top .title h3::before {
        top: 18px;
        left: 140px;
        width: 20px;
    }

    .language .language-top .btn-container li {
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1.5px;
        width: 136px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .language .language-top .btn-container li {
        background-color: #FFFFFF;
        color: #000000;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .language .language-top .btn-containerbutton img{
        display: block;
    }
    .language .language-top .btn-container .normal-btn {
        border: 1px solid #FFFFFF;
        display: none;
    }

    .language .courses-detail{
        grid-template-columns: 1fr;
        margin-top: 0px !important;
    }

    .language .course-detail{
        background: var(--white, #FFF);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        width: 80%;
        margin: auto;
    }

    .language .courses-detail .course-detail h3{
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.7px;
        line-height: 0px;
    }

    .language .courses-detail .course-detail .course-description br {
        display: none;
    }

    .language .courses-detail .course-detail .course-description {
        color: rgba(0, 0, 0, 0.70);
        /* paragraph */
        font-family: Poppins;
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px; /* 187.5% */
        letter-spacing: 0.8px;
        text-transform: capitalize;
    }

    .language .course-detail .course-about {
        margin: 0 7px ;
        gap: 7px;
    }

    .language .courses-detail .course-detail .course-duration p {
        font-size: 8px;
        font-weight: 600;
        letter-spacing: 1.2px;
        line-height: 0px;
    }
    .language .courses-detail .course-detail .course-duration img {
        width: 4%;
    }

    .language .courses-detail .course-detail .course-duration{
        gap: 10px;
    }

    .radio-container label,
    .language .language-top .btn-container .active-btn{
        padding: 7px 43px;
    }

    .school-location-city{
        width: auto;
        margin: auto;
    }

    .school-location-title{
        font-size: 10px;
    }

    .address-title{
        font-size: 10px;
    }

    .school-address{
        flex-direction: column;
        gap: 11px;
    }

    .school-address-container {
        padding-top: 39px;
    }

    .school-location-address{
        width: auto;
        text-align: center;
        gap: 10px;
    }

    

    .school-location-address p{
        font-size: 8px;
        font-weight: 400;
        letter-spacing: 0.8px;
    }

    .school-addresses-container{
        padding-bottom: 54px;
    }

    .location {
        background-size: 228%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .company-top{
        padding: 10% 0;
        gap: 10px !important;
    }

    .company-section .company-container .company-top h3{
        font-size: 10px !important;
        font-weight: 700 !important;
        letter-spacing: 1.5px !important;
        text-transform: uppercase;
        line-height: normal;
        margin: auto 10%;
    }

    .company-section .company-container .company-top h2 {
        font-size: 8px !important;
        font-weight: 700 !important;
        letter-spacing: 0.8px !important;
        text-transform: uppercase;
        line-height: normal !important;
    }

    .company-section .company-container .company-top h3::after {
        width: 20px !important;
        left: 100px !important;
        bottom: 4px !important;

    }

    .company-section .company-container .company-top h2{
        width: 60%;
        font-family: 'Raleway', sans-serif;
        font-weight: 800;
        font-size: 15px;
        color: #FFFFFF;
        letter-spacing: 3.6px;
        margin: 0 10%;
        text-transform: uppercase;
    }

    .company-section .company-container .company-top{
        height: auto !important;
    }

    .company-section .company-container .blogs-container .blogs .explaining-sentence{
        padding: 0 !important;
        font-size: 8px !important;
        font-weight: 400 !important;
        letter-spacing: 0.8px !important;
        line-height: normal !important;
        padding-top: 17px !important;
    }

    .company-section .company-container .blogs-container {
        display: flex;
        flex-direction: column !important;
        height: auto !important;
        gap: 43px;
    }

    .blogs{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 17px;
    }

    .blog{
        display: flex;
        gap: 12px;
    }

    .blog-banner{
        padding-top: 0 !important;
    }

    .blog-main .blog-card{
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .blog-card{
        flex-direction: row !important;
        align-items: center;
    }

    .blog-info .blog-text{
        line-height: 15px !important;
    }


    .company-section .company-container .blogs-container .blogs .blog-collections .blog img{
        width: 100% !important;
    }


    .company-section .company-container .blogs-container .blogs .blog-collections .blog h3 {
        margin: 0 !important;
        font-size: 10px !important;
        font-weight: 600;
        letter-spacing: 0.7px !important;
    }

    .blog-info{
        display: flex;
        flex-direction: column;
        gap: 1px !important;
    }

    .blog-card .date img{
        width: 15%;
    }

    .blog-img{
        height: 90%;
        width: 40%;
    }

    .blog-text-container{
        width: 60%;
    }

    .blog-img img{
        height: 100%;
    }

    .blog-main .categore-date{
        display: flex !important;
        justify-content: space-between !important;
        width: 100%;
    }

    .categore-date{
        align-items: center !important;
        display: none !important;
    }

    .company-section .company-container .blogs-container .blogs .blog-collections{
        margin-bottom: 40px;
    }

    .company-section .company-container .blogs-container .blogs .blog-collections .blog p,
    .company-section .company-container .blogs-container .blogs .blog-collections .blog p a{
        font-size: 8px !important;
        line-height: 15px !important;
        letter-spacing: 0.8px !important;
        text-transform: capitalize;
    }

    .company-section .company-container .blogs-container .student-count .student-count-card{
        margin-bottom: 0px !important;
    }

    .company-section .company-container .blogs-container .student-count .student-count-card h3{
        font-size: 30px !important;
        font-weight: 700 !important;
        letter-spacing: 2.4px !important;

    }

    .company-section .company-container .blogs-container .student-count .student-count-card .student-count-title,
    .company-section .company-container .blogs-container .student-count .student-count-card .student-count-titles{
        font-size: 8px !important;
        font-weight: 700 !important;
        letter-spacing: 1.2px !important;
    }

    .company-section .company-container .blogs-container .student-count .student-count-card .student-count-discretion,
    .student-count-discretions{
        font-size: 8px !important;
        font-weight: 400 !important;
        letter-spacing: 0.8px !important;
    }

    .student-conunt-container{
        display: flex;
        flex-direction: column;
        gap: 28px;
        height: auto;
        align-items: center;
        justify-content: center;
        border-top: 10px solid #EEAE02;
    }

    .company-section .company-container .blogs-container .student-count-section .student-count{
        height: auto !important;
        margin-bottom: 50px !important;
    }

    .company-section .company-container .blogs-container .student-count-section .student-count {
        background-color: #FFFFFF !important;
    }

    .facebook-youtube{
        border-top: 5px solid #EEAE02;
    }

    .facebook-youtube-contaienr{
        padding-top: 50px;
    }

    footer{
        background-color: #FFFFFF !important;
    }

    .footer-container {
        background-color: #FFFFFF !important;
        height: auto;
        padding: 0;
    }

    footer .footer-right {
        background-color: #424242;
        height: auto;
        padding: 10% 0;
    }

    footer .footer-left .form-container {
        background-color: #FFFFFF;
    }

    .form-container .form .form-title{
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 2.4px;
        padding: 0px;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .phone p{
        color: #000 !important;
        padding-bottom: 40px !important;
    }

    #label_name_element, #label_email_element, #label_text_element{
        margin-top: 20px !important;
    }

    footer .footer-left .form-container .form{
        position: unset;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 0px;
        width: 80%;
        margin: auto;
    }

    footer .footer-right .footer-link .footer-info h3{
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1.5px;
    }

    footer .footer-right .footer-link .footer-info a{
        font-size: 8px;
        font-weight: 400;
        letter-spacing: 0.8px;

    }

    .form-container .form form label{
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1.5px;
    }

    .form-container .form form .message{
        padding: 0px;
    }

    .input-container, .message-container{
        width: 75%;
        align-items: flex-start;
        position: relative;
    }

    .form-container .form form input, .form-container .form form textarea {
        width: 100%;
    }

    .form-container .form .form-contact{
        gap: 26px;
    }

    .footer-title {
        justify-content: center;
    }

    .company-section .company-container .blogs-container {
        padding-bottom: 0 !important;
        gap: 0px;
    }

    .social-container {
        margin: 10% 0;
    }

    .radio-container label i {
        display: block !important;
    }

    .label {
        font-size: 10px !important;
    }

    .title .btn-container .active-btn {
        font-size: 10px !important;
    }

    .course-detail button {
    font-size: 8px !important;
    text-transform: capitalize;
    }

    .blog-info .blog-title{
        font-size: 10px !important;
        font-weight: 600 !important;
        letter-spacing: 0.7px !important;
    }

    .blog-info .blog-text,.blog-readmore a{
        font-size: 10px !important;
        font-weight: 400 !important;
        letter-spacing: 0.7px !important;
    }

    .bio-fertilizer-content, .oil-industry-content{
        margin: auto !important;
    }

    .content-cotainer{
        border-radius: 15px 15px 0 0;
    }

    .get-in-touch > h3{
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        line-height: 15px;
    }

    .to-contact h3{
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1.5px;  
        line-height: 3;
    }

    .to-contact p{
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 0.7px;
        line-height: normal;
    }
}

@media screen and (max-width: 800px) {
    .service .service-container .service-info .service-title h3 {
        font-size: 18px;
        text-align: center;
    }
}

@media screen and (max-width:550px) {
    .service .service-container .service-info .service-title h3 {
        color: #000;
        /* Sub Title */
        font-family: Raleway;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.7px;
        text-transform: capitalize;
        padding-bottom: 0 !important;
    }
}

@media screen and (max-width: 900px) {
    .menu-lists, .social-icons {
        gap: 20px !important;
    } 
    
    .service .service-container .service-info .service-title h3 {
        padding-bottom: 0 ;
    }
}

.bio-fertilizer-content-title, .oil-industry-content-title {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.service-line {
    margin-left: 1%;
    margin-bottom: 0.2%;
    background: #eeAe02;
    width: 40px;
    height: 1px;
    display: none;
}
/* radio tab buttons */

.radio-container {
    display: flex;
    align-items: center;
    margin: 0 100px                                 ;
}

.radio-button {
display: none;
}

label {
padding: 20px 44px;
color: white;
cursor: pointer;
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 100% */
letter-spacing: 3px;
text-transform: uppercase;
display: none;
}

.label.training {
    display: inline-block;
    background-color: #FFFFFF;
    color: #424242;
    cursor: auto;
}

.radio-button:checked + label {
background-color: white;
color: black;
}

.radio-button:not(:checked) + .label.active {
background-color: #424242;
color: white;
}


/* home footer form */

.form-group {
position: relative;
margin-bottom: 20px;
}

.form-label {
position: absolute;
top: 0;
left: -13px;
margin: 10px;
pointer-events: none;
transition: transform 0.3s;
color: #424242;
font-family: Raleway;
font-size: 9px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 222.222% */
letter-spacing: 1.35px;
text-transform: uppercase;
}

.form-input {
width: 100%;
padding: 15px;
border: none;
border-bottom: 1px solid #ccc;
background-color: transparent;
transition: border-color 0.3s;
color: #424242;
font-family: Raleway;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 153.846% */
letter-spacing: 1.95px;
text-transform: uppercase;
}

.form-input:focus {
border-color: #EEAE02;
outline: none;
background: none;
}

.form-input:focus + .form-label,
.form-input:not(:placeholder-shown) + .form-label {
transform: translateY(-20px);
}

form {
width: 80%;
margin: auto;
position: relative;
}

.to-top.appear {
    bottom: 32px;
    pointer-events: auto;
    opacity: 1;
}

.to-top {
    background-color: #EEAE02;
    position: fixed;
    bottom: 16px;
    right: 32px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: black;
    text-decoration: none;
    opacity: 0;
    pointer-events: none;
    transition: all 1s;
    scroll-behavior: smooth;
}

.to-top i {
    color: #000;

}

.footer-title {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.after-line-ob::after{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    bottom: 23px;
    left: 180px;
}

.title-footer::before{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: 20px;
    left: 100px;
}

.title-footer-one::before{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: 20px;
    left: 200px;
}

.title-footer-two::before{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: 20px;
    left: 140px;
}

.after-line-ls::after{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    bottom: 23px;
    left: 250px;
}

.after-line-as::after{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    bottom: 23px;
    left: 130px;
}

.blog-banner {
    padding-top: 2%;
}

.course-detail button {
    width: 100%;
    height: 37px;
    border: 1px solid #EEAE02;
    background-color: transparent;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem;
    word-spacing: 2px;
    cursor: pointer;
}

.course-detail button:hover{
    background-color: #EEAE02;
}

.course-detail .img{
    width: 100%;
}

.course-detail .active {
    background: #EEAE02;
}

.language .sub-title {
    color: #000;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 3px;
    text-transform: capitalize;
    padding: 3% 0;
}

.radio-container label i {
    display: none;
}

.radio-container label {
    display: flex;
}



/* Custom style */


header .top-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 122px;
    background-color: #FFFFFF;
}

.link-container{
    width:auto;
}

header .top-nav .logo{
    display: flex;
	align-items: center;
    width: 100%;
}

header .top-nav .logo .logo-text a p{
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -1px;
    color: #EEAE02;
}

.dropdown-contant{
    display: none;
    position: absolute;
    /* text-align: start; */
    background-color: #FFFFFF;
    /* padding: 0 10px; */
    top: 46px;
    left: 151px;
    z-index: 1;
}

.dropdown-contant a, 
.dropdown-contant p{
    display: block;
    padding: 20px;
    display: flex;
    transition-duration: 0.5s;
}

.dropdown-contant p:hover{
    background-color: #EEAE02;

}

.dropdown-contant a:hover{
    background-color: #EEAE02;
}

.dropdown-contant img{
    width: 14px;
}

.sub-dropdown-contant{
    display: none;
    position: absolute;
    background: white;
    left: 100%;
    width: 100%;
    top: -1px;
    text-align: center;

}

/* header .top-nav .logo img{
    width: 300px;
} */

header .top-nav .courses {
    width: 50%;
    text-align: end;
}

header .top-nav .courses button {
    background-color: #EEAE02;
    width: auto;
    height: auto;
    border: none;
    outline: none;
    color: var(--White, #FFF);
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.1px;
    text-transform: capitalize;
    cursor: pointer;
    padding: 11px 13px;
    transition-duration: 0.5s;
}

header .top-nav .courses button:hover{
    background-color: transparent;
    color: #EEAE02;
    border: 1px solid #EEAE02;
}

header .underline{
    border-top: 1px solid #D9D9D9; 
}

header .navbar{
    height: 79px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    background-color: #FFFFFF;
    position: relative;
}

header nav .menu {
    display: flex;
    justify-content: center;
    text-align: center;
}

header nav .menu .menu-lists,
header nav .social .social-icons{ 
    display: flex;
    justify-content:space-between;
    text-align: center;
    gap: 37px;
    align-items: center;
}


header nav .menu .menu-list a{
    color: #000000;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

header nav .menu .menu-list p{
    color: #000000;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}

header nav .menu .menu-link:hover{
    color: #EEAE02;
}

.sub-link{
    display: flex;
    align-items: center;
    justify-content: center;
}

section.banner-section{
    height: 969px;
}

div.banner{
    background: url('assets/img/banner.webp') no-repeat center/cover ;
    height: 492px;
    clear: both;
}

div.banner .services{
    background-color: #FFFFFF;
    height: auto;
    width: 71% ;
    margin: 0 auto;
    position: relative;
    top: 27em;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

div.banner .services .language,
div.banner .services .employment{
    background: rgb(255, 255, 255);
    
}

div.banner .services div .description-info{
    height: 142px;   
    text-align: center;
    
}

div.banner .services div .description-info h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 24px;
    padding: 22px 0;
}
div.banner .services div .description-info p{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    word-spacing: 2px;
}

div.banner .services div .description-img{
    height: 320px;
    background: #EEAE02;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

}

div.banner .services div .description-img img{
    height: 98%;
    align-self: flex-end;   
    width: 100%;
}

/* course-section */

.courses-section .course-top-section{
    width: 100%;
    height: 100%;
    background-color: #424242;
}

.courses-section .course-top-section .course-title{
    font-family: 'Raleway', sans-serif; 
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 3px;
    margin: 0 100px; 
    padding: 50px 0;
}

.courses-section .course-top-section .course-title::after{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    left: 131px;
    bottom: 10px;

}

.courses-section .course-top-section .course-btn{
    position: relative;
    top: 0px;
    margin: 0 100px;
}

.courses-section .course-top-section .course-btn button{
    width: 190px;
    height: 60px;
    border: 0;
    font-family: 'Raleway', sans-serif; 
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 3px;
    color: #424242;
}

.courses-section .course-top-section .course-btn .course-tag-btn {
    cursor: pointer !important;
    background-color: #FFFFFF;
}

.courses-section .course-top-section .course-btn .normal-btn{
    background-color: #424242;
    color: #FFFFFF;
}

.courses-section .course-info {
    display: grid;
    grid-template-columns:repeat(3, 1fr) ;
    margin: 0px 100px 100px; 
    column-gap: 20px;
    row-gap: 20px;
}

.courses-section .course-info .course{
    width: 100%;
}

.courses-section .course-info .course h3{
    font-family: 'Raleway', sans-serif; 
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 3px;
    padding: 32px 0;
}

.courses-section .course-info .course p{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6rem;
    word-spacing: 2px;
}

.courses-section .course-info .course-description{
    padding-bottom: 32px;
}

.courses-section .course-info .course .course-about{
    display: flex;
    gap: 20px
    ;
}

.courses-section .course-info .course .course-about p{
    /* padding-bottom: 15px; */
    font-family: 'Raleway', sans-serif; 
    font-weight: 600;
}

.courses-section .course-info .course .course-img{
    width: 100%;
}

.courses-section .course-info .course button{
    width: 100%;
    height: 48px;
    font-family: 'Raleway', sans-serif; 
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 3px;
    background-color: #EEAE02;
    border: 0;
    text-align: center;
    margin: 15px 0;
}
/* location-section */

/* company-section */

.company-section{
    background-color: #FFFFFF;
}

.company-section .company-container .company-top{
    width: 100%;
    height: auto;
    background: #424242;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
}

.company-section .company-container .company-top div h3 {
    font-family: 'Raleway', sans-serif; 
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 3px;  
    width: auto;
}

.company-section .company-container .blogs-container{
    height: auto;
    display: flex;
    flex-direction: row;
}

.company-section .company-container .blogs-container .blogs{
    width: 60%;
}

.company-section .company-container .blogs-container .blogs .explaining-sentence{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;
    word-spacing: 2px;
    line-height: 1.6rem;
    padding: 22px 0;
}

.company-section .company-container .blogs-container .blogs .blog-collections{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5%;
}

.company-section .company-container .blogs-container .blogs .blog-collections .blog img{
    width: 100%;
}

.company-section .company-container .blogs-container .blogs .blog-collections .blog h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 2.25px;
    margin: 5px 0;
}

.company-section .company-container .blogs-container .blogs .blog-collections .blog p{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 11px;
    width: 90%;
    line-height: 1.6rem;
    word-spacing: 2px;
}

.company-section .company-container .blogs-container .blogs .blog-collections .blog a{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #EEAE02;
    letter-spacing: 1.2px;
    line-height: 20px;
}

.company-section .company-container .blogs-container .student-count-section{
    width: 40%;
    display: flex;
    justify-content: center;
}

.company-section .company-container .blogs-container .student-count-section .student-count{
    width: 70%;
    height: auto;
    text-align: center;
    position: relative;
    top: -104px;
    margin: 0 auto;
}

.company-section .company-container .blogs-container .student-count .student-conunt-container{
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-top: 5px solid #EEAE02 !important;
    border: none;
    padding-top: 15%;
    padding-bottom: 60px;
}

.company-section .company-container .blogs-container .student-count .student-count-card{
    margin-bottom: 56px;
}

.company-section .company-container .blogs-container .student-count .student-count-card h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: 48px;
    letter-spacing: 0.96px;
    color: #EEAE02;
}

.company-section .company-container .blogs-container .student-count .student-count-card p{
    color: #000;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 200% */
    word-spacing: 2px;
    text-transform: capitalize; 
}

.company-section .company-container .blogs-container .student-count .student-count-card p a{
	color:#000;
}

.company-section .company-container .blogs-container .student-count .student-count-card .student-count-title{
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: 15px;
    letter-spacing: 2.25px;
    color: #EEAE02;
    text-transform: uppercase;
}

.company-section .company-container .blogs-container .student-count .student-count-card .student-count-discretion{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;
    word-spacing: 2px;
    line-height: 1.6rem;
    color: #000000;
}

.company-section .company-container .blogs-container .student-count .student-count-card .student-count-titles{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 2.25px;
    color: #EEAE02;
    text-transform: uppercase;

}
.company-section .company-container .company-top h3::after{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    left: 190px;
    bottom: 10px;
}

.company-section .company-container .company-top h2 {
    font-family: 'Raleway', sans-serif; 
    font-weight: 800;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 1.8px;
    text-transform: capitalize;
    padding-bottom: 38.4px;
}

/* Footer */

footer{
    background-color: #424242;
}

footer section.footer-section{
    margin: 0 100px;
}

footer .footer-blank{
    height: 63px;
}

footer .top-footer{
    display: flex;
}

footer .top-footer .footer-form-container{
    width: 40%;
    display: flex;
    justify-content: center;
}

footer .top-footer .footer-form-container .footer-left{
    width: 70%;
    position: relative;
    top: -50px;
}

footer .top-footer .footer-form{
    background: #EEAE02;
    width: 100%;
    height: 557px;
    position: relative;
    right: 0.39em;
    top: -4em;
}

footer .top-footer .footer-form .form-container{
    height: 98%;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 37px;
}

footer .top-footer .footer-form .form-container .form-title{
    padding-bottom: 33px;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 3.6px;
    color: #202020;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .top-footer .footer-form .form-container .form-contact{
    height: 50%;
}

footer .top-footer .footer-form .form-container form{
    height: 457px;
}

#wpcf7-f7-o1{
    display: flex;
}

.contact-page #label_name_element, 
.contact-page #label_email_element, 
.contact-page #label_text_element{
    color: #FFF;
    font-size: 13px;
    margin-top: 0px ;
}

.wpcf7-form-control-wrap{
    position: unset;
}

#label_name_element, #label_email_element, #label_text_element{
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    color: #424242;
    font-size: 13px;
    letter-spacing: 1.95px;
    display: block;
    width: 100%;
    position: absolute;
    transition-duration: 0.5s;
    margin-top: 20px;
}

.form-container form input, .form-container form textarea{
	background:transparent;
}

footer .footer-left .form-container .wpcf7-not-valid-tip{
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    color: #ff0000;
    font-size: 13px;
    letter-spacing: 1.95px;
}

footer .top-footer .footer-form .form-container form .message{
    bottom: -41px;
    padding-bottom: 35px;
}

footer .top-footer .footer-form .form-container form label:focus{
    bottom: 0;
}

.form-container form input
,.form-container form textarea{
    width: 100%;
    border: none;
    outline: 0;
    border-bottom: 1px solid #424242;
    color: #424242;
    font-family: Raleway;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 153.846% */
    letter-spacing: 1.95px;
    margin-top: 10%;
}

footer .top-footer .form-container form input:focus,
footer .top-footer .form-container form textarea:focus{
    border-bottom: 1px solid #EEAE02;
}

.input-field:focus + label {
    margin-top: -10% !important;
    font-size: 12px;
}

footer .top-footer .footer-form .form-container form .btn{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40%;
}

footer .top-footer .footer-form .form-container form .btn button{
    height: 58px;
    width: 190px;
    border-radius: 50px;
    border: 2px solid #EEAE02;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

footer .top-footer .footer-info{
    height: 557px;  
    width: 67%; 
    display: flex;
    justify-content: flex-start;
}

.footer-social {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer-social .facebook-white::before{
    content: '';
    width: 2px;
    height: 158px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: -20px;
    left: 13px;
}
.footer-social .twitter-white::after{
    content: '';
    width: 2px;
    height: 158px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    bottom: -20px;
    left: 13px;
}

footer .top-footer .footer-info .footer-contact {
    width: 80%;
    letter-spacing: 1.8px;
}

footer .top-footer .footer-info .footer-contact .footer-link{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

footer .top-footer .footer-info .footer-contact .footer-link h3{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    padding-top: 85px;
    padding-bottom: 15px;
    word-spacing: 1.6rem;

}

footer .top-footer .footer-info .footer-contact .footer-link .footer-about{
    line-height: 20px;
}

footer .top-footer .footer-info .footer-contact .footer-link .footer-about p{
    line-height: 30px;
}

footer .top-footer .footer-info .footer-contact .footer-link .footer-about h3::after{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    left: 140px;
    top: -10px;
}

footer .top-footer .footer-info .footer-contact .footer-link .footer-courses h3::after{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    left: 130px;
    top: -10px;
}

footer .top-footer .footer-info .footer-contact .footer-link  a{
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #FFFFFF;
}


.phone p{
    font-family: 'Poppins', sans-serif; 
    font-weight: 400;
    font-size: 15px;
    color: white;
    margin: 0;
    word-spacing: 2px;
    text-align: center;
}

.phone p a{
    color: #FFF;
}

.copyright{
    text-align: center;
    background-color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .copyright p{
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.5px; /* 232.143% */
    word-spacing: 2px;
}

.fixed{
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
	max-width:1800px;
	left:0;
	right:0;
	margin:auto;
}

.nav-container{
    width: 90%;
    margin: auto;
}

.logo-fixed img{
    width: 110px;
    height: auto;
}

.nav-fixed .logo-fixed{
    display: none;
    align-items: center;
    width: 30%;
}

.nav-fixed .logo-fixed .logo-text p{
    font-family: Montserrat;
    font-size: 15px;
    word-spacing: 2px;
    color: #EEAE02;
    font-weight: 800;
}

.nav-mobile {
    display: none;
    margin-right: 100px;
    background: transparent;
    cursor: pointer;
}



@media only screen and (min-width : 1200px) {
    .container{
        width: 90%;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    /* .container{
        width: 80%;
    } */
}

@media only screen and (min-width : 1156px) {
    .courses-section .course-top-section .course-btn{
        position: relative;
        top: 0px;
        width: 90%;
        display: flex;
    } 

    footer .top-footer .footer-form{
        background: #EEAE02;
        width: 100%;
        position: relative;
        right: 0.39em;
        top: -4em;
    }
}

@media only screen and (max-width : 1024px) {

    section.banner-section {
        height: 921px;
    }

    div.banner .services div .description-img {
        height: 62%;
        background: #EEAE02;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .courses-section .course-top-section .course-btn button {
        width: 137px;
        height: 60px;
        border: 0;
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 15px;
        letter-spacing: 3px;
        color: #424242;
    }

    .company-section .company-container .company-top {
        line-height: 30px;
        width: 100%;
        height: auto;
        background: #424242;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .company-section .company-container .company-top h2 {
        width: auto;
        font-family: 'Raleway', sans-serif;
        font-weight: 800;
        font-size: 15px;
        color: #FFFFFF;
        letter-spacing: 3.6px;
        text-transform: uppercase;
    }

    .company-section .company-container .blogs-container .blogs .blog-collections {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 42px;
        row-gap: 5px;
        margin-bottom: 60px;
    }

    .company-section .company-container .blogs-container .student-count-section {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .company-section .company-container .blogs-container .student-count-section .student-count {
        width: 100%;
        height: auto;
        text-align: center;
        position: unset;
        margin: 0;
    }

    .company-section .company-container .blogs-container {
        height: auto;
        flex-direction: column;
        margin: auto;
    }

    .company-section .company-container .blogs-container .student-count .student-conunt-container{
        padding-top: 5%;
    }

    .company-section .company-container .blogs-container .blogs{
        width: 100%;
        margin: auto;
    }

    .btn-container button{
        margin: 10% auto;
    }

    footer .top-footer .footer-form-container{
        width: 35%;
        display: flex;
        justify-content: center;
    }

    footer .top-footer .footer-form-container .footer-left{
        width: 100%;
        position: relative;
        top: -50px;
    }

    footer .top-footer .footer-form {
        background: #EEAE02;
        width: 100%;
        height: 95%;
        position: relative;
        right: 0.39em;
        top: -4em;
    }

    footer .top-footer .footer-form .form-container .form-title {
        padding-bottom: 33px;
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        font-weight: 800;
        letter-spacing: 3.6px;
        color: #202020;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .phone p {
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 12px;
        color: white;
        letter-spacing: 0.5px;
        padding: 0;
        padding-bottom: 60px;
    }

    
}

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

    .phone p a{
        color: #000;
    }

    section.banner-section {
        height: 825px;
    }

    .courses-section .course-info {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin: 0px 100px 100px;
        column-gap: 20px;
        row-gap: 20px;
    }
    
    header nav .menu {
        top: 161px;
    }

    header .top-nav .courses{
        display: none;
    }

    .nav-mobile {
        margin-right: 53px;
        display: block;
        background: transparent;
    }

    header .navbar{
        height: auto;
        margin: 0;
        padding: 0 10%;
		padding-top:30px;
        flex-direction: column;
    }

    header nav .menu .menu-lists,
    header nav .social .social-icons{
        display: none;
    }

    .menu{
        width: 100%;
        position: unset !important;
        display: inline;

    }

    .menu-lists{
        width: 100%;
        background-color: #FFFFFF;
        text-align: justify !important;
        margin-top: 30px;
    }

    .dropdown-contant{
        padding-top: 20px;
    }

    .sub-dropdown-contant{
        padding-left: 30px;
    }

    .sub-dropdown-contant a{
        justify-content: flex-start !important;
    }

    .menu-list{
        padding-bottom: 30px;
    }

    #nav-toggle {
        cursor: pointer;
        padding: 0px !important;
    }

    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 5px;
        width: 35px;
        background: #262626;
        position: absolute;
        display: block;
        content: '';
        transition: all 300ms ease-in-out;
    }
    
    #nav-toggle span::before {
        top: -10px;
    }
    #nav-toggle span::after {
        bottom: -10px;
    }
    #nav-toggle.active span {
        transition: 0.5s;
        background-color: #FFFFFF;
    }
    #nav-toggle.active span::before, #nav-toggle.active span::after {
        top: 0;
    }
    #nav-toggle.active span::before {
        transition: 0.5s;
        transform: rotate(45deg);
    }
    #nav-toggle.active span::after {
        transition: 0.5s;
        transform: rotate(-45deg);
    }

    .social{
        width: 100%;
    }

    .social .social-icons{
        text-align: start !important;
    }

    .social .social-icons li{
        display: inline;
        margin-right: 20px;
    }

    .courses-section .course-info .course p {
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 13px;
        line-height: 30px;
        letter-spacing: 0.5px;
    }

    .courses-section .course-info .course h3 {
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        font-size: 15px;
        letter-spacing: 2px;
        padding: 15px 0;
    }

    .courses-section .course-info .course button {
        width: 100%;
        height: 48px;
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 3px;
        background-color: #EEAE02;
        border: 0;
        text-align: center;
        margin: 15px 0;
    }

    .company-section .company-container .company-top h2 {
        width: 80%;
        font-family: 'Raleway', sans-serif;
        font-weight: 800;
        font-size: 15px;
        color: #FFFFFF;
        letter-spacing: 3.6px;
        margin: 0 10%;
        text-transform: uppercase;
        padding-bottom: 0px;
    }

    .company-section .company-container .blogs-container .blogs {
        width: 100%;
    }

    .company-section .company-container .blogs-container .student-count-section {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    footer .top-footer {
        display: flex;
        flex-direction: column;
    }

    footer .top-footer .footer-info {
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }


    footer .top-footer .footer-info .footer-social {
        width: 80%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 0 100px;
    }

    footer .top-footer .footer-info .footer-social .facebook-white::before{
        content: '';
        width: 158px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        top: 14px;
        left: -191px;
    }

    footer .top-footer .footer-info .footer-social .twitter-white::after{
        content: '';
        width: 158px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        bottom: 22px;
        left: 58px;
    }

    .facebook-white, .twitter-white {
        width: 10%;
        padding: 20px 0;
    }

    footer .top-footer .footer-info .footer-contact .footer-link {
        display: grid;
        grid-template-columns: 1fr;
        text-align: center;
        margin: 0 100px;
    }

    footer .top-footer .footer-info .footer-contact .footer-link h3 {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 18px;
        color: #FFFFFF;
        padding-top: 0px !important;
        padding-bottom: 15px;
        letter-spacing: 0.2em;
    }

    footer .top-footer .footer-info .footer-contact .footer-link .footer-about h3::after {
        content: '';
        width: 40px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        left: 293px;
        top: 0px;
    }

    .footer-info{
        order: 2;
        text-align: center;
        margin-bottom: 5%;
    }

    .footer-page h3{
        margin: 0;
    }

    .footer-form-container{
        order: 1;
    }

    footer .top-footer .footer-form {
        background: #EEAE02;
        width: 100%;
    }

    footer .top-footer .footer-form {
        background: #EEAE02;
        width: 100%;
        position: unset;
    }

    footer .top-footer .footer-form .form-container {
        background: #FFFFFF;
        position: relative;
        top: 11px;
        width: 100%;
        padding: 37px;
    }

    footer .top-footer .footer-form-container .footer-left {
        width: 100%;
        position: unset;
        margin: 0 100px;
    }

    footer .top-footer .footer-form-container {
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: #FFFFFF;
    }

    footer .top-footer .footer-info .footer-contact .footer-link .footer-about {
        line-height: 20px;
        padding: 30px 0;
    }

    .phone{
        position: unset;
        display: flex;
        justify-content: center;
    }

    footer section.footer-section{
        margin: 0;
    }

    .history-img {
        width: 100% !important;
    }

    .box span {
        font-size: 10px !important;
        letter-spacing: 1px !important;
        line-height: 20px !important;
    }

    .contact-page #label_name_element, .contact-page #label_email_element, .contact-page #label_text_element{
        margin-top: 0px !important;
    }

    .footer-page a{
        font-size: 8px;
    }
}

@media only screen and (max-width : 480px){


    div.banner {
        background: url(assets/img/banner.webp) no-repeat center/cover;
        height: 164px;
        clear: both;
    }

    section.banner-section {
        height: 960px;
    }

    div.banner .services {
        background-color: #FFFFFF;
        height: auto;
        width: 71%;
        margin: 0 auto;
        position: relative;
        top: 11em;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }


    header .top-nav .logo .logo-text a p{
        font-family: 'Montserrat', sans-serif;
        font-size: 15px;
        font-weight: 800;
        letter-spacing: -1px;
        color: #EEAE02;
    }

    .nav-mobile{
        width: auto;
        height: 10px;
    }

    header .top-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 122px;
        margin: 0 auto!important;
        padding: 0;
        position: fixed;
        z-index: 1004;
        top: 0;
        width: 100%;
    }

    .tab-container{
        width: 100%;
    }

    .courses-section .course-info {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin: 0px 100px 100px;
        column-gap: 20px;
        row-gap: 20px;
    }

    .student-count {
        position: unset !important;
    }

    .company-section .company-container .blogs-container{
        margin: 0 auto !important;
        width: 80%;
    }

    .company-section .company-container .blogs-container .blogs .blog-collections {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 42px;
        row-gap: 5px;
    }

    .company-section .company-container .blogs-container .blogs {
        width: 100%;
        height: auto;
    }

    footer .top-footer .footer-info .footer-contact .footer-link .footer-about h3::after {
        content: '';
        width: 40px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        left: 160px;
        top: 0px;
    }

    .courses-section .course-info .course p {
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 13px;
        line-height: 30px;
        letter-spacing: 0.5px;
    }

    .course-toggle{
        display: flex;
        justify-content: center;
    }

    .course-toggle-btn{
        width: 100%;
        height: 38px;
        border: 0;
        background-color: #FFFFFF;
        color: #424242;
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 15px;
        letter-spacing: 3px;
    }
}
/* font-family: 'Montserrat', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Raleway', sans-serif; */

/* COURSE PAGE */

.course-banner{
    background-image: url("assets/images/course-banner.webp");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 14% 0;
}

.course-title-section{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 3px;
    margin: 0 100px;
    padding: 50px 0;
}

.course-title-section::after{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    left: 131px;
    bottom: 10px;
}

.course-container .course-title{
    height: 114px;
    display: flex;
    align-items: center;
    margin: 0 100px;
}

.course-container .course-title p {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 3px;
}

.courses-section .course-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0px 100px 100px;
    column-gap: 20px;
    row-gap: 20px;
}

.footer-secondary-container{
    height: 654px;
    display: flex;
    align-items: center;
}

.footer-secondary-container .left-footer{
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.footer-secondary-container .right-footer{
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 205px;
}

.footer-secondary-container .right-footer .footer-links .footer-link{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.footer-secondary-container .right-footer .footer-links .footer-link .footer-about{
    line-height: 80px;
}

.footer-secondary-container .right-footer .footer-links .footer-link .footer-about p{
    line-height: 30px;
}

.footer-secondary-container .right-footer .footer-links .footer-link .footer-about a{
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #FFFFFF;
}

.footer-secondary-container .right-footer .footer-links .footer-link h3{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    word-spacing: 2px;
}

.footer-secondary-container .right-footer .footer-links .footer-link h3::after{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    left: 140px;
    top: -36px;
}

.footer-page h3{
    margin-bottom: 5%;
}

.footer-page h3::after{
    display: none !important;
}

.footer-secondary-container .right-footer .contact p{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: white;
    word-spacing: 2px;
}

.footer-secondary-container .right-footer .contact p a{
    color: #ffffff;
}

.copyright-footer{
    height: 41px;
    text-align: center;
    background-color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.copyright-footer p{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 1.8px;  
}

/* Conatact */

.contact-banner{
    width: 100%;
    background-color: #424242;
}

.contact-banner h3{
    color: #FFF;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6rem; /* 100% */
    word-spacing: 2px;
    text-transform: uppercase;
    padding: 65px 0;
    margin: auto;
	position:relative;
}

.contact-banner h3::after{
	  content: '';
	  width: 3%;
	  height: 2px;
	  display: block;
	  background-color: #EEAE02;
	  left: 100px;
	  position: absolute;
}

.contact-banner-container .contact-course-container{
    margin: 0 100px;
    display: flex;
    gap: 10px;
    /* margin-bottom: 150px; */
}

.contact-banner-container .contact-course-container .location-container{
    width: 60%;
    background-color: #424242;
    display: flex;
}

.contact-banner-container .contact-course-container .location-container .course-location-container{
    width: 60%;
    background-color: #424242;
}

.contact-banner-container .contact-course-container .location-container .course-location-container h3{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    height: 97px;
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    word-spacing: 2px;
}

.contact-banner-container .contact-course-container .location-container .course-location-container .map-locations{
    display: flex;
    margin: 0 10px;
}

.contact-banner-container .contact-course-container .location-container .course-location-container .map-locations .map{
    width: 20%;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #EEAE02;
    line-height: 1.6rem;
    word-spacing: 2px;
}

.contact-banner-container .contact-course-container .location-container .course-location-container .map-locations .map-location{
    width: 60%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.6rem;
    word-spacing: 2px;
}

.divide-line{
    width: 100%;
    height: 1px;
    background-color: #000000;
    opacity: 30%;
    margin: 21px 0;
}

.contact-banner-container-two{
    background-color: transparent;
    display: flex;
    justify-content: center;
}

.contact-banner-container-two .contact-course-container{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10%;
    width: 100%;
}

.contact-banner-container-two .contact-course-container .contact-img{
    width: 50%;
}

.contact-banner-container-two .contact-course-container .contact-img img{
    width: 100%;
}

.contact-banner-container-two .contact-course-container .location-container{
    width: 70%;
    background-color: #424242;
    display: flex;
    height: 99%;
}

.contact-banner-container-two .contact-course-container .location-container .course-location-container{
    width: 72%;
    background-color: #424242;
}

.contact-banner-container-two .contact-course-container .location-container .course-location-container h3{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    word-spacing: 2px;
    padding: 10% 0;
}

.contact-banner-container-two .contact-course-container .location-container .course-location-container .map-locations{
    display: flex;
    margin: 0 24px;
	gap:20px;
}

.contact-banner-container-two .contact-course-container .location-container .course-location-container .map-locations .map{
    width: 10%;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #EEAE02;
    line-height: 1.6rem;
    word-spacing: 2px;
}

.contact-banner-container-two .contact-course-container .location-container .course-location-container .map-locations .map p a{
    color: #EEAE02;
}

.contact-banner-container-two .contact-course-container .location-container .course-location-container .map-locations .map-location{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.6rem;
    word-spacing: 2px;
}

.contact-banner-container-two .contact-course-container .location-container .course-location-container .map-locations .map-location p a{
	color:#FFFFFF;
}


.contact-banner-container-two .contact-course-container .location-container .course-schdule {
    width: 50%;
    margin-right: 25px;
}

.contact-banner-container-two .contact-course-container .location-container .course-schdule .course-timetable{
    width: 100%;
    height: 102%;
    background-color: #FFFFFF;
    border-top: 10px solid #EEAE02;
    position: relative;
    bottom: 10px;
} 
.contact-banner-container-two .contact-course-container .location-container .course-schdule .course-timetable h3{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    height: 97px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    word-spacing: 2px;
    margin: 0 auto;
}

.contact-banner-container-two .contact-course-container .location-container .course-schdule .course-timetable .date-time{
    line-height: 25px;
}

.contact-banner-container-two .contact-course-container .location-container .course-schdule .course-timetable .date-time .date{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-banner-container-two .contact-course-container .location-container .course-schdule .course-timetable .date-time .date img{
    display: flex;    
    margin: 0 20px;
}

.contact-banner-container-two .contact-course-container .location-container .course-schdule .course-timetable .date-time .date p{
    width: 80%;
    font-family: 'Raleway', sans-serif; 
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2.1px;
}

.contact-banner-container-two .contact-course-container .location-container .course-schdule .course-timetable .date-time .time p{
    width: 90%;
    text-align: center;
    font-family: 'Raleway', sans-serif; 
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.1px;
}

.contant-form-container{
    background-color: #424242;
    margin: 0 auto;
    margin-bottom: 10%;
}

.contant-form-container .contant-form-title{
    padding: 79px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.contant-form-container .contant-form-title p{
    font-family: 'Raleway', sans-serif; 
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 5.4px;
    color: #FFFFFF;
}

.contant-form-container .contact-form{
    
    width: 80%;
    margin: 0 auto;
}

.contant-form-container form{
    width: 60%;
    line-height: 35px;
}

.contant-form-container form input,
.contant-form-container form label{
    display: block;
}

.contant-form-container input,
.contant-form-container textarea{
    width: 100%;
    font-family: 'Raleway', sans-serif; 
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2.5px;
    color: #ffffff;
    border: 0;
    outline: 0;
    background-color: #424242;
    border-bottom: 1px solid #EEAE02;
    margin-bottom: 60px;
}

.contact-form .wpcf7-not-valid-tip{
    padding-bottom: 10%;
}

.form-container form textarea{
		overflow: auto;
	  	resize: vertical;
	  	max-height: 145px;
	  	height: 245px;
}

.contant-form-container form textarea{
	  margin-bottom: 0px;
	  overflow: auto;
	  resize: vertical;
	  max-height: 145px;
	  height: 245px;
}

.contant-form-container form label{
    font-family: 'Raleway', sans-serif; 
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 5.4px;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    display: none;
}

.contant-form-container form .btn-container{
    display: flex;
    align-items: center;
    justify-content: center;
}

.contant-form-container form .btn-container button, .wpcf7-submit {
    color: #FFF;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 2.4px;
    text-transform: capitalize;
    height: 58px;
    width: 190px;
    border: 2px solid #EEAE02;
    background: #EEAE02;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 40% auto;
}
/* contact us responsive */

@media screen and (min-width: 767px) and (max-width: 1199px) {
    .contact-banner-container-two .contact-course-container .contact-img{
        display: none;
    }

    .contact-banner-container-two .contact-course-container .location-container{
        width: 80%;
    }

    .contant-form-container .contact-form{
        width: 100%;
    }

    .contact-banner-container-two .contact-course-container .location-container .course-schdule .course-timetable .date-time .time p{
        width: 98%;
    }

    .contact-banner h3, .contant-form-container{
        width: 80%;
    }
}

@media (max-width: 766px) {

    .course-page-container{
        padding-top: 60px !important;
    }

    .contact-banner h3{
        padding: 14px 0;
        font-size: 10px;
        letter-spacing: 1.5px;
        margin: 0 20px;
    }

    .contact-banner-container-two .contact-course-container .contact-img{
        display: none;
    }

    .contact-banner-container-two .contact-course-container .location-container{
        width: 100%;
        flex-direction: column;
        margin: 0 20px;
    }

    .contact-banner-container-two .contact-course-container .location-container .course-schdule .course-timetable{
        position: unset;
        width: 100%;
        padding-top: 36px;
    }
    
    .contact-banner-container-two .contact-course-container .location-container .course-schdule{
        width: 100%;
        margin: 0;
    }

    .contact-banner-container-two .contact-course-container .location-container{
        background-color: #ffffff;
        gap: 40px;
    }

    .contact-banner-container-two .contact-course-container .location-container .course-location-container{
        width: 100%;
        padding-bottom: 20px;
    }

    .contact-banner-container-two .contact-course-container .location-container .course-location-container .map-locations{
        flex-direction: column-reverse;
    }

    .contact-banner-container-two .contact-course-container .location-container .course-location-container h3{
        margin: 0;
        width: 100%;
        font-size: 10px;
        letter-spacing: 1.5px;
        padding: 5% 0;
    }

    .contact-banner-container-two .contact-course-container .location-container .course-location-container .map-locations .map-location,
    .contact-banner-container-two .contact-course-container .location-container .course-location-container .map-locations .map{
        font-size: 8px;
        letter-spacing: 0.8px;
    }

    .contact-banner-container-two .contact-course-container .location-container .course-location-container .map-locations .map-location p br{
        display: none;
    }

    .divide-line{
        margin: 3% 0;
    }

    .contact-banner-container-two .contact-course-container .location-container .course-schdule .course-timetable h3{
        display: none;
    }

    .contact-banner-container-two .contact-course-container .location-container .course-schdule .course-timetable .date-time .date p,
    .contact-banner-container-two .contact-course-container .location-container .course-schdule .course-timetable .date-time .time p{
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .contact-banner-container-two .contact-course-container .location-container .course-schdule .course-timetable .date-time .time p{
        width: 74%;
    }

    .contant-form-container{
        margin: 0 20px;
        margin-bottom: 10%;
    }

    .contant-form-container .contant-form-title{
        padding: 21px 0;
    }

    .contant-form-container .contant-form-title p{
        font-size: 10px;
        letter-spacing: 1.5px;
        height: 100%;
    }

    .contant-form-container .contact-form{
        width: 100%;
    }

    .contant-form-container form label{
        font-size: 8px;
        letter-spacing: 1.2px;
    }

    .contant-form-container form .btn-container button{
        font-size: 10px;
        letter-spacing: 1.5px;
        height: 35px;
        width: 143px;
        gap: 10px;
    }

    .contant-form-container form .btn-container button img{
        width: 15%;
    }
    
}


@media screen and (max-width: 762px) {

    .language .language-top .btn-container .active-btn{
        width: 30%;
        height: auto;
    }

    /* course page */
    .courses-section .course-info {
        display: grid;
        grid-template-columns: 1fr;
        margin: 0px 20px;
        column-gap: 20px;
        row-gap: 20px;
    }

    .course-container .course-title {
        height: 114px;
        display: flex;
        align-items: center;
        margin: 0 20px;
    }

    .course-title-section {
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        font-size: 20px;
        color: #FFFFFF;
        letter-spacing: 3px;
        margin: 0 20px;
        padding: 25px 0;
    }


    /* footer */

    .footer-secondary-container {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-secondary-container .left-footer {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }

    .footer-social {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .title-footer::before{
        width: 20px;
        top: 12px;
        left: 80px;
    }

    .title-footer-one::before{
        width: 20px;
        top: 12px;
        left: 150px;
    }

    .title-footer-two::before{
        width: 20px;
        top: 12px;
        left: 105px;
    }

    .footer-social .facebook-white::before {
        content: '';
        width: 93px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        top: 15px;
        left: -96px;
    }

    .footer-social .twitter-white::after {
        content: '';
        width: 93px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        bottom: 21px;
        left: 38px;
    }

    .footer-secondary-container .right-footer .footer-links .footer-link {
        display: grid;
        grid-template-columns: 1fr;
    }

    .footer-secondary-container .right-footer .footer-links .footer-link .footer-about {
        line-height: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .footer-secondary-container .right-footer .footer-links .footer-link h3 {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 10px;
        color: #FFFFFF;
        letter-spacing: 0.2em;
    }

    .footer-secondary-container .right-footer .footer-links .footer-link h3::after {
        content: '';
        width: 25px !important;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        left: 75px;
        top: -17px;
    }

    .footer-secondary-container .right-footer .footer-links .footer-link .footer-about p {
        line-height: 26px;
    }

    .footer-secondary-container .right-footer .footer-links .footer-link .footer-about a {
        display: block;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 8px;
        color: #FFFFFF;
    }

    .footer-secondary-container .right-footer {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 36px;
    }

    .footer-secondary-container .right-footer .contact p {
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 8px;
        color: white;
        letter-spacing: 1px;
        text-align: center;
        margin-bottom: 2%;
    }

    .copyright-footer {
        height: 35px;
        text-align: center;
        background-color: #000000;
        display: flex;
    }

    .copyright-footer p {
        font-family: 'Raleway', sans-serif;
        font-weight: 400;
        font-size: 8px;
        color: #FFFFFF;
        letter-spacing: 1.8px;
    }

    .categore-date a{
        font-size: 8px !important;
        font-weight: 400 !important;
        line-height: 15px !important;
        letter-spacing: 0.8px !important;
    }
}


/* about us  */


.about-banner{
    width: 100%;
    background: url('assets/images/about-us-banner-1.webp'), lightgray 50%;
    background-size: cover;
    height: 513px;
}

.about-banner img{
    width: 100%;
}

section.ceo{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
    bottom: 105px;
	width: 60%;
}

section.ceo .ceo-profile-picture{
    width: 40%;
}

section.ceo .ceo-profile-picture img{
    width: 100%;
}

section.ceo .about-ceo{
    background-color: #FFFFFF;
    border-top: 10px solid #EEAE02;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 42px;
    width: 60%;
}

section.ceo .about-ceo .ceo-title{
    color: #000000;
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

section.ceo .about-ceo h3{
    color: #000000;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

section.ceo .about-ceo p ,section.history .history-info p{
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem;
    word-spacing: 2px;
    width: 80%;
}

section.history{
    display: flex;
    gap: 50px;
    padding-bottom: 217px;
}

section.history .history-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    width: 52%;
}

section.history .history-info h3{
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.history-info-title {
    display: flex;
    align-items: baseline;
}

.history-info-title h3::after{
	content:"";
	position:absolute;
	background:#EEAE02;
	width:5%;
	height:3px;
	margin-top:1%;
	margin-left:1%;
}

section.history .history-info p{
    width: 100%;
}

section.history .history-img ,
.history-img-two{
    width: 45%;
}

section.history .history-img img {
    width: 100%;
}

section.our-values{
    display: flex;
    flex-direction: column;
    gap: 90px;
    background: rgba(217, 217, 217, 0.37);
    justify-content: center;
    padding-bottom: 120px;

}

section.our-values .our-values-top{
    display: flex;
    justify-content: center;
    margin: 0 auto;
    gap: 20px;
    position: relative;
    bottom: 77px;
}

section.our-values .our-values-top .card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 20%;
    border-top: 10px solid #EEAE02;
    gap: 20px;
    text-align: center;
    background-color: #FFFFFF;
    padding-top: 27px;
}

section.our-values .our-values-top .card h3{
    color:#EEAE02;
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 4.8px;
    text-transform: capitalize;
}

section.our-values .our-values-top .card p{
    color: #EEAE02;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; 
    letter-spacing: 2.4px;
    text-transform: capitalize;
    padding-bottom: 32px;
}

section.our-values .our-values-top .card p a{
	color:#EEAE02;
}

section.our-values .our-values-bottom{
    display: flex;
    gap: 50px;
}

section.our-values .our-values-bottom .our-values-info{
    width: 52%;
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: center;
}

section.our-values .our-values-bottom .our-values-info h3{
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 100% */
    letter-spacing: 2.4px;
    text-transform: capitalize;
}

section.our-values .our-values-bottom .our-values-info h3::after{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    left: 102%;
}

.our-values-info-title {
    display: flex;
    align-items: baseline;
}

section.our-values .our-values-bottom .our-values-info p{
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 178.571% */
    word-spacing: 2px;
    text-align: justify;
    padding-top: 20px;
}

section.our-values .our-values-bottom .our-value-img{
    width: 45%;
}

section.our-values .our-values-bottom .our-value-img img{
    width: 100%;
}

@media (min-width: 1200px) {
    section.ceo .ceo-profile-picture{
        width: 60% ;
    }

    section.ceo .about-ceo{
        gap: 10%;
    }

    
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    section.ceo{
        flex-direction: column;
        bottom: 130px;
        align-items: center;
        gap: 26px;
        width: 92%;
    } 

    section.ceo .ceo-profile-picture{
        width: 40%;
    }

    section.ceo .about-ceo{
        width: 80%;
        gap: 16px;
    }

    section.ceo .about-ceo .ceo-title{
        padding-top: 20px;
    }

    section.ceo .about-ceo h3{
        font-size: 10px;
        font-weight: 600;
    }

    section.ceo .about-ceo .ceo-title,
    section.history .history-info h3,
    section.our-values .our-values-bottom .our-values-info h3{
        font-size: 20px;
    }

    section.our-values .our-values-bottom .our-values-info h3::after{
        content: '';
        width: 19px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        left: 102%;
    }

    section.ceo .about-ceo p,
    section.history .history-info p,
    section.our-values .our-values-bottom .our-values-info p{
        font-size: 10px;
        line-height: 20px;
        letter-spacing: 1px;
    }

    section.ceo .about-ceo p{
        width: 100%;
    }

    section.history,section.our-values .our-values-bottom{
        align-items: center;
    }

    section.history{
        padding-bottom: 230px;
    }

    section.our-values .our-values-bottom,
    section.history{
        gap: 25px;
        margin: 0 100px;
    }

    section.our-values .our-values-bottom .our-value-img{
        width: 60%;
    }

    section.history .history-img{
        width: 100%;
    }

    section.our-values .our-values-top{
        width: 100%;
    }

    section.our-values .our-values-top .card h3{
        font-size: 22px;
    }

    section.our-values .our-values-top .card p{
        font-size: 12px;
    }

    .box span {
        font-size: 10px !important;
        letter-spacing: 1px !important;
        line-height: 20px !important;
    }
}

@media screen and (max-width: 900px) {

    .about-banner{
        height: 250px;
        background-position: center;
    }

    section.ceo{
        flex-direction: column-reverse;
        bottom: 43px;
        align-items: center;
        gap: 26px;
        width: 100%;
    } 

    section.ceo .about-ceo{
        width: 80%;
        gap: 16px;
    }

    section.ceo .about-ceo .ceo-title,
    section.history .history-info h3,
    section.our-values .our-values-bottom .our-values-info h3{
        padding-top: 20px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1.5px;
    }

    section.ceo .about-ceo h3{
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1.5px;
        color: rgba(0, 0, 0, 0.50);
    }

    section.ceo .about-ceo p,
    section.history .history-info p,
    section.our-values .our-values-bottom .our-values-info p{
        width: 100%;
        font-size: 8px;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: 0.8px;
        text-transform: capitalize;
        
    }

    section.ceo .about-ceo p{
        padding: 0 5%;
    }

    section.history{
        padding-bottom: 10%;
        margin: 0 auto;
        width: 80%;
        gap: 40px;
        flex-direction: column;
    }

    section.history .history-info{
        width: 100%;
        gap: 20px;
    }

    .history-img-two{
        width: 100%;
    }

    section.our-values{
        width: 80%;
        margin: 0 auto;
        background-color: #FFFFFF;
        padding-bottom: 10%;
        gap: 19px;
    }

    section.our-values .our-values-top{
        flex-direction: column;
        width: 100%;
        align-items: center;
        position: unset;
        border-top: 10px solid #EEAE02;
        border-bottom: 10px solid #EEAE02;
        padding: 10% 0;
    }

    section.our-values .our-values-top .card{
        border: none;
        width: 100%;
    }

    section.our-values .our-values-bottom{
        flex-direction: column;
        margin: 0;
    }

    section.our-values .our-values-bottom .our-values-info,
    section.our-values .our-values-bottom .our-value-img{
        width: 100%;
    }

    section.our-values .our-values-top .card h3{
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 1.6px;
        text-transform: capitalize;
    }


    section.our-values .our-values-top .card p{
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: 1.2px;
        text-transform: capitalize;

    }

    .footer-secondary-container {
        background-color: #424242 !important;
    }
}


/* blog page */

section.blog-title{
    width: 100%;
    background-color: #424242;
    display: flex;
    align-items: center;
    margin-bottom: 115px;
    padding: 65px 0;
}

section.blog-title h3{
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 100% */
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #FFFFFF;
}

section.blog-title h3::after{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: -4px;
    left: 95px;
}

section.blog-main{
    display: flex;
    gap: 51px;
    margin-bottom: 115px;
}

section.blog-main .blog-section{
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    row-gap: 53px;
}

.blog-collections .blog-card{
    width: 100%;
}

.blog-card{
    width: 48%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
section.blog-main .blog-section .blog-card .blog-img,
section.blog-main .blog-section .blog-card .blog-img img{
    width: 100%;
}

.categore-date{ 
    display: flex;
    align-items: self-start;
    justify-content: space-between; 
}

.date{
    display: flex;
    gap: 6px;
    align-items: center;
}

.date p{
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 208.333% */
    word-spacing: 2px;
    color: #000000;
}

.categore-date a{
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 178.571% */
    letter-spacing: 1.96px;
    color: #EEAE02;
    transition-duration: 0.5s;
}

.categore-date a:hover{
    font-weight: 600;
}

.blog-card .blog-info{ 
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.blog-info .blog-title{
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px; /* 156.25% */
    letter-spacing: 2.4px;
    text-transform: capitalize;
    color: #000000;
    transition-duration: 0.5s;
}

.blog-info h3{
	font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px; /* 156.25% */
    letter-spacing: 2.4px;
    text-transform: capitalize;
    color: #000000;
    transition-duration: 0.5s;
}

.blog-info .blog-title:hover{
    color: #EEAE02;
}

.blog-info .blog-text{
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 178.571% */
    word-spacing: 2px;
    color: rgba(0, 0, 0, 0.70);
}

.blog-readmore{
    display: flex;
    align-items: center;
    gap: 1px;
}

.blog-readmore a{
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    letter-spacing: 1.4px;
    color: #EEAE02;
    transition-duration: 0.5s;
}

.blog-readmore a:hover{
    font-weight: 700;
    margin-right: 20px;
}

section.blog-main .blog-section .blog-btns{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    gap: 5px;
}

section.blog-main .blog-section .blog-btns .blog-btn{
    background: transparent;
    border: 1px solid #EEAE02;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 178.571% */
    letter-spacing: 2.1px;
}

section.blog-main .blog-section .blog-btns .next-btn{
    color: #000;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 208.333% */
    word-spacing: 2px;
}


.categorise-popular-posts{
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 37px;
}

.categorise-popular-posts .categories,
.categorise-popular-posts .popular-posts{
    display: flex;
    flex-direction: column;
    gap: 38px;
}

.categorise-popular-posts .categories .title h3,
.categorise-popular-posts .popular-posts .post-title h3{
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.5px; /* 152.5% */
    letter-spacing: 1.8px;
    text-transform: capitalize;
}

.categorise-popular-posts .categories .title h3::after{
    content: '';
    width: 108px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: 10px;
    left: 0px;

}

.categorise-popular-posts .popular-posts .post-title h3::after{
    content: '';
    width: 108px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: 10px;
    left: 0px;
}

.categorise-popular-posts .categories .categorie{
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.categorise-popular-posts .categories .categorie .categorie-name{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.categorise-popular-posts .categories .categorie .categorie-name p a{
    color: #000;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 178.571% */
    word-spacing: 2px;
}

.categorise-popular-posts .popular-posts .popular-post{
    display: flex;
    gap: 23px;
}

.categorise-popular-posts .popular-posts .popular-post .post-img{
    width: 50%;
}

.categorise-popular-posts .popular-posts .popular-post .post-img img{
    width: 100%;
}


.categorise-popular-posts .popular-posts .popular-post .post-info{
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 50%;
}

.categorise-popular-posts .popular-posts .popular-post .post-info h3{
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.5px; /* 152.5% */
    letter-spacing: 1.8px;
    text-transform: capitalize;
    color: #000000;
}


.categorise-popular-posts .popular-posts .popular-post .post-info .post-discraption{
    display: flex;
    flex-direction: column;
}

.categorise-popular-posts .popular-posts .popular-post .post-info .post-discraption p,
.categorise-popular-posts .popular-posts .popular-post .post-info .post-discraption a{
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 232.143% */
    word-spacing: 2px;
}

.blog-info p{
	font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 232.143% */
    word-spacing: 2px;
}

.categorise-popular-posts .popular-posts .popular-post .post-info .post-discraption a{
    color: #EEAE02;
}

.content{
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 232.143% */
    word-spacing: 2px;    
}

@media (max-width: 1200px) {

    .categorise-popular-posts .popular-posts .popular-post{
        flex-direction: column;
    }

    .categorise-popular-posts .popular-posts .popular-post .post-info .post-discraption{
        align-items: start;
    }
}

@media screen and (min-width: 767px) and (max-width: 1199px) {
    section.blog-main{
        flex-direction: column;
        width: 80%;
        margin: 0 auto;
    }

    section.blog-main .blog-section{
        width: 100%;
    }

    .categorise-popular-posts{
        width: 100%;
    }

    .categorise-popular-posts .categories{
        width: 100%;
    }

    .categorise-popular-posts .popular-posts{
        width: 100%;
    }

    section.blog-title h3{
        padding: 0 100px;
    }

    header .navbar, header .top-nav{
        padding: 0 100px;
    }
}

@media (max-width:766px ) {

    section.blog-title{
        margin-bottom: 60px;
        padding: 13px 0;
    }

    section.blog-title h3{
        font-size: 13px;
        margin-left: 36px;
    }

    section.blog-title h3::after{
        top: -7px;
        left: 65px;
        width: 20px;
    }

    section.blog-main{
        flex-direction: column;
        align-items: center;
        margin: 0px;
    }

    section.blog-main .blog-section{
        width: 100%;
        justify-content: center;
        gap: 39px;
    }

    section.blog-main .blog-section .blog-card{
        width: 90%;
    }

    section.blog-main .blog-section .blog-card .categore-date a,
    .date p,
    section.blog-main .blog-section .blog-card .blog-info .blog-text,
    section.blog-main .blog-section .blog-card .blog-readmore a,
    .categorise-popular-posts .popular-posts .popular-post .post-info .post-discraption p, .categorise-popular-posts .popular-posts .popular-post .post-info .post-discraption a{
        font-size: 8px;
        font-weight: 400;
        letter-spacing: 0.8px;
    }

    section.blog-main .blog-section .blog-card .blog-info .blog-title,
    .categorise-popular-posts .categories .title h3,
    .categorise-popular-posts .popular-posts .post-title h3,
    .categorise-popular-posts .popular-posts .popular-post .post-info h3{
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.7px;
    }

    .categorise-popular-posts .categories .title h3::after{
        width: 53px;
        top: 0;
    }

    .categorise-popular-posts .popular-posts .post-title h3::after{
        width: 31px;
        top: 0;
    }

    section.blog-main .blog-section .blog-card .blog-readmore img{
        width: 3%;
    }

    .categorise-popular-posts{
        width: 90%;
    }

    .categorise-popular-posts .categories .categorie .categorie-name p{
        font-size: 8px;
        font-weight: 400;
        letter-spacing: 0.8px;
    }

    .categorise-popular-posts .categories, section.blog-main .categorise-popular-posts .popular-posts{
        gap: 28px;
        margin-bottom: 30px;
    }

    .categorise-popular-posts .categories .categorie{
        gap: 6px;
    }

    .categorise-popular-posts .popular-posts .popular-post{
        width: 70%;
    }

    .content{
        font-size: 8px;
        font-weight: 400;
        letter-spacing: 0.8px;
    }
}



/* hatake  */

.hatake-banner {
  margin-bottom: 5%;
}

.banner-img{
	position:relative;
}

.mobile{
	display:none;
}

.banner-img img{
	width:100%;
}

.banner-title.container {
	position: absolute;
	bottom: 190px;
	padding: 0 10%;
	display:flex;
	flex-direction:column;
	gap:20px;
}

.banner-title h2{
	color: #FFF;
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 6px;
	text-transform: uppercase;
}

.banner-title p{
	color: #FFF;
	font-family: Raleway;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px; /* 100% */
	letter-spacing: 3px;
	text-transform: uppercase;
	position:relative;
}

.banner-title p::after {
  content: "";
  width: 30%;
  height: 5px;
  background: #EEAE02;
  position: absolute;
  left: 0;
  top: 35px;
}



/* section.hatake-banner .banner-title{
    padding-top: 320px;
    padding-bottom: 235px;
    display: flex;
    flex-direction: column;
    gap: 34px;
}

section.hatake-banner .banner-title h2{ 
    color: #FFF;
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

section.hatake-banner .banner-title p{
    color: #FFF;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

section.hatake-banner .banner-title p::after{
    content: '';
    width: 22%;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: 20px;
}  */

.japan-technology, .approve{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 105px;
}

.technology-info, .approve-info{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.technology-info h3, .approve-info h3{
    color: #000;
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; /* 125% */
    letter-spacing: 2.4px;
    text-transform: capitalize;
}

.technology-info p, .approve-info p{
    color: #6B6B6B;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 253.571% */
    word-spacing: 2px;
    text-transform: capitalize;
}

.technology-img, .approve-img{
    width: 30%;
}

.technology-img svg, .approve-img svg{
    width: 100%;
}

.technology-img img, .approve-img img{
    width: 100%;
}

.about-hatake{
    margin-bottom: 197px;
}

section.usable-food{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 26px;
    margin-bottom: 220px;
}

section.usable-food h3{
    color: #000;
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px; /* 109.375% */
    letter-spacing: 2.4px;
    text-transform: capitalize;
}

section.usable-food .usable-food-container{
    display: flex;
    align-items: center;
    gap: 43px;
}

.usable-food-container ul{
    padding: 94px 112px;
}

section.usable-food .paddy{
    background-image: url('assets/images/paddy.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 30%;
}

section.usable-food .tomato{
    background-image: url('assets/images/tomato.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 30%;
}

section.usable-food .watermalon{
    background-image: url('assets/images/watermalon.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 30%;
}

section.usable-food ul{
    list-style: disc;
}

section.usable-food ul li{
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; 
    word-spacing: 2px;
    text-transform: capitalize;
}

section.good-thread{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 72px;
    margin-bottom: 220px;
}

section.good-thread h3{
    color: #000;
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 2.4px;
    text-transform: capitalize;
}

.good-thread-icons{
    display: flex;
    gap: 23px;
    align-items: flex-end;
}

.good-thread-img img{
    width: 100%;
}

.good-thread-list{
    display: flex;
    gap: 74px;
}

.list-img img{
    width: 100%;
}

@media (max-width: 1200px) {

/*     section.hatake-banner .banner-title{
        margin: 0 115px;
        padding-top: 217px;
        padding-bottom: 95px;
    } */

    section.usable-food{
        margin: 0 117px;
        margin-bottom: 220px;
    }

    .usable-food-container ul{
        padding: 94px 53px;
    }

    section.usable-food .paddy, section.usable-food .tomato, section.usable-food .watermalon{
        width: 40%;
    }

    .good-thread-list{
        margin: 0 115px;
    }
}

@media screen and (min-width: 767px) and (max-width: 1199px) {
    .japan-technology{
        flex-direction: column;
        width: 80%;
        margin: auto;
    }

    .approve{
        flex-direction: column-reverse;
        width: 80%;
        margin: auto;
    }

    .technology-info, .approve-info{
        width: 100%;
    }

    .technology-img, .approve-img{
        width: 100%;
    }

    section.usable-food .usable-food-container{
        flex-direction: column;
    }

    section.usable-food .paddy, section.usable-food .tomato, section.usable-food .watermalon{
        width: 100%;
    }

    .usable-food-container ul{
        padding: 94px 125px;
    }

    .good-thread-icons{
        width: 80%;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .good-thread-img{
        width: 35%;
    }

    section.good-thread h3{
        text-align: center;
    }

    .good-thread-list{
        flex-direction: column;
        gap: 0;
    }
}

@media (max-width:766px ) {

/*     section.hatake-banner{
        margin-bottom: 55px;
    }

    section.hatake-banner .banner-title{
        margin: 0 25px;
        gap: 10px;
    }

    section.hatake-banner .banner-title h2{
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    section.hatake-banner .banner-title p{
        font-size: 10px;
        letter-spacing: 0.7px;
    }

    section.hatake-banner .banner-title {
        padding-top: 110px;
        padding-bottom: 43px;
    } */

    .about-hatake{
        width: 100%;
        padding: 0 25px;
        margin-bottom: 40px;
    }
	
	.mobile{
		display:block;
	}
	
	.desktop{
		display:none;
	}
		
    .japan-technology{
        flex-direction: column;
        gap: 40px;

    }

    .approve{
        flex-direction: column-reverse;
        gap: 40px;

    }

    .technology-info, .approve-info{
        width: 100%;
        gap: 20px;
    }

    .technology-info h3, .approve-info h3{
        font-size: 10px;
        letter-spacing: 0.7px;
    }

    .technology-info p, .approve-info p{
        font-size: 8px;
        letter-spacing: 0.8px;
        line-height: 15px;
    }

    .technology-img, .approve-img{
        width: 50%;
    }

    section.usable-food{
        margin: 0 25px;
        gap: 20px;
        margin-bottom: 40px;
    }

    section.usable-food h3{
        font-size: 10px;
        letter-spacing: 0.7px;
    }

    section.usable-food .usable-food-container{
        flex-direction: column;
        gap: 20px;
    }

    section.usable-food .paddy, section.usable-food .tomato, section.usable-food .watermalon{
        width: 100%;
    }

    .usable-food-container ul{
        display: flex;
        flex-direction: column;
        gap: 22px;
        padding: 31px 55px;
    }

    section.usable-food ul li{
        font-size: 8px;
        letter-spacing: 0.8px;
        line-height: 15px;
    }

    section.good-thread h3{
        font-size: 10px;
        letter-spacing: 0.7px;
        text-align: start;
    }

    .good-thread-icons{
        width: 80%;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .good-thread-img{
        width: 46%;
    }

    .good-thread-img img{
        width: 100%;
    }

    section.good-thread{
        gap: 27px;
        margin-bottom: 40px;
    }

    .good-thread-list{
        flex-direction: column;
        gap: 0;
        margin: 0 25px;
    }

    .popular-posts{
        display: none !important;
    }
}

/* training courses */

section.training-course{
    background-image: url("/assets/images/course-banner.webp");
    height: 39vh;
    background-size: cover;
    background-repeat: no-repeat;
}

.training-couse-title{
    height: 178px;
    background-color: #424242;
    margin-bottom: 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.training-couse-title .title{
    margin: 50px 100px;
    color: #FFF;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 100% */
    letter-spacing: 3px;
    text-transform: uppercase;
}

.training-couse-title .title::after{
    content: '';
    width: 40px;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    top: -5px;
    left: 250px;
}

.training-couse-title button{
    margin: 0 100px;
    width: 15%;
    height: 25%;
    border: 0;
    background-color: #FFFFFF;
    color: #424242;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 100% */
    letter-spacing: 3px;
    text-transform: uppercase;
}

.trainting-courses{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.trainting-courses .trainging-title{
    margin: 0 100px;
    color: #000;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px; /* 125% */
    letter-spacing: 3px;
    text-transform: capitalize;
}

.trainting-courses .course{
    width: 45%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}


.trainting-courses .course h3{
    color: #000;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px; /* 125% */
    letter-spacing: 3px;
    text-transform: capitalize;

}

.trainting-courses .course .training-course-img{
    width: 100%;
    margin-bottom: 50px;
}

.trainting-courses .training-course{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85%;
    margin: 0 auto;
    gap: 20px;
    margin-bottom: 130px;
}

.trainting-courses .course p{
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 232.143% */
    word-spacing: 2px;
    color: rgba(0, 0, 0, 0.50);
}

.trainting-courses .course .course-about{
    display: flex;
    align-items: center;
    gap: 21px;
}

.trainting-courses .course .course-about p {
    color: #000000;
}


.trainting-courses .course button{
    width: 100%;
    height: 37px;
    border: 1px solid #EEAE02;
    background-color: transparent;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 232.143% */
    word-spacing: 2px;
}

.trainting-courses .course .active{
    background-color: #EEAE02 !important;
}

@media (max-width: 1200px) {
    section.training-course{
        height: 53vh;
    }
}

@media screen and (min-width: 767px) and (max-width: 1199px) {
    section.training-course {
        height: 68vh;
    }

    .training-couse-title{
        height: 115px;
    }

    .training-couse-title .title {
        margin: 25px 100px;
    }

    .training-couse-title button{
        width: 25%;
        height: 35%;
    }

    .trainting-courses .training-course{
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 0 100px;
        margin-bottom: 130px;
    }

}

@media (max-width:766px ) {
    section.training-course {
        height: 15vh;
    }

    .training-couse-title {
        height: 75px;
    }

    .training-couse-title .title{
        margin: 0 25px;
        margin-top: 15px;
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .training-couse-title .title::after{
        width: 20px;
        left: 125px;
        top: -8px;
    }

    .training-couse-title button{
        margin: 0 25px;
        width: 40%;
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .trainting-courses .trainging-title{
        display: none;
    }

    .trainting-courses .training-course{
        flex-direction: column;
        width: 100%;
        margin-bottom: 40px;
    }

    .trainting-courses .course{
        width: 80%;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        display: block;
    }

    .trainting-courses .course .training-course-img{
        margin-bottom: 26px;
    }

    .trainting-courses .course h3{
        font-size: 10px;
        letter-spacing: 0.7px;
        text-transform: capitalize;
        margin: 0 10px;
        margin-bottom: 8px;
    }

    .trainting-courses .course p{
        font-size: 8px;
        letter-spacing: 0.8px;
        line-height: 15px;
        margin: 0 10px;
        margin-bottom: 18px;
        width: 80%;
    }

    .trainting-courses .course .course-about{
        margin: 0 10px;
    }

    .trainting-courses .course .course-about p{
        margin: 0px;
    }

    .trainting-courses .course button{
        margin-top: 29px;
        background-color: #EEAE02;
        font-size: 8px;
        letter-spacing: 0.8px;
        height: 28px;
        align-items: center;
        display: flex;
        justify-content: center;
    }

}


.breadcrumb{
    margin: 50px 100px;
}

.breadcrumb p{
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 178.571% */
    word-spacing: 2px;
}

.courses-hero{
    margin: 0 100px;
    margin-bottom: 132px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about-course-detail{
    display: flex;
    align-items: center;
    gap: 10px;
}

.about-course-detail p{
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 178.571% */
    word-spacing: 2px;
}

.single-course-description{
    margin: 0 100px;
    margin-bottom: 108px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.single-course-description h3{
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; /* 125% */
    letter-spacing: 2.4px;
    text-transform: capitalize;
}

.course-contance p{
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 253.571% */
    text-transform: capitalize;
    word-spacing: 2px;
}

.img-cotainer{
    display: flex;
    align-items: flex-end;
}

.course-detail-img{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.left-border{
    width: 25px;
    height: 380px;
    background-color: #EEAE02;
}

.bottom-border{
    width: 90%;
    height: 25px;
    background-color: #EEAE02;
}

@media screen and (min-width: 767px) and (max-width: 1199px) {

    .courses-hero{
        flex-direction: column;
        gap: 35px;
        margin-bottom: 90px;
        align-items: flex-start;
    }

    .bottom-border,
    .left-border{
        display: none;
    }

    .course-contance p{
        width: 100% !important;
    }

    .single-course-description{
        margin-bottom: 90px;
    }
}

@media (max-width:766px ) {

    .breadcrumb{
        margin-bottom: 23px !important;
    }

    .breadcrumb p{
        font-size: 8px;
        letter-spacing: 0.8px;
    }

    .breadcrumb,
    .single-course-description {
        margin: 0 25px;
    }

    .courses-hero{
        margin: 0;
    }

    .courses-hero{
        flex-direction: column;
        gap: 19px;
        margin-bottom: 28px;
        align-items: flex-start;
    }

    .bottom-border,
    .left-border{
        display: none;
    }

    .img-cotainer{
        width: 100%;
    }

    .img-cotainer img{
        width: 100%;
    }

    .course-contance p{
        width: 100% !important;
        font-size: 8px;
        line-height: 15px;
        letter-spacing: 0.8px;
    }

    .course-detail{
        gap: 28px;
    }

    .course-detail h3{
        font-size: 10px;
        letter-spacing: 1.5px;
        margin: 0;
    }

    .about-course{
        gap: 13px;
    }

    .about-course-detail{
        gap: 30px;
    }

    .about-course-detail p{
        font-size: 8px;
        letter-spacing: 0.8px;
    }

    .about-course-detail img{
        width: 15%;
    }

    .single-course-description {
        gap: 22px;
        margin-bottom: 40px;
    }

    .single-course-description h3{
        font-size: 10px;
        letter-spacing: 0.7px;
    }

}




/* Job Employment Agency */

section.job-employment-banner{
    background-image: url('assets/images/oversea_employement_agency_banner1.webp');
    margin-bottom: 109px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 18% 0;
}

.job-employment-description{
    display: flex;
    margin: 0 auto;
    border-top: 5px solid #EEAE02;
    gap: 39px;
    margin-bottom: 100px;
}

.job-employment-content{
    background: rgba(217, 217, 217, 0.37);
    width: 69%;
    padding-bottom: 6%;
}

.job-employment-content h3{
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.5px; /* 152.5% */
    letter-spacing: 1.8px;
    text-transform: capitalize;
    text-align: center;
    padding-top: 84px;
    padding-bottom: 45px;
}

.job-employment-content p{
    color: #000;
    text-align: justify;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem;
    word-spacing: 2px;
    text-transform: capitalize;
    margin: 0 auto;
    padding: 0 88px;
}

.jop-description-img{
    padding-top: 42px;
    width: 60%;
}

.jop-description-img img{
    width: 100%;
}

.job{
    margin-bottom: 100px;
}

.job-title{
    height: 117px;
    display: flex;
    align-items: center;
    background-color: #424242;
}

.job-title h3{
    color: #FFF;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; 
    letter-spacing: 3px;
    text-transform: uppercase;
}

.job-title h3::after{
    content: '';
    width: 3%;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    bottom: 0px;
    left: 49%;
}

.job-descraption{
    background-image: url('assets/images/image-7.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.job-descraption-title h3{
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.5px; /* 152.5% */
    letter-spacing: 1.8px;
    text-transform: capitalize;
    padding-top: 55px;
    margin-bottom: 144px;
    color: #FFFFFF;
}

.job-card-cotainer{
    display: flex;
    gap: 25px;
    padding-bottom: 520px
}


.job-card{
    height: 180px;
    background-color: #EEAE02;
    width: 20%;
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-direction: column;
    padding: 0 19px;
}

.job-card p{
    color: #FFF;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.5px; /* 152.5% */
    letter-spacing: 1.8px;
    text-transform: capitalize;
}

.bottom-card{
    margin-top: 53px;
}

.top-img-cotainer{
    display: flex;
    width: 100%;
    margin: auto;
    gap: 12px;
}

.gallary{
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 80px;
    text-align: center;
}

.title-container{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gallary h3{
    font-family: Poppins;
    font-size: 16px;
    color: #EEAE02;
    font-weight: 600;
    word-spacing: 2px;
    line-height: 1.6rem;
    text-transform: capitalize;
}

.gallary p{
    font-family: Poppins;
    font-size: 32px;
    color: #000000;
    font-weight: 600;
    word-spacing: 2px;
    line-height: 1.6rem;
    text-transform: capitalize;
}

.img1{
    width: 60%;
    background-image: url('assets/images/oversea1.webp');
    background-size: cover;
    background-repeat: no-repeat;
    height: 481px;
}

.img2{
    width: 40%;
    background-image: url('assets/images/group-1.webp');
    background-size: cover;
    background-repeat: no-repeat;
}

.bottom-img-cotainer{
    display: flex;
    gap: 12px;
    width: 100%;
    margin: auto;
}

.img3{
    width: 40%;
    background-image: url('assets/images/oversea3.webp');
    background-size: cover;
    background-repeat: no-repeat;
    height: 490px;
}

.img4{
    width: 40%;
    background-image: url('assets/images/oversea4.webp');
    background-size: cover;
    background-repeat: no-repeat;
}

.img5{
    width: 40%;
    background-image: url('assets/images/oversea5.webp');
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 1200px) {

    .job-employment-description{
        width: 90%;
    }

    .job-card-cotainer{
        justify-content: center;
        width: 100%;
        padding-bottom: 165px;
    }

    .job-descraption{
        background-size: contain;
    }

    .img1{
        height: 371px;
    }

    .img3{
        height: 285px;
    }

}

@media screen and (min-width: 767px) and (max-width: 1199px) {
    section.job-employment-banner {
        height: 278px;
    }

    .job-employment-description{
        flex-direction: column;
    }

    .job-employment-content{
        width: 100%;
    }

    .jop-description-img{
        text-align: center;
        padding: 0;
        margin: 0 auto;
        width: 100%;
    }

    .job-card-cotainer{
        align-items: center;
        flex-wrap: wrap;
    }

    .bottom-card{
        margin: 0;
    }

    .job-descraption-title h3 {
        margin: 0 100px;
        margin-bottom: 80px;
    }

    .job-card{
        width: 32%;
    }

    .job-descraption{
        background-size: cover;
    }

    .job-title h3{
        margin: 0 100px;
    }

    .top-img-cotainer{
        display: none;
    }

    .img3, .img4, .img5{
        padding: 17% 0;
    }

    .bottom-img-cotainer{
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
    }

}

@media (max-width:766px ) {

    section.job-employment-banner{
        height: 200px;
        background-position: right;
        margin-bottom: 40px;
    }

    .job-employment-description{
        flex-direction: column;
        gap: 0px;
        margin-bottom: 40px;
    }

    .job-employment-content{
        width: 100%;
        padding: 40px 0;
    }

    .job-employment-content h3{
        font-size: 10px;
        letter-spacing: 0.7px;
        padding-bottom: 40px;
        padding-top: 0;
    }

    .job-employment-content p{
        font-size: 8px;
        letter-spacing: 0.8px;
        line-height: 15px;
        text-align: center;
        padding: 0 26px;
    }

    .jop-description-img{
        width: 100%;
        padding: 0;
    }

    .jop-description-img img{
        width: 100%;
    }

    .job-title{
        height: 70px;
    }

    .job-title h3{
        margin: 0 25px;
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .job-descraption-title{
        display: none;
    }

    .job-card-cotainer{
        align-items: center;
        flex-wrap: wrap;
        padding-bottom: 155px;
    }

    .job-card{
        width: 46%;
        align-items: center;
    }

    .job-card p{
        color: #FFF;
        text-align: center;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 15px; /* 150% */
        letter-spacing: 1px;
        text-transform: capitalize;
    }

    .bottom-card{
        margin: 0;
    }

    .job-descraption{
        padding-top: 13px !important;
        background-size: cover;
        background-position: center;
        padding: 0 24px;
    }

    .top-img-cotainer{
        display: none;
        margin: 0 25px;
    }

    .img3, .img4, .img5{
        height: 331px;
        width: 100%;
        background-position: center;
    }

    .bottom-img-cotainer{
        flex-direction: column;
    }

    .gallary{
        margin-bottom: 40px;
        gap: 20px;
    }

    .title-container{
        gap: 0;
    }

    .gallary h3{
        font-size: 8px;
        letter-spacing: 0.56px;
        line-height: normal;

    }

    .gallary p{
        font-size: 10px;
        letter-spacing: 0.7px;
        line-height: normal;
    }

    .job{
        margin-bottom: 40px;
    }

    .job-title h3::after{
        width: 7%;
        bottom: 8px;
        left: 15%;
    }


}


/* Oil indestry */

/* .indestry-banner{
    background-image: url('assets/images/refinery-banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.indestry-banner div{
    padding: 15% 0;
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.indestry-banner h3{
    color: #FFF;
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.indestry-banner p{
    color: #FFF;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.indestry-banner p::after{
    content: '';
    width: 10%;
    height: 2px;
    display: block;
    background-color: #EEAE02;
    position: relative;
    bottom: -20px;
} */

.indestry-description{
    display: flex;
    align-items: center;
    margin-bottom: 150px;
    justify-content: center;
    gap: 35px;
}

.indestry-description p{
    color: #000;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 253.571% */
    word-spacing: 2px;
    text-transform: capitalize;
}

.indestry-description button{
    background-color: #EEAE02;
    color: #FFFFFF;
    border: 0;
    width: 200px;
    height: 50px;
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6rem; /* 236.667% */
    word-spacing: 2px;
    text-transform: capitalize;
    cursor: pointer;
	transition:0.5s;
}

.indestry-description button:hover{
	background-color:#fff;
	border:1px solid #EEAE02;
	color:#EEAE02;
}

.indestry-content{
    display: flex;
    flex-direction: column;
    gap: 31px;
    width: 31%;
}

.indestry-img{
    width: 32%;
}

.indestry-img img{
    width: 100%;
}

.certificate-title h3{
    color: #000;
    text-align: center;
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; /* 125% */
    letter-spacing: 2.4px;
    text-transform: capitalize;
    width: 32%;
    margin: 0 auto;
}

.certificate-img{
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 187px;
    gap: 50px;
}

.certificate-img img{
    width: 100%;
}

.iso2023, .iso2021{
    width: 26%;
    text-align: center;
}

.iso2023 h3, .iso2021 h3{
    color: #EEAE02;
    text-align: center;
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 30.5px; /* 95.313% */
    letter-spacing: 2.88px;
    text-transform: capitalize;
    margin-top: 30px;
    margin-bottom: 10px;
}

.iso2023 p, .iso2021 p{
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 253.571% */
    word-spacing: 2px;
    text-transform: capitalize;
    width: 86%;
    margin: 0 auto;
}

.indestry-gallary{
    margin-bottom: 150px;
}

.indestry-gallary-title h5{
    color: #EEAE02;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6rem; /* 221.875% */
    word-spacing: 2px;
    text-transform: capitalize;
}

.indestry-gallary-title h3{
    color: #000;
    text-align: center;
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; /* 125% */
    letter-spacing: 2.4px;
    text-transform: capitalize;
    margin-bottom: 50px;
}

.indestry-gallary-img{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 65%;
    margin: 0 auto;
}

.top-gallary-img, .bottom-gallary-img{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.top-gallary-img img, .bottom-gallary-img img{
    width: 100%;
}

.indestry-address{
    height: 300px;
    background-image: url('assets/images/oilrefinary4.webp');
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 52px;
    text-align: center;
}

.indestry-address h3{
    color: #FFF;
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 62.5% */
    letter-spacing: 4.8px;
    text-transform: uppercase;
}

.indestry-address p{
    color: #FFF;
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; /* 83.333% */
    letter-spacing: 3.6px;
    text-transform: uppercase;
}

.indestry-map{
    height: 500px;
}

@media (max-width: 1200px) {
/*     .indestry-banner{
        padding: 0 100px;
    } */

    .indestry-description{
        margin: 0 100px;
        justify-content: flex-start;
        margin-bottom: 150px;
    }

    .indestry-content, .indestry-img{
        width: 50%;
    }

    .iso2023, .iso2021 {
        width: 40%;
    }

    .indestry-gallary-title img{
        width: 100%;
    }

    .indestry-gallary-img{
        margin: 0 auto;
        width: 41%;
    }

    .certificate-title h3{
        width: 50%;
    }
}

@media screen and (min-width: 767px) and (max-width: 1199px) {

/*     .indestry-banner h3{
        gap: 0;
    } */

    .indestry-description{
        flex-direction: column;
    }

    .indestry-content, .indestry-img{
        width: 100%;
    }

    .certificate-img{
        flex-direction: column;
        gap: 40px;
    }

    .iso2023, .iso2021{
        width: 80%;
    }

    .certificate-title h3{
        width: 80%;
    }

    .indestry-address{
        padding: 0 100px;
        text-align: center;
    }
}

@media (max-width:766px ) {
	
	.nav-container{
		overflow:scroll;
	}

/*     .indestry-banner{
        padding: 0 52px;
        gap: 8px;
        background-position: center;
        margin-bottom: 40px;
    }

    .indestry-banner h3{
        letter-spacing: 1.5px;
        font-size: 10px;
    }

    .indestry-banner div{
        gap: 10px;
    }

    .indestry-banner p{
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .indestry-banner p::after{
        bottom: 0px;
    }
 */
    .indestry-description{
        flex-direction: column;
    }

    .indestry-content, .indestry-img{
        width: 100%;
        align-items: center;
    }

    .indestry-description{
        margin: 0 25px;
        gap: 49px;
        margin-bottom: 40px;
    }

    .indestry-description p{
        font-size: 8px;
        letter-spacing: 0.8px;
        line-height: 15px;
        text-align: center;
    }

    .indestry-description button{
        width: 91px;
        height: 23px;
        font-size: 8px;
        letter-spacing: 0.8px;
        line-height: normal;
    }

    .certificate-title h3{
        margin: 0 auto;
        font-size: 10px;
        letter-spacing: 0.7px;
        line-height: normal;
        width: 76%;
    }

    .certificate-img{
        flex-direction: column;
        gap: 40px;
        margin-bottom: 40px;
    }

    .iso2023 img, .iso2021 img{
        width: 100%;
    }

    .iso2023, .iso2021{
        width: 80%;
    }

    .iso2023 h3, .iso2021 h3{
        font-size: 10px;
        letter-spacing: 0.7px;
        margin-top: 20px;
        margin-bottom: 14px;
    }

    .iso2023 p, .iso2021 p{
        font-size: 8px;
        letter-spacing: 0.8px;
        line-height: 15px;
    }

    .indestry-gallary-title h5{
        font-size: 8px;
        letter-spacing: 0.58px;
        line-height: normal;
    }

    .indestry-gallary-title h3{
        font-size: 10px;
        letter-spacing: 0.7px;
        line-height: normal;
        margin-bottom: 20px;
    }
    
    .top-gallary-img, .bottom-gallary-img{
        flex-direction: column;
    }

    .indestry-gallary-img{
        margin: 0;
        padding: 0 25px;
        width: 100%;
    }

    .indestry-address{
        height: 68px;
        gap: 14px;
    }

    .indestry-address h3{
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .indestry-address p{
        font-size: 8px;
        letter-spacing: 0.8px;
    }

    .nav-fixed{
        position: fixed;
        width: 100%;
        z-index: 1000;
		top:15px;
    }
}

@media screen and (max-width:500px ) {
    section.ceo .ceo-profile-picture {
        width: 80% !important;
    }
}


.box div {
    display: flex;
}

.box span {
    width: 30%;
    color: #000;
    text-align: justify;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 32.5px; /* 232.143% */
    letter-spacing: 1.19px;

}

@media screen  and (max-width:900px) {
    .history {
        display: flex;
        flex-direction: column-reverse;

    }
}

.course-page-container{
    background-color: #f5f5f5;
    padding-top: 110px;
}

.value-subtitle {
    display: flex;
    align-items: baseline;
}

/* Blogs Detail  */


.blog-detail-container{
    display: flex;
    justify-content: space-between;
    margin-bottom: 142px;
	gap:80px;
}

.blog-left-column{
    width: 80%;
}

.blog-left-column .thumbnail-container{
    width: auto;
    height: auto;
}

.blog-left-column .thumbnail-container img{
    width: auto;
	height:auto;
}

.entry-title{
    color: #000;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.5px; /* 152.5% */
    letter-spacing: 1.8px;
    text-transform: capitalize;
    margin-bottom: 52px;
    margin-top: 65px;
}

.category_date_cotainer{
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin-bottom: 65px;
}

.category{
	display:none;
}

.category a{
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 232.143% */
    word-spacing: 2px;
    color: #EEAE02;
}

.date{
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 208.333% */
    word-spacing: 2px;
}

.thumbnail-container{
    margin-bottom: 22px;
}

.content{
    width: auto;
	text-align:justify;
}

.thumbnail-container iframe{
	width:100%;
}

.content article{
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; /* 253.571% */
    word-spacing: 2px;
    text-transform: capitalize;
}

@media (max-width: 1200px) {

    .blog-left-column .thumbnail-container{
        height: auto;
    } 
}

@media (max-width: 1199px) {

    .entry-title{
        padding: 0 100px;
    }

    .blog-detail-container{
        flex-direction: column;
        gap: 40px;
    }

    .blog-left-column{
        padding: 0 100px;
        width: 100%;
    }

    .blog-detail-container .categorise-popular-posts{
        padding: 0 100px;
    }

    .blog-detail-container .categorise-popular-posts .popular-posts{
        width: 100%;
    }

    .blog-detail-container .categorise-popular-posts .popular-posts .popular-post{
        flex-direction: row;
    }
}

@media (max-width:767px ) {
    .entry-title, 
    .blog-left-column,
    .blog-detail-container .categorise-popular-posts{
        padding: 0 20px;
    }

    .blog-left-column .thumbnail-container{
        width: 100%;
    }

    .content article{
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px; /* 187.5% */
        letter-spacing: 0.8px;
    }

    .blog-detail-container .categorise-popular-posts .popular-posts .popular-post,
    .category_date_cotainer{
        width: 100%;
    }

    .category_date_cotainer{
        margin-bottom: 17px;
    }

    .category a,
    .date,
    .categorise-popular-posts .categories .categorie .categorie-name p a{
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px; /* 187.5% */
        letter-spacing: 0.8px;
    }

    .categorise-popular-posts .popular-posts .popular-post .post-img{
        width: 100%;
    }

    .blog-detail-container .categorise-popular-posts .popular-posts .popular-post{
        flex-direction: column;
    }

    .after-line-as::after {
        content: '';
        width: 20px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        bottom: 25px;
        left: 70px;
    }

    .after-line-ls::after {
        content: '';
        width: 20px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        bottom: 25px;
        left: 135px;
    }

    .after-line-ob::after {
        content: '';
        width: 20px;
        height: 2px;
        display: block;
        background-color: #EEAE02;
        position: relative;
        bottom: 25px;
        left: 105px;
      }

      footer .copyright p{
        font-size: 8px;
      }

      .indestry-gallary{
        margin-bottom: 40px !important;
      }

      .popup{
        display: none !important;
      }
	
	.course-banner, .agency-banner, .banner-img, .home-banner{
		margin-top:10%;
	}

}

.menu-active{
    color: #EEAE02 !important;
}

.dropdown-contant .menu-active{
    background-color: #EEAE02 !important;
    color: #ffffff !important;
}

.contact-page .wpcf7-response-output{
    position: relative;
    bottom: 45px;
}

footer .footer-left .wpcf7-response-output{
    position: relative;
    bottom: 25px;
}

.wpcf7-response-output{
    color: #EEAE02;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1.95px;

}

.blog-paragraph{
    color: #000000 !important;
}

#language-course:target{
    background-color: #EEAE02;
    color: #ffffff;
}

@media screen and (min-width: 1400px) and (max-width: 1499px) {
    /* .container{
        padding: 0 5%;
    } */

    .bio-fertilizer-content, .oil-industry-content{
        padding-top: 10% !important;
        padding-bottom: 10% !important;
    }

    .company-section .company-container .company-top h2{
        padding-bottom: 0;
    }

    .company-section .company-container .company-top{
        padding: 2% 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    header .navbar, header .top-nav{
        padding: 0 5%;
        width: 100%;
    }

    .tab-container{
        width: 100%;
    }
}

.google-map{
    height: 500px;
}

@media screen and (min-width: 765px) and (max-width: 1199px) {
    footer .footer-left .form-container .wpcf7-not-valid-tip{
        bottom: 0 !important;
    }
}

/* Styles for screens between 1400px and 1500px */
@media screen and (min-width: 1400px) and (max-width: 1499px) {
    
    .contact-banner h3{
        margin: 0 7%;
    }
  }
  
  @media only screen and (min-width: 1024px) and (max-width: 1199px) {

    .tab-container{
        width: auto !important;
    }

    .company-section .company-container .blogs-container .blogs, .company-section .company-container .blogs-container .student-count-section{
        padding: 0px;
    }

    .company-section .company-container .company-top h2{
        width: 54% !important;
    }
    }
  
    @media (min-width: 1200px) and (max-width: 1245px) {
        .company-section .company-container .company-top h2{
            padding-right: 30%;
        }
    }
/*     
    .slide{
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    .slideImg{
        width: 50%;
        height: 550px;
        box-shadow: 0px 0px 3px gray;
        margin: auto;
        position: relative;
        overflow: hidden;
    }
    
    .slide-img{
        width: 100%;
        margin: auto;
        position: absolute;
    } */

    .popup{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        width: 60%;
        max-width: 1600px;
        height: 90vh;
        max-height: 800px;
        border-radius: 20px;
        background: rgba(0, 0, 0, 0.75) ;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 99999;
        overflow: hidden;
        transition: 1s;
        opacity: 0;
    }

    .popup.active{
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    .popup.active .close-btn,
    .popup.active .image-name,
    .popup.active .index,
    .popup.active .large-image,
    .popup.active .arrow-btn{
        opacity: 1;
        transition: opacity .5s;
        transition-duration: 1s;
    }

    .topbar{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background: #000;
        color: #ffffff;
        text-align: center;
        line-height: 50px;
        font-weight: 300;
        font-family:Poppins ;
    }

    .image-name{
        opacity: 0;
    }

    .close-btn{
        opacity: 0;
        position: absolute;
        top: 5px;
        right: 20px;
        width: 25px;
        cursor: pointer;
    }

    .close-btn img{
        width: 100%;
    }

    .arrow-btn{
        position: absolute;
        top: 330px;
        transform: translateY(-50%);
        padding: 10px;
        border-radius: 50%;
        border: none;
        background: none;
        cursor: pointer;
        opacity: 0;
        display: flex;
    }

    .left-arrow{
        left: 10px;
    }

    .right-arrow{
        right: 10px;
        transform: translateY(-50%) rotate(180deg);
    }

    .arrow-btn:hover{
        background-color: rgba(0, 0, 0, 0.5);
    }

    .index{
        position: absolute;
        top: 550px;
        right: 200px;
        font-size: 80px;
        font-weight: 100;
        color: rgba(255, 255, 255, 0.4);
        opacity: 0;
    }

    .large-image{
        margin-top: 3%;
        object-fit: contain;
        opacity: 0;
        width: 50% !important;
    }

    .indestry-gallary-img img{
        cursor: pointer;
    }

    .all-img {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .small-img{
        width: 15% !important;
    }

    .imgactive{
        border: 3px solid #eeAe02;
    }

/* footer */

footer{
	padding:10% 0;
	margin-top:5%;
}

.footer-nav {
  display: flex;
  align-items: center;
	width:60%;
}

.footer-menu {
  display: flex;
  width: 100%;
}

.form-container {
  width: 40%;
	position:relative;
}

.social {
  width: 20%;
}

.ft-nav {
  width: 80%;
}

footer .social {
	display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
	position:relative;
}

footer .social::before{
	content:"";
	position:absolute;
	width: 80%;
	height: 2px;
	transform: rotate(-90deg);
	flex-shrink: 0;
	background-color:#EEAE02;
	top:145px;
}

footer .social::after{
	content:"";
	position:absolute;
	width: 80%;
	height: 2px;
	transform: rotate(-90deg);
	flex-shrink: 0;
	background-color:#EEAE02;
	bottom:145px;
}

.ft-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  row-gap: 70px;
}

.ft-nav-item {
  width: 50%;
}

.ft-nav-item h3{
	color: #FFF;
	font-family: Raleway;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 100% */
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom:3%;
}

.ft-nav-item h3::after{
	content:"";
	width:3%;
	height:2px;
	position:absolute;
	background-color:#EEAE02;
	margin-top:1%;
	margin-left:1%;
}

.ft-nav-item p a{
	color: #E7E7E7 !important;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 32.5px; /* 232.143% */
	letter-spacing: 1.19px;
	transition:0.5s;
}

.ft-nav-item p a:hover {
    color: #EEAE02 !important;
}


footer .form {
  width: 69%;
  position: absolute;
  bottom: 0;
  background: #fff;
	border-top:6px solid #EEAE02;
	right:85px;
}

.phone-number{
	background-color:#424242;
}

.phone-number p{
	color: #FFF;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 32.5px; /* 232.143% */
	letter-spacing: 1.19px;
}

.phone-number p a{
	color:#fff;
	transition:0.5s;
}

.phone-number p a:hover{
	color: #EEAE02;
}

.ot-footer{
	margin:0 !important;
}

.ot-footer-nav {
  display: flex;
  align-items: center;
}

.ot-social {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
 position:relative;
	gap: 10px;
}

.ot-social::after{
	content:"";
	position:absolute;
	width: 50%;
	height: 2px;
	transform: rotate(-90deg);
	flex-shrink: 0;
	background-color:#EEAE02;
	bottom:145px;
}

.ot-social::before{
	content:"";
	position:absolute;
	width: 50%;
	height: 2px;
	transform: rotate(-90deg);
	flex-shrink: 0;
	background-color:#EEAE02;
	top:145px;
}

.ot-ft-nav {
	display:flex;
	justify-content:space-around;
}

.ot-ft-nav-item h3{
	color: #FFF;
	font-family: Raleway;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 100% */
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom:20px;
}

.ot-ft-nav-item h3::after{
	content:"";
	width:3%;
	height:2px;
	position:absolute;
	background-color:#EEAE02;
	margin-top:1%;
	margin-left:1%;
}


.ot-ft-nav-item p a{
	color: #FFF;

	/* Paragraph */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 32.5px; /* 232.143% */
	letter-spacing: 1.19px;
}

.ot-ft-nav-item p a:hover{
	color:#EEAE02;
}
	
.ot-left{
	width:80%;
	display: flex;
	  flex-direction: column;
	  gap: 100px;
}

.ot-ph {
  margin: auto;
  width: 85%;
}

.ot-ph p, .ot-ph p a{
	color: #FFF;

/* Paragraph */
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 32.5px; /* 232.143% */
letter-spacing: 1.19px;
}

@media screen and (max-width: 1200px) {
	.ft-nav-item {
  		width: 45%;
	}
	
	.banner-title.container{
		bottom:130px;
		padding:0 8%;
	}
}

@media screen and (max-width: 1100px){
	.banner-title.container {
		bottom: 105px;
		padding: 0 5%;
  }
}

@media screen and (max-width: 1000px) {
	
	footer{
		padding:0;
	}
	
	footer .form{
		position:unset;
		margin:auto;
	}
	
	.footer-menu {
	  	flex-direction: column-reverse;
	}
	
	.footer-nav, .form-container{
		width:100%;
	}
	
	.footer-nav{
		padding:10% 0;
	}
	
	.form-container{
		background:#fff;
	}
	
	.phone-number p{
		text-align:center;
		color:#424242;
		background:#fff;
	}
	
	.phone-number p a{
		color:#424242;
	}
	
	.ot-footer-nav {
		flex-direction: column;
		gap: 50px;
		padding: 10% 0;
  }

	.ot-social{
		flex-direction:row;
	}
	
	.ot-social::after, .ot-social::before{
		transform:rotate(180deg);
	}
	
	.ot-social::after{
		bottom:unset;
		left:150px;
	}
	
	.ot-social::before{
		top:unset;
		right:150px;
		
	}
	
	.ot-left{
		width:100%;
	}
	
	.banner-title.container {
    	bottom: 90px;
	}
}

@media screen and (max-width: 900px) {
	section.our-values .our-values-bottom .our-values-info{
		gap:0;
	}
	
	.ot-ft-nav-item p a{
		font-size: 8px;
		font-style: normal;
		font-weight: 400;
		line-height: 15px; /* 187.5% */
		letter-spacing: 0.8px;
		text-transform: capitalize;
	}
	
	.ot-ft-nav-item h3{
		font-size: 10px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		margin-bottom:10px;
	}
	.ot-ph p, .ot-ph p a{
		font-family: Poppins;
		font-size: 8px;
		font-style: normal;
		font-weight: 400;
		line-height: 15px; /* 187.5% */
		letter-spacing: 0.8px;
	}
		
	.ot-ph{
		width:80%;
	}
	
	.ot-left{
		gap:20px;
	}
	
	.banner-title.container {
    	bottom: 75px;
  }
	
}

@media screen and (max-width: 800px) {
	.footer-nav{
		background:#424242;
		flex-direction:column;
	}
	
	footer .social{
		flex-direction:row;
	}
	
	footer .social::before , footer .social::after{
		transform:rotate(180deg);
	}
	
	footer .social::before{
		top:unset;
		right:110px;
	}
	
	footer .social::after{
		bottom:unset;
		left:125px;
	}
	
	.footer-nav {
		gap:40px;
  }
	
	.ft-nav{
		flex-direction:column;
		row-gap:40px;
		align-items:center;
	}
	
	.ft-nav-item{
		width:100%;
		text-align:center;
	}
	
	.form{
		width:80%;
	}
	
	.ft-nav-item p a{
		font-size: 8px;
		font-style: normal;
		font-weight: 400;
		line-height: 15px; /* 187.5% */
		letter-spacing: 0.8px;
		text-transform: capitalize;
	}
	
	.ft-nav-item h3{
		font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	}
	
	.phone-number p a, .phone-number p{
		font-family: Poppins;
		font-size: 8px;
		font-style: normal;
		font-weight: 400;
		line-height: 15px; /* 187.5% */
		letter-spacing: 0.8px;
		text-transform: capitalize;
	}
	
	.history-info-title h3::after{
		margin-top:2%;
	}
	
	 .banner-title.container {
    	bottom: 65px;
  }
}

@media screen and (max-width: 766px){
	.banner-title h2{
		color: #FFF;
		font-family: Raleway;
		font-size: 10px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 1.5px;
		text-transform: uppercase;
	}
	
	.banner-title p{
		color: #FFF;
		font-family: Raleway;
		font-size: 10px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: 0.7px;
		text-transform: capitalize;
	}
	
	.banner-title.container {
  		gap: 10px;
}
	
	.banner-title p::after{
		top:20px;
		width:60%;
		height:2px;
	}
	
}

@media screen and (max-width: 700px){
	.ot-footer-nav{
		background:#424242;
	}
	
	.ot-social::before {
		right:110px;
	}
	
	.ot-social::after{
		left:120px;
	}
	
	.ot-ft-nav {
	  flex-direction: column;
	  align-items: center;
	  gap: 20px;
	  text-align: center;
	}
	
	.ot-ph{
		width:auto;
		text-align:center;
	}
	
	.ot-footer-nav{
		padding:5% 0;
	}
}

@media screen and (max-width: 520px){
	.banner-title.container {
    bottom: 85px;
  }
}

@media screen and (max-width: 430px){
	.banner-title.container {
   		 bottom: 65px;
  }
}

@media screen and (max-width: 400px){
	
	footer .social::before{
		right:70px;
	}
	
	footer .social::after{
		left:80px;
	}
	
	.ot-social::before {
		right:80px;
	}
	
	.ot-social::after{
		left:90px;
	}
	
	.ot-footer-nav{
		gap:20px;
	}
	
	.slider img{
		height:200px;
	}
	
	.banner-title.container {
    	bottom: 60px;
  }
}

.blog-img iframe, .post-img iframe{
	width:100%;
	height:auto;
}

.agency-banner img, .hero img, .training-business img, .agency-gallary img{
	width:100%;
}

.hero{
    display: flex;
    justify-content: center;
    margin: 10%;
    border-top: 3px solid #EEAE02;
	width:auto;
}

.hero h3{
    color: #000;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.5px; 
    letter-spacing: 1.8px;
    text-transform: capitalize;
    text-align: center;
	margin-bottom:45px;
}

.hero p{
    color: #000;
    text-align: justify;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 35.5px;
    letter-spacing: 1.19px;
    text-transform: capitalize;
}

.descraption{
    width: 50%;
    background: rgba(217, 217, 217, 0.37);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 3%;
}

.hero-img{
    width: 50%;
    padding: 5% 3%;
}

.title-head h3{
    color: #FFF;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; 
    letter-spacing: 3px;
    text-transform: uppercase;
	position:relative;
}

.title-head h3::after{
	content:'';
	height:3px;
	width:3%;
	position:absolute;
	background:#EEAE02;
	bottom:0;
}

.title-head {
    background: #424242;
    padding: 2% 10%;
}

.business-type {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 15%;
}

.business-banner {
    position: relative;
}

.business {
    position: absolute;
    top: 0;
    padding: 4% 10%;
}

.business h3{
    color: #FFF;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.5px;
    letter-spacing: 1.8px;
    text-transform: capitalize;
}

.cart-top{
    margin-top: 5%;
}

section.agency-gallary {
    padding: 10%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gallary-top, .gallary-bottom{
    display: flex;
    gap: 20px;
}

.mobile-agency{
		display:none;
	}

@media screen and (max-width:1200px) {
    .hero{
        align-items: center;
        gap: 20px;
    }

    .hero-img{
        padding: 0;
    }
}   

@media screen and (max-width:1000px) {
    .hero{
        margin: 5%;
    }

    section.agency-gallary{
        padding: 5%;
    }
}


@media screen and (max-width:800px) {
	.hero {
  		flex-direction: column;
	}
	
	.descraption, .hero-img{
		width:100%;
	}
	
	.business-type{
		margin:0;
	}
	
	.hero h3{
		margin:20px auto;
	}
}

@media screen and (max-width:766px) {

	.ot-footer-nav{
		background:#424242;
	}
}

@media screen and (max-width:700px) {
	
	.mobile-agency{
		display:block;
	}
	
	.desktop-agency{
		display:none;
	}
	
	.hero h3, .title-head h3{
		color: #000;
		font-family: Raleway;
		font-size: 10px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: 0.7px;
		text-transform: capitalize;
	}
	
	.title-head h3{
		color:#fff;
	}
	
	.hero p{
		color: #000;
		text-align: center;
		font-family: Poppins;
		font-size: 8px;
		font-style: normal;
		font-weight: 400;
		line-height: 15px; /* 187.5% */
		letter-spacing: 0.8px;
		text-transform: capitalize;
	}
	
	.business h3{
		display:none;
	}
	
	.business{
		left:0;
		right:0;
		display:flex;
		justify-content:center;
	}
	
	.business-type {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	}
	
	.cart-top{
		margin:0;
	}
	
	.gallary-top, .gallary-bottom{
		gap:10px;
	}
	
	section.agency-gallary{
		gap:10px;
	}
	
}

.dropdown:hover .dropdown-contant{
	display:block;
}

.categories{
	display:none !important;
}

.categore-date a{
	display:none;
}