* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}





:root {

    /*font-family*/

    --fm-Montserrat: "Montserrat", sans-serif;

    /*font-size*/

    --fs-10: 10px;

    --fs-11: 11px;

    --fs-12: 12px;

    --fs-13: 13px;

    --fs-14: 14px;

    --fs-15: 15px;

    --fs-17: 17px;
    --fs-20: 20px;

    --fs-25: 25px;

    --fs-26: 26px;

    --fs-28: 28px;

    --fs-29: 29px;

    --fs-30: 30px;

    --fs-34: 34px;

    --fs-38: 38px;

    --fs-41: 41px;

    --fs-64: 64px;



    /*line-height*/

    --lh-19: 19px;
    --lh-20: 20px;

    --lh-22: 22px;

    --lh-24: 24px;

    --lh-25: 25px;

    --lh-27: 27px;

    --lh-28: 28px;

    --lh-35: 35px;



    /*font-weights*/

    --body-bg: #f1f1f1;

    --bg-header: #1d4f7d;

    --sec-bg: #2d3b47;

    --bg-slider: #2e3b48;

    --c-white: #ffffff;

    --c-slider-font: #bfd3e5;

    --c-heading-font: #214462;

    --c-tab-changer: #333333;

    --events-font-c: #a6a6a6;

    --date-bg: #656565;

    --year-bg: #4c4c4c;

    --intrest-btn: #434343;

    --events-bg: #091119;

    --about-rm-bg: #171e26;

    --events-blocks-bg: #282828;

    --events-label-bg: #f5f5f5;

    --footer-bg: #212121;



    /*font-weights*/

    --fw-100: 100;

    --fw-200: 200;

    --fw-300: 300;

    --fw-400: 400;

    --fw-500: 500;

    --fw-600: 600;

    --fw-700: 700;

    --fw-800: 800;

    --fw-900: 900;



    /* section padding  */



    --padding-50: 50px 0;

}









/* common css start  */

/* table css start  */

td, th {
    line-height: var(--lh-24);
    font-size:  var(--fs-13);;
    font-weight: var(--fw-400);
}

/* table css start end */

button, input{
    font-family: var(--fm-Montserrat);
}



.section_heading h2{

    font-size: var(--fs-30);

color: var(--c-heading-font);

font-weight: var(--fw-400);

text-align: center;

}


 ul.author,  ul.author li{
    display: inline;
}

.content-type-ul li a,
.data-author-wrap span,
.contact-type-wrap ul li, ul.author li, h4 a {
    font-size: var(--fs-13);
    color: var(--c-white);
    line-height: var(--lh-22);
}



ul.author li:not(:last-child):after {
    content: ",";
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
}

.read_btn:not(.tab_item_content .read_btn) {
    text-align: center;
    padding-top: 50px;
}

.read_btn a {
    display: inline-block;
    background-color: var(--bg-header);
    padding: 8px 15px;
    font-size: var(--fs-12);
    line-height: var(--lh-22);
    color: var(--c-white);
    font-weight: var(--fw-400);
    position: relative;
}

.read_btn span:not(.dots){
    border: 1px solid #000;
    vertical-align: bottom;
    display: inline-block;
    padding: 8px 15px;
    line-height: var(--lh-20);
}
/* common css end */








/* banner css start  */



.banner_img {

    position: relative;

}


/* overlay on banner  */

.banner_sec .banner_img:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* background: #00000054; */
}

/* overlay on banner end */


.banner_txt {

    position: absolute;

    top: 50%;

    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);

    text-align: center;
    padding: 0 20px;
    width: 100%;

}

.tax_description {
    width: 100%;
    max-width: 50%;
    margin: auto;
    color: var(--c-white);
}

.banner_txt h2 {

    font-size: var(--fs-38);

    text-transform: uppercase;

    color: var(--c-white);

    font-weight: var(--fw-500);
    text-shadow: 1px 1px 2px #393939;
}



.banner_txt h1 {
    text-shadow: 1px 1px 2px #393939;
    font-size: var(--fs-64);

    text-transform: uppercase;

    color: var(--c-white);

    font-weight: var(--fw-600);

}





/* banner css end  */





/* slider css start  */



.slider_sec {

    background-color: var(--sec-bg);



    padding: var(--padding-50);

}



.slider_sec .container {

    max-width: 900px;

}



.slider_content {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    align-items: center;

    column-gap: 30px;

}



.slider_content .slider_txt p {

    font-size: var(--fs-13);

    line-height: var(--lh-35);

    color: var(--c-slider-font);

    font-weight: var(--fw-400);

}



.slider_content .slider_txt h4 {

    font-size: var(--fs-25);

    line-height: var(--lh-35);

    color: var(--c-slider-font);

    font-weight: var(--fw-400);

}



.slider_sec .slick-prev:before,

.slider_sec .slick-next:before, .research_tab_changer .slick-prev:before, .research_tab_changer .slick-next:before {

    content: none;

}



.slider_sec .slick-prev {

    background: url(../images/default/left-arrow.svg);

    display: inline-block;

    height: 29px;

    width: 28px;

    left: unset;

    right: 50px;

    top: 10%;

    background-size: cover;

    z-index: 99;

}



.slider_sec .slick-next {

    background: url(../images/default/right-arrow.svg);

    display: inline-block;

    height: 29px;

    width: 28px;

    right: 0;

    top: 10%;

    background-size: cover;

    z-index: 99;

}



.slider_txt h4 a{
    font-size: unset;
}

.slider_content .slider_img img {
    border-radius: 5px;
}


/* slider dots styling */







/* slider dots styling end */



.slider_sec .slick-dots{

    display: flex;

    justify-content: center;

    bottom: -40px;

}



.slider_sec .slick-dots li{

   width: 80px;

   height: 7px;

}



.slider_sec .slick-dots button{

    height: 7px;

    width: 100%;

    padding: 0;

    background: transparent;

    border: 1px solid #8393a3;

    border-radius: 10px;

    overflow: hidden;

    position: relative;

}



.slider_sec .slick-dots button:before{

   content: "";

   width: 0%;

   height: 100%;

   opacity: unset;

  

}



.slider_sec .slick-dots .slick-active button:before{

    background-color: #8393a3;

    animation: progress 2.5s linear forwards;

}



@keyframes progress {

    from {

      width: 0%;

    }

    

    to {

      width: 100%;

    }

  }

  



/* slider css end  */





/* tab changer css start */



.research_sec{

    background-color: var(--body-bg);

    padding: 50px 0 100px;

}



.research_sec .container{

    max-width: 80%;    
    /* max-width: 1100px;     */

}




.tab_img img {
    /* min-height: 180px; */
    aspect-ratio: 3/2;
    object-fit: cover;
    border: 4px solid var(--c-white);
    border-bottom: none;
}


.tab-content {

    display: none;

}



.tab-content.tab_active {

    display: block;

}



.tab_changer_wrap {

    display: flex;

    column-gap: 20px;

    justify-content: center;

    align-items: center;

    margin: 35px 0 0;

}



.tab_content_wrap{

    margin-top: 35px;

}





.tabs_btns button{
  

    padding: 10px 20px;

    font-size: var(--fs-11);

    color: var(--c-tab-changer);

    font-weight: var(--fw-600);

    background-color: var(--c-white);

    border-radius: 6px;

    border: 1px solid #d2d2d2;

    cursor: pointer;

}



.tabs_btns.btn_active button{

    background-color: var(--bg-header);

    color: var(--c-white);

}

/* 
.tab_grid_item {

    padding: 0 10px;

} */



.tab_item_content{


    background-color: var(--c-white);
    height: 100%;

}

.tab_grid_content{
    padding: 15px 15px 30px;
}


.tab_grid_content span{

    font-size: var(--fs-10);

    line-height: var(--lh-22);

    color: var(--c-tab-changer);

    font-weight: var(--fw-600);

}



.tab_grid_content span:not(:first-child){

    padding: 10px 0;

    display: inline-block;

}



.tab_grid_content h4{

    font-size: var(--fs-15);

line-height: var(--lh-22);

color: var(--bg-header);

font-weight: var(--fw-700);

}



.tab_grid_content p{

    font-size: var(--fs-13);

    line-height: var(--lh-22);

    color: var(--c-tab-changer);

    font-weight: var(--fw-400);

}

.tab_item_content .read_btn{
    text-align: left;
}



/* 

.research_sec .read_btn a{

 display: inline-block;

 background-color: var(--bg-header);

 padding: 8px 15px;

 font-size: var(--fs-12);

line-height: var(--lh-22);

color: var(--c-white);

font-weight: var(--fw-400);

position: relative;

} */

.blog_content_sec .single-description ol {
 
    padding-left: 20px;
}

.tab_grid_content .read_btn a:after{

 content: "";

 background: url(../images/default/rea_arrow.svg);

 height: 10px;

 width: 20px;

 display: inline-block;

 vertical-align: middle;

 background-repeat: no-repeat;

 margin-left: 30px;

}




/* 
.research_tab_changer .slick-prev {

    background: url(../images/default/left-arrow.svg);

    display: inline-block;

    height: 29px;

    width: 28px;

    left: 45%;

    bottom: -65px;

    top: unset;

    transform: none;

    background-size: cover;

    z-index: 99;

}



.research_tab_changer .slick-next {

    background: url(../images/default/right-arrow.svg);

    display: inline-block;

    height: 29px;

    width: 28px;

    right: 45%;

    bottom: -65px;

    top: unset;

    transform: none;

    background-size: cover;

    z-index: 99;

} */


.tab_grid_wrap {
    display: flex;
    /* grid-template-columns: repeat(4, 1fr); */
    justify-content: left;
    flex-wrap: wrap;
    gap: 20px;
}

.tab_grid_item{
    width: 100%;
    max-width: calc(25% - 15px);
}


.tab_item_content .content-type-ul li a {
    font-size: var(--fs-13);
    line-height: var(--lh-22);
    color: #858585;
    font-weight: var(--fw-400);
}

.tab_item_content h4 a {
    font-size: var(--fs-15);
    line-height: var(--lh-22);
    color: #386289;
    font-weight: var(--fw-700);
}

.tab_item_content .data-author-wrap span {
    font-size: var(--fs-13);
    line-height: var(--lh-22);
    color: var(--c-tab-changer);
    font-weight: var(--fw-600);
    padding: 10px 0;
}
.tab_item_content .author li{
    font-size: var(--fs-13);
        line-height: var(--lh-22);
        color: var(--c-tab-changer);
        font-weight: var(--fw-600);
}

.tab_item_content .data-author-wrap {
    padding: 10px 0;
}

.tab_item_content .data-author-wrap ul li {
    font-size: var(--fs-13);
    line-height: var(--lh-22);
}



/* tab changer css end */





/* conffrence css start  */



.conffrence_banner{

    position: relative;

}



.conffrence_txt .conff_logo img{

    max-width: 100px;

    margin: 0 auto 10px;

}



.conffrence_txt{

    position: absolute;

    top: 20%;

    left: 50%;

    transform: translate(-50%, -20%);

    text-align: center;

}



.conffrence_txt h3{

    font-size: var(--fs-41);

    text-transform: uppercase;

    color: var(--c-white);

    font-weight: var(--fw-600);

}





/* events css start  */

.events_wrap{

    background-color: var(--events-bg);

}



.events_place{

    background-color: var(--events-blocks-bg);

    padding: 15px 15px 20px;

}



.place_img{

    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}



.events_strip{

    position: absolute;

    top: 0;

    left: 0;

    height: 150px;

    width: 150px;

    text-align: center;

    rotate: -45deg;

}



.events_strip p{

    background-color: var(--c-white);

    font-size: var(--fs-12);

    line-height: var(--lh-22);

    text-transform: uppercase;

    color: var(--bg-header);

    font-weight: var(--fw-800);

    padding: 5px 10px;

}



.events_grid{

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

}





.place_content span{

    font-size: var(--fs-11);

line-height: var(--lh-24);

color: var( --events-font-c);

font-weight: var(--fw-600);

}



.place_content p a{

    font-size: var(--fs-17);

line-height: var(--lh-24);

color: var( --events-font-c);

font-weight: var(--fw-700);

}



/* .date_wrap{

    width: 100%;

    max-width: max-content;
    max-width: 25%;

    padding: 20px 0;

    text-align: center;

} */


.date_wrap {
    width: 100%;
    max-width: 51%;
    padding: 20px 0;
    text-align: center;
    padding-top: 0px;
    display: flex;
    margin-top: 50px;
}



div.date_wrap .year_wrap p {
    color: #fefefe;
    font-size: 21px;
    margin-top: 0px;
}


.date_wrap .month_wrap{

  background-color: var(--date-bg);

  padding: 10px;

}



.date_wrap .month_wrap p{

    font-size: var(--fs-34);

    line-height: var(--lh-27);

    /* color: var( --events-font-c); */
    margin-top: 0px;
    color: #fff;

    font-weight: var(--fw-400);

}



.date_wrap .month_wrap span, .date_wrap .year_wrap p{

    font-size: var(--fs-17);
    text-align: center;

    line-height: var(--lh-27);

    color: var( --events-font-c);

    font-weight: var(--fw-400);

}



.date_wrap .year_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
  background-color: var(--year-bg);

  padding: 5px 10px;

}



.intrested_btn a{

    display: inline-block;

    font-size:var(--fs-13);

    line-height: var(--lh-24);

    color: var(--c-white);

    font-weight: var(--fw-400);

    background-color: var(--intrest-btn);

    padding: 8px 15px;

    position: relative;

}



.intrested_btn a:after {

    content: "";

    background: url(../images/default/rea_arrow.svg);

    height: 10px;

    width: 20px;

    display: inline-block;

    vertical-align: middle;

    margin-left: 20px;

    background-repeat: no-repeat;

}



.view_all_btn a{

    display: inline-block;

    padding: 8px 15px;

    background: var(--c-white);

    font-size: var(--fs-12);

    line-height: var(--lh-22);

    color: var(--events-bg);

    font-weight: var(--fw-400);

}





.view_all_btn{

    text-align: center;

    padding: var(--padding-50);

}





.view_all_btn a:after {

    content: "";

    background: url(../images/default/view_all_arrow.svg);

    height: 9px;

    width: 20px;

    display: inline-block;

    vertical-align: middle;

    margin-left: 20px;

    background-repeat: no-repeat;

}



/* events css end  */



/* conffrence css end  */





/* media css start  */



.media_sec {

    padding: var(--padding-50);

}





.media_grid{

    padding-top: 35px;

}



/* .media_heading h2{

    font-size: var(--fs-30);

    color: var(--c-heading-font);

    font-weight: var(--fw-400);

    text-align: center;

} */



.media_grid_items{

    display: flex;

    column-gap: 5px;

    padding-top: 10px;

}
.media_grid_items_home {
display: block;
column-gap: 15px;

    padding-top: 15px;
}
.media_imgs{
  
    float: left;
}
.media_imgs_home {
max-width: calc(100% / 4);
}


.media_grid .media_grid_items:first-child{

    padding-top: 0px;

}



/* media css end  */





/* about css start  */



.about_sec{

    background-color: var(--sec-bg);

}



.about_content{

    padding: 30px 75px;

}



.about_image{

    height: 100%;

}



.about_image img{

    height: 100%;

    object-fit: cover;

}



.about_grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    align-items: center;

}



.about_logo a{

   display: inline-block;

}



.about_logo img{

    max-width: 75px;

}



.about_txt h2{

    font-size: var(--fs-41);

    color: var(--c-white);

    font-weight: var(--fw-600);

}



.about_txt h2:after{

    content: "";

    display: block;

    height: 1px;

    width: 100%;

    background-color: #414e58;

    margin: 20px 0;

}



.about_txt p{

    font-size: var(--fs-14);

    line-height: var(--lh-28);

    color: var(--c-white);

    font-weight: var(--fw-400);

    padding-bottom: 30px;

}



.about_txt p:last-child{

    padding-bottom: 0px;

}



.read_more_btn{

    padding: 30px 0;

}



.read_more_btn a{

    display: inline-block;

    background-color: var(--about-rm-bg);

    font-size: var(--fs-12);

    line-height: var(--lh-22);

    color: var(--c-white);

    font-weight: var(--fw-400);

    padding: 8px 15px;

}



.read_more_btn a:after{

    content: "";

    background: url(../images/default/rea_arrow.svg);

    height: 9px;

    width: 20px;

    display: inline-block;

    vertical-align: middle;

    margin-left: 20px;

    background-repeat: no-repeat;

}



.sociel_icons ul{

    display: flex;

    column-gap: 20px;

}



/* about css end  */


.media_imgs{
    padding:0px 5px;
}
.media_grid .slick-prev {
    background: url(../images/default/left-arrow.svg);
    display: inline-block;
    height: 29px;
    width: 28px;
    right: 50px;
    top: 50%;
    background-size: cover;
    z-index: 99;
    left: -30px;
    filter: invert(1);
}

.media_grid .slick-next{
    background: url(../images/default/right-arrow.svg);
    display: inline-block;
    height: 29px;
    width: 28px;
    right: 50px;
    top: 50%;
    background-size: cover;
    z-index: 99;
    right: -30px;
    filter: invert(1);
}
.media_grid .slick-next::before ,.media_grid .slick-prev::before {
content:none;
}



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

    .slick-dots li{
        width: 10px;
        height: 10px;
    }

    .main_wrap .container{

        max-width: 100%;

        padding: 0 20px;

    }



    /* banner css start  */



    .banner_img img{

        height: auto;

        object-fit: cover;

    }

    .page-id-10 .banner_sec .banner_img img{
        height:25vh;
    }

    .banner_txt h2{

        font-size: var(--fs-17);

    }




    .banner_txt h1{

        font-size: var(--fs-20);

    }

  /* banner css end */





  /* slider sec css  */



  .slider_sec .container{

    max-width: 100%;

    padding: 0 40px;

  }



    .slider_content{

        grid-template-columns: auto;

    }



    .slider_sec .slick-next{

        top: 50%;

        transform: translateY(-50%);

        right: -34px;

    }



    .slider_sec .slick-prev{

        top: 50%;

        transform: translateY(-50%);

        left: -34px;

    }



  /* slider sec css end */



  

    /* research section css  */



   

    .tab_content_wrap{
        margin-top: 20px;
    }

    .tab_changer_wrap{

        overflow-x: auto;
        column-gap: 10px;
        justify-content: flex-start;
        margin-top: 20px;
        padding-bottom: 5px;
        align-items: stretch;

    }

    .tabs_btns{

        min-width: 35%;

    }



    .tabs_btns button{

        width: 100%;
        padding: 8px 10px;
        height: 100%;

    }

    .tab_grid_item,.tax_description{
        max-width: 100%;
    }

    .tab_grid_item{

        padding: 0;

    }



    .research_tab_changer .slick-prev{

        left: 40%;

    }



    .research_tab_changer .slick-next{

        right: 40%;

    }



    /* research section css end  */



    /* conffrence section css start  */



    .conffrence_banner img:not(.conff_logo img){

        height: 50vh;

        object-fit: cover;

    }





    .events_grid{

        display: flex;

        justify-content: flex-start;

        overflow-x: auto;

    }



    .events_item{

        min-width: 75%;

    }





    /* conffrence section css end  */



    /* media section css  */





        .media_grid_items{

            column-gap: 5px;

            padding-top: 5px;

        }



    /* media section css end */



    /* about section css  */



    .about_grid{

        grid-template-columns: auto;

    }



    .about_content{

        padding: 30px 20px;

    }



    /* about section css end */



  

  

}