/* MOBILE  */
@media (max-width:767px) {
	


	.custom-bullets li {
		    font-size: 12px;
	}

	.mission-left p {
    line-height: normal;
    font-size: 12px;
	}
	.owl-carousel .owl-stage-outer{
		overflow: visible !important;
	}

	.partner-lists a {
    font-size: 12px;
    line-height: normal;
	}

	.business_intro p {
		font-size: 12px;
		line-height: 12px;
	}

	
	.nav-tabs .nav-item {
        width: 33.33% !important;
        height: 18vh !important;
        font-size: 12px;
        margin: 0;
        line-height: 0 !important;
    }

	

	
	

/* ==========================================================================  
   GLOBAL 
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   
    .container {
		max-width: 95%;
	}
    .section2,
	.section3,
	.section4,
	.section5,
	.section6,
	.section7,
	.section8,
	.section9,
	.section10,
	.section11,
	.section12,
    .fp-viewing-section11 .section12,
	.section13
	{
		padding-top: 6vh;
	}

    .f-s-1vw {
		font-size: 12px;
	}

	p{
		font-size: 12px;

	}

	.f-s-0-8vw {
		font-size: 9px;
	}

	.f-s-1-2vw {
		font-size: 13px;
	}

	.f-s-1-3vw {
		font-size: 15px;
	}
    .main__heading h2,
	.main__heading h2.blu,
	.main__heading h2.dblu {
		font-size: 9.9vw;
		margin-top: 0px;
        line-height: 10.7vw;
                text-align: right;


	}

    .main__heading{
        padding-bottom: 5vh;
        margin: 0;
    }

    .scrollup img {
        width: 4vw;
    }

    .scrollup {
    width: 7vw;
    height: 7vw;
    }
    

/* ==========================================================================  
   GLOBAL END  
   ========================================================================== */




/* ==========================================================================  
   SECTION 1 START  
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   
    .loading-page {
		height: auto !important;
	}

	.loading-intro .top_anm_2 {
		font-size: 4.2vw;
		line-height: 11vw;
	}

	.loading-intro {
		align-items: end !important;
		margin: 0;
		margin-bottom: 8vw;
	}

	.fp-viewing-section1 .left_anm.align-content-center {
		margin-top: 25%;
	}

	.loading-intro {
		width: 100%;
	}

	.loading-intro span.top_anm_3 {
		font-size: 16vw;
	}

	.loading-intro span.top_anm_4.sec-1 {
		font-size: 13vw !important;
	}



/* ==========================================================================  
   SECTION 1 END  
   ========================================================================== */








   
/* ==========================================================================  
   SECTION 2 START  
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   
    .section2 .about-img {
        position: relative !important;
        max-width: 100%;
    }

	
	.about__section a {
        margin: 0px 0 0 2vw;
    }

    .section2 h3 {
        font-size: 5.1vw;
    }

    .section2 p {
        font-size: 4vw;
        line-height: 5vw;
    }

    .section2 .about___box a {
        font-size: 3.3vw;
    }
    .section2 .offset-md-4 {
            margin-right: 0;
            margin-left: 0;
            margin-top: -13vh;
        }

/* ==========================================================================  
   SECTION 2 END  
   ========================================================================== */





   
/* ==========================================================================  
   SECTION 3 START  
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   
       



/* ==========================================================================  
   SECTION 3 END  
   ========================================================================== */




   
/* ==========================================================================  
   SECTION 4 START  
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   




/* ==========================================================================  
   SECTION 4 END  
   ========================================================================== */



   
/* ==========================================================================  
   SECTION 5 START  
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   
 .section5 .offset-md-3 {
            margin-right: 0;
        }

.section5.fp-section.fp-table.active > div > div.container.center-mob.content > div.col-lg-9.text-right > div > a > img {
    height: 2vw;
}

/* ==========================================================================  
   SECTION 5 END  
   ========================================================================== */


   
/* ==========================================================================  
   SECTION 6 START  
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   
   .section6 .review_slider_left.col-3 {
        width: 100vw;
    }

    .section6 .owl-nav {
        position: absolute;
        left: 201px !important;
        z-index: 000;
                top: -20px;
        right: -42px !important;
        width: 100vw !important;
    }

    .section6 .Slide_btm p {
        font-size: 3.3vw;
        line-height: 1;
    }

    .section6 .owl-item.active {
        margin-right: 12px;
    }

    #review-slider > div > div.owl-stage-outer > div > div.owl-item:nth-child(12).active{
        margin-top: -9px;
        margin-right: -1px;
    }


/* ==========================================================================  
   SECTION 6 END  
   ========================================================================== */


/* ==========================================================================  
   SECTION 7 START  
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   

.section7 .main__heading.chairman_head {
    padding-bottom: 6vh;
}

.section7 .offset-2 {
    margin-right: 16.666667%;
}

.section7 .quote, .section8 .quote {
    width: 9vw;
}
.section7 .chairman_btn {
    width: fit-content;
}
.person-img{
    bottom: 0em;
}
/* ==========================================================================  
   SECTION 7 END  
   ========================================================================== */



/* ==========================================================================  
   SECTION 8 START  
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   
.section8 .main__heading.chairman_head {
    padding-bottom: 6vh;
}

.section8  .offset-2 {
    margin-right: 16.666667%;

}
.section8 .chairman_btn {
    width: fit-content;
}

/* ==========================================================================  
   SECTION 8 END  
   ========================================================================== */


   /* ==========================================================================  
   SECTION 9 START  
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   
    .section9 .main__heading{
padding-bottom: 1vh;
    }

    .section9 p.os-kicker.text-accent.mb-0.f-s-1vw.text-right {
        font-size: 11px;
        margin-top: 1.4vh;

    }


/* ==========================================================================  
   SECTION 9 END  
   ========================================================================== */

/* ==========================================================================  
   SECTION 10 START  
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   .section10 .impact {
        padding-right: 0;
    }

   .section10 .aa_sec img {
    width: 14vw;
    }

    .section10 .aa_sec h2 span {
    font-size: 6vw;
    }

    .section10 .aa_sec small {
    font-size: 4vw;
}

    .section10 .main__heading{
        padding-bottom: 1vh;
    }

    .section10 .metric img{
        display: none;
    }
    .section10 .metric span {
        font-size: 8vw;
    }
   .section10  .metric small {
        font-size: 5vw !important;
    }
    .section10 .metric {
    margin-bottom: 2vh;
}

    .section10 .metric .lbl {
    font-size: 3vw;
}
.section10 .section-hd.text-blue.f-s-0-8vw.mb-2 {
    font-size: 14px;
}

.section10 .angled.p-2 .offset-md-2{
margin-right: 0;
    margin-left: 0;
}
.section10     .main__heading h2{
    font-size: 7.9vw;
}
/* ==========================================================================  
   SECTION 10 END  
   ========================================================================== */

/* ==========================================================================  
   SECTION 11 START  
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   body.fp-viewing-section11 header {
        left: 6vw !important;
        right: unset;
    }




/* ==========================================================================  
   SECTION 11 END  
   ========================================================================== */

/* ==========================================================================  
   SECTION 12 START  
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   .section12 .owl-nav button {
    width: 11vw;
    height: 11vw;
   }
   .section12 .owl-nav .nav-circle {
    width: 11vw;
    height: 11vw;
   }

   .section12 .main__heading.chairman_head {
    padding-bottom: 6vh;
}
.section12 .addl-line {
    top: -9vh;
    width: 88vw;
}



/* ==========================================================================  
   SECTION 12 END  
   ========================================================================== */

/* ==========================================================================  
   SECTION 13 START  
   Description: This section handles the layout and styling for [explain what].
   Notes: You can add developer notes or reminders here.
   ========================================================================== */
   
.section13 .business li {
        display: flex;
        width: 100vw;
        margin: 0;
        flex-direction: row;
}

.section13 ul.business li figure {
        width: 25vw;
        height: 100px;
        flex: 0 0 100px;
        margin: 0;
        display: inline-block;
    }

   .section13 .business_intro{
        display: inline-block;
        width: 50vw;
    }

    .section13 .owl-carousel .owl-item{
        /* width: 100vw !important; */
    }
    .section13    #business_slide {
        position: relative;
        overflow: hidden;
    }
    .section13 #business_slide .owl-theme .owl-nav {
	        position: absolute;
        right: 0;
        top: 101px;
        text-align: right;
	}

    .section13    .main__heading h2, .main__heading h2.blu, .main__heading h2.dblu {
        font-size: 8.9vw;
    }

    .section13     .main__heading {
        padding-bottom: 1vh;
    }

    .section13 #business_slide img.flip-ltr {
    width: 2vw !important;
}

/* ==========================================================================  
   SECTION 13 END  
   ========================================================================== */



}



@media only screen and (min-width: 1440px) {
    /* .fp-viewing-section6 .mission__btm {
        bottom: 4.6em;
    } */

    .section6 .Slide_btm p {
        font-size: 1vw;
        line-height: 0.9;
        text-align: right;
    }
}