@font-face {
    font-family: 'CentennialLight';
    src: url('../fonts/centennialltstd-light.otf');
    
}
@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-VariableFont_wght.ttf');
    
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-VariableFont_slnt\,wght.ttf');
    
}

.sec-title h3{font-family: 'CentennialLight';font-size: 50px;font-weight: 400;line-height: 50px;}
.container-fluid{max-width: 90%;}

/* Header Start */
header{padding-top: 2em;transition: all .4s ease;}
header.fixed{padding: 0;position: sticky; position: -webkit-sticky; top: 0;background: #fff;box-shadow: 0 0 12px #00000036;z-index: 999;}
header .navbar-brand img{width: 100px;transition: all .4s ease;}
header.fixed .navbar-brand img{width: 60px;}
header .navbar-nav li a{font-family: 'Urbanist';font-size: 32px;font-weight: 600;line-height: 42px;color: #000;}
header .navbar .container-fluid{align-items: flex-start;}
/* Header End */

/* Section One Start */
.section-one .container{text-align: center;}
.section-one img{width: 75% !important; margin: auto;}
/* Section One End */

/* Section Two Start */
.section-two .grid-sec{width: 90%; margin: auto;padding: 6em 0 4em;display: flex;flex-wrap: wrap;}
.section-two .grid-sec > div {width: 50%;}
.section-two .grid-sec .first-para p{font-family: 'CentennialLight';font-size: 32px;font-weight: 400;line-height: 35px;padding: 2em 2em 3em 0;color: #1d1d1b}
.section-two .grid-sec .grid-img img{width: 80%;}
.section-two .grid-sec .second-para{align-content: end;margin-top: 25em;}
.section-two .grid-sec .second-para p{font-family: 'CentennialLight';font-size: 32px;font-weight: 400;line-height: 35px;color: #1d1d1b;padding: 2em 2em 0 2em;text-align: end;word-wrap: break-word;}
/* Section Two End */

/* Section Three Start */
.section-three{text-align: center;padding: 8em 0 3em;}
.section-three img{width: 60%;}
/* Section Three End */

/* Section Four Start */
.section-four .grid-sec-two{width: 70%;margin: auto;padding: 3em 0 10em;}
.section-four .sec-title h3{width: fit-content;margin-left: auto;}
.section-four .grid-sec-two .frist-para p{font-family: 'CentennialLight';font-size: 32px;font-weight: 400;line-height: 35px;color: #1d1d1b;text-align: end;width: 65%;padding: 3em 0em 3em 3em;}
.section-four .grid-sec-two .grid-two-img{text-align: center;}
.section-four .grid-sec-two .grid-two-img img{width: 50%;}
.section-four .grid-sec-two .sec-para p{font-family: 'CentennialLight';font-size: 32px;font-weight: 400;line-height: 35px;text-align: center;color: #1d1d1b;padding: 3em 2em;max-width: 94%;margin: auto;}
.only-mob{display: none;}
/* Section Four End */

/* Footer Start */
footer{background: #575756;padding: 13em 0 2em;}
footer   .logo-text{font-family: 'Inter';font-size: 25px;font-weight: 700;line-height: 28px;color: #fff;}
footer .foot-col p{font-family: 'Inter';font-size: 22px;font-weight: 400;line-height: 28px;margin: 0;color: #fff;}
footer .loca{text-align: end;}
footer .foot-col a{color: #fff;}
/* Footer End */

/* Responsive Css */
@media only screen and (max-width:991px){
    
    .sec-title h3 {font-size: 40px;line-height: 40px;}
    /* Section One Start */
    .section-one img {width: 100% !important;}
    /* Section One End */

    /* Section Two Start */
    .section-two .grid-sec{width: 95%;}
    .section-two .grid-sec .first-para p{font-size: 25px;line-height: 25px;padding: 2em 0em 2em 01em;}
    .section-two .grid-sec .second-para{margin-top: 16em;}
    .section-two .grid-sec .second-para p{font-size: 25px;line-height: 25px;padding: 0em 1em 0 3em;}
    /* Section Two End */

    /* Section Three Start */
    .section-three{padding: 2em 0 3em;}
    .section-three img {width: 80%;}
    /* Section Three End */

    /* Section Four Start */
    .section-four .grid-sec-two {width: 90%;padding: 2em 0 2em;}
    .section-four .grid-sec-two .frist-para p {font-size: 25px;line-height: 25px;padding: 2em 0em 2em 2em;}
    .section-four .grid-sec-two .sec-para p {font-size: 25px;line-height: 25px;padding: 2em;}
    /* Section Four End */
     
}

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

    header .navbar-brand img {width: 70px;}
    header .navbar-nav li a{font-size: 30px;}
    header .sticky-top .container{align-items: flex-start;}
    header {padding: 2em 0.5em 3em;}
    .section-two .grid-sec > div {width: 100%;}
    .section-two .grid-sec .first-para p{padding: 2em 0em 4em 3em;word-wrap: break-word;}
    .section-two .grid-sec .second-para {margin-top: 4em;order: 4;}
    .section-two .grid-sec .grid-img {order: 3;text-align: center;}
    .section-three img {width: 100%;}
    .section-four .grid-sec-two .frist-para p{width: 90%;padding: 2em 0em 2em 1em;}
    .section-four .grid-sec-two .grid-two-img img {width: 90%;}
    .section-four .grid-sec-two .sec-para p{padding: 4em 0;max-width: 100%;}
    footer .row{gap: 40px;}
    .only-mob{display: block; padding-top: 0 !important;}
    footer .loca {text-align: left;}
}

@media only screen and (max-width:480px){
   .sec-title h3 {font-size: 35px;line-height: 35px;}
   .section-two .grid-sec .first-para p {font-size: 20px;line-height: 22px;}
   .section-two .grid-sec .second-para p {font-size: 20px;line-height: 22px;}
   .section-four .grid-sec-two .frist-para p {font-size: 20px;line-height: 22px;padding: 2em 0em 3em 0em;}
   .section-four .grid-sec-two .sec-para p {font-size: 20px;line-height: 22px;}
   footer .logo-text{font-size: 25px;}
   footer .foot-col p {font-size: 20px;line-height: 24px;}
}