*{

    padding: 0;

    margin: 0;

   

}

body{

    font-family: 'Raleway' !important;

    /* font-family: satoshimedium; */

    overflow-x: hidden;

}



@font-face {

    font-family: 'satoshiblack';

    src: url('../font/Satoshi-Black.ttf') format('woff2'),

         url('../font/Satoshi-Black.ttf') format('woff');

    font-weight: normal;

    font-style: normal;

  

  }

  @font-face {

    font-family: 'falsesemi-bold';

    src: url('../font/Satoshi-Bold.ttf') format('woff2'),

         url('../font/Satoshi-Bold.ttf') format('woff');

    font-weight: normal;

    font-style: normal;

  

  }

  @font-face {

    font-family: 'satoshimedium';

    src: url('../font/Satoshi-Medium.ttf') format('woff2'),

         url('../font/Satoshi-Medium.ttf') format('woff');

    font-weight: normal;

    font-style: normal;

  

  }



  h1{

    font-family: 'Raleway';

  }

  h2{

    font-family: 'Raleway';

  }

  h3{

    font-family: 'Raleway';

  }

  h5{

    font-family: 'Raleway';

  }

  h4{

    font-family: 'Raleway';

  }

  p{

    font-family: 'Raleway';

  }

  a{

    text-decoration: none !important;

    color: black !important;

  }

.Logo{

    width: 70px;

}

.titles{

    padding: 120px  0px;

    background-color: beige;

}

.two_sections{

    padding: 120px 0px;

    background-color: #cf203024;

}

.two_sections h1{

    padding-bottom: 35px;

}



/* accordion starts */

.accordion-item {

    background-color: #ffffff00 !important;

    border: none !important;

}

.accordion-item{

    margin: 15px 0px !important;

}

.accordion-button::after {

    display: none;

}

.accordion-button{

    border-radius: 25px !important;

    border: 1px solid black !important;

}

.accordion-body{

    background-color: white;

    border: 1px solid black;

    font-family: 'Raleway';

}

.accordion-button:focus {

    /* border-color: #86b7fe00 !important; */

    box-shadow: none !important;

}

.accordion-button:not(.collapsed) {

    border-bottom: 1px solid black !important;

    background-color: #ffffff !important;

    border-radius: 25px 25px 0px 0px !important ;

}

.accordion-body{

    border-radius: 0px 0px 25px 25px !important ;

}

.collapsed span img.arrow{

    width: 20px;

    transform: rotate(270deg);

}

 span img.arrow{

    width: 20px;

}

/* accordion ends */





/* video_section start */

.video_section p{

    text-align: justify;

}

.video_section{

    padding: 120px 0px;

}

.video_section h1{

    padding-bottom: 35px;

}

/* video_section end */



/* member starts */

.members{

    padding: 120px 0px;

    background-color: #cf203024;

}

.member_box{

    background-color: #b3a7a782;

    padding: 35px;

    text-align: center;

}

.member_box img{

    width: 150px;

    border-radius: 50%;

    margin-bottom: 30px;

}

.member_box:hover{

    color: #cf2030;

    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 13px;

    transition: 0.5s;

}

.members H1{

    margin-bottom: 50px;

}



/* member ends */

.header{

    background-color: #ffffff;

}

.header-nav .nav-link{

    font-weight: 600 !important;

    font-size: 16px;

}

.header-nav .nav-link.active{

    color: #cf2030 !important;

}

.header-nav .nav-item{

    padding: 0px 15px;

}

.bni-bg-dark{

    background-color: #111111;

    color: #ffffff

}

.bni_hero_title{

    font-size: 48px;

    font-weight: bold;

}

.bni_hero_subtitle{

    display: inline-block;

    font-size: 32px;

    height: 50px;

    font-weight: bold;

}

.bni_hero_subtitle::after {

    content: '';

    width: 100%;

    height: 2px;

    background-color: red;

    color: red;

    display: block;

    margin-top: 10px;

}

.click-down-bottom svg {

    margin-top: -10px;

    position: relative;

    animation: jump-1 5s linear infinite;

}

.click-down-bottom {

    width: 40px;

    height: 80px;

    border-radius: 20px;

    border: 1px solid #FFF;

    display: flex;

    align-items: center;

    justify-content: center;

}

.title-area-appoinment {

    text-transform: capitalize;

}

@keyframes jump-1 {

    0% {

      -webkit-transform: translate3d(0, 0, 0);

      transform: translate3d(0, 0, 0);

    }

    40% {

      -webkit-transform: translate3d(0, 20px, 0);

      transform: translate3d(0, 20px, 0);

    }

    100% {

      -webkit-transform: translate3d(0, 0, 0);

      transform: translate3d(0, 0, 0);

    }

}

.text--perspective {

    -webkit-perspective: 1000px;

            perspective: 1000px;

  }

  .text--perspective .char {

    transition: opacity 0.05s calc(0.25s + var(--char-index) * 0.1s), -webkit-transform 0.25s calc(0.25s + var(--char-index) * 0.1s);

    transition: transform 0.25s calc(0.25s + var(--char-index) * 0.1s), opacity 0.05s calc(0.25s + var(--char-index) * 0.1s);

    transition: transform 0.25s calc(0.25s + var(--char-index) * 0.1s), opacity 0.05s calc(0.25s + var(--char-index) * 0.1s), -webkit-transform 0.25s calc(0.25s + var(--char-index) * 0.1s);

  }

  .text--perspective [data-scroll='out'] .char {

    opacity: 0;

    -webkit-transform: translate3d(-25px, -20px, -800px);

            transform: translate3d(-25px, -20px, -800px);

  }

  .sec-title{

    line-height: 1.23;

    font-size: 36px;

    font-weight: bold;

  }

  .sec-para{

    font-size: 18px;

    line-height: 30px;

  }

  .large-video-playing video {

    max-width: 100%;

    width: 100%;

}

.large-image-option-start {

    position: relative;

  }

  .large-image-option-start .product-shape-left {

    position: absolute;

    left: 0;

    top: 24%;

  }

  .title-area-inner.large-image .title {

    text-align: center;

    font-size: 36px;

    /* margin-bottom: -200px; */

    z-index: 10;

    position: relative;

    font-weight: 800;

    text-transform: uppercase;

    color: white;

}

.grow {

    transform: scale(0.8);

}

.bg-dark-1 {

    background-color: #0E0E0E;

}

.rts-section-gap {

    padding: 60px 0;

}

#leadership-team {

    padding-top: 0px;

}

.video-section .sec-para{

    padding-top: 8px;

    color: #ffffff;

    margin: 0;

}

.rts-team__item {

    padding-bottom: 30px;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    scale: 0.5;

    opacity: 0;

}

.rts-team__item {

    -webkit-transform: perspective(4000px) rotateX(90deg);

    transform: perspective(4000px) rotateX(90deg);

}

.single-team-style-one{

    opacity: 1;

    position: relative;

    transform: perspective(4000px);

}

.single-team-style-one .thumbnail img {

    transform: scale(1);

    transition: 0.8s;

    width: 100%;

}

.single-team-style-one:hover .thumbnail img {

    transform: scalex(-1);

}

.single-team-style-one .thumbnail img {

    transform: scale(1);

    transition: 0.9s;

    width: 100%;

}

.single-team-style-one:hover .inner-content {

    left: 40px;

    opacity: 1;

}

.single-team-style-one .inner-content span {

    display: block;

    padding: 11px 20px;

    max-width: max-content;

    background: #141414;

    color: #fff;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    letter-spacing: 1.4px;

    text-transform: uppercase;

}

.single-team-style-one:hover{

    transition: all 0.8s ease;

    transform: perspective(4000px) translate3d(0px, 0px, 0px) rotateX(11.037deg) scale(0.8831, 0.8831);

}

.single-team-style-one .inner-content a .name {

    color: #141414;

    color: #141414;

    font-size: 22px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}

.single-team-style-one .inner-content {

    position: absolute;

    left: 40px;

    bottom: 40px;

    /* opacity: 0;

    left: -50px; */

    transition: 0.8s;

}

.single-team-style-one .inner-content a {

    padding: 18px 25px;

    background: #fff;

    display: block;

}

.footer_menu{

    display: flex;

    justify-content: center;

    padding: 10px;

    color:#ffffff;

    list-style: none;

}

.footer_menu li{

    padding: 10px;

}

.footer_menu li a{

    list-style: none;

        color: #000000 !important;

    font-size: 18px;
	font-weight: 700;

}

.gc-footer-top{

    padding: 60px 0px;

}

.p-60{

    padding: 60px 0px;

}

.overlay-image{

    background-image: url(assets/images/banner_2.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    width: 100%;

    height: 100%;

}

.overlay-video{

  width: 100%;

  height: 100%;

} 

.right-image{

    width: 50vw;

    height: 50vh;

}

.pr--60 {

    padding-right: 60px;

}



@media (max-width: 576px) {

    .appoinment-area-two {

      padding: 0 !important;

    }

  }

  .appoinment-area-two .title-area-appoinment span.pre {

    color: #141414;

    font-family: Hanken Grotesk;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 0.8px;

    text-transform: uppercase;

  }

  .appoinment-area-two .title-area-appoinment .title {

    color: #141414;

    font-size: 36px;

    font-style: normal;

    font-weight: 700;

    line-height: 1.1;

  }

  @media (max-width: 576px) {

    .appoinment-area-two .title-area-appoinment .title {

      font-size: 40px;

      line-height: 1.1;

    }

  }

  @media (max-width: 450px) {

    .appoinment-area-two .title-area-appoinment .title {

      font-size: 28px;

      line-height: 1.1;

    }

  }

  .appoinment-area-two .title-area-appoinment .title span {

    font-style: italic;

    position: relative;

    font-weight: 400;

    max-width: max-content;

    margin-top: 10px;

  }

  .appoinment-area-two .title-area-appoinment .title span::after {

    position: absolute;

    left: 0;

    bottom: 5px;

    height: 1px;

    width: 100%;

    background: #141414;

    content: "";

  }

  

  .appoinment-h2 {

    margin-top: 20px;

  }

  .appoinment-h2 .input-line {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

  }

  @media (max-width: 768px) {

    .banner_right_section {

    margin-bottom: 10px !important;

}

    .team_outer_div {

            margin-top: 0px;

    }

    .appoinment-h2 .input-line {

      display: block;

    }

  }

  .appoinment-h2 .input-line .input-half {

    flex-basis: 49%;

  }

  @media (max-width: 768px) {

    .appoinment-h2 .input-line .input-half {

      margin-top: 40px;

    }

  }

  .appoinment-h2 label {

    margin-bottom: 15px;

    color: #141414;

    font-weight: 500;

    font-size: 16px;

  }

  .appoinment-h2 input,

  .appoinment-h2 select {

    border-radius: 8px;

    background: #F6F6F6;

    height: 65px;

    font-size: 16px;

    color: #141414;

    border: 1px solid transparent;

    padding: 10px 30px;

    width: 100%;

  }

  .appoinment-h2 input::placeholder,

  .appoinment-h2 select::placeholder {

    color: #74787C;

  }

  .appoinment-h2 input:focus,

  .appoinment-h2 select:focus {

    /* background: transparent; */

    border: 1px solid #141414;

  }

  .appoinment-h2 select {

    color: #74787C;

    position: relative;

  }

  .appoinment-h2 select:focus {

    box-shadow: none;

  }

  .appoinment-h2 select::after {

    transform: none;

    background-image: none;

    content: "+";

    top: 0;

    position: absolute;

    right: 25px;

    top: 33%;

    font-family: "fontawesome";

  }

  .appoinment-h2 .text-area textarea {

    border-radius: 8px;

    background: #F6F6F6;

    height: 180px;

    padding: 20px;

    color: #74787C;

    border: 1px solid transparent;

    color: #141414;

    width: 100%;

  }

  .appoinment-h2 .text-area textarea::placeholder {

    color: #74787C;

  }

  .appoinment-h2 .text-area textarea:focus {

    border: 1px solid #141414;

    background: transparent;

  }

  .inner-page.contact-page .appoinment-area-two .title-area-appoinment .title {

    color: #fff;

  }

  .inner-page.contact-page .appoinment-area-two .title-area-appoinment .title span {

    display: block;

  }

  .inner-page.contact-page .appoinment-area-two .title-area-appoinment .title.quote2 {

    max-width: max-content;

    overflow: visible;

  }

  .inner-page.contact-page .appoinment-area-two .title-area-appoinment .title.quote2 .split-parent {

    overflow: visible;

  }

  .inner-page.contact-page .appoinment-area-two .title-area-appoinment .title.quote2 .split-parent .split-line {

    overflow: visible;

  }

  .inner-page.contact-page .appoinment-area-two .title-area-appoinment .title span::after {

    background: #fff;

  }

  .inner-page.contact-page .appoinment-area-two .title-area-appoinment span.pre {

    color: #fff;

  }

  .inner-page.contact-page label {

    color: #74787C;

  }

  .inner-page.contact-page .appoinment-area-two input {

    border-radius: 5px;

    background: #212121 !important;

    color: #ffd;

  }

  .inner-page.contact-page .appoinment-area-two textarea {

    border-radius: 5px;

    background: #212121 !important;

    color: #ffd;

  }

  .inner-page.contact-page .appoinment-area-two select {

    border-radius: 5px;

    background: #212121 !important;

  }

  .inner-page.contact-page .appoinment-h2 .submit-pd {

    width: 180px;

    height: 55px;

    border-radius: 5px;

    background: #FFF;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #141414;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-top: 40px;

    display: block;

    transition: 0.3s;

  }

  .inner-page.contact-page .appoinment-h2 .submit-pd:hover {

    color: #fff;

    background: #141414;

  }

  .rts-btn.btn-subnit-h2 {

    border-radius: 100px;

    background: #141414;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #FFF;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

   /* margin-top: 60px;*/

    min-width: 200px;

    transition: 0.3s;

    width:auto;

}

.contact_btn p {

    display: flex;

    margin: 0px;

}

.appoinmnet-area-two{

    padding: 60px 0;

}

.footerlogo{

    width: 150px  ;

}

.footer-bottom{

    color: white;

    text-align: center;

    padding: 16px 0;

    background-color: #272727;

}

.footer-bottom p{

    margin-bottom: 0px;

}

.footer-bottom a{
    border-bottom: 1px solid red;
    font-weight: bold;
    color: white !important;
    padding-bottom: 6px;

}

.menu-footer-menu{

    padding: 20px 0px;

}

.btn-primary{

    background-color: #111111 !important;

}

.pl--60{

  padding-left:60px;  

}

#bni-vision .split-line {

    text-align: center !important;

}

.team_outer_div {

    margin-top: 20px;

}

#accordionExample {

    margin-top: 20px;

}

.banner_right_section {

    padding: 0px;

}

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

    .pr--60 {

        padding-right: 0px;

    }

    .pl--60 {

        padding-left: 0px;

    }

    .our_vision .split-line {

        text-align: center !important;

    }

    .our_vision {

        padding: 10px !important;

    }

}

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

    .banner_left_section {

        width: 100%;

        order: 2 !important;



    }

    .banner_right_section {

        width: 100%;

        order: 1 !important;

                margin-bottom: 20px;

    }

}

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

    .navbar-toggler:focus {

        box-shadow: none;

    }

    .header-nav .nav-item {

        padding: 0px;

    }

    .team_outer_div {

        display: flex;

        justify-content: center;

        row-gap: 20px;

    }

    .p-60 {

        padding: 30px 0px;

    }

    .right-our-chapter {

        margin-top: 20px;

    }

    .right-our-chapter p {

        margin-bottom: 0;

    }

    .rts-section-gap {

        padding: 30px 0;

    }

    .appoinmnet-area-two {

        padding: 30px 0;

    }

    .gc-footer-top {

        padding: 30px 0px;

    }

    .footer_menu {

        margin-bottom: 0;

    }

}



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

    .bni_hero_title {

        font-size: 35px;

    }

    .bni_hero_subtitle {

        font-size: 26px;   

    }

   .banner_left_section p {

        margin-top: 0 !important;

    } 

    .right-our-chapter p{

      margin-top: 0 !important;  

    }

    .appoinment-h2 {

        margin-top: 20px;

    }

}    



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


    .modal-title {
        font-size: 20px !important;
    }
    .modal-body {
        padding:10px 0px;
    }
    .modal-body ul li {
        width: 100% !important;
    }
    .modal-body ul li p {
        font-family: 'Raleway';
        margin-bottom: 6px;
        font-size: 13px;
    }
    .bni_hero_subtitle::after {

        display: none;

    }

    .sec-title {

        font-size: 25px;

    }

    .bni_hero_subtitle {

        font-size: 25px !important;

    }

}



@media only screen and (max-width: 575px) {
.bni_calander {
    padding-left: 10px;
    padding-right: 10px;
}
    .appoinment-h2 label {

    margin-bottom: 5px;

}

    .appoinment-h2 input, .appoinment-h2 select {

    height: 50px;

    font-size: 14px;

    padding: 10px 12px;

}

    .appoinment-area-two .title-area-appoinment .title {

      font-size: 22px;

      line-height: 1.1;

    }

    .appoinment-h2 .input-line .input-half {

    margin-top: 20px;

}

    .our_vision {

    padding: 0px !important;

}

    .sec-title {

    font-size: 22px;

}

    #accordionExample {

    margin-top: 20px;

}

    .team_outer_div {

    margin-top: 0px;


}

    .large-video-playing-outer {

    padding: 0;

}

    .large-video-playing-outer {

    padding: 0;

}

    .banner_right_section {

            padding: 0;

    }

    .left-our-chapter {

    padding: 0;

}

    #join-wilco .split-line {

        font-size: 25px !important;

        text-align: center !important;

    }

    .title-area-inner.large-image .title {

        font-size: 22px !important;

        text-align: left;

    } 

    #faqs .split-line {

        text-align: center !important;

    }

    #leadership-team .split-line {

        text-align: center !important;

    }

    .single-team-style-one {

        display: flex;

        justify-content: center;

    }

    .footer-bottom p {

        font-size: 13px;

    }

    .footer_menu {

        margin-bottom: 0;

        display: flex;

        flex-direction: column;

        padding: 0px;

    }

    .footer_menu li {

    padding: 10px;

    padding-bottom: 0;

        }

        .bni_hero_subtitle {

    font-size: 17px !important;

    height: auto;

}

}



.banner_right_section {

    margin-bottom: -7px;

}

.preloader-bg, #preloader {

    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: #fff;
    z-index: 999999;
    display: flex;
    justify-content: center;

}

/* #preloader {

    display: table;

    table-layout: fixed;

} */

#preloader-status {

    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;

}


.bni_calander {
  margin-bottom: 30px;
  margin-top: 30px;
}

.loader {

    /* position: relative;

    width: 55px;

    height: 55px;

    left: 0%;

    top: auto;

    margin-left: -22px;

    margin-top: 2px; */
/* 
    -webkit-animation: rotate 1s infinite linear;

    -moz-animation: rotate 1s infinite linear;

    -ms-animation: rotate 1s infinite linear;

    -o-animation: rotate 1s infinite linear;

    animation: rotate 1s infinite linear; */

    /* border: 1px solid rgba(0,0,0,0.1); */

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}

.preloader-position {

    /* position: relative;

    margin: 0 auto;

    text-align: center;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box; */

}

/* .loader span {

    position: absolute;

    width: 55px;

    height: 55px;

    top: -1px;

    left: -1px;


    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

} */
.modal-body ul li {
    width: 50%;
    float: left;
}
.modal-title{
    font-size: 28px;
    font-weight: 700;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 360px) { 
    .footer-bottom p {
        font-size: 11px;
    }
}