/* About-Us-sec-start  */
  .about-us-sec .side-sec-title { color: #fff;}  
  .about-us-sec.light .side-sec-title {color: #111111;}  
  .about-us-sec.light .side-sec-des p{color: #333333;}
  .about-us-sec .side-sec-des p { color: rgba(255, 255, 255, 0.8); font-size: 18px;  line-height: 28px;}
  .about-us-sec { background: #000000; padding: 103px 0 0; position: relative;}
  
  .about-us-sec.light{ background: #ffffff;}
  .about-us-sec .col-left {  flex: 0 0 50%;  padding: 102px 0;}
  
  
  .about-us-sec .side-content-sec {
      width: 100%;
      max-width: 673px;
  }
  .about-us-sec .common-btn {
      margin-top: 50px;
  }
  .about-us-sec .col-right {
      position: absolute;
      right: 20px;
	  line-height:0;
  }
  .about-us-sec .col-right img {
      width: 100%;
      max-width: 800px;
  }
  
  .about-us-sec.training_page{padding:120px 0;}
  
  .about-us-sec.training_page .col-left { flex: none; padding: 0; width: 46%;}
  .about-us-sec.training_page .side-content-sec{max-width:100%;}
.about-us-sec.training_page .col-right { flex: none; position: static; width: 45%;}
  
  
  
 .brand-sec{display:flex; align-items:center; width:100%; padding:0 20px; margin:100px auto 0 auto;     max-width: 1540px; flex-direction:column; gap:40px;}

.brand-sec h3{color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;}

.brand-sec .brand-image-sec{width:100%;}

.brand-sec .brand-image-sec ul{display:flex; justify-content:center; flex-wrap:Wrap; gap:40px 80px;}


.brand-sec .brand-image-sec ul li img{max-height:60px;} 
  
/* About-Us-sec-end  */

.about-us-sec.brands_only{padding:100px 0;}
.about-us-sec.brands_only .custom-container{display:none;}
.about-us-sec.brands_only .brand-sec{margin-top:0;}


.community_page.about-us-sec{padding:120px 0;}
.community_page.about-us-sec .row{flex-direction:row-reverse;}

.community_page.about-us-sec{}

.community_page.about-us-sec .row .col-left{padding:0;}

.community_page.about-us-sec .col-right{position:static; width:48%; flex:none;}

.community_page.about-us-sec .col-left{position:static; width:48%; flex:none}

.community_page.about-us-sec .col-left .side-content-sec{max-width:560px;}



.community_page.about-us-sec .col-left .side-content-sec .side-sec-title{max-width:500px;}


.community_page.about-us-sec .col-left .counter-row{display:flex; flex-wrap:wrap; gap:50px; margin-top:50px;}

.community_page.about-us-sec .col-left .counter-row .counter-box{width:calc(50% - 25px); }


.community_page.about-us-sec .col-left .counter-row .counter-box .number{color: #EBB211;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 64px; /* 111.252% */
text-transform: uppercase; margin-bottom:5px;}

.community_page.about-us-sec .col-left .counter-row .counter-box .label{color: #333;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.6px;}

.community_page.about-us-sec .brand-sec{display:none;}



.about-us-sec .side-sec-des ul{color: rgba(255, 255, 255, 1);
    font-size: 18px;
    line-height: 28px; margin:0; padding:25px; border-radius:10px; list-style-type:none; margin-top:20px;  font-weight:500; display:flex; flex-direction:column; gap:15px; background:rgba(255,255,255,0.2);}

.about-us-sec .side-sec-des ul li{position:relative; padding-left:25px;}
.about-hero-content{display:flex; flex-direction:column; gap:20px;}

.about-us-sec .side-sec-des ul li:before{width:10px; height:2px; content:''; background:#ffffff; position:absolute; top:12px; left:0;}

@media (min-width: 2000px){
.about-us-sec .col-right {
      position: absolute;
      right: auto;
	  left:50%;
  }
}

/* Responsive Style  */
@media (max-width: 1500px){

.about-us-sec .col-right img {
    
}
}

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

.community_page.about-us-sec .col-left { width: 47%;}

}


@media (max-width : 1399px){
.community_page.about-us-sec{padding:100px 0;}	
.about-us-sec.brands_only { padding: 80px 0;}
.community_page.about-us-sec .col-left { width: 50%;}
}


@media (max-width : 1199px){
.about-us-sec .side-sec-des p {  font-size: 15px;
      line-height: 25px;
  }
.about-us-sec {
    padding: 60px 0 0;
  }
  .about-us-sec .common-btn {
      margin-top: 30px;
  }
  .about-us-sec .col-right img {
      max-width: 480px;
  }
  .about-us-sec .col-left {
      padding: 0;
  }
  
.about-us-sec.training_page{padding:100px 0;}
.community_page.about-us-sec .col-left .counter-row{gap:30px;}
.community_page.about-us-sec .col-left .counter-row .counter-box .label{font-size:16px;}
.community_page.about-us-sec .col-left .counter-row .counter-box .number{font-size:40px; line-height:46px;}
.community_page.about-us-sec{padding:100px 0;}
}

@media (max-width : 991px){
	.community_page.about-us-sec{padding:80px 0;}
	.about-us-sec.brands_only { padding: 50px 0;}
    .about-us-sec .col-right img { max-width: 370px; }	
	.about-us-sec.training_page{padding:80px 0;}
	.brand-sec .brand-image-sec ul { gap: 40px 40px;}
	.brand-sec .brand-image-sec ul li img {max-height: 50px;}
 
}

@media (max-width : 767px){
	.community_page.about-us-sec{padding:50px 0;}
   .about-us-sec .col-left, .about-us-sec .col-right {  flex: 0 0 100%;}
.about-us-sec .col-right img { margin: 30px auto 0; display: block;}
 .about-us-sec .col-right { position: unset;}
.about-us-sec.training_page{padding:50px 0;}
.about-us-sec.training_page .col-left {width: 100%;}

.about-us-sec.training_page .row{flex-direction:column-reverse; gap: 30px;}
.about-us-sec.training_page .col-right{width:100%;}
.about-us-sec.training_page .col-right img{margin:0; max-width:100%;}
.brand-sec .brand-image-sec ul li img { max-height: 45px;}
.brand-sec .brand-image-sec ul { gap: 20px 30px;}


.community_page.about-us-sec .row {
    flex-direction: column-reverse; gap: 25px;}
.community_page.about-us-sec .col-left {   width: 100%; }
.community_page.about-us-sec .col-right { width: 100%;}

.community_page.about-us-sec .col-left .counter-row .counter-box { width: calc(50% - 15px);}
.community_page.about-us-sec .col-left .counter-row .counter-box .number {font-size: 35px;  line-height: 41px;}
.community_page.about-us-sec .col-left .counter-row .counter-box .label {  font-size: 14px;}

}