@charset "utf-8";



/*=========== POWERED BY MERIDIAN SOLUTIONS INC ============*/





/*************** DEFAULT CSS ***************/

:root {

    --body-font: 'Plus Jakarta Sans', sans-serif;

    --body-font-Size: 16px;

    --body-color: #262626;

    --primary-color: #000064;

    --secondary-color: #ff0000;

    --black: #000;

    --white: #fff;

    --heading-font: 'Plus Jakarta Sans', sans-serif;   

    

}

body{

    

    font-family: var(--body-font);

    font-size:var(--body-font-Size);

    font-style: normal;

    line-height: normal;

    font-weight:400;

    color: var(--body-color);

    text-decoration: none;

    margin:0px;

    -webkit-font-smoothing: antialiased;

    padding:0;

    

}



html{ scroll-behavior: smooth;}

* {

    -webkit-box-sizing: border-box;

    -mox-box-sizing: border-box;

    box-sizing: border-box;

}

::selection {

    background: #ff0000; /* Safari */

    color:#fff;

        }

::-moz-selection {

    background: #ff0000; /* Firefox */

    color:#fff;

}



a {

    color:#ff0000;

    text-decoration: none;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    }

    a:hover {

    color: #000;

    }



p {

    margin:0px 0 30px 0;

    clear:left;

    padding:0;

    font-weight: normal;

    line-height: 27px

    }

h1, h2, h3, h4, h5, h6 {

    margin:0 0 20px 0;

    padding:0;

    font-weight:normal;

    }

    h2{

        font-size: 28px;

        color: #293d84;

        line-height: 40px;

        margin-bottom: 10px

    }

  

 

hr {

    margin:50px  0 50px 0;

    height:1px;

    border:0;

    border-top:1px solid #0caf4e;

    

    float:left;

    width:100%;

    position:relative;

}



img{

    border:0;

     -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    

}   

a img {

    border: 0;

    }



/*-----------text styles------------*/

.text-white{

    color: var(--white) !important;

}

.text-black{

    color:var(--black)  !important;

}

.text-red{

    color: var(--secondary-color) !important;

} 

.text-center{ text-align: center; }

.text-justify{ text-align: justify; }

.uppercase{text-transform: uppercase;}

/*-----------background styles------------*/

.bg-red{background:var(--secondary-color);}

.bg-grey{background:#e3e3e3;}

.bg-blue{background:#000064;}

/*************** PRELOADER ***************/

#preloader {

    position: fixed;

    top:0;

    left:0;

    right:0;

    bottom:0;

    background-color:#fff; /* change if the mask should have another color then white */

    z-index:999999; /* makes sure it stays on top */

}

#status {

    width:100%;

    height:100%;

    position:absolute;

    left:0; /* centers the loading animation horizontally one the screen */

    top:0; /* centers the loading animation vertically one the screen */

    background-image:url(../images/ibpc_logo_final.jpg); /* path to your loading animation */

    background-repeat:no-repeat;

    background-size: 200px 100px;

    background-position:center;

    margin:0; /* is width and height divided by two */

}

#status{

 -webkit-animation: flipInY 1s infinite alternate;

  -moz-animation: flipInY 1s infinite alternate;

  -ms-animation: flipInY 1s infinite alternate;

  -o-animation: flipInY 1s infinite alternate;

  animation: flipInY 1s infinite alternate;

    }

/*************** BACK TO TOP ***************/



/*************** COLUMS AND ROWS ***************/

main{

    position:relative;

    }

.row{

    width:100%;

    display:block;

    float:left;

    padding:0;

}

.row-flex{ 

    width: 100%;

    float: left;

    margin: 0;

    padding: 0;

    display: block;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; 

}

.gap{

     

}

.gap .smd4{

    padding:10px;

}

.justify-center{justify-content: center;}

.space-between{justify-content: space-between;}

.space-around{justify-content: space-around;}

.align-center{align-items: center;}

.align-end{align-items: flex-end;}

.container{

    width:1300px;

    margin:0 auto;

}

img.fullwidth{

    max-width: 100%;

}

.two-col{

    width: 46%;

    float: left;

    margin-right: 8%;

}

.three-col{

    width:30%;

    float:left;

    margin-right:5%;

}

.four-col{

    width:22%;

    float:left;

    margin-right:4%;

}

.last{

    margin-right:0 !important;

}

.clearfix{

    width:100%;

    height:100px;

    float:left;

    margin:0;

    padding:0;

    display:block;

}



section , footer {

    width: 100%;

    float: left;

    position: relative;

}

.aside {

    width: 25%;

    float: left;

    margin: 0;

    padding: 0;

}

.summary {

    width: 74%;

    float: right;

    margin: 0;

    padding: 0 0 0 100px;

}

.col{

    float:left

}

.fl-right{float: right;}

.smd1{

    width:100%

}

.smd2{

    width:50%

}

.smd3{

    width:33.33333333333333%

}

.smd4{

    width:25%

}

.smd5{

    width:20%

}

.smd6{

    width:16.66666666666667%

}

.smd40{

    width:40%

}

.smd60{

    width:60%

}

.smd30{

    width:30%

}

.smd70{

    width:70%

}

.smd75{

    width:75%

}

.smd66{width: 66.66666666%;}





.pd-5{ padding:5px; }

.pd-10{ padding:10px; }





.tick,.cross{

    width:30px;

    height:30px;

    display:inline-block;

    background-color:#33CC00;

    background-repeat: no-repeat;

    background-position: center center;

    background-image: url(../images/icons/tick.png);

    background-size:15px;

    margin:0;

    border-radius: 100%;

}

 .cross{

    background-color:#ff0000;

    background-image: url(../images/icons/cross.png);



}



/*************** HOME PAGE CSS ***************/

header{  

width: 100%; 

top:-100px;

 -webkit-transition: all 300ms ease-in-out;

-moz-transition: all 300ms ease-in-out;

transition: all 300ms ease-in-out;

 }

header a{ color: #283069; }

header a:hover{ color: #ff0000; }

.header{display: flex; justify-content: space-between;}

.logo{ float: left;padding:12px 0 12px 0 }

.logo img{max-width: 130px;}

.header-right{

   display: flex;

   align-items: center;

   gap:15px;

}





.social {

    float: right;

    font-size: 16px;

    line-height:25px;

}

.social a i{

    margin-right: 7px;

    font-size: 19px;

    color: #2e4187;

    }

    .social a:hover i{

    color: #2e4187;

    }

.topbar{

    display: flex;

    justify-content: flex-end;

}

.inline {

    display: inline-block;

    padding: 4px 5px 4px 35px;

    line-height: 20px;

    color: #fff;

    font-weight: 600;

    font-size: 12px;

    position: relative;



}

.inline img{

      position: absolute;

    top:4px;

    left:0;



    }

.email{

    position: relative;

  

}

.email i{

    position: absolute;

    top:4px;

    left:0;

    color: var(--secondary-color);

  font-size: 19px;

    border-radius: 100%;

}





.join-btn{

   position: relative;

    font-size: 11px;

    font-weight: 600;

    text-transform: uppercase;

    

    color: var(--white);

    display: inline-block;

    padding: 12px 20px ;

   background-color: var(--secondary-color);

    border-radius: 50px;

}

.join-btn:hover{

    background-color: var(--black);

    color: #fff;

    }





.sch-btn {

display: inline-block;

    width: 34px;

    height: 34px;

    color: #fff;

    font-size: 0px;

    padding: 0px;

    position: relative;

    text-align: center;

    /* margin: 0px 25px; */

    background: url(../images/icons/sch-icon.png) no-repeat center center;

    background-size: 25px;

    border-radius: 100%;

}

.sch-btn:hover {

    background-color:#fff;

    filter: invert(1);

    }

.slider-wrap {

    float: left;

    width: 100%;

    position: relative;

    z-index: 2;

    background: #fff;

}



 .link{

}

 .link a{

    color: #383838;

    margin: 0 5px;

    font-size: 12px;

    text-transform: uppercase;

    /* height: 40px; */

    line-height: 16px;

    padding: 14px 50px 14px 25px;

    font-weight: 600;

    background-color: #FFF;

    border: 1px solid #ccc;

    border-radius: 50px;

    position: relative;

    background-image: url(../images/icons/arrow.png);

    background-repeat: no-repeat;

    background-position: 92% center;

    display: inline-block;

    margin-bottom: 10px;

    margin-right: 10px;

}

 .link a:hover{

   border:1px solid var(--secondary-color);

    background-color:var(--secondary-color);

    color:#fff;

    background-image:url(../images/icons/arrow-white.png);

 

}

 .white-link a{

   border:1px solid #fff;

    background-color:transparent;

    color:#fff;

    background-image:url(../images/icons/arrow-white.png);

 

} 

.white-link a:hover{

     border:1px solid var(--white);

    color:var(--black);

    background-color:var(--white);

     background-image:url(../images/icons/arrow.png);

    }



.name{

    text-transform: uppercase;

    font-weight: 700;

}

.curved{

    border-radius: 25px;

    overflow: hidden;

}



.banner-cover{

    position: relative;

    width: 100%;

    float: left;

    position: relative;

    background: var(--secondary-color)

}

.banner-cover:after{

    content: '';

    position: absolute;

    top:0;

    left:0;

    background: #fff;

    width: 100%;

    height:100px;

    z-index: 1;

    }

.subtitle{

    font-size: 18px;

    line-height: 20px;

    padding-bottom: 30px;

    margin-bottom: 30px;

    border-bottom: 1px solid #f49233;

    display: inline-block;

    font-weight: 600;

}

.highlight-text-big{

    font-size: 34px;

    line-height: 42px;

}

.heading{

    font-size: 48px;

    font-weight: 600;

    line-height: 50px;

}

.heading-row {

    padding:0 10% 50px 10%;

    background: url(../images/shapes/1.png) no-repeat bottom center;

}



    .funfacts{

    background-repeat: no-repeat;

    position: relative;

    z-index: 2;



 



}

.funfacts-wrap{

        position: relative;

    width: 100%;

    float: left;

     overflow: hidden;

     padding: 120px 0 100px 0;



}

.funfacts-wrap-inner{

     padding: 50px 0 50px 0;

      width: 100%;

    float: left;

}

.funfacts-wrap:after {

    content: '';

    position: absolute;

    right:0;

    left:0;

    bottom: 0%;

    top:61px;

    margin:auto auto;

    border-radius: 100%;

    width: 650px;

    height: 650px;

    z-index: 1;

    color: white;

    background: repeating-linear-gradient( -45deg, #cf0000, #cf0000 17px, #ff0000 1px, #ff0000 40px );

  -webkit-animation: rotation 52s infinite alternate;

  -moz-animation: rotation 52s infinite alternate;

  -ms-animation: rotation 52s infinite alternate;

  -o-animation: rotation 52s infinite alternate;

  animation: rotation 52s infinite alternate;

}

@-webkit-keyframes rotation {

        from {

                -webkit-transform: rotate(0deg);

        }

        to {

                -webkit-transform: rotate(359deg);

        }

}





.funfacts, .funfacts ul, .funfacts ul li{



    width:100%;

    float:left;

    margin:0;

    padding:0;

    position:relative;

    list-style:none;



}



.funfacts ul li{

width: 50%;

    text-align: center;

    padding: 34px 25px;

    font-size: 20px;

    color: #f49233;

    line-height: normal;

    min-height: 190px;

    font-weight: 600;



}



.funfacts-wrap-inner .funfacts ul li {

    padding: 14px 25px;

    min-height: 150px;

   

}



.funfacts h2{



color: var(--white);

    font-size: 56px;

    line-height: 56px;

    font-weight: 700;

    margin: 0 0 10px 0;



}



.shapes-cover{

    position: relative;

}



.funfacts:before, .funfacts:after{



  width:1px;

    height:108px;

    background-color:#fff;

    position:absolute;

    left:0%;

    right:0;

    top:0;

    bottom:0;

    margin:auto auto;



  content:'';



}

.funfacts-wrap-inner .funfacts:before, .funfacts-wrap-inner .funfacts:after {

    width: 1px;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.2);

    }







.funfacts:after{

    width:108px;

    height:1px;

  



}

.funfacts-wrap-inner .funfacts:after{

      width:100%;

       height:1px;

}

.shape1{

    position: absolute;

    top:39%;

    left: 43%;

    width: 77px;

    height: 71px;

    background: url(../images/shapes/2.png) no-repeat;

    -webkit-animation: bounce 12s infinite alternate;

  -moz-animation: bounce 12s infinite alternate;

  -ms-animation: bounce 12s infinite alternate;

  -o-animation: bounce 12s infinite alternate;

  animation: bounce 12s infinite alternate;

}

.shape2{

    position: absolute;

    bottom:10%;

    left: 40%;

    width: 38px;

    height: 38px;

    background: url(../images/shapes/3.png) no-repeat;

    

    -webkit-animation: rollIn 5s infinite alternate;

  -moz-animation: rollIn 5s infinite alternate;

  -ms-animation: rollIn 5s infinite alternate;

  -o-animation: rollIn 5s infinite alternate;

  animation: rollIn 5s infinite alternate;

}

.shape3 {

    width: 308px;

    height: 259px;

    content: '';

    position: absolute;

    left: -100px;

    top: -217px;

    z-index: 1;

    background-image: radial-gradient(#b30000 1px, transparent 2px), radial-gradient(#b30000 6px, transparent 2px);

    background-color: transparent;

    background-position: 0 0,0px 0px;

    background-size: 46px 44px;

     -webkit-animation: bounce 22s infinite alternate;

  -moz-animation: bounce 22s infinite alternate;

  -ms-animation: bounce 22s infinite alternate;

  -o-animation: bounce 22s infinite alternate;

  animation: bounce 22s infinite alternate;

}

.shapes-cover, .shapes-cover>.container{

    position: relative;

}







/*/-----------------table-----------------/*/

.table-new {

  font-family: Arial, Helvetica, sans-serif;

  border-collapse: collapse;

  width: 100%;

}



.table-new td, .table-new th {

  border: 1px solid #ddd;

  padding: 8px;

}



.table-new tr:nth-child(even){background-color: #f2f2f2;}



.table-new tr:hover {background-color: #ddd;}



.table-new th {

  padding-top: 12px;

  padding-bottom: 12px;

  text-align: left;

  background-color: #232b6c;

  color: white;

}

.table-main1{

    overflow-x:auto;

}





















/*/-----------------table-----------------/*/

.subheading{

    font-size: 42px;

    line-height: 43px;

    color: var(--black);

    font-weight: 700;

}

.smallheading{

        font-size: 30px;

    line-height: 33px;

    font-weight: 700;

    margin-bottom: 15px;

}

.subheading span{

    color: var(--secondary-color)

}

.para-pad{

    padding: 0 10%;

}



.speaker-single{

    position: relative;

    width: 100%;

    float: left;

}

.speaker-single h3{

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 10px;

    }

    .speaker-single p{

         font-size: 12px;

         line-height: 14px;

    margin-bottom: 0px;

    }

.p-box-title{

    width: 100%;

    position: absolute;

    bottom: 0px;

    left: 0;

    padding: 43px 43px;

    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));

    color: #fff;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

  

}

.speaker-single:hover .p-box-title{

 padding: 61px 43px;

 opacity: 1;

  background-image: linear-gradient(to bottom, rgba(198,0,0,0), rgba(198,0,0,1));

 }



 /*-----------*/

 .letterscroll-row{

    width: 100%;

    overflow: hidden;

 }

.bannerH {

  white-space: nowrap;

  position: relative;

  font-family: 'Poppins', sans-serif;

  

}



.bannerH p{

  font-size:153px;

  line-height: 183px;

  font-weight: 800;

  display: flex;

  align-items: center;

  

}

.bannerH p span{

   -webkit-text-stroke: 1px #939393;

   display:inline-block;

   margin:0 15px;

   color:rgba(255, 255 ,255 ,1);

   -webkit-transition: all 300ms ease-in-out;725

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    cursor: pointer;

  }

  .bannerH p span:hover{

  color:var(--secondary-color);

  }

.bannerH p .sep {

    font-size: 0;

    margin: 0 20px;



}

.sideScroll {

  display: inline-block;

  animation: sideScroll 200s linear infinite;

 

}



@keyframes sideScroll {

      0% {

    transform: translateX(0%);

  }

  50% {

    transform: translateX(-50%);

  }

 

   100% {

    transform: translateX(50%);

  }

}



.r-box, .g-box, .b-box{

    margin-bottom: 30px;

}

.r-box{

    background: var(--secondary-color);

    padding:50px;

    position: relative;

    overflow: hidden;



}

.r-box:after {

    content: '';

    position: absolute;

    right: 0;

    left: 91px;

    bottom: 0%;

    top: -118%;

    margin: auto auto;

    border-radius: 100%;

    width: 650px;

    height: 650px;

    z-index: 1;

    color: white;

    background: repeating-linear-gradient( -45deg, #cf0000, #cf0000 20px, #ff0000 1px, #ff0000 51px );

 

}

.r-box-in{

    position: relative;z-index: 2;

}

.members-style-inner{

    width:100%;

    float:left;

    

}



.memeber-list{

    width:100%;

    float:left;

    padding:8px 0 0 80px;

    min-height:80px;

    position:relative;

    margin:0 0 6px 0;

    font-size:14px;

    font-weight:700;

    line-height:25px;

    color:var(--white);

}

.memeber-list h3{

    color:var(--white);

    font-size:14px;

    line-height: 14px;

    font-weight:700;

    margin-bottom: 4px;

}

.memeber-list span{

color: var(--white);

    font-size: 12px;

    line-height: 12px;

    font-weight: 400;

    display: inline-block;

}



.memeber-list img{

    position:absolute;

    border-radius:50%;

    display:block;

    width:61px;

    left:0;

    top:4px;

}



.g-box{

    background: url(../images/group.png) no-repeat bottom center #00732f;

    padding: 50px;

}

.b-box{

    background: var(--black);

    color: var(--white);

    padding: 50px;

}



ul.grouplist{

    margin:0;

    padding: 0

}

ul.grouplist li{

list-style: none;

    margin: 0;

    padding: 7px 0 7px 50px;

    background: url(../images/icons/arrow-white.png) no-repeat left center;

    font-size: 14px;

    line-height: 22px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 20px;

}

ul.grouplist2 li{

    margin-bottom: 7px;

    text-transform: initial;

}

.discussion-forum{

    flex:0 0 32%;

    padding: 12px 55px;

    position: relative;

    border-left: 1px solid #ccc;

    color: var(--black);

    margin-bottom: 30px;

}

.discussion-forum .thumb-image{

    position: absolute;

    top:15px;

    left: -30px;

    width: 67px;

    height: 67px;

    border-radius: 100%;

 border-radius: 100%;

    z-index: 2;

    }

    .discussion-forum .thumb-image:after{

        content: '';

        position: absolute;

        top:-1px;

        bottom: 0;

        left:-4px;

        right:0;

        margin:auto auto;

        z-index: 1;

        width:0px;

        height: 67px;

        border-radius: 100%;

        border:0px solid var(--secondary-color);

         -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    }

    .discussion-forum:hover .thumb-image:after{

width: 67px;

 border:4px solid var(--secondary-color);

    }

    .discussion-forum .thumb-image img{

        max-width: 100%;

        border-radius: 100%;

    }

.discussion-forum h3{

    font-size: 20px;

    line-height: 25px;

    font-weight: 600;

    margin-bottom: 15px;



}

.discussion-forum p{

    font-size: 16px;

    line-height: 20px;

    font-weight: 400;

    margin-bottom: 10px;



}

.discussion-forum a{

    font-size: 12px;

    color: var(--secondary-color);

    text-decoration: underline;

}

.discussion-forum a{

    font-size: 12px;

    color: var(--black);

    }



.fixbox{

    background: url(../images/bg1.jpg) no-repeat center center #ccc;

    background-size: cover;

    padding: 100px;

    min-height: 530px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    color: var(--white);

    position: relative;

    z-index: 5;

}



.btn-link{



}

.btn-link a{

    display: inline-block;

    padding: 12px 35px;

    color: var(--white);

    font-size: 20px;

    font-weight: 700;

    border-radius: 50px;

    border:1px solid var(--white);

    position: relative;

    background: transparent;

    margin:10px ;

}

.btn-link a:hover{

    background:var(--black)

    }

.font20{

    font-size: 20px;

    line-height: 30px;

    margin-bottom: 10px;

}

.font11{

    font-size: 11px;

    line-height: 14px;

}

section.bg2{}

section.bg2:after{

    content: '';

    position: absolute;

    top:0;

    left:0;

    width: 100%;

    height: 230px;

    background: #fff;

    z-index: 1;

}



.news-single{

    flex:0 0 31%;

    position: relative;

    background:url(../images/shapes/4.png) no-repeat top left  var(--secondary-color);

    color: var(--white);

     padding: 80px 35px;

    color: var(--white);

    margin-bottom: 35px;

    border-radius: 25px;

    min-height: 400px;

}

.news-single a{

    color: var(--white)

    }

    .news-single a:hover{

    color: var(--black)

    }

.news-single h3{

    font-size: 34px;

    line-height: 43px;

    font-weight: 700;

    margin-bottom: 30px;

}

.news-single .news-image{

    position: absolute;

    left:0;

    right:0;

    margin:0 auto;

    bottom: -80px;

    width: 80%;

    border-radius: 15px;

    overflow: hidden;

    line-height: 0



    }

    .news-single .news-image img{

        width: 100%;

    }



.brands{  width: 100%; margin-top: 0px; padding: 0px; text-align: center; }

.brands li{

display: inline-block;

    width: 11.5%;

    list-style: none;

    border: 1px solid #e2e2e2;

    text-align: center;

    margin: 0 0.35%;

    padding: 7px;

    border-radius: 15px;

}

.brands li img { max-width: 100%;}

.brands li img:hover {filter: grayscale(1);}



.sponsors{

    display: flex; 

    width:100%;

    align-items:cnter;

    justify-content: center;



    }

.sponsors li{

    display: inline-block;

    width: 15%;

    list-style: none;

    border: 1px solid #e2e2e2;

    text-align: center; 

    border-radius: 15px;

    margin:10px 5px;

    padding:10px;

     

    

}

.sponsors li img { max-width: 100%;}

.sponsors li img:hover {filter: grayscale(1);}



.videos-section{

    background: url(../images/city.png) no-repeat bottom center #fff;

}

.videobox{

width: 490px;

    height: 490px;

    margin: 0 auto;

  display: inline-block;

    background: url(../images/bgleaf.png) no-repeat center center;

    color: var(--white);

    padding: 55px 112px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    position: relative;

}

.videobox:after{

    content: '';

    position: absolute;

    /* top: 0; */

    /* bottom: 0; */

    /* left: 0; */

    /* right: 0; */

    /* margin: auto auto; */

    width: calc(100% + 77px);

    height: calc(100% + 77px);

    background: url(../images/circle.png) no-repeat center center;

    background-size: cover;

    z-index: 1;

    line-height: 0;

    -webkit-animation: rotation 52s infinite alternate;

  -moz-animation: rotation 52s infinite alternate;

  -ms-animation: rotation 52s infinite alternate;

  -o-animation: rotation 52s infinite alternate;

  animation: rotation 52s infinite alternate;

    }

.playbtn i{



    width: 67px;

    height: 67px;

    background: var(--white);

    border-radius: 100%;

    display: flex;align-items: center;justify-content: center;

}

.playbtn i{

    font-size: 25px;

    color: var(--secondary-color);



}

.video-single {

    display: flex;

    align-items: center;

    gap:25px;

    font-weight: 800;

    margin-bottom: 25px;

    text-align: left;





}

.videobox-in{ position: relative;z-index:2; }

.video-single:hover .playbtn i{

    background: var(--secondary-color );

     color: var(--white);

    }

.video-single a{

    color: #fff

    }



.innerpage{

    font-size: 14px;

}



.innerpage p{

    margin-bottom: 15px;

}

.highlght-text{

    font-size: 28px;

    line-height: 40px;

}



.visin-box{

    position: relative;

    padding: 80px 0px 10px 10px;

}

.visin-box .v-icon{

position: absolute;

    top: 0px;

    left: 4px;

    width: 67px;

    height: 67px;

    border-radius: 100%;

    border: 1px solid var(--secondary-color);

    background: transparent;

    display: flex;

    align-items: center;

    justify-content: center;

    }

    .visin-box:hover .v-icon{

        background-color: #ccc;

        -webkit-animation: flipInY 1s infinite alternate;

  -moz-animation: flipInY 1s infinite alternate;

  -ms-animation: flipInY 1s infinite alternate;

  -o-animation: flipInY 1s infinite alternate;

  animation: flipInY 1s infinite alternate;

    }

   .visin-box  h3{

        font-size: 28px;

        font-weight: 800;

        line-height: 32px;

        

    }

    .about-bg{

        background: url(../images/about-img.jpg) no-repeat ;

        background-size: cover;

        min-height: 150px;

    }



.form-group {

    position: relative;

    margin-bottom: 10px;

}

.form-group-select select {

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    color: #100e0e;

    cursor: pointer;

    background: transparent;

    background:url(../images/icons/down-arrow.png) no-repeat 93% 58%;

}

.form-group-select select:focus {

    background: url(../images/icons/up-arrow.png) no-repeat 93% 58%;

    }

.form-group-select:after {

    content: "";

    position: absolute;

    top: 0%;

    right: 0;

    width: 50px;

    height: 100%;

    /* transform: translateY(-50%); */

    font-size: 12px;

    border-left: 1px solid #ccc;

    z-index: -1;

}

h4{

    font-size: 16px;

    font-weight: 900;

    line-height: 18px;

}

.members-row{

    gap:5%;

}

.members-single{

    flex:0 0 30%;

    padding: 20px;

    display: flex;

    gap:20px;

    border-bottom: 1px solid var(--primary-color);

    margin-bottom: 2%;

}

.m-thumb{

    width: 70px;

    height: 70px;

    border-radius: 100%;

}

.m-thumb img{

width: 100%;

    border-radius: 100%;

}

.m-cont h3{

    font-size: 18px;

    line-height: 20px;

    font-weight: 700;

    color: var(--primary-color);

    margin-bottom: 15px;



}

.m-cont p{

    font-size: 12px;

    color: #262626;

    line-height: 16px;

    margin-bottom: 0;

}

.gutter-10{

    padding: 10px;

}

/*********file chosen style**************/



input.file{



   



    display: none;







}







.custom-file-upload {



border: 0;

    display: block;

    padding: 16px 20px;

    color: #333;

    cursor: pointer;

    background-color: #fff;

    border: 1px solid rgb(211 211 211);

    font-size: 12px;

    position: relative;



}

.custom-file-upload span{

background: var(--primary-color);

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    float: right;

    padding: 18px 14px;

    line-height: 0;

    position: absolute;

    top: 6px;

    right: 5px;

    }

    .custom-file-upload span:hover{

        background: var(--secondary-color);

    }



    .font16{

        font-size: 16px;

        line-height: 25px;

    }



    .wrapbox{

        padding: 50px;

        background:#f1f1f1;

        margin-bottom: 4%;

    }



    .inner-forum{gap:6%;}

     .inner-forum .discussion-forum{

        flex:0 0 29.3333%;

        border:1px solid #ccc;

        padding: 12px 25px 12px 55px;

     }


    /* --------------gallery----------*/
    .gallery-wrap{float: left;width: 31.3333333333333%;margin-bottom: 25px;margin: 0 1% 25px;background-color: #283069;text-align: center;color: #fff;}
.glry-des{float: left;width: 100%;padding: 20px 10px;}
.glry-des h2{font-size: 16px;line-height: 24px;color: #fff;float: left;width: 100%;font-weight: 700;margin-bottom: 5px;}
.glry-des p{margin-bottom: 0px;color: #ccc;}
.gallery-wrap a { padding: 10px; float: left; width: 100%;}

.gallery-flex-gap{
    gap:2%;
}
.gallery-in{
flex:0 0 23%;
margin-bottom: 2%;
}
/*************** paddings ***************/

.pt-100{padding-top: 100px}

.pb-100{padding-bottom: 100px}

.pt-50{padding-top: 50px}

.pb-50{padding-bottom: 50px}

.pt-70{padding-top: 70px}

.pb-70{padding-bottom: 70px}

.pt-30{padding-top: 30px}

.pb-30{padding-bottom: 30px}

.pt-20{padding-top: 20px}

.pb-20{padding-bottom: 20px}

.pt-0{padding-top: 0px}

.pb-0{padding-bottom: 0px}



.pad-0{padding: 0}

.pad-25{padding: 25px}

.pl-100{padding-left: 100px}

.pr-100{padding-right: 100px}

.pl-80{padding-left: 80px}

.pr-80{padding-right: 80px}

.pl-20{padding-left: 20px}

.pr-20{padding-right: 20px}

.pl-30{padding-left: 30px}

.pr-30{padding-right: 30px}

.pl-50{padding-left: 50px}

.pr-50{padding-right:50px}

.pl-70{padding-left: 70px}

.pr-70{padding-right: 70px}

.pr-20{padding-right: 20px}

.mt-100{margin-top: 100px}

.mb-100{margin-bottom: 100px}

.mt-50{margin-top: 50px}

.mb-50{margin-bottom: 50px}

.mt-30{margin-top: 30px}

.mb-30{margin-bottom: 30px}

.mt-0{margin-top: 0px}

.mb-0{margin-bottom: 0px}





/*************** footer CSS ***************/

footer{}

footer a{color: #3c3c3c;}

footer a:hover{color: var(--secondary-color);}

.footer{}



.f-contact p{

    margin-bottom: 0;

    line-height: 30px;

    font-size: 14px;

    }



.footer-div h3{

    position: relative;

    font-size: 18px;

    padding-bottom: 16px;

    margin-bottom: 16px;

    color: var(--black);

    font-weight: 800;

}

.footer-div h3:after{

    content: '';

    position: absolute;

    bottom: 0;

    left:0;

    width: 30px;

    height: 2px;

    background:var(--secondary-color);

    }

ul.footerlinks{

    margin:0 0 20px 0;

    padding: 0;

}

ul.footerlinks li{

    list-style: none;

    padding: 6px 0;

    line-height: 20px;

    font-size: 14px;

    font-weight: 500;

    line-height: 28px;

}



.footer-social{

    float: none;

}

.footer-social a{

 background: #000064;

    width: 36px;

    height: 36px;

    display: inline-block;

    border-radius: 100%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin: 0 2px;

}

.footer-social a i {



    font-size: 17px;

    color: #fff;

}

.footer-social a:hover  {

    background:var(--secondary-color);

}

.footer-bottom{

    border-top: 1px solid #b2b2b2;

    padding: 16px 0;

    color: #383838;

    font-size: 14px;



}

.copy{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.copy p{

    margin-bottom: 0;

    display: flex;

    align-items: center;

    }

    .copy p span{

            /* margin-bottom: 10px; */

    margin-top: 25px;

    }

.footerlogo{

    max-width: 97px;

    margin-right: 25px;

    

}



/*************** INNER PAGE CSS ***************/



.flex-gap{gap:2%;}

.two-flex-col{

flex:0 0 48%; 

}

.three-flex-col{

flex:0 0 31%;

}

.four-flex-col {

flex:0 0 22%;

    }

.five-flex-col {

flex:0 0 18%;

    }

.image-box{

    padding-right:30px;

    padding-bottom:30px;

    position: relative;

    float:left;

    width: 100%;

}

.image-box2{

     padding-top:30px;

     padding-left:30px;

    }

.image-box .hover-effect{

    border-radius: 15px;

        -webkit-box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);

    -moz-box-shadow: 0px 0px 34px -15px rgba(0,0,0,0.7);

    box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);



    }

.image-box:after, .image-box2:before{

    content: '';

    width: 40%;

    height: 40%;

    background:#702337;

    border-radius: 15px;

    position: absolute;

    bottom: 0;

    right:0;

    z-index: -1;

    }

.image-box2:before{

        bottom: auto;

    right:auto;

    top:0;

    left:0;

      background:#d7ae6c;

}

    .highlight-text{

        font-size: 20px;

        font-weight: 500;

        line-height: 25px;

    }

    .wrap-box{

     border-radius: 15px;

    -webkit-box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);

    -moz-box-shadow: 0px 0px 34px -15px rgba(0,0,0,0.7);

    box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);

    overflow: hidden;



    }



ul.list{

    margin:0;

    padding: 0;

    margin-bottom: 30px;

}

ul.list li{

    list-style: none;

    padding: 2px 7px 2px 20px;

    line-height: normal;

    /* font-weight: 500; */

    position: relative;

    line-height: 23px;

}

ul.list li:before{

     content: "\f111"; 

    position: absolute;

    top:4px;

    left:0;

     font-family: "FontAwesome";

     color:var(--secondary-color);

     font-size: 8px;



    }



.cnt-wrap{padding: 30px 20px;background-color: #fff;box-shadow: 0px 3px 40px #0000002e;-webkit-box-shadow: 0px 3px 40px #0000002e;

-moz-box-shadow: 0px 3px 40px #0000002e; }

.icon_box { border-bottom:1px solid #e1e1e1; padding-bottom: 7px; margin-bottom: 23px;}

.icon_box:hover i {background-color: var(--black);-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}

.icon_box i {float:left;margin:0px 20px 0px 0px;padding:8px;border-radius:100%;width:45px;height:45px;text-align:center;line-height:30px;color:#fff;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;background: var(--secondary-color);}

.icon_box .descripion { display:block; overflow:hidden}

.icon_box .descripion h5 {font-size: 18px;margin: 0 0 8px 0;text-transform: uppercase;color: #000;}

.icon_box p {margin:0;padding-bottom:15px;}

.icon_box a { color:#434446}

.icon_box:last-child{ margin-bottom:0px; padding-bottom:0px; border-bottom:none;}

.cnt-form{ float: left;  }

.map{ float: left; width: 100%;  line-height: 0 }

.table-style {border-collapse: collapse; width: 100%;}

.table-style th, .table-style td {text-align: left;padding: 8px; border: 1px solid #d9d9d9;}

.table-style tr:nth-child(even){background-color: #f2f2f2}

.table-style th { background-color: #04AA6D; color: white;}

.login-wrap{ display: flex; justify-content: center;}

.login-box{flex: 0 0 40%;padding: 40px;box-shadow: 0px 12px 37px #00000030;border-radius: 20px; text-align: center;}

.login-box form .form-group{ margin-bottom: 30px; }

.login-box form .form-group .fieldset{ float: none; display: block; }

.login-box h3{text-align: center;font-size: 31px;color: var(--black);font-weight: 700;}

.label-style {position: absolute;top: -11px;left: 16px;font-size: 15px;background-color: #fff;padding: 0 5px;color: #2a3697;}

.login-box .reg-btn{background-color: #d9d9d9;font-size: 16px;text-transform: inherit;padding: 10px 30px 13px;border-radius: 50px;

display: inline-block;vertical-align: top;font-weight: 700;color: #283069;}

.login-box .reg-btn:hover{ background-color: #283069; color: #fff; }

.login-box .sendbutton{background-color: #283069; font-size: 16px; text-transform: inherit;padding: 10px 30px 13px;border-radius: 50px;

display: inline-block;vertical-align: top;font-weight: 700;}

.frgt-text{ color: #7c7c7c; font-size: 13px; }

.login-box form .m-b-0{ margin-bottom: 0px; }

.login-box form .m-b-15{ margin-bottom: 15px; }





/*************** INNER BANNER ***************/

.banner{ float: left; z-index: 0;

 width: 100%; height: 290px; display: flex;   align-items: center; 

background-image: url(../images/banner1.jpg); background-position: center; background-repeat: no-repeat; position: relative; }

.banner-caption h1{color: #fff;font-size: 40px;margin-bottom: 10px;font-weight: 500;line-height: 42px;}

.banner-caption h4 span{color: #fff}  

.banner-caption h4 a{ color: #fff; font-size: 11px;  }

.banner-caption h4 {

    padding: 0px 0px;

    display: inline-flex;

    margin-bottom: 0px;

    align-items: center;

    font-size: 11px;

}

.banner-caption{position: relative;z-index: 1;}



.banner1{ background: url(../images/banner1.jpg) repeat-x; }

.banner-caption h4 span.b-sep{

 font-size: 0;

    width: 23px;

    height: 21px;

    margin: 0 12px;

    background: url(../images/icons/arrow-orange.png) no-repeat 0px 3px;

    display: inline-block;

    

}





/*************** FIXED HEADER ***************/

header.smaller {top:0; left:0px; position: fixed; z-index: 9; -webkit-transition: all 300ms ease-in-out;

-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;

-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);

    -moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.41);

    box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.41); ;

-moz-box-shadow: 0px 4px 20px #00000059; background-color: #fff;}

header.smaller .top-header{ }







/*************** JARALLAX ***************/

.jarallax{ position:relative; background-repeat:no-repeat; background-position:center center; -moz-background-size:cover; 

-webkit-background-size:cover; -o-background-size:cover; background-size:cover;}



.bg1{background: url(../images/bg1.jpg) no-repeat top center;}

.bg2{background: url(../images/bg2.png) no-repeat top center;}

.bg3{background: url(../images/bg3.jpg) no-repeat top center;}

/**********forms**************/

form{

    margin:0;

    padding:0;

}

*:focus {  

    outline: none;

}

.fieldset{

        width: 100%;

        height: 52px;

        padding: 8px 10px;

        background-color: none;

        background-color: transparent;

        display: block;

        border: 1px solid rgb(211 211 211);

        margin: 0 0 10px 0;

        color: #626262;

        font-size: 12px;

        float: left;

       



}

.fieldset1{ height: 130px; }

.sendbutton{

    width: auto;

    height: auto;

    border: 0;

    outline: 0;

    margin: 0 5px 0 0;

    display: inline-block;

    color: #fff;

    font-size: 20px;

    cursor: pointer;

    vertical-align: top;

    padding: 15px 30px 15px;

    text-align: center;

    background-color: #000;

    text-transform: uppercase;

    font-weight: 800;

 

     -webkit-transition: all 300ms ease-in-out; 

    -moz-transition: all 300ms ease-in-out;



    

    }



    .sendbutton:hover{

        background-color: #ff0000;

    }

.select-box {

    appearance: none;

    -webkit-appearance: none;

    background-image: url(../images/icons/icon5.svg);

    background-repeat: no-repeat;

    background-position: right 15px center;

    background-size: 14px;

}

.contact-form{ float: left;width: 100%; }

.contact-form .fieldset {margin-bottom: 0px;}

::-webkit-input-placeholder {

   color:  #262626 !important;

}

:-moz-placeholder { /* Firefox 18- */

   color:  #262626 !important;

}

::-moz-placeholder {  /* Firefox 19+ */

   color:  #262626 !important;

}

:-ms-input-placeholder {  

   color:  #262626 !important;

}



.ftr-form ::-webkit-input-placeholder {

   color:  #fff !important;

}

.ftr-form :-moz-placeholder { /* Firefox 18- */

   color:  #fff !important;

}

.ftr-form ::-moz-placeholder {  /* Firefox 19+ */

   color:  #fff !important;

}

.ftr-form :-ms-input-placeholder {  

   color:  #fff !important;

}



.wpcf7-form-control-wrap {

    position: relative;

    float: left;

    width: 100%;

}



.about-ibpc{
    padding:100px 0;
}

.about-header{
    margin:auto auto 70px;
    text-align: center;
}

.about-header .tag{
    display:inline-block;
    background:var(--secondary-color);
    color:var(--white);
    padding:8px 20px;
    border-radius:30px;
    font-size: 12px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom: 25px;
    font-weight:600;
}

.about-header h2{
    font-size:48px;
    font-weight:700;
    color:var(--primary-color);
    margin-bottom: 40px;
}
.about-header p {
    text-align: center;
    margin-bottom: 15px;
}


.about-header h2 span{
    color:var(--secondary-color);
}

.about-header .lead{
    font-size: 21px;
    line-height: 1.5;
    color:#555;
    font-weight: 600;
    text-align: center;
}

.intro-box{
    background:var(--white);
    padding:45px;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    margin-bottom:60px;
    border-left:5px solid var(--secondary-color);
}

.intro-box p:last-child{
    margin-bottom:0;
}

.about-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
    margin-bottom:60px;
}

.info-card{
    background:var(--white);
    border-radius:18px;
    padding:40px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    border-top:5px solid var(--primary-color);
    transition:.35s;
}

.info-card:hover{
    transform:translateY(-8px);
    border-top-color:var(--secondary-color);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.icon{
    width:80px;
    height:80px;
    border-radius:50%;
    background:rgba(0,0,100,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.icon img{
    width:42px;
}

.info-card h3{
    color:var(--black);
    margin-bottom:20px;
    font-size:28px;
    font-weight: 700;
}

.info-card p{
    color:#555;
}

.info-card ul{
    list-style:none;
    padding:0;
    margin:25px 0 0;
}

.info-card li{
    position:relative;
    padding-left:28px;
    margin-bottom:14px;
    color:var(--body-color);
    line-height:1.8;
}

.info-card li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:var(--secondary-color);
    font-weight:bold;
    font-size:16px;
}

.vm-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    margin-bottom:60px;
}

.vm-card{
    background:linear-gradient(135deg,var(--primary-color),#001d8f);
    color:var(--white);
    padding:45px;
    border-radius:18px;
    position:relative;
    overflow:hidden;
}

.vm-card:before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    top:-60px;
    right:-60px;
}

.vm-card h3{
    color:var(--white);
    margin-bottom:20px;
    font-size:30px;
    position:relative;
    padding-bottom:12px;
    font-weight: 600;
}

.vm-card h3:after{
    content:"";
    width:60px;
    height:3px;
    background:var(--secondary-color);
    position:absolute;
    bottom:0;
    left:0;
}

.vm-card p{
    position:relative;
    opacity:.95;
}

.section-card{
    background:var(--white);
    border-radius:18px;
    padding:45px;
    margin-bottom:35px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.section-card h3{
    color:var(--primary-color);
    margin-bottom:30px;
    position:relative;
    padding-bottom:12px;
}

.section-card h3:after{
    content:"";
    width:70px;
    height:4px;
    background:var(--secondary-color);
    position:absolute;
    bottom:0;
    left:0;
}

.section-card ol{
    margin:0;
    padding-left:22px;
}

.section-card ol li{
    margin-bottom:18px;
    line-height:1.8;
    color:var(--body-color);
}

.section-card ol li::marker{
    color:var(--secondary-color);
    font-weight:700;
}

@media(max-width:991px){

    .about-ibpc{
        padding:70px 0;
    }

    .about-header{
        margin-bottom:50px;
    }

    .about-header h2{
        font-size:25px;
    }
    .about-header .lead {
        font-size: 17px;
    }
    .info-card h3 {
        font-size: 20px;
    }
    .vm-card h3:after {
        width: 35px;
    }
    .vm-card h3 {
    font-size: 23px;
}

    .about-grid,
    .vm-grid,
    .values-grid{
        grid-template-columns:1fr;
    }

    .intro-box,
    .info-card,
    .vm-card,
    .section-card{
        padding:30px;
    }

    .icon{
        width:70px;
        height:70px;
    }

    .icon img{
        width:36px;
    }

}






/********newsletter setting**************/



.feeds{

    width:100%;

    float:left;

    border:1px solid #212F69;

    

}

.feeds h2{

    width:100%;

    float:left;

    background-color: #212F69;

    padding:15px 25px;

    color:#fff;

    font-size:24px;

    font-weight:600;

}

.feeds .inner{

    

    width:100%;

    float:left;

    padding:15px 25px;

    }

.stickybar {
    position: sticky;
    top: 50px;
    overflow-y: hidden;
}                                                                                               
.member .hover-effect {
    border-radius: 15px;
    border: 2px solid #dbdbdbcc;
}


.memebers-card {
    flex: 0 0 32%;
    padding: 30px;
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 1px solid #ebebeb;
    position: relative;
    border-bottom: 1px solid #f49233;
}
.members-card-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 2%;
}
.memebers-card .name {
    margin-bottom: 5px;
}
.role{
    margin-bottom: 25px !important;
    font-size: 14px;
    line-height: 18px;
}
.add {
    display: flex;
    gap: 15px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.add:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.cap span {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 3px;
}
.add i {
    color: var(--primary-color);
}
.cap p, .cap a {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    color: var(--black);
    line-height: 18px;
}
.cap a:hover {
    color: var(--secondary-color);
}


.section-tag {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ff0000; /* Secondary Theme Red */
    font-weight: 600;
    margin-bottom: 12px;
}

.section-title {
    font-size: 32px;
    font-weight: 700;
    color: #000064; /* Primary Theme Blue */
    margin-bottom: 40px;
    letter-spacing: -0.5px;
}

.info-block {
    margin-bottom: 80px;
}
/* --- VALUES LAYOUT --- */
.values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 35px;
}

.value-item {
    border-left: 3px solid #e3e3e3;
    padding: 10px 0 10px 24px;
    transition: border-color 0.3s ease;
}

.value-item:hover {
    border-left-color: #ff0000;
}

.value-number {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #939393;
    margin-bottom: 4px;
}

.value-item p {
    font-size: 18px;
    font-weight: 500;
    color: #262626;
    margin: 0;
}

/* --- OBJECTIVES LAYOUT --- */
.objectives-list {
    display: flex;
    flex-direction: column;
}

.objective-row {
    display: flex;
    padding: 24px 0;
    border-bottom: 1px solid #f0f0f0;
}

.objective-row:first-child {
    border-top: 1px solid #f0f0f0;
}

.obj-left {
    flex: 0 0 40px;
    display: flex;
    align-items: flex-start;
    padding-top: 8px;
}

.obj-dot {
    width: 6px;
    height: 6px;
    background-color: #ff0000;
    border-radius: 50%;
    display: inline-block;
}

.obj-right {
    flex: 1;
}

.obj-right p {
    font-size: 16px;
    line-height: 1.7;
    color: #4a4a4a;
    margin: 0;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .values-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .section-title {
        font-size: 26px;
        margin-bottom: 25px;
    }
    .mt-80 {
        margin-top: 50px;
    }
}













.overview-card {
    background: rgba(255, 255, 255, 0.1); /* Semi-transparent white */
    backdrop-filter: blur(10px); /* Smooth glass blur effect */
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2); /* Subtle white border */
    padding: 40px;
    border-radius: 16px;
    margin: 0 0 40px 0; /* Centers the box nicely */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
}









/************************************* 1600px *************************************/

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



}



/************************************* 1400px *************************************/

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



}



/************************************* 1366px *************************************/

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



}

/************************************* 1180px *************************************/

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

.container{ width:90%;}

.bannerH p{

  font-size:80px;

  line-height: 80px;

  

}

.copy {

    flex-direction: column;

    gap:15px;

}

.members-single{

    flex:0 0 47%;

    }

    .memebers-card {
    padding: 20px;
}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1200px) {
    .memebers-card {
        flex: 0 0 32%;
}

}

/************************************* 1024px *************************************/

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

.container{ width:90%;}

.shapes-cover .container{

width:100%;

}

.shapes-cover .container .row, .shapes-cover .container .smd2:first-child{

padding: 0 20px;

}

.login-box { flex: 0 0 55%;}

.brands li {

    width: 25%;

    margin-bottom: 15px;

}



}



/************************************* 980px *************************************/

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

    .menu-wrap {

    position: relative;

    width: 100%;

    left: 0px;

    bottom: 1px;

    margin-top: 0;

   

}

.four-flex-col{

  flex:0 0 48%

}

.fixbox {



    padding: 50px;

    }

}



/************************************* 900px *************************************/

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


    .memebers-card {
        flex: 0 0 49%;
}


}



/************************************* 767px *************************************/

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

.pt-100, .pt-70, .pt-80,.pt-50{

    padding-top:30px;

}

.pb-100, .pb-70, .pb-80,.pb-50{

    padding-bottom:30px;

}

.pl-100, .pl-70, .pl-50{padding-left:0;}

.pr-100, .pr-70, .pr-50{padding-right:0;}

.bannerH p{

  font-size:40px;

  line-height: 40px;

  

}

.discussion-forum{

    flex:0 0 100%;

    }

    .news-single{

    flex:0 0 100%;

}

.header {

    flex-direction: column;

    justify-content: center;

    align-items: center;

    margin-bottom: 15px;

}

.header-right {

    gap: 7px;

}

.heading {

    font-size: 25px;

    font-weight: 600;

    line-height: 30px;

}

.heading-row {

    padding: 0 10% 28px 10%;

}

.highlight-text-big {

    font-size: 20px;

    line-height: 34px;

}

.funfacts h2 {

    font-size: 30px;

    line-height: 30px;



}

.colorbox .three-flex-col {

    flex: 0 0 48%;

}

.colorbox .three-flex-col:last-child {

    flex: 0 0 100%;

}

.news-single .news-image{position: relative;}

    .brands li {

    width: 20%;

    margin-bottom: 15px;

}

.videobox {

    padding: 25px 52px;

    width: 300px;

    height: 300px;

}

.font20 {

    font-size: 14px;

    line-height: 24px;

    }

    .playbtn i {

    width: 43px;

    height: 43px;

}

.playbtn i {

    font-size: 16px;

    }

    .mb-50 {

    margin-bottom: 10px;

}

.subheading {

    font-size: 26px;

    line-height: 29px;

    }

    .video-single {

    margin-bottom: 10px;

}

.btn-link a {

    padding: 8px 15px;

    font-size: 14px;

    margin: 5px;

}

.about-box{

    padding: 20px;

}

.funfacts-wrap-inner .funfacts ul li {

    padding: 14px 25px;

    min-height: auto;

    font-size: 14px;

}

.banner-caption h1 {

  

    font-size: 22px;

     line-height: 32px;

}

.banner {

    height: 160px;

    }

    .inner-forum .discussion-forum {

    flex: 0 0 47%;

}

.login-box { flex: 0 0 100%; padding: 20px;}

}



/************************************* 640px *************************************/

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

    .smd30, .smd40, .smd60, .smd70, .smd75, .smd66 {width: 100%}

    .smd60, .smd70, .smd75{margin-top:20px;}

    /*------------flex-col---------*/

    .three-flex-col, .two-flex-col, .four-flex-col{

  flex:0 0 100%

}

.five-flex-colum {

   flex:0 0 48%

    }

    /*------------flex-col---------*/

.colorbox .three-flex-col {

    flex: 0 0 100%;

}

.fixbox {



    padding: 20px;

    }

.news-single {

    padding: 50px 35px;

    min-height: auto;

    }

.d-none{

    display: none;

}

.email, .inline {

    position: relative;

    width: 30px;

    height: 30px;

    padding: 0;

}

.shape1, .shape2, .shape3{display: none;}

.videobox:after{display: none;}

ul.footerlinks li {



    padding: 2px 0;



    line-height: 21px;

}

.f-contact p {

    margin-bottom: 0;

    line-height: 21px;

    }

    .news-single h3 {

    font-size: 23px;

    line-height: 34px;

}

.discussion-forum {

    flex: 0 0 100%;

    padding: 55px 25px 12px 25px;

    border:1px solid #ccc;

    margin-bottom: 45px;

    }

    .discussion-forum .thumb-image {

    position: absolute;

    top: -21px;

    left: 26px;

}

.bannerH p {

    font-size: 70px;

    line-height: 70px;

    }

    .heading-row {

    padding: 0 0% 28px 0%;

    background-size: 90%;

}

.heading {

    font-size: 20px;

    }

    .r-box, .g-box, .b-box {



    padding: 25px!important;

}

.members-single{

    flex:0 0 100%;

    }

        .inner-forum .discussion-forum {

    flex: 0 0 100%;

}



.sponsors li{

 

    width: 24%;

    padding:5px;

     

    

}
    .memebers-card {
        flex: 0 0 100%;
}



}



/************************************* 480px *************************************/

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

    }



    /************************************* 360px *************************************/

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

}



/************************************* 320px *************************************/

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

}