/* Home page : about-section css */
/* .bg{} */
/* .bg > *:not(:last-child){background: linear-gradient(129deg, rgba(223,232,232,0.4) 0%, rgba(235,206,209,0.4) 50%, rgba(191,217,230,0.4) 100%); position: relative; z-index: -1;} */
/* .about-section{position: static; z-index:1} */
/* .about-right-side-content{position: relative; z-index: 999;} */

.about-left-side-content img{margin-top: 40px;}
.about-right-side-content p{font-family: var(--secondary_font) !important; font-weight: var(--regular) !important; line-height: 30px !important; color: var(--grey);} 
.about-right-side-content h3{font-style: italic; color: #303030 !important; margin-top: 19px; margin-bottom: 27px;}
.about-right-side-content p:first-child{margin-bottom: 20px;}
.about-right-side-content p:nth-child(2){margin-bottom: 35px;}
/* About page: about-section css */
.about-right-side-content{padding-left: 65px;}
.signature{margin-top: 35px;}

/* About page: why-brandvista css */
.why-brandvista{width: 100%; height: 100%;}
.why-brandvista h2{color: #000 !important;}
.why-brandvista p{color: #555555 !important; font-family: var(--secondary_font);}
.why-brandvista-content-bg{width: 100%; 
 background: linear-gradient(129deg, rgba(223,232,232,0.4) 0%, rgba(235,206,209,0.4) 50%, rgba(191,217,230,0.4) 100%); border-radius: 60px; margin-top: 40px; }
.why-brandvista-content-bg > * {padding: 30px 15px;}
.why-content-card{padding: 30px; border-radius: 30px; background-color: #fff; box-shadow: 0px 0px 40px 0px #AAD9F31A; gap: 15px;}
.why-content-card:not(:last-child){margin-bottom: 30px;}
.why-content-left{gap: 30px;}
.content-bg{background:url('/newmoban/_external/demo.mobanwang.com/mb/lo202601/202601053/html/images/why-content-right-img.jpg'); background-size: cover; border-radius: 20px; width: 100%; height: 100%;}
.play-btn{width: 80px; height: 80px; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.play-btn:hover{box-shadow: rgba(255, 255, 255, 0.3)0px 0px 0px 10px,rgba(255, 255, 255, 0.1) 0px 0px 0px 20px;}
button.play-btn{border: none;}
.modal{cursor: pointer;}
.close{margin-left: 98% !important; color: #fff; margin-bottom: 15px !important; font-size: larger;}
.close span:hover {cursor: pointer !important;}
/* media query */
@media (max-width:1399px){
/* Home page : about-section css */
.about-right-side-content{padding-left: 0px;}
}
@media (max-width:991px){
 .why-content-card{padding: 20px;}
 .why-brandvista-content-bg > * {padding: 20px 10px;}
 .content-bg{border-radius: 30px;}
 .about-left-side-content,.about-right-side-content,.about-section .prefix{text-align: center;}
 .about-right-side-content{margin-top: 30px;}

}

@media (max-width:767px){
 
 /* Home page : about-section css */
 .about-left-side-content,.about-right-side-content,.about-section .prefix{text-align: center;}
 .why-brandvista-content-bg{flex-direction: column;}
 .content-bg{width: 100%; height: 400px;}
 .why-content-card{flex-direction: column; justify-content: center; align-items: center;}
 .card-details{text-align: center;}
}


/* 

Today i worked on:
~Sharplevel:
 fixing the bugs from bug-sheet - Done
~BrandVista:
 fixing the bugs from bug-sheet - Working

*/