section.banner {position: relative;padding: 0;}
section h2{ font-size: 38px; font-weight: 700;color: #000000;line-height: 1; margin-bottom: 30px;text-align: center;}
.banner-content {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);text-align: center; max-width: 100%;}
.yellow-button {font-weight: 600;font-size: 14px;background-color: var(--yellowbg);color: var(--black);transition: all 0.4s ease-out;padding: 20px 74px;text-transform: uppercase;}
.yellow-button:hover{color: #fff;background-color: var(--black);}
section.banner .banner-content h1{font-size: 65px; line-height: 1; font-weight: 700;color: #fff;}

section.intro{padding: 50px 0 70px 0;}
section.intro p{font-size: 16px; line-height: 1.6; margin: 0 auto 0 auto; font-weight: 300;} 

section.blockquote-section{text-align: center; padding-bottom: 120px;}
section.blockquote-section .blockquote {max-width: 450px; width: 100%; margin: 0 auto;}
section.blockquote-section .blockquote blockquote{position: relative; display: inline; font-size: 20px; line-height: 1.2; font-weight: 300; } 
section.blockquote-section .blockquote blockquote span.start{width: 50px; height: auto; position: absolute; left: -25px; top: -25px; }
section.blockquote-section .blockquote blockquote span.start img{object-fit: contain; object-position: center; width: 100%; height: auto; }
section.blockquote-section .blockquote blockquote span.end { width: 50px; height: auto; position: absolute; right: -25px; bottom: -30px;}
section.blockquote-section .blockquote blockquote span.end img{object-fit: contain; object-position: center; width: 100%; height: auto; }
section.blockquote-section .blockquote .author{font-weight: 600; font-style: italic;font-size: 16px;color: #000000;text-align: right; margin-top: 60px; margin-right: -50px;}

section.boxcontent{padding: 0; margin-bottom: 80px;}
.boxcontent .single-box .readmore-box p{overflow: hidden; font-weight: 300; font-size: 16px; line-height: 1.2; margin-bottom: 20px;}
.boxcontent .single-box {padding: 30px;} 
.boxcontent .single-box .title-with-image{margin-bottom: 25px;} 
.boxcontent .single-box .title{margin-left: 20px;}
.boxcontent .single-box p.name{font-size: 22px; font-weight: 600; line-height: 1; margin-bottom: 15px;} 
.boxcontent .single-box p.position{font-size: 20px; font-weight: 300; line-height: 1.2; margin-bottom: 0;} 
.boxcontent .single-box .readmore-box p{font-size: 16px; font-weight: 300; line-height: 1.3;}
.boxcontent .add-read-more.show-less-content .second-section,
.boxcontent .add-read-more.show-less-content .read-less {display: none;}
.boxcontent .add-read-more.show-more-content .read-more {display: none;}
.boxcontent .add-read-more .read-more,
.boxcontent .add-read-more .read-less { color: #FFD600; font-size: 16px; font-weight: 600; line-height: 1.2;margin-left: 2px; cursor: pointer;}
.boxcontent .add-read-more .read-more:hover,
.boxcontent .add-read-more .read-less:hover{color: #000;}
@media screen and (max-width: 1024px){
    .boxcontent .single-box .title-with-image img{width: 100px; height: auto;}
    section.blockquote-section .blockquote .author{margin-right: 0;}
    section h2{font-size: 34px;}
    section.banner .banner-content h1{font-size: 55px;}
    section.intro{padding: 50px 0;}
    section.blockquote-section {padding-bottom: 80px;}
    
}
@media screen and (max-width: 991px){
     
}
@media screen and (max-width: 767px){
    section.banner .banner-content h1{font-size: 45px;}
   section h2 {font-size: 30px;}
   section.banner img{min-height: 240px; object-fit: cover; object-position: center;}
 
    
}
@media screen and (max-width: 399px){

}