root {
    --boxshadowtheme: 0px 5px 10px rgb(170 170 170 / 15%);
    --theme: #D61B26;
    --white:#fff;
  }
  .btn-theme {
      background: var(--theme) !important;
      color: var(--white) !important;
      padding: 10.5px 29px !important;
      font-size: 18px !important;
      border-radius: 10px !important;
  }

@font-face {
    font-family: 'SourceSans3-Black';
    src: url('../font/SourceSans3-Black.ttf') format('truetype');
         font-weight: 200 700;
         font-display: swap;
         font-style: normal;
  }
  
  

  
  @font-face {
    font-family: 'SourceSans3-Italic';
    src: url('../font/SourceSans3-Italic.ttf') format('truetype');
         font-weight: 200 700;
         font-display: swap;
         font-style: italic;
  }
  
  
  @font-face {
    font-family: 'SourceSans3-ExtraLight';
    src: url('../font/SourceSans3-ExtraLight.ttf') format('truetype');
         font-weight: 200;
         font-display: swap;
         font-style: normal;
  }
  
  

  
  
  @font-face {
    font-family: 'SourceSans3-Light';
    src: url('../font/SourceSans3-Light.ttf') format('truetype');
         font-weight: 300;
         font-display: swap;
         font-style: normal;
  }
  
  

  
  
  @font-face {
    font-family: 'SourceSans3-Regular';
    src: url('../font/SourceSans3-Regular.ttf') format('truetype');
         font-weight: 400;
         font-display: swap;
         font-style: normal;
  }
  
  
  @font-face {
    font-family: 'SourceSans3-Medium';
    src: url('../font/SourceSans3-Medium.ttf') format('truetype');
         font-weight: 500;
         font-display: swap;
         font-style: normal;
  }
  

  
  
  @font-face {
    font-family: 'SourceSans3-SemiBold';
    src: url('../font/SourceSans3-SemiBold.ttf') format('truetype');
         font-weight: 600;
         font-display: swap;
         font-style: normal;
  }
  
  

  
  
  @font-face {
    font-family: 'SourceSans3-Bold';
    src: url('../font/SourceSans3-Bold.ttf') format('truetype');
         font-weight: 700;
         font-display: swap;
         font-style: normal;
  }

  @font-face {
    font-family: 'SourceSans3-ExtraBold';
    src: url('../font/SourceSans3-ExtraBold.ttf') format('truetype');
         font-weight: 800;
         font-display: swap;
         font-style: normal;
  }


  @font-face {
    font-family: 'Lora-Bold';
    src: url('../font/Lora-Bold.ttf') format('truetype');
         font-weight: 700;
         font-display: swap;
         font-style: normal;
  }

  @font-face {
    font-family: 'Lora-Bold-Italic';
    src: url('../font/Lora-BoldItalic.ttf') format('truetype');
         font-weight: 700;
         font-display: swap;
         font-style: normal;
  }

  @font-face {
    font-family: 'Lora-Italic';
    src: url('../font/Lora-Italic.ttf') format('truetype');
         font-weight: 700;
         font-display: swap;
         font-style: italic;
  }

  @font-face {
    font-family: 'Lora-Medium';
    src: url('../font/Lora-Medium.ttf') format('truetype');
         font-weight: 500;
         font-display: swap;
         font-style: normal;
  }

  @font-face {
    font-family: 'Lora-Regular';
    src: url('../font/Lora-Regular.ttf') format('truetype');
         font-weight: 400;
         font-display: swap;
         font-style: normal;
  }

  @font-face {
    font-family: 'Lora-SemiBold';
    src: url('../font/Lora-SemiBold.ttf') format('truetype');
         font-weight: 600;
         font-display: swap;
         font-style: normal;
  }

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body{
    font-family: 'SourceSans3-Regular' !important;
    padding: 0;
    margin: 0;
}

.font-light{font-family: 'SourceSans3-Light';}
.font-regular{font-family: 'SourceSans3-Regular';}
.font-medium{font-family: 'SourceSans3-Medium';}
.font-semibold {font-family: 'SourceSans3-SemiBold';}
.font-bold {font-family: 'SourceSans3-Bold';}

@media (min-width: 1800px){
.container{
    max-width: 1520px !important;
}
}
.header {
    font-family: 'SourceSans3-Bold';
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
}

.header ul li a{
    color: #121212;
    font-size: 18px;
    margin-right: 23px;
    border: 2px solid transparent;
}

.header .navbar-custom button{
    padding: 10.5px 52px;
    font-size: 18px;
}
.header .navbar-custom button{
    background-color: #ED1F24;
}
.header .navbar-custom button:hover{
    background-color: #E02B2B;
    border: 1px solid transparent;
}


.navbar-custom{
    padding-top: 20px !important;
}
.header .navbar-custom .dropdown-item{
    font-size: 16px;
    font-weight: 600;
    color: #121212;
   
}

.header .navbar-custom .dropdown-menu{
    border: 1px solid transparent !important;
    box-shadow: 0px 3px 6px #00000029;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.header .navbar-custom .dropdown-item:hover{
    background-color: transparent;
}

.header ul li:hover .nav-link{
    color: #ED1F24;
}
.header ul li .nav-link{
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);  
}

.header ul li .nav-link::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    /* -webkit-transform-origin: 50% 100%; */
    transform-origin: 50% 100%;   
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out;
}

.header ul li .nav-link:hover:before{
    -webkit-transform: scaleY(1);
    border-top: 2px solid #ED1F24;
    transform: scaleY(1);
}

  .dropdown-toggle::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 18px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    border: none !important;
    position: absolute;
    margin-top: 3px !important;
    margin-left: 0px;
}

.dropdown-menu:hover{
    display: block;
}

.dropdown-toggle:hover::after{
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z' fill='rgba(237,31,36,1)'%3E%3C/path%3E%3C/svg%3E");
}

.dropdown:hover .dropdown-toggle::after{
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z' fill='rgba(237,31,36,1)'%3E%3C/path%3E%3C/svg%3E");
}

.slide-img{
    height: 860px !important;
    width: 100%;
    position: relative;
    color: rgb(18 18 18 / 70%);
}

.slider h1{
    position: absolute;    
}
.section-padding-top{
    padding-top: 119px;
}

.title{
    color: #121212;
    font-family: 'Lora-Bold';
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-top: 20px;
}
.about-content{
    position: relative;
}
.about-content::before{
    position: absolute;
    content: "";
    border: 3px solid #ED1F24;
    width: 104px;
}
.about-content p{
    color: #121212;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 70px;
}

.box{
    background: #FFFFFF;
    padding: 0px 20px 20px 20px;
}

.card-pera-1{
    color: #121212;
    font-size: 20px;
    font-family: 'Lora-SemiBold';
    padding-top: 25px;
    margin-bottom: 25px;
    width: 95%;
}

.card-pera-2{
    color: #515151;
    font-size: 19px;
    margin-bottom: 25px;
    width: 100%;
}

.card-link {
    color: #1155CC;
    text-decoration: none;
    font-size: 20px;
    font-family: 'SourceSans3-SemiBold';
}

.card-link:hover{
    text-decoration: underline;

}

.foreb-indias-content{
    background-image: url(../img/latest-news-bg.png);
    padding: 40px;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

.foreb-indias-content .custom-badge{position: relative;}
.foreb-indias-content h1 {
    position: relative;
    
}
.foreb-indias-content p{position: relative;}



.foreb-indias-content::before{background: rgba(255, 255, 255, 0.7); position: absolute; left: 0px; top:0px; width: 100%; height: 100%; content:'';}


.foreb-indias-title{
    color: #121212;
    font-size: 60px;
    font-family: 'Lora-SemiBold';
    margin-top: 40px;
    margin-bottom: 25px;
    width: 85%;
}

.custom-badge{
    background-color: #ED1F24;
    border-radius: 5px;
    padding: 5px 20px;
    max-width: 145px;
}

.badge-title{
    margin-bottom: 0px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
}

.foreb-content{
    width: 78%;
}

.latest-news-title{
    margin-bottom: 60px;
}

.latest-news-heading{
    position: relative;
}

.latest-news-heading::before{
    position: absolute;
    content: "";
    border: 3px solid red;
    width: 104px;
}


.together-title{
    color: #FFFFFF;
    font-size: 60px;
    font-family: 'Lora-Bold';
    margin: 0 auto;
    text-align: center;
    width: 68%;
    margin-bottom: 30px;
}

.together-content{
    font-size: 20px;
    text-align: center;
    color: #FFFFFF;
    width: 58%;
    margin: 0 auto;
    margin-bottom: 100px;
}

.donet-button span{
    font-size: 18px;
    font-weight: 600;
}


.donet-button {
    background-color: #FFFFFF !important;
    color: #ED1F24 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    border-radius: 10px !important;
    padding: 10px 21px 10px 21px !important;
}

/* .donet-button:hover {color: #fff !important;} */

.together-all{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.footer{
    background-color: #292a2c;
    background-repeat: no-repeat;
    padding-top: 127px;
    padding-bottom: 127px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.become-page .footer{padding-top:0px; padding-bottom:50px;}

.social-links{
    display: flex;
}
.social-links a{
    text-decoration: none;
}

.social-links i{
    color: #FFFFFF;
    font-size: 20px;
}

.footer-content h6{
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Lora-Bold';
    margin-bottom: 25px;
}

.footer-content p{
    color: #FFFFFF;
    font-size: 20px;
    margin-bottom: 20px;
}

.footer-reserved{
    margin: 25px 0px 25px 0px;   
}

.footer-reserved h6{
    color: #121212;
    font-size: 16px;
}
.footer-reserved span{
    color: #000000;
    font-size: 15px;
}

.card-img{
    width: 100%;
    height: 273px;
    object-fit: cover;
}

.custom-img-badge{
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #FFFFFF !important;
    border-radius: 5px !important;
    color: #121212 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 7px 15.3px !important;
}

.news-box-img{
    position: relative;
    max-height: 234px;
    overflow: hidden;
}

.footer-logo{
    margin-bottom: 40px;
}

.volunteer-with-us{
    background:#ED1F24 url(../img/valunteer-line-img.png) no-repeat left top;
    padding: 93px 70px 93px 60px;
    margin-bottom: -240px;
    z-index: 1;
    position: relative;
    background-size: 100%;
    border-radius: 10px;
    overflow: hidden;
    
}

.voluteer-logo{
    position: absolute;
    left: 0;
    top: 0;
    max-width: 172px;
    z-index: -1;
}

.volunteer-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.volunteer-content div{max-width: 1020px;}
.volunteer-content h1{
    color: #FFFFFF;
    font-size:48px;
    font-family: 'Lora-Bold'; 
    margin-bottom: 0px;   
}
.volunteer-content p{
    color: #FFFFFF;
    font-size: 20px;
    margin-bottom: 0px; 
    margin-top: 11px;  
}

.intrest-button{
    background-color: #FFFFFF !important;
    color: #ED1F24 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    border-radius: 10px !important;    
    padding:10px 21px 10px 21px !important;
}

.slider-button {
    background-color:#ED1F24 !important;
    color:#fff !important;
    font-size: 18px !important;
    font-weight: bold !important;
    border-radius: 10px !important;
    padding: 10px 21px 10px 21px !important;
}

.container-padding-top{
    padding-top: 100px;
}

.btn-theme:hover img{
    transform: translateX(4px);
    transition: 0.3s;
}

.video-edit iframe{
    border-radius: 10px;
}

.carousel-caption-custom{
    top: 238px !important;
    left: 200px !important;
    text-align: left !important;
    width: 31%;
}

.carousel-caption-custom h5{
    color: #FFFFFF;
    font-size: 60px;
    font-family: 'Lora-Bold';
}

.carousel-caption-custom p{
    color: #FFFFFF;
    font-size: 30px;
    line-height: 1.3;
    margin-top: 30px;
}

.fedration-heading{
    position: relative;
    display: inline-block;
    min-width: 461px;
}

.fedration-heading::before{
    position: absolute;
    content: "";
    background-color: #CB2731;
    border-top-right-radius: 70px;
    width: 654px;
    height: 72px;
    left: -200px;
}

.carousel-dark .carousel-indicators [data-bs-target].active {
    background-color: #FFFFFF !important;
    border-radius: 50%;
}

.carousel-indicators [data-bs-target] {
    width: 11.4px !important;
    height: 11.4px !important;
    border-radius: 50%;
    background-color: transparent !important;        
    border: 1px solid #FFF !important;
    transition: opacity .6s ease !important;
    margin-right: 15px !important;
    margin-left: 0 !important;
}
.carousel-indicators {
    margin-bottom: 25px !important;
}

.coursel-social-links {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);    
    padding:0px; z-index: 1;
}

.coursel-social-links a {
    text-decoration: none;
    line-height: 1;
    margin-bottom: 0;
    padding: 10px;
}

.coursel-social-links i{
    color: #FFFFFF;
    font-size: 20px;
    margin-bottom: 20px;
}

.btn-theme i{
    line-height: 1;
}


.dropbtn {
    /* background-color: #04AA6D; */
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    z-index: 1;
  }
  
  .dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  .dropdown-content a:hover{color:#ED1F24!important;}
  .dropdown:hover .dropdown-content {display: block;}
  .section-about{position: relative;}

  .news-box:hover img{
    transform: scale(1.05);
    transition: 0.3s ease-in-out;
  }
  .text-comit {
    font-size: 18px;
  }
  .news-box:hover .text-comit{
    color: #dc3545 !important;
  }

  .news-box{
    overflow: hidden;
    transition: 0.3s ease-in-out;
    box-shadow: 0px 3px 6px #0000001A;    
    height: 100%;
  }

  .dropdown .dropdown-menu {
    display: none;
  }
  .dropdown:hover > .dropdown-menu,
  .dropend:hover > .dropdown-menu {
    display: block;
    margin-left: 0.125em;
  }


  a.nav-link.dropdown-toggle.dropbtn {
    margin-right: calc(23px + 22.5px);
}
.dropend:hover > .dropdown-menu {
    display: block;   margin-left:-1px;}
  
.dropend ul{
    position: relative;
}
.dropend ul:after {
    bottom: 100%;
    left: -6%;
    top: 8%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFFFFF;
    border-width: 8px;
    margin-left: 0px;
}

.footer-menu{
    display: flex;
    flex-direction: column;
}

.footer-menu{
    padding: 0px !important;
    margin: 0px !important;
    padding-left: 0px !important;
}

.footer-menu li{
    list-style-type: none;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.footer-menu li a{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 20px;
    text-align: left;
    margin-bottom: 20px;
    line-height: 1;
    font-weight: 400;
    font-family: 'SourceSans3-Regular';
}

.about-light{
    position: absolute;
    top: 0;
    right: 0;
    color: #121212;
}

.about-light h1{
    font-size: 150px;
    font-family: 'Lora-Bold';
    opacity: 3%;
}



.intrest-button:hover{
    background-color: #FFFFFF !important;
    color: #ED1F24 !important;
}

.social-links ul{
    display: flex;
    padding-left: 0px !important;

}
.social-links ul li{
    list-style-type: none;
    margin-right: 40px;
}

.footer-bg-logo{
    position: absolute;
    bottom: 0;
    right: 0;
}

  @media screen and (min-width: 769px) {
    .dropend:hover > .dropdown-menu {
      position: absolute;
      top: 0;
      left: 100%;
    }
    .dropend .dropdown-toggle {
      margin-left: 0.5em;
    }
  }


/* overview page */
.overview-about{
    background-color: #F8F8F8;
    /* padding: 120px 200px; */
    padding-top: 140px;
    padding-bottom: 120px;
}

.get-know-first{
    font-size: 40px;
    font-family: 'Lora-Bold';
    color: #ED1F24;
}
.get-know-last{
    font-size: 40px;
    font-family: 'Lora-Bold';
    color: #121212;
}
.about-pera{
    font-size: 20px;
    color: #515151 !important;
    line-height: 1.4;
    margin-top: 20px;
    width: 99%;
    margin-bottom: 0px !important;
}
.about-pera-2{
    font-size: 20px;
    color: #515151 !important;
    line-height: 1.4;
    margin-bottom: 0px;
}

.quote-1{
    font-size: 60px;
    color: #000000;
    font-family: 'Lora-Bold';
}
.youth-text{
    font-size: 40px;
    color: #000000;
    font-family: 'Lora-Bold-Italic';
    margin-bottom: 0px;
    font-weight: 700 !important;
    width: 90%;
}
.quote-2{
    font-size: 60px;
    color: #000000;
    font-family: 'Lora-Bold';
    display: flex;
    transform: scaleX(-1);
    margin-right: 50px;
}

.goal-content-box{
    padding: 43px 77px 0px 40px;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #00000029;
    margin-left: -144px;
    margin-top: 40px;
}

.goal-content-box ul li::marker{
   font-size: 37px;
    color: #121212 !important;
}

.goal-content-box li{
    font-size: 30px;
    color: #121212;
    font-family: 'SourceSans3-SemiBold';
    line-height: 1.4;
    padding-bottom: 50px;
}

.goal-content-box li span{
    color: #ED1F24;
}

.overview-logo{
    position: absolute;
    bottom: 0;
    right: 0;
}

.our-object-sec{
    background-color: #F8F8F8;
    margin-top: 120px;
    padding-bottom: 120px;
}

.object-bg-logo{
    position: absolute;
    top: -190px;
    right: 0;
}

.objective-box-red{
    background-color: #FFFFFF;
    border-radius: 10px 10px 5px 5px;
    padding: 20px 34px 35px 34px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-bottom: 5px solid #ED1F24;
}
.objective-box-red p{
    text-align: center;
    margin-top: 30px;
    font-size: 20px;
    color: #121212;
    margin-bottom: 0px;
}

.objective-box-black{
    background-color: #FFFFFF;
    border-radius: 10px 10px 5px 5px;
    padding: 20px 34px 35px 34px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-bottom: 5px solid #292A2C;
}
.objective-box-black p{
    text-align: center;
    margin-top: 30px;
    font-size: 20px;
    color: #121212;
    margin-bottom: 0px;
}

.focus-box{
    background-color: #FFFFFF;
    border: 1px solid #CFCFCF;
    border-radius: 10px;
    display: flex;
    /* margin-top: 30px; */
    /* margin-bottom: 40px; */
}

.focus-pera-1{
    color: #121212;
    font-size: 25px;
    font-family: 'SourceSans3-SemiBold';
    margin-bottom: 20px;
}
.focus-pera-2{
    color: #121212;
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 1.3;
}
.focus-content{
    padding: 38px !important;
}
.focus-2{
    flex-direction: column;
}

.objective-box-red{
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: color 1000ms;
  transition: color 1000ms;
}
.objective-box-red:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED1F24;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out;
}
.objective-box-red:hover:before{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    border-radius: 10px 10px 0px 0px;
}

.objective-box-black{
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: color 1000ms;
    transition: color 1000ms;
  }
  .objective-box-black:before{
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #292A2C;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition: 300ms ease-out;
      transition: 300ms ease-out;
  }
  .objective-box-black:hover:before{
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      border-radius: 10px 10px 0px 0px;
  }

  .objective-box-black:hover.objective-box-black p{
    color: #FFFFFF;
  }

  .objective-box-red:hover.objective-box-red p{
    color: #FFFFFF;
  }
  .volunteer-with-pera {
    padding:50px;
}
  .focus-img{
    height: 100%;
    object-fit: fill;
    /* border-top-left-radius: 10px; */
    /* border-top-right-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
  }
  .img-height{
    height: 342px;
    object-fit: cover;
  }
/* overview page */


/* global-leader */

.leader-social-link ul{
    display: flex;
    padding-left: 0px !important;
    margin-bottom: 0px;
}
.leader-social-link ul li{
    list-style-type: none;
    margin-right:13px;
    margin-top:12px;
}

.leader-social-link ul li a {
    display: flex;
    background: #eef4f9;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.leader-social-link ul li a img {max-width: 100%;}

.leader-name h1{
    color: #121212;
    font-family: 'Lora-Bold';
    font-size:26px;
    font-weight: bold;
    margin-bottom:5px;
    padding-top:10px;
    text-transform: capitalize;
}
.leader-name{
    position: relative;
    margin-top:20px;
}
.leader-name::before{
    position: absolute;
    content: "";
    border:2px solid #ED1F24;
    width:104px;
}
.leader-position p{
    font-size:18px;
    color: #515151;
    margin-bottom: 20px;
    font-family: 'SourceSans3-SemiBold';
}
.leader-content p{
    font-size: 20px;
    color: #121212;
    margin-bottom: 0px;
    width: 78.42%;
    line-height: 1.4;
}
.leader-contet-right p{
    width: 100%;
}

/* global-leader */

/* our-partner */
.our-partner-heading{
    text-align: center;
}

.our-partner-heading h3{
    font-size: 50px;
    color: #ED1F24;
    font-family: 'Lora-Bold';
    margin-bottom: 34px;
}

.our-partner-heading h4{font-size: 30px; color: #121212; font-family: 'Lora-Bold';  width: 88%;  margin: 0 auto;  margin-bottom: 160px;}
.our-partner-group{margin-bottom:50px;}
.our-partner-group a.partner-logo{display: block; margin-bottom:20px;}
.our-partner-group h1{font-size:50px; color:#000000;  font-family:'Lora-Bold';  margin-bottom:0px;}
.our-partner-group img{ transition: 0.2s ease-in;   filter: grayscale(1); max-width:100%;}
.our-partner-group img:hover{
    transform: scale(1.1);
    transition:ease-in-out all 0.5s;
    filter: grayscale(0);


}

.leader-name a{
    background-color: #EEF4F9;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin-left: 10px;
    transition: 0.4s ease-in-out;
}

.leader-name a:hover{
    background-color: #0077B5;
    transform: scale(1.08);
    transition: 0.4s ease-in-out;
}
.leader-name a:hover i{
    color: #FFFFFF;
    transform: scale(1.01);
    transition: 0.4s ease-in-out;
}

.leader-name a i{
    font-size: 20px;
    color: #0077B5;
    transition: 0.4s ease-in-out;
}

.leader-name h1{
    display: flex;
    align-items: center;
}

/* our-partner */


/* health-education-committee */
.target-audiance-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: 1px solid black;

}

.target-audiance-content h5{
    color: #121212;
    font-size: 25px;
    margin-top: 20px;
    font-family: 'SourceSans3-SemiBold';
}


.activity-heading{
    position: relative;
    display: inline-block;
    min-width: 290px;
    margin-bottom: 100px;
}

.activity-heading span{
    font-size: 60px;
    color: #FFFFFF;
    font-family: 'Lora-Bold';
    margin-bottom: 0px;
    line-height: 1.4;
}    

.activity-heading::before{
    position: absolute;
    content: "";
    background-color: #ED1F24;
    border-top-right-radius: 84px;
    width: 550px;
    height: 84px;
    left: -210px;
}

.header-main-bg h1{
    padding: 120px 200px;
    color: #FFFFFF;
    font-size: 60px;
    font-family: 'Lora-Bold';
}

/* health-education-committee */

/* advocacy-committie */
.advocacy-heading::before{
    width: 884px;
    height: 95px;
}
.advocacy-heading{
    margin-bottom: 0px;
}
.heading-pera{
    color: #515151;
    font-size: 25px;
    font-family: 'SourceSans3-SemiBold';
    width: 78%;
    margin-top: 30px;
    margin-bottom: 60px;
}

.policy-heading::before{
    width: 810px;
    height: 95px;
}
.policy-heading{
    margin-bottom: 0px;
}

.advocacy-committie-sec{
    position: relative;
}




/* chapters */

.chapter-main-sec {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end; padding: 145px 200px 145px 0;
}

.volunteers-rigthside{ display: flex; flex-direction: column; gap:60px;}


.chapter-bg-img{
    position: relative;
}

.chapter-box{
    background-color: #F4F6F8;
    border-radius: 5px 10px 10px 5px;
    box-shadow: 0px 0px 3px #00000029;
    top: 0;
    right: 200px;
    display: flex;
    justify-content: space-between;
    width: 480px;
    height: 150px;
    top: 145px;
}
.chapter-box h2{
    font-size: 50px;
    color: #121212;
    font-family: 'SourceSans3-Bold';
    margin-bottom: 5px;
}
.chapter-box h6{
    font-size: 30px;
    color: #121212;
    font-family: 'SourceSans3-SemiBold';
    margin-bottom: 0px;
}
.chapter-content{
    padding: 22px 28px;
}

.chapter-box-2{
    
    background-color: #F4F6F8;
    border-radius: 5px 10px 10px 5px;
    box-shadow: 0px 0px 3px #00000029;
    top: 0;
    right: 200px;
    display: flex;
    justify-content: space-between;
    width: 480px;
    height: 150px;
    top: 334px;
}
.chapter-box-2 h2{
    font-size: 50px;
    color: #121212;
    font-family: 'SourceSans3-Bold';
    margin-bottom: 5px;
}
.chapter-box-2 h6{
    font-size: 30px;
    color: #121212;
    font-family: 'SourceSans3-SemiBold';
    margin-bottom: 0px;
}

.chapter-box-3{
    
    background-color: #F4F6F8;
    border-radius: 5px 10px 10px 5px;
    box-shadow: 0px 0px 3px #00000029;
    top: 0;
    right: 200px;
    display: flex;
    justify-content: space-between;
    width: 480px;
    height: 150px;
    top: 521px;
}
.chapter-box-3 h2{
    font-size: 50px;
    color: #121212;
    font-family: 'SourceSans3-Bold';
    margin-bottom: 5px;
}
.chapter-box-3 h6{
    font-size: 30px;
    color: #121212;
    font-family: 'SourceSans3-SemiBold';
    margin-bottom: 0px;
}

/* chapters */


/* our-work */
.flagship-content{
    background-color: #F4F6F8;
    margin-top: 60px;
}

.flagship-theory{
    margin-left: 55px;
}

.flagship-theory h3{
    color: #121212;
    font-size: 40px;
    font-family: 'Lora-Bold';
    margin-bottom: 20px;
    position: relative;
}

.flagship-theory p{
    color: #121212;
    font-size: 20px;
    line-height: 1.4;
    width: 98%;
    margin-bottom: 0px;
}

.flagship-theory h3::after{
    position: absolute;
    content: '';
    border: 2px solid #ED1F24;
    width: 104px;
    top: 20px;
    right: 135px;
}

.flagship-theory-2 h3{
    color: #121212;
    font-size: 40px;
    font-family: 'Lora-Bold';
    margin-bottom: 20px;
    position: relative;
}

.flagship-theory-2 p{
    color: #121212;
    font-size: 20px;
    line-height: 1.4;
    width: 85%;
    margin-bottom: 0px;
}

.flagship-theory-2 h3::after{
    position: absolute;
    content: '';
    border: 2px solid #ED1F24;
    width: 104px;
    top: 25px;
    right: 255px;
}

.location-content{
    display: flex;
    align-items: center;
}

.location-content p{
    margin-bottom: 0px;
    margin-left: 5px;
    color: #6E7B7B;
    font-size: 20px;
    line-height: 1;
}

.slider-pera{
    color: #121212;
    font-size: 20px;
    line-height: 1.4;
    margin-top: 40px;
    margin-bottom: 0px;
}
.slider-button{
    margin-top: 60px;
}

.slider-img{
    position: relative;
}

.slider-img p{
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #ED1F24;
    color: white;
    font-size: 20px;
    border-radius: 10px;
    padding: 12.5px 32.3px;
    margin-bottom: 0px;
    line-height: 1;
}
.carousel-custom{
    margin-top: 60px;
}

.carousel-custom .carousel-control-prev {
    left:5%;
    opacity: 1;
    width: auto;
}
.carousel-custom .carousel-control-next {
    right:5%;
    opacity: 1;
    width: auto;
}

.carousel-custom .slider-button {margin-top:30px;}



.slider-complete-button:hover{
    background-color: #CFCFCF !important;
    color: #515151 !important;
}
.img-hover{
    display: none;
}

.slider-complete-button:hover .img-hover{
    display: block;
}
.slider-complete-button:hover .img-default{
    display: none;
}

.carousel-custom .carousel-item{
    transition: 1.3s ease-in-out;
}
/* our-work */

.custom-navbar-toggler:focus{
    box-shadow: none !important;
}

.slide-heading{
    position: relative;
}

.slide-heading::before{
    position: absolute;
    content: '';
    border: 3px solid red;
    width: 104px;
}

.evnt-description {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
}

.evnt-description h2 {
    padding: 0px;
    margin: 0px;
    position: relative;
    color: #121212;
    font-family: 'Lora-Bold';
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 20px;
}


.evnt-description h2::before {
    position: absolute;
    content: "";
    border: 3px solid #ED1F24;
    width: 104px;
    top: 0px;
}

.evnt-description ul {
    display: flex;
    padding: 0px;
    margin: 0px;
    align-items: center;
}

.evnt-description ul li {
    list-style: none;
    font-size: 20px;
    margin-right: 20px;
    color: #6E7B7B;
}

.evnt-description ul li span {
    display: inline-block;
    margin-right: 5px;
}

.evnt-description p {
    font-size: 20px;
    color: #515151;
    padding-top: 40px;
    margin-bottom: 0px;
    line-height: 1.4;
}


/* media-center */
.youtube-video{
    margin-top: 60px;
}

.instagram-sec{
    padding: 120px 200px;
    margin-top: 120px;
}

.instagram-content h3{
    font-size: 60px;
    color: #FFFFFF;
    margin-bottom: 14px;
    font-family: 'Lora-Bold';
}
.instagram-content ul{
    margin: 0px;
    padding: 0px;
}

.instagram-content ul li{
    list-style-type: none;
    font-size: 30px;
    color: #FFFFFF;
    font-family: 'SourceSans3-SemiBold';

}

.instagram-content ul li a{
    margin-left: 10px;
}
.instagram-content ul li img{
    transition: 0.3s ease-in-out;
}

.instagram-content ul li a:hover img{
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
}
/* media-center */

/* fund-us */
.fund-us-section{
    margin-top: 120px;
    margin-bottom: 120px;
    padding-top: 85px;
}
.fund-us-content{
    position: relative;
    padding-top: 18px;
    /* width: 58.16%; */
}
.fund-us-content span{
    font-size: 60px;
    font-family: 'SourceSans3-Bold';
}
.fund-us-content::before{
    position: absolute;
    content: '';
    border: 3px solid #ED1F24;
    width: 104px;
    top: 0px;
}

.fund-us-content span:nth-child(odd){
    color: #ED1F24;
}

.fund-us-content span:nth-child(even){
    color: #121212;
}

.fund-us-content p{
    font-size: 30px;
    color: #121212;
    line-height: 1.4;
    margin-top: 17px;
    margin-bottom: 35px;
}

/* fund-us */

/* become-member */
.become-member-sec{
    padding: 120px 200px;
}

.become-member-sec h1{
    color: #FFFFFF;
    font-size: 60px;
    font-family: 'Lora-Bold';
    margin-bottom: 0px;
    line-height: 1;
}

.become-member-sec p{
    color: #FFFFFF;
    font-size: 30px;
    font-family: 'Lora-Bold';
    margin-bottom: 0px;
    margin-top: 30px;
    line-height: 1;
}

.parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 235px;
    grid-row-gap: 57px;
    margin-top: 60px;
}
.benifit-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.benifit-list p{
    font-size: 19px;
    color: #121212;
    margin-top: 20px;
    margin-bottom: 0px;
}

.join-membership-sec{
    background-color: #ED1F24;
    margin-top: 120px;
}

.join-us-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 56px 0px 56px 0px;
}

.join-us-content p{
    color: #FFFFFF;
    font-size: 25px;
    font-family: 'SourceSans3-SemiBold';
    line-height: 1.4;
    margin-bottom: 0px;
    width: 62%;
}

.join-us-content a{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 18px;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    padding: 10.5px 46.4px;
}

.join-us-content a:hover{
    background-color: #FFFFFF;
    color: #ED1F24;
}


/* join-us */

.join-us-sec{
   width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    
   
}

.join-us{
    max-width: 1200px;
    width: 100%;
    border-radius: 10px !important;
    /* box-shadow: 0px 0px 10px #00000029; */
    margin-top: -70px;
}

.join-us-left{
    background-color: #292A2C;
    padding: 50px 110px 0px 50px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0px 0px 10px #00000029;
    width: 100%;
}

.join-us-left h5{
    color: #FFFFFF;
    font-size: 26px;
    font-family: 'Lora-Regular';
    margin-bottom: 40px;
}
.address-content{
    margin: 0;
    padding: 0;
}

.address-content li{
    list-style-type: none;
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: 28px;
    display: flex;
}

.address-content li img{
    margin-right: 15px;
}

.join-us-social{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.join-us-social li{
    list-style-type: none;
    margin-top:0px;
}
.join-us-social li a{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 20px;
    margin-right: 25px;
}


.join-us-right{
    background-color: #FFFFFF;
    padding: 50px 50px 40px 50px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #00000029;
    margin: 0px auto; max-width:900px;

}

.join-us-right h5{
    color: #121212;
    font-size: 26px;
    font-family: 'Lora-Regular';
    margin-bottom: 42px;

}

.join-us-right label{
    font-size: 16px;
    color: #121212;
}

.join-us-right input{
    border-color: #CFCFCF;
    border-radius: 6px;
}

.join-us-right input:focus{
    box-shadow: none;
    border-color: #CFCFCF;
}

.join-us-right textarea{
    border-color: #CFCFCF;
    border-radius: 6px;
}

.join-us-right textarea:focus{
    box-shadow: none;
    border-color: #CFCFCF;
}

.join-us-right .form-check-input:checked {
    background-color: #ED1F24 !important;
    border-color: #ED1F24 !important;
}
.join-us-right .form-check-input {
    width: 22px !important;
    height: 22px !important;   
}

.send-button{
    background-color: #ED1F24 !important;
    border-radius: 10px !important;
    font-size: 20px !important;
    color: #FFFFFF !important;
    margin-top: 40px;
    padding: 14px 86px !important;
    line-height: 1 !important;
    justify-content: center !important;
}

.send-button:hover{
    background-color: #D61B26 !important;
}
/* join-us */


/* faq */

.accordion-custom .accordion-button::after {
    background-image: url(../img/acrrodian-plus.svg) !important;

    transition: none !important;    
}

.accordion-custom .accordion-button:not(.collapsed)::after {    
    transform: none !important;
    background-image: url(../img/accrodian-minus.svg) !important;
}

.accordion-custom .accordion-button:not(.collapsed) {
    color: #121212 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.accordion-custom .accordion-button:focus {
    box-shadow: none !important;
}

.accordion-custom .accordion-item {
    border: 1px solid #CFCFCF !important;
    border-radius: 10px;
    margin-top: 30px !important;
}
.accordion-custom .accordion-item {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.accordion-custom .accordion-button{
    color: #121212 !important;
    font-size: 25px !important;
    font-family: 'SourceSans3-SemiBold';
    z-index: 1;
}
.accordion-custom  .accordion-body {    
    font-size: 20px;
    color: #121212;
    line-height: 1.4;
}

.accordion-custom .accordion-item .accordion-button {
    border-radius: 10px !important;
    z-index: 1;
}

/* faq */

/* join-member */

.join-wyhf-content{
    margin-top: 30px;
}

.join-wyhf-content p{
    font-size: 20px;
    color: #121212;
    width: 73%;
    margin-bottom: 27px;
}

.join-wyhf-form{
    margin-top: 56px;
}

.join-wyhf-form label{
    font-size: 25px;
    color: #121212;
}

.join-wyhf-form input{
    border-color: #CFCFCF;
    border-radius: 10px;
}

.join-wyhf-form input:focus{
    box-shadow: none;
    border-color: #CFCFCF;
}
.join-wyhf-form .form-control {

    padding: .91rem .75rem;
    
}

input[type="date" i]::-webkit-calendar-picker-indicator {
    background-image: url(../img/calendar.svg) !important;
    width: 24px;
    height: 24px;
}
.join-wyhf-form .form-select-lg {
    padding-top: .81rem;
    padding-bottom: .7rem;
    border-color: #CFCFCF;
}
.join-wyhf-form .form-select:focus {
    border-color: #CFCFCF;
    outline: 0;
    box-shadow: none;
}

.submit-button{
    padding: 14px 54px !important;
    font-family: 'SourceSans3-SemiBold' !important;
    margin-top: 70px !important;

}
/* join-member */

/* india chapter */

.india-chapter-bg{
    padding: 77.5px 646px 426px 646px;
}

.india-chapter-bg h1{
    font-size: 250px;
    font-family: 'SourceSans3-Bold';
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-stroke: 6px #FFFFFF;    
      
}

.country-cvd-sec ul li{
    font-size: 30px;
    color: #121212;
    margin-bottom: 15px;
}
.country-cvd-sec ul{
    margin-top: 59px;
    margin-left: 130px;
}

.regional-representators{
    background-color: #F8F8F8;
    margin-top: 120px;
    padding-bottom: 120px;
}

.target-audiance-content p{
    font-size: 20px;
    color: #105ECF;
    font-family: 'SourceSans3-SemiBold';
    margin-bottom: 0px;
}

.education-red{
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0px 5px 10px #0000001A;
    padding: 30px 13px 27px 30px;
    width: 100%;
    border-bottom: 5px solid #ED1F24;
}
.education-red img{
    margin-bottom: 20PX;
}
.education-red h6{
    font-size: 25px;
    color: #121212;
    font-family: 'SourceSans3-SemiBold';
    position: relative;
    padding-top: 9px;
    margin-bottom: 12px;
}
.education-red h6::before{
    position: absolute;
    content: '';
    border: 1px solid #ED1F24;
    top: 0;
    width: 100px;
}

.education-red p{
    font-size: 20px;
    color: #121212;
    position: relative;
    margin-left: 20px;
    margin-bottom: 2px;
}

.education-red p::before{
    position: absolute;
    content: '';
    border: 1px solid #ED1F24;
    width: 10px;
    top: 15px;
    left: -20px;
}
.education-red ul p{
    margin: 0;
    padding: 0;
}
.education-red ul p::before{
    display: none;

}
.education-red ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 27px;
}
.education-red ul li span{
    font-size: 20px;
    color: #121212;
    font-family: 'SourceSans3-SemiBold';
    margin-right: 5px;
    line-height: 1;
}
.education-red ul li{
    display: flex; 
    font-size: 20px;
    color: #121212; 
    line-height: 1.4;       
}

.education-black{
    border-bottom: 5px solid #121212;
}

/* india chapter */

/* chapter */

.accordion-chapter .accordion-button::after {
    background-image: url(../img/up-arrow.svg) !important;
    transition: none !important;  
    background-size: 100%;
    width: 40px;
    height: 40px; 
    transform: rotate(180deg); 
}

.accordion-chapter .accordion-button:not(.collapsed)::after {    
    transform: none !important;
    background-image: url(../img/up-arrow.svg) !important;
    background-size: 100%;
    width: 40px;
    height: 40px;

}

.accordion-chapter .accordion-button:not(.collapsed) {    
    background-color: transparent !important;
    box-shadow: none !important;
}

.accordion-chapter .accordion-button:focus {
    box-shadow: none !important;
}
.accordion-chapter .accordion-item {   
    border: none;
}
.accordion-chapter .accordion-item:not(:first-of-type) {
    border-top: 1px dashed #CFCFCF;
    padding-top: 37px;
}
.accordion-chapter .accordion-item {
    border: none;    
    margin-top: 37px !important;    
}

.accordion-chapter .accordion-button{
    color: #121212 !important;
    font-size: 40px !important;
    font-family: 'SourceSans3-SemiBold';
    z-index: 1;
}
.accordion-chapter  .accordion-body {    
    font-size: 20px;
    color: #121212;
    line-height: 1.4;
}

.accordion-chapter .accordion-item .accordion-button {
    border-radius: 10px !important;
}

.accordion-chapter .accordion-body img{
    margin-right: 15px;
}
.accordion-chapter .accordion-body .flag-name{
    font-size: 20px;
    color: #121212;
}

.accordion-chapter .accordion-body a{
    text-decoration: none;
    color: #121212;
    font-size: 20px;
}

.intrested-forming-sec .intrested-img{
    position: relative;
}

.intrested-forming-sec .intrested-img::before{
    position: absolute;
    border: 5px solid #D61B26;
    border-radius: 10px;
    top: 0;
    left: 0;
    width: 100px;
}
.create-chapter-name {
    position: relative;
    margin-top: 45px;
}
.create-chapter-name::before {
    position: absolute;
    content: "";
    border: 3px solid #ED1F24;
    width: 104px;
}
.create-chapter-name h1 {
    color: #121212;
    font-family: 'Lora-Bold';
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 20px;
}

.create-chapter-name p{
    font-size: 25px;
    color: #121212;
    width: 89%;
    margin-bottom: 10px;
}
.create-chapter-name span{
    color: #121212;
    font-size: 30px;
    font-family: 'SourceSans3-SemiBold';
    line-height: 1;
}
.create-chapter-name ul{
    margin-top: 26px;    
}
.create-chapter-name ul li{
    font-size: 20px;
    color: #121212;
    width: 89.3%;
    margin-bottom: 22px;
}

.intrest-img-content{
    position: relative;
}

.intrest-img-content::before{
    position: absolute;
    content: '';
    border: 5px solid #D61B26;
border-radius: 10px;
width: 100%;
height: 100%;
left: -25px;
top: 25px;
}

.chapter-box img{
    margin-top: -22px;
    margin-right: -8px;
}
.chapter-box-2 img{
    margin-top: -22px;
    margin-right: -8px;
}
.chapter-box-3 img{
    margin-top: -22px;
    margin-right: -8px;
}
/* chapter */


/* bug */
.section-about::before {
    position: absolute;
    content: "";
    border-top: 2px solid #D61B26;
    height: 120px;
    max-width: 6.3%;
    width: 100%;
    transform: rotate(90deg);
    left: 235px;
    top: 0;
}

.card-pera-3{
    width: 80%;
}

.research-title{
    font-size: 58px;
}

.fa-brands {
    width: 20px !important;
    height: 20px !important;
}


/* .navbar-collapse.show{
    position: fixed;
    height: 100%;
    background: white;
    left: 0px;
    top: 53px;
    width: 100%;
} */



/* .navbar-collapse.show body{
    overflow: hidden !important;
} */

.body-slider ::selection {background:transparent;}
.body-slider .carousel-item{position: relative;}
.body-slider .carousel-item::before{position:absolute;
left: 0px; height: 100%; background:rgba(0, 0, 0, 0.7); width:100%; content:''; top: 0px; z-index:1;}
.body-slider .carousel-dark .carousel-caption{z-index:1;}
.together-section{position: relative;}
.together-section:before{position:absolute;
    left: 0px; height: 100%; background:rgba(0, 0, 0, 0.7); width:100%; content:''; top: 0px; z-index:1;}

.together-section .together-all{position: relative; z-index: 1;}
.leadre-img{position: relative; width: 100%;}
.leadre-img span{position:absolute; bottom: 0px; right: 0px; width:85px; overflow: hidden; z-index: 1;}

.leadre-img span::before {
    position: absolute;
    bottom: -72px;
    right: -74px;
    width: 138px;
    height: 125px;
    background: #fff;
    content: '';
    transform: rotate(46deg);
}


.leadre-img span img{max-width:100%; position: relative;}
.f-logo{margin-bottom: 25px;}
.member-WYHF ul{padding:0px; margin:15px 0 10px 20px;}

@media screen and (max-width:1445px){
    .carousel-custom .carousel-control-prev {
        left: 10px;
        
    }
    .carousel-custom .carousel-control-next {
        right:10px;
        
    }
    
}
@media screen and (max-width:1370px){
    .carousel-custom .carousel-control-prev {
        left:30px;
    }
    .carousel-custom .carousel-control-next {
        right:30px;
    }
    .leadre-img span {width:65px;}
    .leadre-img span::before {
        bottom: -36px;
        right: -19px;
        width: 61px;
        height: 90px;
    }
.leade-section{margin-bottom:25px;}

}

@media screen and (max-width:1300px){
    .carousel-custom .carousel-control-prev {
        left:15px;
    }
    .carousel-custom .carousel-control-next {
        right:15px;
    }
}

.flag-name{display: flex; width: 100%;}
.flag-name ul{display: flex; flex-wrap: wrap; padding: 0px; margin: 0px;}
.flag-name ul li{list-style: none; padding: 0px; margin:0px 0 15px 0; width: 20%; font-size: 18px;}
.flag-name ul li span{width:30px; display: inline-block;}
.flag-name ul li span img{margin-right:10px!important;}

.left-table {
    /* background: rgb(63,94,251); */
    background:#E02B2B;
    /* background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%); */
    padding:10px 10px 10px 15px;
    border-radius:10px;
    display: flex;
    align-items: center; justify-content: center;
    min-height:80px;
}
.left-table h3{font-size:24px; color: #fff; font-weight:600; padding: 0px; margin: 0px; text-align: center; display: block;}

.talble-left strong {    padding: 10px 0 10px 15px;    font-size: 18px;    color: #000000;
    display: block;    font-weight:600;}

    .table-icon {
        padding: 10px 0 10px 15px;
        text-align: center;
    }

.talble-left2 strong {    padding: 10px 0 10px 15px;    font-size: 18px;    color: #000000;
    display: block;    font-weight:600; text-align: center;}

.table-member-ship table tr{border:solid rgb(216, 216, 216) 1px;}
.table-member-ship table tr td {border:solid rgb(216, 216, 216) 1px;}
.table-member-ship table tr td{padding:0px;}
.table-member-ship table {border-radius: 10px; border-collapse: inherit;}
.table-member-ship table tr:first-child {border: 0px;}
.table-member-ship table tr:first-child td {border: 0px;}
.table-member-ship{margin-top: 25px;}

.row.display-grid {
    margin-right: -25px;
    margin-left: -25px;
}

.row.display-grid>* {
    padding-right: 30px;
    padding-left: 30px;
}


.leade-section{width: 100%; display: flex; flex-direction: column; margin-bottom:40px;}
.leade-section:hover .leader-content{text-align: center; width: 100%; background:rgba(0, 0, 0, 0.8); transition: ease-in-out all 0.5s; z-index:9;}
.leade-section:hover .leader-content p{opacity:1; color: #fff;}
.leader-description {
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    max-height: 240px;
    padding: 0px;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    background: #ededed;
}
.leader-description .leader-content{position:absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: 0px auto; 
height: 100%; display: flex; align-items: center; justify-content: center; transition: ease-in-out all 0.5s; padding:20px;}

.leader-description img{width: 100%;}

.leader-description .leader-content p { text-align: center;    width: 100%;    opacity: 0;
    font-size: 15px; padding:15px;    line-height: 20px;    max-height: 181px; text-align: justify;
    overflow-y:auto;

}

.leader-description .leader-content p::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.leader-description .leader-content p::-webkit-scrollbar
{
	width:8px;
	background-color:transparent;
}

.leader-description .leader-content p::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


@media screen and (max-width:1200px){
.leader-description {max-height: 215px; min-height: 215px;}

}