/** Custom CSS **/

/*@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}*/




@media screen and (min-width: 600px) {
/*For Tablets*/
    .container {
        width: 100;
    }
}

@media screen and (min-width: 768px) {
/*For Laptops*/
    .container {
        width: 738px;
    }
}

@media screen and (min-width: 992px) {
/*For Large Laptops*/
    .container {
        width: 962px;
    }
}

@media screen and (min-width: 1280px) {
/*For Big TV's (HD Screens)*/ 
    .container {
        width: 1250px;
    }
}


@media screen and (min-width: 1920px) {
/*For Projectors or Higher Resolution Screens (Full HD)*/
    .container {
        width: 1890px;
    }
}
@media screen and (min-width: 3840px) {
/*For 4K Displays (Ultra HD)*/
    .container {
        width: 3810px;
    }
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Medium.woff2') format('woff2'),
        url('../fonts/Avenir-Medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Avenir-Black';
    src: url('../fonts/Avenir-Black.woff2') format('woff2'),
        url('../fonts/Avenir-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kallisto';
    src: url('../fonts/Kallisto-Bold.woff2') format('woff2'),
        url('../fonts/Kallisto-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




html, body, div, span, applet, object, iframe,  p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Avenir';
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
    border: 0;
    color:white;
    font-family: 'Kallisto';
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a,
a:hover {
    text-decoration: none;
    transition: 0.3s all;
    cursor: pointer;
}
a {
    text-decoration: none!important;
    outline: none!important;
    color: inherit;
}
.fd-card a:hover {
    color:  #fff !important;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Avenir';
    
}
ol, ul, li {
    list-style: none;
    text-align: initial;
}

p{
    color:white;
}

:root{  
    --bgcolor: linear-gradient(to right,  #365882 0%,#1f386b 100%);
    --prblcolor: #1f386b;
    --prbgcolor: #a30265;
    --prwhcolor: #ffffff;
    --prblkcolor: #000000;
    --subgrcolor: linear-gradient(to right,  #a30265 0%,#9f1f63 100%);
}
.txt-col-bg{
   color:  #a30265;
}
.txt-col-bl{
   color: #1f386b;
}
.txt-col-wh{
   color: #ffffff;
}
.txt-col-blk{
    color: #000000;
}
.bg-col-bg{
    background: #a30265;
}
.bg-col-bl{
    background: #1f386b;
}
.bg-col-wh{
    background: #ffffff;
}
.bg-col-blk{
    background: #000000;
}

.mt-10{
    margin-top: 10px;
}
.mt-30{
    margin-top: 30px;
}
.mt-60{
    margin-top: 60px;
}
.mt-90{
    margin-top: 90px;    
}
.mt-120{
    margin-top: 120px;    
}

.mb-10{
    margin-bottom: 10px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-60{
    margin-bottom: 60px;
}
.mb-90{
    margin-bottom: 90px;    
}
.mb-120{
    margin-bottom: 120px;    
}
.mt-10-minus{
    margin-top: -10px;
}
.mt-30-minus{
    margin-top: -30px;
}
.mt-60-minus{
    margin-top: -60px;
}
.mt-90-minus{
    margin-top: -90px;    
}
.mt-120-minus{
    margin-top: -120px;    
}

.mb-10-minus{
    margin-bottom: -10px;
}
.mb-30-minus{
    margin-bottom: -30px;
}
.mb-60-minus{
    margin-bottom: -60px;
}
.mb-90-minus{
    margin-bottom:-90px;    
}
.mb-120-minus{
    margin-bottom: -120px;    
}
.uppercase{
    text-transform: uppercase;
}
.small-text{
    font-size: small;
}
.large-text{
    font-size: large;
}
/**====================================
Header 
====================================**/
.build-head{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.3s all;
    padding: 0;
    z-index: 999;
    background: #ffffff;
    opacity:85;
}

.build-head.scroll-h{
    /*background: rgba(0,0,0,0.25);*/
    /*background: rgba(0,0,0,0.62);*/
    transform: translateY(-100px);
    background: transparent;
}
.build-head.scroll-h .topbox{
    opacity: 0;
}
.build-head .navbar{
    padding: 0;
    padding-top: 65px;
}
.scroll-h .logo-div{
    display: none !important;
}
.topbox{
    transition: 0.3s all;
    padding: 6px 10px;
    text-align: center;
    position: relative;
    background: linear-gradient(to left, #0094A5 ,#006492);
    z-index: 1000;
}
.topbox p{
    font-size: 11px;
    color: #fff;
    position: relative;
    z-index: 2;
    font-weight: bold;
}

.build-head .navbar .container{
    display: block;
    padding-top: 10px;
}





@media only screen and (max-width: 600px) {
  .build-head .navbar .container {
    display: block;
    width: 429px;
    margin-left: -11px;
  }

}


.logobox{
    display: flex;
    z-index: 9;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media (min-width:1800px){
    .logobox{
    justify-content: flex-start;
    }
}

.logobox .navbar-brand{
    /*margin-top: -46px;*/
    margin-right: 0px;
    /*transition: all 2s ease-out;*/

}
.logobox img {
    display: block;
    max-width: 194px;
    margin-top: -8px;
    margin-left: -1px;
}
.sublogos {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: center;
    margin-top: -47px;
    width: 135%;
    gap: 15px;
}
.sublogos h5 {
    font-size: 13px;
    color: #801E55;
    text-align: center;
    width: 100%;
    margin-left: 140px;
    padding-top: 24px;
}
.sublogos .subimg1{
    width: 68px;
    margin-bottom: -22px;
}
.sublogos .subimg2{
    
    padding-left: 10px;
    margin-left: auto;
    margin-bottom: -20px;
}
.sublogos .subimg1 img{
    width: 100%;
    display: block;
}

.subimg2{
    background: #fff;
    border-radius: 10px;
    /*padding: 10px 0 20px;*/
    padding: 10px 0px 10px;
    /*border-top: 1px dotted #999b9e;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.subimg2 ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
.subimg2 ul li img {
    /*max-width: 100px;
    max-height: 50px;
    padding: 5px;*/
    /*max-width: 150px;*/
    /*max-height: 80px;*/
    /*padding: 0px 5px;*/
    /*margin-right: 35px;*/
}

.logobox figure img{
    padding-top: 14px;
}

.scroll-h .navbar-nav {
    margin-top: 25px !important;
}

.build-head .navbar-nav {
    margin-top: 5px;
    background: #801E55;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    list-style: none;
    gap: 40px;
}

 @media (min-width: 1800px) {
    .build-head .navbar-nav{
        width: 4347px;
        margin-left: -1495px;
        
    }
    
 }

 @media (min-width: 1600px) and (max-width: 1799px){
     
    .build-head .navbar-nav{
        width: 1991px;
        margin-left: -365px;
    }
    
    
 }
 @media (min-width: 1400px) and (max-width: 1599px){ 
    .build-head .navbar-nav{
        width: 1991px;
        margin-left: -445px;
    }
    
    
    
 }
 
 @media (min-width: 1100px) and (max-width: 1399px){
    .build-head .navbar-nav {
        width: 1500px;
        margin-left: -167px;
        gap: 40px;
    }
    .sublogos {
        width: 117%;
        gap: 15px;
    }
 }
 @media (min-width: 1134px) and (max-width: 1199px){
    .build-head .navbar-nav{
            width: 1598px;
    }
 }
  @media (min-width: 992px) and (max-width: 1133px){
    .build-head .navbar-nav{
            width: 1140px;
            margin-left: -119px;
    }
 }
 @media (max-width: 767px){
    
 }
 
  @media (max-width: 575px){
      
    
  }
  
  
  @media (min-width: 1600px){
  
   
   }

.build-head .navbar-nav .nav-item{
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height:100%;
}
.build-head .navbar-nav .nav-item:hover{
    background:#72344f;
    color: #fff;
    
}
.build-head .navbar-nav .nav-item .nav-link{
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px;
}


/*.build-head .navbar-nav .nav-item + .nav-item:before{*/
/*    content: '';*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background: #fff;*/
/*    border-radius: 50%;*/
/*    display: inline-block;*/
    /*left: -19px;*/
    /*position: relative;*/
/*    left: -9px;*/
/*    position: relative;*/
/*    top: -1px;*/
/*}*/
.build-head .navbar-nav .nav-item.active .nav-link,
.build-head .navbar-nav .nav-item:hover .nav-link{
    background: #72344f;
    color: white;
}

.lang-li{
    background: var(--prbgcolor);
}



/**====================================
Banner 
====================================**/
.home-banner{
    /*height: 650px;*/
    min-width: 100%;
    min-height: 573px;
    display: flex; 
    align-items: center;
    padding-top: 240px;
    position: relative;
    /*background: url(../images/home--banner-bg.jpg) no-repeat 50% 50% / cover;*/
    position: relative;
    overflow: hidden;
}
.home-banner:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background: #3e4018ad;*/
    background: #22222278;
    opacity: .75;
    z-index: 5;
}
.videobanner{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.videobanner video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.side-anim{
    position: absolute;
    right: 0;
    /*width: 570px;*/
    /*height: 570px;*/
    z-index: 6;
    bottom: 0;
    margin-bottom: 10px;
    margin-right: -150px;
}
.side-anim img{
    /*width: 100%;*/
    width: 580px;
    /*display: block;
    background-image: url(../images/overlay-img.png);
    background-position: bottom right;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0px;*/
    
    /*height: 290px;*/
    /*animation:spin 6s linear infinite;*/
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(-360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(-360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(-360deg); 
        transform:rotate(-360deg); 
    } 
}
.banner-contents{
    display: flex;
    flex-flow: row wrap;
    position: relative;
    z-index: 10;
    max-width: 100%;
    justify-content:center;
}
.tech-btn{
       width: 300px;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 25px;
    color: #72344f;
    font-size: 21px;
    font-weight: 700;
    position: relative;
    text-align: center;
    line-height: 1;
    border-radius: 25px;
    background: linear-gradient(#c7cfd6, #eceff1);
    border: 0px;
    margin: 10px;
    justify-content: center;
}
.btn{
    width: 300px;
    height: 57px;
    display: flex;
    align-items: center;
    padding: 0 25px;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    position: relative;
    padding-right: 20px;
    line-height: 1;
    background: linear-gradient(to right,#006492 , #0094A5);
    border:0px;
}
.btn img{
    
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto 5px;
    max-width: 24px;
    max-height: 20px;
    transition: transform 0.3s ease-out;
}
.btn:hover img { transform: translateX(4px); }
.btn-sub-pr{
    background: var(--prblcolor) !important;
}
.btn-sub{
    background: var(--prbgcolor) !important;
}
.btn:hover{
    color: #fff;
}
.banner-contents .btn{
    margin-right: 50px;
    margin-left: 50px;
    margin-bottom: 15px;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
}
h2{
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    text-align: center;
    color: white;
}
p{
    font-size: 18px;
    line-height: 1.5;
}
.color-bl{
    color: var(--prblcolor) !important;
}
.color-bg{
    color: var(--prbgcolor) !important;
}
.color-wh{
    color: var(--prwhcolor) !important;
}

/**====================================
Contents 
====================================**/
.home-contents{
    /*padding: 50px 0;*/
    display:inline-block;
}
.ct-sec1{
    /*position: relative;*/
    /*background: var(--bgcolor);*/
    /*overflow: hidden;*/
    /*padding-bottom: 75px;*/
    padding: 5px 0px;
    margin-top: 30px;
    text-align: center;
    position: relative;
}

.head-box{
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    border: 2px solid var(--prbgcolor);
    margin-bottom: 50px;
}
.head-box h4{
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.d-head{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
}
.d-head span{
    padding: 2px 24px;
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
}
.d-head > div{
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--subgrcolor);
    margin-left: 15px;
}
.d-head span + span{
    border-left: 4px solid #548aa8;
}
.ct-sec1 h2{
    text-align: center;
    margin-bottom: 40px;
}
.abt-list{
    margin: 0 -15px;
    display: flex;
    justify-content: center;
    margin-bottom: 65px;
}
.abt-list li{
    padding: 0 22px;
}
.bcard{
    width: 146px;
    height: 146px;
    display: flex;
    position: relative;
    transition: 0.6s;
    transform-style: preserve-3d;
}
.bcard .front{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    background: #000;
    position: relative;
    z-index: 2;
    transform: rotateY(0deg);
}
.ab-cal .bcard .front{
    background: var(--prbgcolor);
}
.ab-time .bcard .front{
    background:var(--prbgcolor);
}
.ab-place .bcard .front{
    background:var(--prbgcolor);
}
.bcard .front h5{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.bcard .front img{
    display: block;
    margin: 0 auto;
    max-width: 85px;
    max-height: 72px;
}
.bcard .back{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    text-align: center;
    z-index:5;
}
.bcard .back span{
    font-size: 14px;
    color: #441845;
    display: block;
    font-weight: bold;
}
.bcard .back p{
    font-size: 14px;
    color: #441845;
    line-height: 1.3;
    font-weight: bold;
}
.abt-list li:hover .bcard{
    transform: rotateY(180deg);
}
.sec1-text{
    /*max-width: 680px;*/
}
.sec1-text p{
    color: var(--prblcolor);
    line-height: 1.8;
    text-align: justify;
    font-weight: 500;
    font-size:14px!important;
}
.sec1-text p + p{
    margin-top: 30px;
}
.ct-sec2 .btn{
    max-width: 240px;
    margin: 0 auto;
    padding: 0 25px;
    padding-right: 75px;
}
.ct-sec2 .btn img{
    right: 25px;
}
.ct-sec2 h2{
    color: var(--prblcolor);
    text-align: left;

} 
.ct-sec2{
    position: relative;
    padding: 35px 0;
    /*padding-top: 120px;*/
    padding-bottom: 30px;
    overflow: hidden;
}
.ct-sec2:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 715px;
    /*background: url(../images/feature-sec-leftbg.png) no-repeat 50% 50% / contain;*/
    margin-left: -143px;
}
.ct-sec2:after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 480px;
    height: 620px;
    /*background: url(../images/feature-sec-rightbg.png) no-repeat 50% 50% / contain;*/
    margin-right: -260px;
    margin-bottom: 160px;
}
.fe-list{
    display: flex;
    justify-content: center;
    margin: 0 -20px;
}

.f-card{
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 120px;
}

.f-card figure img{
    max-width: 85px;
    aspect-ratio: 3/2;
    object-fit: contain;
    transition: 2s;
}
/*.f-card figure img:hover{*/
/*    transform: scale(1.2);*/
/*}*/

.f-card span{
        display: block;
    font-size: 12px;
    color: white;
    font-weight: 600;
    text-align: center;
    line-height: 12px;
    width: 65%;
}

.fds-list{
    margin: 20px -25px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.fds-list li{
    text-align: center;
}
.fds-list li{
border-left: 1px solid #ffff;
}
.fe-list li,.fds-list li{
    width: calc(95% / 6);
}
.fds-list li:last-child{
    border-right: 0;
}

.fd-card a{
    text-decoration: none!important;
    outline: none!important;
    color: inherit;
    font-family: 'Kallisto'!important;
}
.fd-card h5{
    font-size: 27px;
    color: var(--prwhcolor);
    font-weight: 900;
    font-family: 'Kallisto'!important;
}
.fd-card span{
    display: block;
/*    width: 175px;
*/  
    width: 100%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: var(--prwhcolor);
    line-height: 1.2;
    height: 50px;
    font-family:"Kallisto";
}
.fe-list,
.fds-list,
.ft-list{
    position: relative;
    z-index: 5;
    justify-content: flex-start;
}
.ft-list li{
    margin-bottom: 30px;
    width:42%;
}
.ft-card{
    height: 350px;
    display: flex;
    flex-direction: column;
}
.ft-card figure{
    overflow: hidden;
    height: 100%;
}
.ft-card figure img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ft-card a{
    height: 68px;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 15px;
    padding-right: 70px;    
    background: var(--subgrcolor);
    display: flex;
    align-items: center;
    position: relative;
    font-family: 'Montserrat';
    letter-spacing: -0.020em;
}
.ft-card a:after{
    content: '';
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-image: url(../images/btn-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    width: 40px;
    height: 30px;
}
.ct-sec3{
    /*background: url(../images/market-bg-img.png) no-repeat 50% 100% / cover;*/
    text-align: center;
    height: 80px;
    background-color: #1D112B;
    margin: 2px;
    margin-bottom: 470px;

}

.ct-sec3 h2{
    color:white;
    font-weight:400;
}
.md-list{
    display: flex;
    justify-content: center;
    margin: 0 -8px;
    margin-top: 60px;
}

.md-list li{
    padding: 0 8px;
}
.md-card{
    width: 170px;
    height: 170px;
    margin: auto; 
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    text-align: center;
    border: 1px solid #fff;
    font-family: 'Montserrat';

}
/*.md-card h5{
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 25px;
}*/
.md-card .md-fig{
    font-size: 36px;
    color: #213863;
    font-weight: 600;
    line-height: 1;
    margin-top: 25px;
    margin-bottom: 0px;
}
.md-card p{
    font-size: 12px;
    color: #fff;
    line-height: 1.3;
    font-weight: 600;
}
.byh-testim-box{
   border: 2px solid var(--prwhcolor);
}

.testimo-slider .owl-stage{
    display: flex;
    align-items: center;
}
.testimo-slider li{
    max-width: 100%;
    margin: 0 auto;
}
.testimo-slider figure img{
    margin: 0 auto;
}
.testimo-slider p{
    font-size: 14px;
    /*color: var(--prwhcolor);*/
    text-align: justify;
    text-align-last: left;
}
.testmonial-text{
    position: relative;
    bottom: 20px;
}
.testimo-slider span{
    font-size: 18px;
    /*color: var(--prwhcolor);*/
    text-align: center;
    display: block;
    font-weight: 600;
    margin-left: 20px;
}
.testimo-slider .owl-item img{
    /*margin-left: 20px !important;*/
}
.testimo-slider .owl-nav img{
    max-width: 45px;
}
.testimo-slider .owl-nav .owl-prev,
.testimo-slider .owl-nav .owl-next{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 38px;
}
.testimo-slider .owl-nav .owl-prev{
    left: 0px;
}
.testimo-slider .owl-nav .owl-next{
    right: 0px;
}
.cs-slider .owl-nav img{
    max-width: 45px;
}
.cs-slider .owl-nav .owl-prev,
.cs-slider .owl-nav .owl-next{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 38px;
}
.cs-slider .owl-nav .owl-prev{
    left: -60px;
}
.cs-slider .owl-nav .owl-next{
    right: -60px;
}
.ex-slider .owl-nav img{
    max-width: 45px;
}
.ex-slider .owl-nav .owl-prev,
.ex-slider .owl-nav .owl-next{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 38px;
}
.ex-slider .owl-nav .owl-prev{
    left: -60px;
}
.ex-slider .owl-nav .owl-next{
    right: -60px;
}
.clr1h2 h2{
    /*color: #5b1b43;*/
    color: var(--prbgcolor) !important;
}
.clrh2 h2{
    /*color: #5b1b43;*/
    color: var(--prwhcolor);
    text-align: center;
    margin-bottom: 50px;
}
.ct-sec4{
    position: relative;
    padding: 100px 0 0 0;
    overflow: hidden;
    top: -110px;
   
}

.ct-sec30{
    background-image: url(../images/six-tech.png);
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
}
.ct-sec4 .ct-box{
    position: relative;
    z-index: 6;
}
.ct-sec4 .ct-box + .ct-box{
    margin-top: 100px;
}
/*.ct-sec4:before{
}

    right: 306px;
    top: 85px;
    border: solid transparent;
    content: "";
    height: 351px;
    width: 0;
    padding: 135px;
    position: relative;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: rgb(40 68 116);
    border-left: 0;
    border-width: 7vw 290vh;
    
}*/
.ct-sec4:after{
    /*content: '';
    position: absolute;
    top: 0;
    margin: auto 0;
    bottom: 0;
    right: 0;
    width: 480px;
    height: 620px;
    /*background: url(../images/feature-sec-rightbg.png) no-repeat 50% 50% / contain;*/
    margin-right: -160px;
    margin-bottom: 160px;*/
}
.cs-wrap{
    width: 180px;
    margin: 0 auto;
}
.cs-wrap img{
    max-width: 130px;
    height: 130px;
    object-fit: cover;
    margin: 0 auto;
    background: #c1bdbd;
    position: relative;
    bottom: 22px;
    /*border-radius: 50%;*/
}
.cs-box{
    /*background: url(../images/cs-txt-bg.png) no-repeat 50% 50% / contain;*/
    background: var(--prbgcolor);
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    padding-top: 28px;
    text-align: center;
    margin-top: -22px;
}
.cs-box p{
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    font-family: 'Montserrat';
    line-height: 1;
    text-align:center !important;
}
.cs-wrap span{
    display: block;
    /*margin-top: 5px;*/
    line-height: 1.2;
    font-size: 10px;
    height: 25px;
    color: #fff;
    background-color: #1f386b;
    /*font-style: oblique;*/
    font-weight: bold;
    text-align: center;
    padding: 5px;
}
.cs-wrap + .cs-wrap{
    margin-top: 35px;
}
.ct-sec4-1{
   margin-top: -60px;
}
.ct-sec5{
    background: var(--bgcolor);
    position: relative;
    overflow: hidden;
}
.ct-sec5 h2{ 
    text-align: center;
    margin-bottom: 30px;
}
.ct-sec5:before,
.ct-sec5:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 570px;
    height: 570px;
    /*background: url(../images/banner-right-bgimg.png) no-repeat 50% 50% / contain;*/
}
.ct-sec5:before{
    left: 0;
    margin-left: -270px;
    transform: translateY(-150px);
}
.ct-sec5:after{
    right: 0;
    margin-right: -270px;
    transform: translateY(150px);
}
.partners-list{
    justify-content: center;
    position: relative;
    z-index: 6;
}
.partners-list li{
    padding: 0 12px;
    margin-bottom: 24px;
    width: calc(100% / 8);
}
.pr-card{
    width: 140px;
    height: 100px;
    margin: 10px auto;
    background: #fff;
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);
}
.pr-card-txt{
    background: var(--prbgcolor);
    height:30px;
    text-align: center;
    line-height: 10px;
    padding: 5px 0px;
}
.pr-card-txt span{
   color: var(--prwhcolor);
   font-size: 12px;

 }
.pr-card a{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.pr-card img{
    display: block;
    max-width: 100px;
    max-height: 100px;
}

.sp22-list li{
    width: calc(100% / 6);
}

.sp22-card{
    width: 160px;
    height: 130px;
    margin: 15px auto;
}

.sp22-card img{
    max-width: 160px;
    max-height: 130px;
}








.prs-card{
    /* width: 100%; */
    height: 300px;
    margin: 10px auto;
    background: #fff;
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);
}
.prs-card-txt{
    background: var(--prbgcolor);
    height:30px;
    text-align: center;
    line-height: 10px;
    padding: 5px 0px;
}
.prs-card-txt span{
   color: var(--prwhcolor);
   font-size: 12px;

 }
.prs-card a{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.prs-card img{
    display: block;
    max-height: 300px;
}


.ct-sec5 .ct-box + .ct-box{
    margin-top: 80px;
}
.exb-list{
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    margin: 0 -4px;
}
.exb-list li{
    padding: 0 4px;
    margin-bottom: 8px;
    /*width: calc(100% / 8);*/
}
.ex-card{
    width:  150px;
    height: 130px;
    border: 1px solid #d7d6d7;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    background: #fff;
}
.ex-card a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ex-card img{
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.btn-holder{
    margin-top: 30px;
}
.btn-holder .btn{
    margin: 0 auto;
    max-width: 230px;
    padding: 0 25px;
}
.btn-holder .btn img{
    right: 20px;
}
.ct-sec6 h2{
    margin-bottom: 30px;
}
.social-wrap{
    display: flex;
    margin: 0 -8px;
    margin-top: 90px;
}
.soc-card{
    /*flex: 0 0 33.333%;*/
    flex: 0 0 50%;
    padding: 0 130px;
    margin-bottom: 60px; 
    max-height: 500px;   
}
.soc-box{
    position: relative;
    height: 100%;
}
.soc-box .icon{
    position: absolute;
    top: -50px;
    right: 20px;
    z-index: 10;
}
.soc-box .icon img{
    display: block;
    max-width: 100px;
}
.soc-cts{
    position: relative;
    background: var(--prwhcolor);
    padding: 1px;
    overflow: hidden;
    border: 2px solid var(--prbgcolor);
    border-radius: 20px;
    height: 100%;
    z-index: 3;
}
.fbDiv{
    text-align: center;
    /*border-radius: 50%;*/
    padding: 10px;
}
.instaDiv{
   padding: 10px;
}

/*.soc-cts:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 1px;
    background: #fff;
    border-radius: 20px;
    z-index: 2;
}
.soc-cts:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--subgrcolor);
    border-radius: 20px;
    z-index: 1;
}*/
/*.soc-cts img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 5;
}*/
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.esf-insta-wrap {
    border-top: 1px solid #dee2e6;
    padding: 10px !important;
}

.esf_insta_feed_wraper {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
/*.fbDiv{
    margin-left: 7px;
    padding-bottom: 49px;
    border:  2px solid #dee2e6;
    
}*/
.ct-sec7{
    padding: 15px 0;
    background: #1D112B;
    position: relative;

}
/*.ct-sec7:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: auto;*/
/*    margin-top: -60px;*/
/*    width: 570px;*/
/*    height: 570px;*/
    /*background: url(../images/banner-right-bgimg.png) no-repeat 50% 50% / contain;*/
/*    z-index: 3;*/
/*    opacity: .6;*/
/*}*/
.ct-sec7 .ct-box{
    position: relative;
    z-index: 5;
}
.ct-sec7 h2{
    text-align: center;
    margin-bottom: 40px;
    color:#712773!important;
    font-weight:600;
}
.newsletter-box{
    max-width: 640px;
    margin: 0 auto;
}
.input-box{
    display: flex;
}
.submit-btn{
    width: 150px;
    height: 30px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 6px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.3s all;
    margin-left: 12px;
}
.submit-btn img{
    max-width: 18px;
}
.f-input{
    width: calc(100% - 162px);
}
.f-input input{
    display: block;
    width: 100%;
    background: #fff;
    border: 0;
    padding: 6px 12px;
    font-size: 12px;
    color: #757575;
    height: 30px;
    box-shadow: none;
}
.f-input input:focus{
    box-shadow: none;
    outline: 0;
}

.webinar-item {
    width: 49%;
    display: inline-block;
    padding: 1%;
    font-size: 15px;
    margin: 10px 20px;
}
.webinar-item .webinar-poster {
    overflow: hidden;
    position: relative;
}
.p-2 {
    padding: 0.5rem!important;
}

.webinar-poster > figure > img{
    width: 100%;
}

.about-banner-conf {
    background: url(../images/conf-bg-img.jpg) no-repeat 36% 50% / cover;
    opacity: 0.8;
}

.about-banner-conf:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*background: #000;*/
    background: #78650769;
    opacity: 0.8;
    z-index: -1;
}

.about-banner-conf:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 390px;
    height: 215px;
    background: none !important;
}

/*.about-banner-conf:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    background: #222222;*/
/*    opacity: .55;*/
/*}*/

.about-banner-vst {
    background: url(../images/forms.jpg) no-repeat 50% 50% / cover;
    opacity: 0.8;
}

.about-banner-bt {
    background: url(../images/forms.jpg) no-repeat 97% 10% / cover;
    opacity: 0.8;
}

.about-banner-g {
    background: url(../images/forms.jpg) no-repeat 50% 50% / cover;
    opacity: 0.8;
}

.overlay-g {
    position: relative;
    display: inline-block;
    /* margin-left: -45px; */
    height: 300px;
    padding-bottom: 8px;
}

.overlay-g:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 300px;
    /*background: var(--prblkcolor);*/
    background: #373737;
    opacity: 0;
    transition: .5s ease;
    opacity: 0.5;
}

.partner-item-g{
    border: solid 1px #c1c1c1; 
    width: 25%;
    /*width: 350px; 
    height: 300px;*/
    margin: 5px;
/*    box-shadow: 7px 7px 6px #c1c1c1;*/
/*    transition: 5s;*/
}
.partner-item-g span{
   position: relative;
   top: 111px; 
   z-index: 1;
   font-weight: 500;
    font-size:21px;
}

.partner-item-g img{
    width: 25%;
}

.partner-item-g:hover{
    cursor: pointer;
}

.g-1{
    background-image: url('../images/g-1.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.g-2{
    background-image: url('../images/g-2.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.g-3{
    background-image: url('../images/g-3.JPG') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.g-4{
    background-image: url('../images/g-4.JPG') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.g-11{
    background-image: url('../images/g-11.JPG') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.g-12{
    background-image: url('../images/g-12.JPG') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.g-13{
    background-image: url('../images/g-13.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.g-14{
    background-image: url('../images/g-14.JPG') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/**====================================
Banner 
====================================**/
.inner-banner{
    height: 390px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 50px;
    position: relative;
}

.conf-banner{
    height: 741px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 50px;
    position: relative;
}

.inner-banner2 {
    height: 390px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 50px;
    position: relative;
    margin-bottom: 15px;
}

.about-banner{
    background: url(../images/forms.jpg) no-repeat 50% 0% / cover;
    opacity: 0.8;
}
.textbg{
    display: none;
    background: var(--bgcolor);
    min-width: 172px;
    max-width: 962px;
    text-align: left;
    padding: 5px;
    text-transform: uppercase;
    /*display: none;*/
}
.inner-banner:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 390px;
    height: 215px;
    /*background: url(../images/overlay-img.png) no-repeat 100% 100% / contain;*/
}


.conf-banner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
   background-color: rgba(103, 196, 230, 0.5); /* semi-transparent overlay */
}

.inner-banner h1{
    font-size: 42px;
    color: #fff;
    line-height: 1;
    font-weight: bold;
}
.byh-banner{
    background: url(../images/forms.jpg) no-repeat 50% 50% / cover;
}

.conference-banner{
    background: url(../images/Conteq-conference.jpg) no-repeat 50% 86% / cover;
}


/**====================================
Contents 
====================================**/
.about-contents{
    position: relative;
}
.about-contents h2{
    font-size: 36px;
    color: #213863;
    font-weight: 800;
    /*text-align: center;*/
    margin-bottom: 25px;
}
.about-contents p{
    font-size: 18px;
    color: #000;
    line-height: 1.4;
    font-weight: 500;
    text-align: justify;
    margin-bottom: 25px;
}
.about-contents.__bg1{
    min-height: 400px;
    padding: 80px 0 35px;
}
.about-contents.__bg1:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/sec1_bg.png) no-repeat 0% 0% / 100%;
}
.about-contents.__bg1 h2,
.about-contents.__bg1 p{
    color: #006B95;
}
.sec-body {
    position: relative;
    margin-bottom: 40px;
}
.build-dlist{
    margin: 0 -22px;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.build-dlist li{
    padding: 0 22px;
}
.bcard{
    width: 148px;
    height: 148px;
    display: flex;
    position: relative;
    transition: 0.6s;
    transform-style: preserve-3d;
}
.bcard .front{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    background: #456f9c;
    position: relative;
    z-index: 2;
    transform: rotateY(0deg);
}
.bcard .front h5{
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
}
.bcard .front img{
    display: block;
    margin: 0 auto;
    max-width: 85px;
    max-height: 72px;
}
.bcard .back{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #000;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    text-align: center;
}
.bcard .back span{
    font-size: 14px;
    color: #263867;
    display: block;
}
.bcard .back p{
    font-size: 14px;
    color: #263867;
    line-height: 1.3;
}
.build-dlist li:hover .bcard{
    transform: rotateY(180deg);
}
.exhibimg-list{
    display: flex;
    margin: 0 -12px;
    margin-bottom: 40px;
    overflow: hidden;
}
.exhibimg-list li{
    padding: 0;
    flex: 0 0 100%;
    max-width: 40%;
}
.exhibimg-list li:nth-child(2){
    max-width: 44%;
}
.exhibimg-list li figure{
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    width: 120%;
}
.exhibimg-list li img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: skewX(22deg);
}
.exhibimg-list li + li{
    padding-left: 20px;
}
.exhibimg-list li figure{
    height: 300px;
    overflow: hidden;
}
.exhibimg-list li .imgcard{
    transform: skewX(-22deg);
    overflow: hidden;
    position: relative;
}
.exhibimg-list li .imgcard:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: var(--prblcolor);
    transition: 0.4s all;
    z-index: 2;
    opacity: .5;
    mix-blend-mode: multiply;
}
.exhibimg-list li .imgcard:hover:before{
    width: 0%;
}
.exhibimg-list li:first-child{
    margin-left: -12%;
}
.mid-btn{
    text-align: center;
}
.cen-btn{
    text-align: center;
}
.left-btn{
    text-align: left;
}
.right-btn{
    text-align: right;
}
p + .cen-btn{
    margin-top: 35px;
}
p + .left-btn{
    margin-top: 35px;
}
p + .right-btn{
    margin-top: 35px;
}
.eq-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    background: #007DA3;
    height: 46px;
    width:103px;
    font-weight: 500;
    border-radius:20px;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    border: none;
    margin-top: 15px;
    margin-left:19px; 
}
.eq-btn img{
    max-width: 35px;
    margin-left: 10px;
    transition: 0.3s all;
    position: relative;
}
.eq-btn:hover{
    background-color: #8D1D59;
    color:white;
}
.eq-btn:hover img{
    right: -5px;
}
.pad9{
    padding: 90px 0;
}
p + .mid-btn{
    margin-top: 35px;
}
.__evbox{
    background: url(../images/about_vision_bg.png) no-repeat 0% 0% / 1920px;
    padding: 80px 0 175px;
}
.__wt-cts h2,
.__wt-cts h3,
.__wt-cts h4,
.__wt-cts p{
    color: #006B95;
}
.__mosec{
    background: url(../images/marketoutlook_bg.png) no-repeat 0% 1% / 100%;
    padding-top: 140px;
    padding-bottom: 50px;
    margin-top: -170px;
}
.mo-card{
    max-width: 380px;
    margin: 0 auto;
    height: 400px;
    position: relative;
    overflow: hidden;
    padding-top: 20px;
}
.mo-card figure{
    width: 100%;
    height: 100%;
}
.mo-card figure img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.bxlist1 .mo-card{
    height: 320px;
}
.c-body{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    transform: translateY(calc(100% - 60px));
    text-align: center;
    padding: 15px 12px;
    transition: 0.3s all;
}
.c-body:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--bgcolor);
    opacity: .9;
}
.c-body:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 24px;
    margin: 0 auto;
    background: url(../images/btn-arrow-top.png) no-repeat 50% 50% / contain;
    height: 36px;
    margin-top: -20px;
}
.c-body h3{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    transition: 0.3s all;
}
.c-body p{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-align: left;
    position: relative;
}
.c-body p + p{
    margin-top: 20px;
}
.mo-card:hover .c-body{
    transform: translateY(20px);
}
.__mtsec{
    padding: 50px 0;
}
.mtrend-lists li{
    margin-bottom: 35px;
}
.mt-card{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    padding: 10px;
    width: 290px;
    height: 290px;
    margin: auto;
}
.mt-card a{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.mt-card img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.mt-card:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,1);
    opacity: .25;
    z-index: 1;
}
.mt-card h4{
    position: relative;
    z-index: 2;
    font-size: 23px;
    color: #fff;
}
.mt-card p{
    position: relative;
    z-index: 2;
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
}
.__ordsec{
    padding: 50px 0 0px;
    overflow: hidden;
}
.org-cts .nxtlogo{
    max-width: 220px;
    margin-bottom: 50px;
    display: block;
}
.org-cts .nxtlogo img{
    display: block;
    max-width: 100%;
}
.org-cts p + p{
    margin-top: 15px;
}
.org-cts h5{
    font-size: 15px;
    color: #213863;
    font-weight: 600;
    margin-bottom: 15px;
}
.org-cts .orsub{
    margin-top: 20px;
}
.org-cts ul{
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}
.org-cts ul:before{
    content: '';
    position: absolute;
    left: -50vw;
    right: -50vw;
    height: 110px;
    background: #f1f1f1;
    top: 0;
    bottom: 0;
    margin: auto;
}
.org-cts ul li{
    padding: 0 15px;
}
.or-card{
    width: 210px;
    height: 210px;
    background: #8e2c61;
    padding: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative;
}
.or-card a{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
}
.or-card img{
    display: block;
    max-width: 120px;
    max-height: 80px;
    margin-bottom: 15px;
}
.or-card span{
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    line-height: 1.3;
}
.__exbg{
    padding: 50px 0;
    background: url(../images/byhct_bg1.png) no-repeat 0% 0% / 1920px;
}
.about-contents p + p{
    margin-top: 15px;
}
.imgbox{
    display: block;
}
.imgbox img{
    display: block;
    width: 100%;
}
.exr-list{
    margin: 0;
    margin-top: 35px;
    margin-bottom: 50px;
    align-items: center;
}
.exr-list > li{
    padding: 0;
}
.bxlist{
    /*padding: 15px;*/
    background: #8f2c62;
    text-align: center;
}
.bxlist h3{
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.bxlist p{
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}
.bxlist li{
    padding: 10px;
}
.bxlist li + li{
    border-top: 1px solid #fff;
}
.__mbenfitsec{
    padding: 20px 0;
}
.mbe-list{
    display: flex;
    flex-flow: row wrap;
    margin-left: -8px;
    margin-right: -8px;
}
.mbe-list li{
    padding: 0 8px;
    margin-bottom: 25px;
    flex: 0 0 20%;
    max-width: 20%;
}
.mbe-card{
    max-width: 180px;
    margin: 0 auto;
}
.mbe-card figure{
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bgcolor);
    height: 140px;
    max-width: 140px;
    margin: 0 auto;
}
.mbe-card figure img{
    max-width: 100px;
    max-height: 100px;
    margin: auto;
    display: block;
    object-fit: cover;
}
.mbe-body{
    background: #222222;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 48px;
}
.mbe-body p{
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 1.25;
}
.midcts{
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sulogo img{
    display: block;
    max-width: 270px;
    margin-left: 90px;
}
.mo-card.__sm{
    height: 250px;
}
.mo-card.__sm:hover h3{
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin: 0;
}
.mapholder{
    height: 320px;
}
.mapholder iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.div-width-25{
    width: 25%;  
}
.div-width-50{
    width: 50%;  
}
.div-width-75{
    width: 75%;  
}
.div-width-100{
    width: 100%;  
}


/**====================================
Footer
====================================**/
@media only screen and (max-width: 600px) {
   .footer-top{
       height:200px;
       width:435px;
       display:flex;
       flex-direction:row;
   }
   .footer-elements{
       margin-top:-10px;
   }
}


.footer-top:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--grcolor);
    opacity: .95;
}
.f-cts{
    position: relative;
    z-index: 10;
}
.f-logos a + a img{
    margin-top: 15px;
}
.f-logos img{
    display: block;
    max-width: 225px;
    margin: 5px auto;
    padding:0 10px;
}
.f-logos .na-ft img{
    max-width: 90px;
}
.ft-links{
    -webkit-column-count: 3;
    column-count: 3;
    font-family: 'Montserrat';
}
.ft-links li{
    position: relative;
    padding: 5px 0;
    padding-left: 20px;
    line-height: 1;
}
.ft-links li img{
    display: block;
    max-width: 24px;
}
.ft-links li:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
}
.ft-links li a{
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}
.ft-links li a:hover{
    color: var(--prbgcolor);
}
.ft-social{
    font-family: 'Montserrat';
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    padding:0 10px;
}
.ft-social h5{
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    /*margin-left: -10px;*/
}
.f-soc{
    display: inline-flex;
    padding: 3px;
    margin-bottom: 10px;
}
.f-soc li{
    position: relative;
}
/*.f-soc li + li:before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: -2px;*/
/*    top: 2px;*/
/*    bottom: 2px;*/
/*    width: 2px;*/
/*    background: #fff;*/
/*}*/
.f-soc li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 26px;
    text-align: center;
}
.f-soc li a img{
    display: block;
    margin: auto;
    max-width: 17px;
    max-height: 17px;
    height:15px;
}
.ft-social address{
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.ft-social address a:hover{
   
    color: var(--prbgcolor) !important;
 
}
.footer-bottom{
    position: relative;
}
.footer-bottom:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 155px;
    background: url(../images/footer-left-top-bg.png) no-repeat 50% 5% / contain;
}
.footer-bottom:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
    height: 155px;
    background: url(../images/footer-right-btm-bg.png) no-repeat 50% 100% / contain;
}
.ftb-contents{
    max-width: 850px;
    margin: 0 auto;
    font-family: 'Montserrat';
    position: relative;
    z-index: 5;
}
.b-logo{
    padding: 14px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.b-logo h5{
    font-weight:700;
    color: #8f0059;
    margin-bottom:5px;
    font-size:16px;
}
.b-logo img{
    max-width: 175px;
    display: block;
    margin: 0 auto;
}
.b-links{
    padding: 14px 0;
    border-top: 1px dotted #999b9e;
}
.b-links ul{
    display: flex;
    justify-content: center;
}
.b-links ul li{
    font-size: 12px;
    color: #8f0059;
    text-transform: uppercase;
    font-weight: 600;
}
.b-links ul li + li:before{
    content: '|';
    display: inline-block;
    font-weight: 600;
    margin: 0 5px;
}
.b-links ul li a{
    color: #8f0059;
}
.b-text{
    padding: 10px 0;
    border-top: 1px dotted #999b9e;
}
.b-text p{
    font-size: 20px;
    color: #2d2d2d;
    font-weight: 400;
    text-align: center;
}
.b-members{
    padding: 10px 0 20px;
    border-top: 1px dotted #999b9e;
    display: flex;
    justify-content: center;
    align-items: center;
}
.b-members h5{
    font-size: 12px;
    color: #2d2d2d;
    font-weight: 400;
}
.b-members ul{
    display: flex;
    justify-content: center;
    align-items: center;
}
.b-members ul li + li:before{
    content: '';
    display: inline-block;
    width: 1px;
    height: 27px;
    background: #4a1a47;
    margin: auto 8px;
    vertical-align: middle;
}
.b-members ul li img{
    max-width: 71px;
    max-height: 40px;
}
.aside-soc{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    background: var(--subgrcolor);
    border-radius: 6px 0 0 6px;
    z-index: 999;
}
.aside-soc li{
    width: 100%;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.aside-soc li + li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    max-width: 90%;
    margin: 0 auto;
    height: 1px;
    background: #fff;
}

.byh-bannerv {
    background: url(../images/QNCC.jpg) no-repeat 50% 80% / cover;
}
.ex-card-txt{
    background: #09386c;
    width: 150px;
    height: 55px;
    color: #fff;
    padding: 5px;
    font-size: 9px;
    text-align: center;
    position: relative;
    top: -10px;
    left: -10px;
    
}
.ex-card-txt span{
   
    font-size: 9px;
    text-transform: uppercase;
    vertical-align: middle;
    
}

.about-bannerex{
    background: url(../images/forms.jpg) no-repeat 50% 50% / cover !important;
    opacity: 0.8;
}
.box-shw-div{
    box-shadow: 3px 3px 6px #9d9b9b;
}
.box-head-div{
    background: #39143A ; 
    height:60px;
    /*margin: 0px -15px; */
}
.box-head-div h5{
    text-align:center;color:#fff; 
    position:relative;top: 20px;
}
.box-content-div{
    /*background: #fff;margin: 0px -15px;*/
}

.about-bannerbs {
    background: url(../images/forms.jpg) no-repeat 50% 50% / cover;
    opacity: 0.8;
}

.sponsor-ul {
    text-align: left;
    font-size: 18px;
    padding: 0px 10px;
}

.sponsor-ul li {
    list-style: disc;
}

.wel-icon1{
  display:flex;
  justify-content: center; 
  color:black;
  font-size:17px;
  font-family:Avenir;
}

.partner-item-sp{

    height: 130px;
    margin: 5px;
}

.partner-item-sp span{
    border: solid 1px #c1c1c1; 
    width: 150px; 
    height: 120px;
    margin: 5px;
}

.partner-item-sp img{
     width: 150px ;
    max-height: 120px ;
}

.about-banner-sp {
    background: url(../images/PPM_8486.JPG) no-repeat 50% 20% / cover;
    opacity: 0.8;
}

.about-banner-spp {
    background: url(../images/forms.jpg) no-repeat 50% 10% / cover;
    opacity: 0.8;
}

.about-banner-spp2 {
    background: url('../images/Qatar airways banner.jpg') no-repeat 50% 10% / contain;
   
}

.press-releases {
    background: var(--prblcolor);
    width: 100%;
    height: 650px;
    margin-top: 200px;
}

.in-the-news{
    background: #fff;
    width: 100%;
    height: 2050px;
}
#owl-carousel-pr{
    margin-top: 80px;
}
.post-slide{
    background: #fff;
    margin: 20px 15px 20px;
/*    border-radius: 15px;*/
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #bbcbd8;
    height: 461px;
}
.post-slide .post-img{
    position: relative;
    overflow: hidden;
/*    border-radius: 10px;*/
/*
    margin: -12px 15px 8px 15px;
    margin-left: -10px;
*/
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition:transform 0.2s linear;
}
/*
.post-slide:hover .post-img img{
    transform: scale(1.1,1.1);
}
*/
.post-slide .over-layer{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    opacity:0;
    background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%);
    transition:all 0.50s linear;
}
.post-slide:hover .over-layer{
    opacity:1;
    text-decoration:none;
}
.post-slide .over-layer i{
    position: relative;
    top:45%;
    text-align:center;
    display: block;
    color:#fff;
    font-size:25px;
}
.post-slide .post-content{
    background:#fff;
    padding: 2px 20px 40px;
    border-radius: 15px;
}
.post-slide .post-title a{
    font-size:15px;
    font-weight:bold;
    color:#333;
    display: inline-block;
    text-transform:uppercase;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color:#3498db;
}
.post-slide .post-description{
    line-height:24px;
    color:#808080;
    margin-bottom:25px;
}
.post-slide .post-date{
    color:#a9a9a9;
    font-size: 13px;
}
.post-slide .post-date i{
    font-size:20px;
    margin-right:8px;
    color: #CFDACE;
}
.post-slide .read-more{
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #2196F3;
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
}
.post-slide .read-more:hover{
    background: #3498db;
    text-decoration:none;
    color:#fff;
}

.get_in_touch_content h5{
    color: var(--prbgcolor);
}
.get_in_touch_content_2_box h5{
    color: var(--prbgcolor);
}


.navbar-nav .dropdown .dropdown-menu{
    background: #72344f;
    color: var(--prwhcolor);
}

.navbar-nav .dropdown .dropdown-menu li{
    text-transform: uppercase;
    padding: 10px;
}

.navbar-nav .dropdown .dropdown-menu li:hover{
    background: var(--prwhcolor);
    color: var(--prblcolor);
}

.navbar-nav .dropdown .dropdown-menu li:hover a{
        color:#72344f;
}

.navbar-nav .dropdown .dropdown-menu .last-item:hover{
    background: var(--prwhcolor);
    color: var(--prblcolor);
    border-radius: 0 0 25px 25px;
}

/**====================================
Responsive 
====================================**/
@media (min-width: 1920px){
    
.home-banner{
    min-height:880px;
}
    .__evbox{
        background: url(../images/about_vision_bg.png) no-repeat 0% 20% / 100% !important;
        
    }
    .__exbg {   
        background: url(../images/byhct_bg1.png) no-repeat 0% 0% / 100% !important;
    
    }
}
@media (min-width: 992px){
    .build-head .navbar-collapse{
        flex: 0 0 100%;
        display: block !important;
    }
    .navbar-nav .dropdown .dropdown-menu {
        display: block;
        left: 0px;
        border-radius: 0 0 25px 25px;
        margin: 0;
        min-width: 210px;
        padding: 0;
        border: 0;
        transition: 0.4s all;
        top: 100%;
        margin-top: 20px;
        opacity: 0;
        visibility: hidden;
        z-index: -5;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item {
        font-size: 12px;
        color: var(--prwhcolor);
        padding: 6px 15px;
        display: block;
        font-weight: 600;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {
        color: #801E55;
        background: var(--prwhcolor);
    }
    .navbar-nav .dropdown:hover .dropdown-menu {
        opacity: 1;
        margin-top: 0;
        visibility: visible;
        z-index: 2;
    }
    .dropdown-toggle::after{
        display: none;
    }

}

@media (min-width: 2100px){

    .ct-sec4 {
        position: relative;
    }   
    ct-10{
        margin-top: -50px;
    }
}

@media (min-width: 1601px){

   /*.home-banner{ min-width: 100% !important; min-height: 100% !important; }*/
   
    .subimg2 ul li img {
        max-width: 70px !important;
        max-height: 80px !important;
        padding: 0px 6px !important;
        /*margin-right: 35px !important;*/
    }
    .ft-card a{
        font-size:26px !important;
    }
    .btn-wth{ width: 470px !important; font-size: 20px; }
    .side-anim img{ width: 985px !important; }
    .sublogos .subimg2 {
        margin-bottom: -12px !important;
    }
}


}
@media (max-width: 1399px){
    .f-card figure img{
        max-width: 100%;
    }
    .f-card span {
        font-size: 15px !important;
        margin: -8px !important;
    }
    .fe-list,
    .fds-list{
        margin-left: -32px;
        margin-right: -32px;
    }
    .fe-list li,
    .fds-list li{
        padding-left: 32px;
        padding-right: 32px;
        width: calc(100% / 5);
    }
    .fd-card h5{
        font-size: 30px;
    }
    .fd-card span{
        width: 100%;
        font-size: 14px;
    }
    .md-card{
        width: 140px;
        height: 140px;
    }
    .md-card h5{
        font-size: 30px;
        /*margin-bottom: 10px;*/
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .md-card p{
        font-size: 10px;
    }
    .ft-card a{
        font-size: 26px;
    }
    .abt-list {
        margin-left: -10px;
        margin-right: -10px;
    }
    .abt-list li {
        padding: 0 10px;
    }
    .bcard {
        width: 130px;
        height: 130px;
    }
    .bcard .front h5{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .bcard .front img{
        max-width: 50px;
    }

    .logobox img{
        max-width: 240px;
        
    }
    .about-contents.__bg1:before{
        background-size: 130%;
    }
    .build-dlist li {
        padding: 0 5px;
    }
    .build-dlist{
        margin-left: -5px;
        margin-right: -5px;
    }
    .c-body p{
        font-size: 14px;
    }
    .mt-card{
        width: 240px;
        height: 240px;
    }
    .exhibimg-list li figure {
        height: 240px;
    }
}
@media(max-width: 776px){
.f-card span{
    display: block;
    font-size: 12px!important;
    color: white;
    font-weight: 600;
    text-align: center;
}
}
@media (max-width: 1199px){
    .topbox p{
        font-size: 13px;
    }
    .build-head .navbar{
        padding-top: 60px;
    }
    .sublogos .subimg1 {
        width: 90px;
    }
    .logobox img{
        max-width: 190px;
    }
    .sublogos .subimg2{
        width: calc(100% - 90px);
    }
    .build-head .navbar-nav .nav-item {
        padding: 0 8px;
    }
    .build-head .navbar-nav .nav-item + .nav-item:before{
        left: -5px;
    }
    .build-head .navbar-nav .nav-item .nav-link {
        font-size: 12px;
        height: auto;
    }
    .navbar-nav .dropdown .dropdown-menu{
        left: 18px;
    }
    .build-head.scroll-h {
        transform: translateY(-45px);
    }
    .build-head .navbar-nav{
        margin-top: 20px;
    }
    .fd-card span{
        font-size: 10px;
    }
    .ft-card a{
        font-size: 20px;
    }
    .partners-list li{
        width: calc(100% / 6);
    }
    .pr-card{
        width: 130px;
        height: 130px;
    }
    .footer-bottom:before,
    .footer-bottom:after{
        width: 160px;
        height: 100px;
    }
    .ft-links li a {
        font-size: 10px;
    }
    .abt-list{
        display: block;
    }
    .bcard {
        width: 146px;
        height: 146px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .md-list{
        flex-flow: row wrap;
    }
    .md-list li{
        flex: 0 0 33.333%;
        margin-bottom: 15px;
    }
    .about-contents.__bg1 {
        min-height: auto;
        padding: 40px 0 30px;
    }
    .build-dlist{
        flex-flow: row wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
    .build-dlist li{
        padding: 0 10px;
        flex: 0 0 25%;
        /*max-width: 25%;*/
        margin-bottom: 20px;
    }
    .__evbox {
        padding: 50px 0 140px;
        background-size: 1750px;
    }
    .__mosec{
        margin-top: -125px;
    }
    .mt-card {
        width: 200px;
        height: 200px;
    }
    .mt-card h4{
        font-size: 18px;
    }
    .__ordsec {
        padding: 20px 0 75px;
    }
    .exhibimg-list li figure {
        height: 200px;
    }
    .bxlist h3{
        font-size: 30px;
    }
    .__exbg  .bxlist p{
        font-size: 12px;
    }
    .mbe-list li{
        flex: 0 0 100%;
    }
    .sulogo img{
        max-width: 200px;
    }
    .midcts{
        padding: 50px 0;
    }
}

@media (max-width: 991px){
    .topbox p {
        font-size: 10px;
    }
    .sublogos{
        display: none;
    }
    .navbar-toggler{
        width: 30px;
        height: 21px;
        padding: 0;
        border: 0;
        position: relative;
        z-index: 999;
        box-shadow: none;
        margin-left: auto;
        display: block;
    }
    .navbar-toggler span{
        width: 100%;
        height: 3px;
        background: #007197;
        display: block;
        transition: 0.3s all;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .navbar-toggler:focus{
        box-shadow: none;
    }
    .navbar-toggler.collapsed{
        background: transparent;
        width: 30px;
        height: 21px;
    }
    .navbar-toggler.collapsed span{
        width: 100%;
    }
    .navbar-toggler span{
        width: 20px;
        border-radius: 3px;
    }
    .navbar-toggler span:first-child,
    .navbar-toggler span:last-child{
        transition-property: margin, -webkit-transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-delay: 0.2s, 0s;
        transition-delay: 0.2s, 0s;
    }
    .navbar-toggler span:first-child{
        margin-top: 0;
    }
    .navbar-toggler span:last-child{
        margin-bottom: 0;
    }
    .navbar-toggler:not(.collapsed){
        border-right: 0;
    }
    .navbar-toggler:not(.collapsed) span:first-child{
        margin-top: 9px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition-delay: 0s, 0.2s;
        transition-delay: 0s, 0.2s;
        background: #007197;
    }
    .navbar-toggler:not(.collapsed) span:last-child{
        margin-bottom: 9px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition-delay: 0s, 0.2s;
        transition-delay: 0s, 0.2s;
        background: #007197;
    }
    .navbar-toggler:not(.collapsed) span:nth-child(2){
        opacity: 0;
    }
    .navbar-toggler:not(.collapsed) span:first-child{
        margin-top: 9px;
    }
    .navbar-toggler:not(.collapsed) span:last-child{
        margin-bottom: 9px;
    }
    .build-head .navbar {
        padding-top: 80px;
    }
    .navbar-brand{
        padding: 0;
    }
    .logobox img {
        max-width: 150px;
        padding-bottom:5px;
    }
    .logobox figure img {
        padding-top: 25px !important;
    }
    .build-head .navbar .container .row{
        align-items: center;
    }
    
    
    
    .build-head .navbar-nav .nav-item{
        padding: 0;
        text-align: left;
        display: block;
    }
    .build-head .navbar-nav .nav-item + .nav-item:before{
        display: none;
    }
    .navbar-nav .dropdown .dropdown-menu{
        left: 0;
        border-radius: 0;
        padding: 0;
        padding-left: 30px;
        margin: 0;
    }
    .dropdown-item{
        font-size: 12px;
        color: #000;
    }
    .dropdown-item:hover{
        background: var(--grcolor);
        color: #fff;
    }
    .home-banner{
        height: 600px;
        padding-top: 120px;
    }
    .side-anim{
        width: 400px;
        height: 400px;
    }
    .btn{
        font-size: 16px;
        width: 300px;
    }
    .head-box h4{
        font-size: 16px;
    }
    .d-head{
        font-size: 24px;
    }
    .d-head span{
        font-size: 18px;
    }
    h2{
        font-size: 30px;
    }
    .ct-sec5:before, .ct-sec5:after{
        width: 300px;
        height: 300px;
    }
    .ct-sec5:before{
        margin-left: -150px;
    }
    .ct-sec5:after{
        margin-right: -150px;
    }
    .ct-sec7:after{
        width: 400px;
        height: 400px;
    }
    .ft-social h5,
    .ft-social address {
        font-size: 10px;
    }
    .f-logos img{
        max-width: 100%;
    }
    .f-logos .na-ft img {
        max-width: 80px;
    }
    .partners-list li {
        width: calc(100% / 4);
    }
    .testimo-slider .owl-nav .owl-prev{
        left: -45px;
    }
    .testimo-slider .owl-nav .owl-next{
        right: -45px;
    }
    .ft-card a {
        height: 45px;
    }
    .ft-card a {
        font-size: 14px;
    }
    .ft-card a:after{
        width: 20px;
    }
    .fds-list{
        flex-flow: row wrap;
        margin-bottom: 60px;
    }
    .fds-list li{
        flex: 0 0 33.333%;
        margin-bottom: 20px;
    }
    .ct-sec4:after,
    .ct-sec2:after{
        max-width: 300px;
        max-height: 400px;
        margin-right: -150px;
    }
    .ct-sec4:before,
    .ct-sec2:before{        
        max-width: 300px;
        max-height: 400px;
        margin-left: -150px;
    }
    .ct-sec1:before{
        width: 300px;
        height: 300px;
        margin-left: -150px;
    }
    .ct-sec1 .btn {
        max-width: 220px;
    }
    .ex-card {
        height: 90px;
    }
    .soc-box .icon img{
        max-width: 70px;
    }
    .soc-box .icon{
        top: -35px;
    }
    .b-members ul li img{
        max-width: 70px;
        max-height: 30px;
    }
    .footer-bottom:before, .footer-bottom:after {
        width: 100px;
        height: 58px;
    }
    .scroll-h .logo-div {
         display: flex !important; 
    }

    .inner-banner{
        height: 400px;
    }
    .inner-banner h1{
        font-size: 40px;
    }
    .textbg{
        min-width: inherit;
        padding: 5px 30px;
        position: relative;
        z-index: 2;
    }
    .about-contents h2{
        font-size: 30px;
    }
    .about-contents p{
        font-size: 14px;
    }
    .about-contents.__bg1:before {
        background-size: 160%;
    }
    .eq-btn{
        font-size: 16px;
        height: 42px;
    }
    .eq-btn img {
        max-width: 25px;
    }
    .pad9 {
        padding: 60px 0;
    }
    .about-contents p + p{
        margin-top: 15px;
    }
    .mt-card {
        width: 140px;
        height: 140px;
    }
    .mt-card h4 {
        font-size: 16px;
    }
    .mt-card p{
        font-size: 12px;
    }
    .org-cts .nxtlogo{
        max-width: 120px;
    }
    .or-card{
        width: 160px;
        height: 160px;
    }
    .or-card img{
        max-width: 80px;
        max-height: 50px;
    }
    .or-card span{
        font-size: 16px;
    }
    .org-cts ul:before{
        height: 60px;
    }
    .build-head .navbar .row{
        align-items: center;
    }
    .build-head .navbar-nav{
        border-bottom: 0;
    }
    .exhibimg-list li figure{
        width: 160%;
    }
    .inner-banner:after{
        width: 280px;
    }
    .mbe-list li{
        max-width: 33.33333%;
    }
    .mbe-body p{
        font-size: 11px
    }
    .testimo-slider .owl-item img{
        width: 90% !important;
    }
     .side-anim{
        width: 300px;
         height: 300px;
    }
}

@media (max-width: 767px){
    .build-head.scroll-h {
        background: rgb(235 222 222 / 90%); 
        /*transform: translateY(-75px);
        background: transparent;*/
    }
    .menu-btn-sub{
        width: 35%;
    }
    .side-anim{
        display: none;
    }
    .topbox p{
        font-size: 10px;
    }
    .aside-soc{
        display: none;
    }
    .build-head .navbar {
        padding-top: 80px;
    }
    
    .home-banner {
        height: 480px;
        padding-top: 100px;
    }
    .side-anim {
        width: 300px;
        height: 300px;
    }
    .btn {
        font-size: 14px;
        width: 266px;
        height: 44px;
    }
    .build-head.scroll-h {
        transform: translateY(-57px);
    }
    .abt-list {
        display: flex;
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .ct-sec2{
        padding: 80px 0;
        display:flex;
    }
    .fe-list{
        flex-flow: row wrap;
        justify-content: center;
    }
    .fe-list li{
        flex: 0 0 25%;
        margin-bottom: 20px;
    }
    .fds-list{
        margin: 0px !important;
    }
    .pr-card {
        width: 100px;
        height: 100px;
    }
    .pr-card img {
        max-width: 70px;
        max-height: 70px;
    }
    .ex-card {
        height: 100px;
    }
    .exb-list li{
        /*width: calc(100% / 4);*/
    }
    .social-wrap{
        margin: 0 -12px;
        display: block;
    }
    .soc-card{
        padding: 0 12px;
        padding-top: 70px;
    }
    .head-box h4 {
        font-size: 14px;
    }
    .d-head {
        font-size: 19px;
    }
    .d-head span {
        font-size: 15px;
    }
    h2 {
        font-size: 25px;
    }
    .f-logos img {
        max-width: 170px;
        margin-bottom: 10px;
    }
    .ft-social{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }
    .b-logo img{
        max-width: 120px;
    }
    .b-members{
        display: block;
    }
    .b-members h5{
        text-align: center;
        margin-bottom: 5px;
    }
    .b-members ul li img {
        max-width: 60px;
        max-height: 20px;
    }
    .cs-slider .owl-nav .owl-prev{
        left: -30px;
    }
    .cs-slider .owl-nav .owl-next{
        right: -30px;
    }
    .ct-sec3{
        height: 380px !important;
    }

    .inner-banner {
        height: 300px;
    }
    .inner-banner h1 {
        font-size: 36px;
    }
    .about-contents h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .bcard{
        width: 110px;
        height: 110px;
    }
    .bcard .front h5{
        font-size: 11px;
        margin-bottom: 15px;
    }
    .bcard .front img {
        max-width: 50px;
        max-height: 40px;
    }
    .eq-btn {
        font-size: 14px;
    }
    .eq-btn img {
        max-width: 21px;
    }
    .org-cts ul{
        flex-flow: row wrap;
    }
    .org-cts ul li{
        flex: 0 0 50%;
        margin-bottom: 30px;
    }
    .or-card{
        margin: 0 auto;
    }
    .about-contents.__bg1:before {
        background-size: 1490px;
    }
    .__mosec{
        background-size: 900px;
    }
    .__mosec {
        margin-top: -150px;
    }
    .bcard .back p {
        font-size: 10px;
    }
    .bcard .back span{
        font-size: 14px;
    }
    .bcard{
        width: 120px;
        height: 120px;
        margin: 0 auto;
    }
    .exhibimg-list li + li {
        padding-left: 10px;
    }
    .exhibimg-list{
        margin-bottom: 15px;
    }
    .mbe-list li{
        max-width: 50%;
    }
    .__exbg{
        padding: 50px 0;
        /*margin-bottom: 1768px;*/
    }
    .midcts{
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .sulogo img {
        max-width: 150px;
        margin: 0;
        margin-bottom: 20px;
    }
    .mo-card.__sm p{
        font-size: 11px;
    }
    .mo-card.__sm .c-body{
        display: flex;
        flex-direction: column;
    }
    .mo-card.__sm:hover .c-body{
        justify-content: center;
    }
    .c-body h3 {
        font-size: 21px;
    }
    .div-width-25{
        width: 100%;  
    }
    .div-width-50{
        width: 100%;  
    }
    .div-width-75{
        width: 100%;  
    }
    .div-width-100{
        width: 100%;  
    }
    .partner-item-g{
        width: 95% !important;
    }
    .wel-icon1{
        display: block !important;
    }
    .d-flex{
        display: block !important;
    }
    .right-btn{
        text-align: center !important;
        margin-top: 50px;
    }
       .conf-list{
        margin-left: 0px !important;
    }
    /*.conf-div{
        height:400px !important;
    }*/
    
    .conf-div .partner-item-sp{
        height:100% !important;
    }
    .webinar-item{
        width: 90% !important;
    }
    .logobox figure img{
        padding-top: 0px !important;
    }
    .testmonial-text{
        position: relative;
        bottom: 5px !important;
    }
}

@media (max-width: 575px){
    .d-head{
        flex-flow: row wrap;
    }
    .d-head > div{
        flex-direction: column;
        width: 100%;
        margin: 0;
        margin-top: 5px;
    }
    .d-head span{
        display: block;
        width: 100%;
    }
    .d-head span + span {
        border-left: 0;
        border-top: 4px solid #548aa8;
    }
    .head-box h4{
        margin-bottom: 6px;
    }
    .head-box{
        margin-bottom: 30px;
    }
    .ct-sec1 h2{
        margin-bottom: 25px;
    }
    .sec1-text p{
        font-size: 14px;
        line-height: 1.6;
    }
    .ct-sec1:before{
        opacity: 0;
    }
    .abt-list{
        display: block;
    }
    .fds-list li,
    .fe-list li{
        flex: 0 0 50%;
    }
    .fds-list li{
        border-right: 0;
    }
    .fds-list li:nth-child(2n + 1){
        border-right: 1px solid #5b1b43;
    }
    .ft-card {
        height: 300px;
    }
    .testimo-slider .owl-nav .owl-prev{
        left: 0;
    }
    .testimo-slider .owl-nav .owl-next{
        right: 0;
    }
    .testimo-slider{
        padding: 0 25px;
        margin-top: 60px;
    }
    .testimo-slider .sec1-text{
        margin-left: 15px;
        margin-right: 15px;
    }
    .exb-list .owl-nav img,
    .cs-slider .owl-nav img,
    .testimo-slider .owl-nav img{
        max-width: 30px;
    }
    .testimo-slider p{
        font-size: 14px;
        /*text-align: center;*/
        text-align: justify;
        text-align-last: left;
    }
    .exb-list .owl-nav .owl-prev{
        left: 0px;
    }
    .exb-list .owl-nav .owl-next{
        right: 0px;
    }
    .cs-slider .owl-nav .owl-prev{
        left: 0px;
    }
    .cs-slider .owl-nav .owl-next{
        right: 0px;
    }
    .exb-list li {
        /*width: calc(100% / 3);*/
    }
    .partners-list li {
        width: calc(100% / 3);
    }
    .ct-sec5:before, .ct-sec5:after{
        opacity: .4;
    }
    .ct-sec7:after {
        width: 280px;
        height: 280px;
        margin-top: 0;
        opacity: 0.4;
    }
    .ct-sec7 h2{
        margin-bottom: 20px;
    }
    .input-box{
        display: block;
    }
    .f-input{
        width: 100%;
        margin-bottom: 8px;
    }
    .submit-btn{
        margin: 0 auto;
    }
    footer {
        margin-top: 40px;
    }
    .ft-links {
        -webkit-column-count: 2;
        column-count: 2;
    }
    .b-links ul li {
        font-size: 9px;
    }
    .b-members h5,
    .b-text p {
        font-size: 10px;
        font-weight: 500;
    }
    .b-members ul{
        flex-flow: row wrap;
    }
    .b-members ul li{
        margin-bottom: 15px;
    }
    .footer-top{
        padding: 50px 0;
    }
    .partners-list{
        margin-left: -8px;
        margin-right: -8px;
    }
    .partners-list li{
        padding: 0 8px;
        margin-bottom: 15px;
    }
    .pr-card {
        width: 88px;
        height: 88px;
    }
    .pr-card img {
        max-width: 60px;
        max-height: 50px;
    }
    .clrh2 h2{
        margin-bottom: 20px;
    }
    .ct-sec4{
        padding: 60px 0;
    }
    .fd-card h5 {
        font-size: 25px;
    }
    .banner-contents .btn{
        margin-right: 0;
        margin-left: 0;
    }
    .banner-contents{
        max-width: 100%;
    }
    .inner-banner{
        padding-bottom: 40px;
    }
    .about-contents h2{
        font-size: 22px;
    }
    .inner-banner:after {
        width: 170px;
        height: 90px;
    }
    .mbe-list{
        margin-left: -5px;
        margin-right: -5px;
    }
    .mbe-list li{
        padding: 0 5px;
    }
    .mbe-card figure img{
        max-width: 60px;
        max-height: 60px;
    }
    .mbe-card figure{
        height: 120px;
        max-width: 120px;
    }
    .mbe-body p{
        font-size: 10px;
        font-weight: 500;
    }
    .mbe-body{
        height: 56px;
    }
    .inner-banner h1 {
        font-size: 24px;
    }
    .textbg{
        padding: 5px 20px;
    }
    .about-contents h2 br{
        display: none;
    }
    
    .inner-banner2 {
    height: 390px;
    display: flex;
    align-items: flex-end;
    position: relative;
    margin-bottom: -239px;
}
}

.event-wrap2 {
    /*background-color: #f6f7fb;*/
    padding: 2.1875rem 3.125rem 2.5rem;
}

.event-style2 > h4 {
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
}



.event-style2 > h4 + table {
    margin-top: 0.625rem;
        width: 100%;
}
.thm-bg{
    background-color: #872c61;
}

.event-style2 table thead th:first-child {
    padding-left: 3.4375rem;
}
.event-style2 table thead th {
    color: #fff;
    /*font-family: Barlow;*/
    font-family: 'Montserrat';
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.25rem;
    padding: 1.0625rem 2rem;
}
.event-style2 table tbody td h3 {
    padding: 0;
}
.event-style2 table tbody td h3 {
    font-size: 1.125rem;
    color: #666;
    font-weight: 300;
    line-height: 1.625rem;
    vertical-align: top;
    padding: 1.3125rem 2rem 1.625rem;
}


.event-style2 table tbody tr td:last-child {
    border-right: 0;
}
.event-style2 table tbody tr:first-child td {
    border-top: 0;
}
.event-style2 table tbody td {
    border: 2px solid #f9fbfd;
}
.event-style2 table tbody td {
    background-color: #fff;
}
.event-style2 table tbody td, .event-style2 table tbody td h3 {
    font-size: 1.125rem;
    color: #666;
    font-weight: 300;
    line-height: 1.625rem;
    vertical-align: top;
    padding: 1.3125rem 2rem 1.625rem;
}

.byh-gallery-sk{
    height: 750px !important;
}
.sk-1{  
    background-image: url('../images/sk-01.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.sk-1-L{  
    background-image: url('../images/sk-1-L.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.sk-1-I{  
    background-image: url('../images/booking_form.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.sk-2{
    background-image: url('../images/sk-222.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.sk-3{
    background-image: url('../images/sales_brochure.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.sk-4{
    background-image: url('../images/sk-4.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.sk-5{
    background-image: url('../images/sk-5.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.sk-6{
    background-image: url('../images/sponsorship_packages.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.wel-icon1 a{
    width: 100%;
}

.sk{
    width: 92%;
    margin: 15px;
}

.event-wrap2 {
    /*background-color: #f6f7fb;*/
    padding: 2.1875rem 3.125rem 2.5rem;
}

.event-style2 > h4 {
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
}



.event-style2 > h4 + table {
    margin-top: 0.625rem;
        width: 100%;
}
.thm-bg{
    background-color: #872c61;
}

.event-style2 table thead th:first-child {
    padding-left: 3.4375rem;
}
.event-style2 table thead th {
    color: #fff;
    /*font-family: Barlow;*/
    font-family: 'Montserrat';
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.25rem;
    padding: 1.0625rem 2rem;
}
.event-style2 table tbody td h3 {
    padding: 0;
}
.event-style2 table tbody td h3 {
    font-size: 1.125rem;
    color: #666;
    font-weight: 300;
    line-height: 1.625rem;
    vertical-align: top;
    padding: 1.3125rem 2rem 1.625rem;
}


.event-style2 table tbody tr td:last-child {
    border-right: 0;
}
.event-style2 table tbody tr:first-child td {
    border-top: 0;
}
.event-style2 table tbody td {
    border: 2px solid #f9fbfd;
}
.event-style2 table tbody td {
    background-color: #fff;
}
.event-style2 table tbody td, .event-style2 table tbody td h3 {
    font-size: 1.125rem;
    color: #666;
    font-weight: 300;
    line-height: 1.625rem;
    vertical-align: top;
    padding: 1.3125rem 2rem 1.625rem;
}
.conf-list{
    width:80%;
    margin-left: 130px;
}
 .conf-div{
        height:800px;
    }
.conf-list li{
    padding: 0 10px;
}


.box-shadow-cls-new { box-shadow: 3px 3px 6px #9d9b9b;  z-index: 12; background: #fff;}
.exhibimg-list-new {     display: flex;margin-bottom: 15px;margin-top: 40px;overflow: hidden; }
.box-shadow-cls{ box-shadow: 3px 3px 6px #9d9b9b; margin-top: -120px; z-index: 12; background: #fff;}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-red,.w3-hover-red:hover{color:#fff!important;background: var(--subgrcolor);}



.w3-sidebar{background-color:#fff;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-bar-block .w3-bar-item{width:33.33%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:33.33%;display:block;padding:8px 16px;text-align:center;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-padding-top-64{padding-top:64px!important}.w3-padding-top-48{padding-top:48px!important}
.w3-padding-top-32{padding-top:32px!important}.w3-padding-top-24{padding-top:24px!important}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}


.subimg2 ul li img {
    max-width: 57px;
    max-height: 80px;
    padding: 0px 4px;
}



@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px !important;
    }
    .section2{
        max-width: 1000px;
        margin-left: -75px;
    }
}


@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px !important;
    }
    .section2{
        max-width: 1200px;
        margin-left: -42px;
    }
    .soc-card{
        padding: 0 90px !important;
    }
}

/*@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1340px !important;
    }
}*/

@media (min-width: 1600px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1370px !important;
    }
    .section2{
        max-width: 1600px;
        margin-left: -125px;
    }
    .soc-card{
        padding: 0 120px !important; 
    }
    .md-card h5 {
        font-size: 36px;
        color: #fff;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 0px ;
    }

    .md-card p {
        font-size: 12px !important; 
        
         margin-bottom: 10px !important; 
    }
    .md-card .md-fig {
        font-size: 36px !important; 
        /*color: #fff;*/
        font-weight: 600;
        line-height: 1;
        margin-bottom: 0px ;
        margin-top: 10px;
    }
    .__mosec{
            margin-top: -200px !important; 
    }
}

/*@media (min-width: 1800px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1720px !important;
    }
}*/

@media (min-width: 2000px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1620px !important;
    }
    .section2{
        max-width: 2000px;
        margin-left: -195px;
    }
}
.btn-wth{ width: 410px ; }

/* about page */

.about-ul{
    display: flex;
    margin:10px 0px;
    font-size: 15px;

}
.about-ul-li-clr{
    background: linear-gradient(to left, #2a3864, #275784);
    color:#fff;
    width:50%;
    padding:7px;
    border: solid 2px #fff;
}
.about-ul-li{
    background-color: #fff;
    color: #2a3864;
    width:50%;
    padding:7px;
    border: solid 4px #fff;
    font-weight: 600;
    margin: auto;
}
.li-sectors{
    font-size: 12px;
}
/* about page */
.build-head .navbar-nav:before  {
    content: '';
    position: absolute;
    top:  0px;
    left: 0px;
    right: 0px;
    height: 2px;
    background: #fff;
}
/*.build-head .navbar-nav:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0px;*/
/*    left: 0px;*/
/*    right: 0px;*/
/*    height: 2px;*/
/*    background: #fff;*/
/*}*/

.sp-list{
    margin-top: -10px;
}
.sp-list .sp-item{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.sp-box{
   
    margin: 2px;
    margin-bottom: 15px;
}
.sp-box .sp-head{
    height: 33px;
    font-size: 13px;
    color: #013877;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    text-align: center;
    
}
.sp-box .sp-body{
    padding: 5px 11px;
    height: calc(100% - 33px);
    min-height: 100px;
    background-color: #fff;
}
.sp-body ul{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-flow: row wrap;
}
.sp-body ul li{
    padding: 0 6px;
}
.sp-body ul li img {
    max-width: 150px;
    display: block;
    object-fit: contain;
    transition: 2s;
}

.sp-body sika-logo {
    width: 200px;
}

.sp-gold ul li img{
    width: 130px !important;
}

.others-sp .sp-body ul li  img{
    width: 122px !important;
    height: 110px !important;
}
.media-sp .sp-body ul li  img{
    width: 130px !important;
    max-height: 110px !important;
}

.info-list{
    display: flex;
    justify-content: space-between;
    overflow: hidden;  
    margin-top: 15px;
}
.info-list .left-in{
    width: 57%;
    overflow: hidden;    
    transform: skew(-12deg);
    margin-left: -5%;
}
.info-list .right-in{
    width: 57%;
    overflow: hidden;
    margin-left: 15px;
    transform: skew(-12deg);
    margin-right: -5%;
}
.in-card{
    width: 120%;
    height: 355px;
    position: relative;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
}
.info-list li {
    margin: 10px;
}
.info-list figure{    
    height: 100%;
    /*transform: skew(12deg);*/
}
.info-list figure img{   
    width: 100%;
}
.info-list .left-in .in-card figure{
    /*    clip-path: polygon(-0.05% 0.02%, 100% 0.37%, 88.91% 99.34%, 0.2% 99.91%);*/
}
.info-list .right-in .in-card figure{
    /*    clip-path: polygon(11.79% 0.32%, 100% 0.37%, 99.81% 94.05%, -0.11% 94.22%);*/
}
.info-list .right-in .in-card .b-txt{
    left: 40px;
    margin-left: 73px;
    width: 70%;
}
.in-card img{
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
}
.hand-icon{
    width: 50% !important;
    margin-left: 15px;
}
.b-txt{
    position: absolute;
    bottom: 20px;
    left: 15px;
    z-index: 5;
    font-size: 33px;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    transform: skew(12deg);
    background: var(--subgrcolor);
    transition: transform 0.3s ease-out;
}
.info-list .left-in .b-txt{
    margin-left: 160px;
    width: 65%;
}
.info-list .left-in .btn-h{
    padding-left: 103px;
}
.btn-h{
    padding: 15px;
    transform: skew(0deg);
    margin: auto;
    position: absolute;
    right: 25px;
    top: -7px;
}
.ei-btn{
    width: 50px;
    height: 50px;
    margin: 0 auto;
    /*background: var(--subgrcolor);
    font-size: 23px;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;*/
}
.ei-btn img{
    margin-left: 15px;
    /*max-width: 40px;*/
    transition: transform 0.3s ease-out;
}
.ei-btn:hover{
    color: #fff;
}
.b-txt:hover .ei-btn img {
    cursor: pointer;
    transform: translateX(5px);
}
.ei-btn:hover img {
    transform: translateX(5px);
}

.ps-box{
    position: relative;
    padding-top: 70px;
    margin-top: -150px;
    margin-bottom: 50px;
    margin-left: 36px;
}
.ps-img{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.ps-img img{
    max-width: 100%;
}
.habt-text{
    background: #1f386b;
    font-size: 38px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    position: relative;
    padding: 10px;
    padding-right: 35px;
    margin-top: -10px;
}
.habt-text:before{
    right: 100%;
    top: 0;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #1f386b;
    border-width: 130px;
    border-left: 0;
    border-bottom: 0;
}
.ps-list{
    position: absolute;
    left: 0;
    bottom: 0;
}
.ps-list .__boxB {
    position: absolute;
    width: 390px;
    height: 390px;
    bottom: 143px;
    left: 41px;
}
.ps-box .pscard{
    background: #edeeef;
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.25);
    transform-origin: 76% 41%;
}
.ps-box .pscts{
    transform: rotate(-45deg);
    position: relative;
    max-width: 300px;
}
.ps-box .pscts h4{
    font-size: 28px;
    color: #1f386b;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 25px;
}
.ps-box .pscts h3{
    font-size: 36px;
    color: #9c1f63;
    font-weight: bold;
}
.ps-box .pscts h3 span{
    display: block;
}
.ps-box .pscts h3 span + span{
    border-top: 1px solid #1f386b;
}
.ps-box .pscts > img{
    max-width: 100%;
    margin-bottom: 15px;
}
.ps-box .pscts h5{
    margin-bottom: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}
.ps-list .__sbox{
    width: 190px;
    height: 190px;
    position: absolute;
}
.ps-list .__sbox._bgBl .pscard{
    background: #1f386b;
}
.ps-list .__sbox._bgBl2 .pscard{
    background: #28528d;
}
.ps-list .__sbox._bgGr .pscard{
    background: #d2d1d1;
}
.ps-list .__sbox._bgGr2 .pscard{
    background: #b2b0af;
}
.ps-list .__sbox.__box1{
    left: 0;
    bottom: 0;
}
.ps-list .__sbox.__box2{
    left: 283px;
    bottom: 0;
}
.ps-list .__sbox.__box3{
    left: 423px;
    bottom: 140px;
}
.ps-list .__sbox.__box4{
    left: 562px;
    bottom: 280px;
}
.ps-list .__sbox.__box5{
    left: 703px;
    bottom: 140px;
}

.abt-row-left{
    margin-top: -60px;
}
.abt-row-right{
   margin-top: -60px;
}

@media (min-width: 992px){

}



@media (max-width: 1399px){
    .info-list .left-in .b-txt {
        margin-left: 145px;
    }
    .info-list .right-in .in-card .b-txt{
        margin-left: 50px;
    }
    .habt-text{
        font-size: 28px;
    }
}
@media (max-width: 1199px){
    .ps-list .__boxB{
        width: 300px;
        height: 300px;
    }
    .ps-box .pscts h4{
        font-size: 20px;
    }
    .ps-box .pscts h3{
        font-size: 24px;
    }
    .ps-list .__boxB{
        left: 65px;
        bottom: 111px;
    }
    .ps-list .__sbox{
        width: 150px;
        height: 150px;
    }
    .ps-box .pscts > img{
        max-width: 50px;
        margin-bottom: 10px;
    }
    .ps-box .pscts h5{
        font-size: 14px;
    }
    .ps-list .__sbox.__box1{
        left: 30px;
    }
    .ps-list .__sbox.__box2{
        left: 252px;
    }
    .ps-list .__sbox.__box3 {
        left: 362px;
        bottom: 110px;
    }
    .ps-list .__sbox.__box4 {
        left: 472px;
        bottom: 220px;
    }
    .ps-list .__sbox.__box5{
        bottom: 110px;
        left: 582px;
    }
    .habt-text {
        min-height: 100px;
    }
    .habt-text:before{
        border-width: 100px;
    }
    .ps-list{
        margin-bottom: 100px;
    }
}

@media (max-width: 991px){
    .info-list .left-in .b-txt{
        margin-left: 120px;
    }
    .info-list .right-in .in-card .b-txt{
        margin-left: 40px;
    }
    .ei-btn{
        width: 260px;
        font-size: 14px;
    }
    .ei-btn img{
        max-width: 20px;
    }

    .ps-list .__boxB {
        width: 260px;
        height: 260px;
    }
    .ps-list .__sbox {
        width: 130px;
        height: 130px;
    }
    .ps-list .__boxB {
        left: 58px;
        bottom: 96px;
    }
    .ps-list .__sbox.__box2 {
        left: 218px;
    }
    .ps-list .__sbox.__box3 {
        left: 313px;
        bottom: 95px;
    }
    .ps-list .__sbox.__box4 {
        left: 408px;
        bottom: 190px;
    }
    .ps-list .__sbox.__box5 {
        bottom: 95px;
        left: 503px;
    }
}

@media (max-width: 767px){
    .info-list .right-in,
    .info-list .left-in{
        width: 100%;
        margin: 15px auto;
        transform: skew(0deg);
    }
    .info-list{
        flex-direction: column;
        margin-top: 5px !important;
    }
    .in-card{
        width: 100%;
    }
    .btn-h {
        transform: skew(0deg);
    }
    .info-list .left-in .btn-h{
        padding-left: 15px;
    }
    .b-txt{
        transform: skew(0deg);
    }
    .info-list .right-in .in-card .b-txt{
        margin-left: 0;
        left: 15px;
        font-size: 16px !important;
    }
    .info-list .left-in .b-txt{
        margin-left: 0;
        font-size: 16px !important;
    }
    .info-list figure{
        transform: skew(0deg);
    }

    .habt-text {
        min-height: 70px;
        font-size: 20px;
    }
    .habt-text:before {
        border-width: 70px 40px;
    }
    .ps-list{
        position: relative;
        margin-bottom: 15px;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
    .ps-list .__sbox,
    .ps-list .__boxB{
        position: relative;
    }
    .ps-box .pscard{
        transform-origin: center;
    }
    .ps-list .__boxB,
    .ps-list .__sbox{
        left: auto !important;
        bottom: auto !important;
    }
    .ps-list .__boxB{
        width: 100%;
        height: 320px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ps-box .__boxB .pscard{
        width: 220px;
        height: 220px;
        margin: auto;
    }
    .ps-list .__sbox  .pscard{
        width: 130px;
        height: 130px;
    }
    .ps-list .__sbox{
        width: 200px;
        padding: 25px;
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ps-box .pscts h4 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .ps-box .pscts h3 {
        font-size: 18px;
    }
    .testimo-slider span{
        font-size: 12px;
    }

    .abt-row-left{
        margin-top: -60px;
    }
    .abt-row-right{
       margin-top: 30px;
    }
    .__evbox {
        padding: 50px 0 140px;
        background-size: 2050px !important;
    }
    .md-card .md-fig{
        font-size: 26px !important;
    }

    .md-card .md-txt {
        font-size: 12px !important;
    }
    .md-list{
        justify-content: center !important;
    }
    .sponsor-ul{
        font-size: 15px !important;
    }
    .sp-box .sp-head{
        font-size: 12px !important;
    }
    .media-sp .sp-body ul li img{
        width:  95px !important;
    }

    .desktop-show{
        display: none !important;
    }
    .desktop-hide{
        display: block !important;
    }
    .mark-ben-div{
        display: flex  !important;
    }
    .mark-ben-div img{
        width: 96%;
        /*display: flex  !important;*/
    }

}

@media (max-width: 575px){
    .in-card{
        height: auto;
        left: 0;
        transform: none;
    }
    .ei-btn{
        height: 40px;
    }
    .in-card img{
        height: auto;
    }
    .habt-text {
        min-height: 50px;
        font-size: 12px;
    }
    .habt-text:before{
        border-width: 50px 15px;
    }
}

.desktop-show{
    display: block;
}
.desktop-hide{
    display: none;
}




/* WHO SHOULD ATTEND SECTION */

article {
    position: relative;
    background: #fff;
    transform-origin: center;
    overflow: hidden;
    margin-top: 85px;
    display: flex;
    justify-content: center;
    width: 100%;
}

article a::after {
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
  cursor: pointer;
  content: "";
}

/* basic article elements styling */

.ct-sec3 figure {
  margin: 0;
  padding: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

article img {
  max-width: 100%;
  transform-origin: center;
  transform: scale(var(--img-scale));
  transition: transform 0.4s ease-in-out;
}



article a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #28666e;
}

article a:focus {
  outline: 1px dotted #28666e;
}

article a .icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  transform: translateX(var(--link-icon-translate));
  opacity: var(--link-icon-opacity);
  transition: all 0.3s;
}

/* using the has() relational pseudo selector to update our custom properties */
article:has(:hover, :focus) {
  --img-scale: 1.1;
  --title-color: #28666e;
  --link-icon-translate: 0;
  --link-icon-opacity: 1;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}


/************************ 
Generic layout (demo looks)
**************************/





.articles {
    display: flex;
    max-width: 100%;
    margin-inline: auto;
}

@media screen and (max-width: 960px) {
  article {
    container: card/inline-size;
  }
  .article-body p {
    display: none;
  }
}

@media screen and (min-width: 380px) {
  .article-wrapper {
    display: flex;
    gap: 16px;
    justify-items: center;
    width: 90%;
    height: 440px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
   .ct-sec3 figure {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .ct-sec3 figure img {
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
  }
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}

.menu-item-has-children{
    padding:0 5px;
}
.menu-item-has-children a:hover{

    color:#A70042 ;
    
}

.shape {
   border-top: 120px solid #ffffff47;
    border-right: 50px solid transparent;
    height: 0;
    width: 398px;
    position: absolute;
    z-index: 0;
    margin-left: -120px;
    margin-top: -11px;

}

@media (min-width: 2100px){

.shape {
   border-top: 143px solid white;
    border-right: 50px solid transparent;
    height: 0;
    width: 1467px;
    position: absolute;
    z-index: 0;
    margin-left: -1169px;
    margin-top: -27px;

}
.eq-btn.btn-sub.eq-btn1{
    width:775px!important;
}
.eq-btn.btn-sub.eq-btn2{
    width:775px!important;
}

.sec1-text p {
    color: var(--prblcolor);
    line-height: 1.8;
    text-align: justify;
    font-weight: 500;
    font-size: 17px!important;
}
    
}

 @media (min-width: 1800px) and (max-width: 2099px) {
    .shape{
    border-top: 146px solid white;
    border-right: 50px solid transparent;
    height: 0;
    width: 591px;
    position: absolute;
    z-index: 0;
    margin-left: -276px;
    /* margin-top: -42px; */
    margin-top: -34px;
    }
    .eq-btn.btn-sub.eq-btn1{
        width: 650px;
    }
    .eq-btn.btn-sub.eq-btn2{
        width: 650px;
    }
    
    .sec1-text p {
    color: var(--prblcolor);
    line-height: 1.8;
    text-align: justify;
    font-weight: 500;
    font-size: 14px!important;
}
    
 }


@media only screen and (min-width: 3840px){ 
    .fd-card h5 {
    font-size: 4rem;
    color: white;
    font-weight: 900;
    font-family: 'Kallisto';
}
.fd-card span {
    font-size: 1.7rem;
}
}

 @media (min-width: 1600px) and (max-width: 1799px){
    .shape{
    border-top: 120px solid white;
    border-right: 50px solid transparent;
    height: 0;
    width: 398px;
    position: absolute;
    z-index: 0;
    margin-left: -119px;
    margin-top: -31px;
    }
    .eq-btn.btn-sub.eq-btn1{
        width: 650px;
    }
    .eq-btn.btn-sub.eq-btn2{
        width: 650px;
    }
    
 }
 @media (min-width: 1400px) and (max-width: 1599px){
    .eq-btn.btn-sub.eq-btn1{
        width: 535px;
    }
    .eq-btn.btn-sub.eq-btn2{
        width: 535px;
    }
        .sec1-text p {
    color: var(--prblcolor);
    line-height: 1.8;
    text-align: justify;
    font-weight: 500;
    font-size: 12px!important;
}
    
 }
 
 @media (min-width: 1100px) and (max-width: 1399px){
    .shape {  
    border-top: 146px solid white;
    border-right: 50px solid transparent;
    height: 0;
    width: 423px;
    position: absolute;
    z-index: 0;
    margin-left: -120px;
    /* margin-top: -42px; */
    margin-top: -34px;
       }
       
               .sec1-text p {
    color: var(--prblcolor);
    line-height: 1.8;
    text-align: justify;
    font-weight: 500;
    font-size: 12px!important;
}
 }
 @media (min-width: 1134px) and (max-width: 1199px){
    .shape{
        border-top: 163px solid white;
    border-right: 50px solid transparent;
    height: 0;
    width: 591px;
    position: absolute;
    z-index: 0;
    margin-left: -276px;
    /* margin-top: -42px; */
    margin-top: -34px;
     }
                    .sec1-text p {
    color: var(--prblcolor);
    line-height: 1.8;
    text-align: justify;
    font-weight: 500;
    font-size: 10px!important;
}
 }
  @media (min-width: 992px) and (max-width: 1133px){
     .shape{
        border-top: 163px solid white;
    border-right: 50px solid transparent;
    height: 0;
    width: 591px;
    position: absolute;
    z-index: 0;
    margin-left: -276px;
    /* margin-top: -42px; */
    margin-top: -34px;
     }
     
                         .sec1-text p {
    color: var(--prblcolor);
    line-height: 1.8;
    text-align: justify;
    font-weight: 500;
    font-size: 10px!important;
}
 }
@media (max-width: 1399px){


.eq-btn.btn-sub.eq-btn1{
    width: 537px!important;
}
.eq-btn.btn-sub.eq-btn2{
    width: 537px!important;
}
    
}

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

.shape {
   border-top: 143px solid white;
    border-right: 50px solid transparent;
    height: 0;
    width: 514px;
    position: absolute;
    margin-left: -229px;
    margin-top: -25px;

}

@media (min-width: 1200px) and (max-width: 1399px){

.shape {
   
    border-top: 138px solid white;
    border-right: 50px solid transparent;
    height: 0;
    width: 445px;
    position: absolute;
    z-index: 0;
    margin-left: -133px;
    margin-top: -30px;


}
.eq-btn.btn-sub.eq-btn1{
    width:653px!important;
}
.eq-btn.btn-sub.eq-btn2{
    width:653px!important;
}
    
}
@media (min-width: 992px) and (max-width: 1199px){

.shape {
    border-top: 149px solid white;
    border-right: 50px solid transparent;
    height: 0;
    width: 491px;
    position: absolute;
    z-index: 0;
    margin-left: -201px;
    margin-top: -25px;

}
.eq-btn.btn-sub.eq-btn1{
    width:653px!important;
}
.eq-btn.btn-sub.eq-btn2{
    width:653px!important;
}
    
}

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

.shape {
       border-top: 80px solid white;
    border-right: 50px solid transparent;
    height: 0;
    width: 398px;
    position: absolute;
    z-index: 0;
    margin-left: -120px;
    margin-top: -25px;

}
.eq-btn.btn-sub.eq-btn1{
    width:653px!important;
}
.eq-btn.btn-sub.eq-btn2{
    width:653px!important;
}
    
}

@media (max-width:991px){
    .shape {
       border-top: 0px solid transparent!important;
    border-right: 50px solid transparent;
    height: 0;
    position: absolute;
    z-index: 0;
    margin-left: -120px;
    margin-top: -25px;

}
}



@media (min-width: 1399px){

.logobox img {
max-width: 274px;
    
}
}


/*///////// MARKET OVERVIEW ////////////*/





.ct-sec3.container.ct-box.main-container {
  padding: 30px!important;
}

/* m-cards */

.ct-sec3.container.ct-box.m-cards {
  display: flex!important;
  flex-wrap: wrap!important;
  justify-content: space-between!important;
}

.ct-sec3.container.ct-box.m-card {
  margin: 20px!important;
  padding: 20px!important;
  width: 500px!important;
  min-height: 200px!important;
  display: grid!important;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25)!important;
  transition: all 0.2s!important;
}

.ct-sec3.container.ct-box.m-card:hover {
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4)!important;
  transform: scale(1.01)!important;
}

.ct-sec3.container.ct-box.m-card__link,
.m-card__exit,
.m-card__icon {
  position: relative!important;
  text-decoration: none!important;
  color: rgba(255, 255, 255, 0.9)!important;
}

.ct-sec3.container.ct-box.m-card__link::after {
  position: absolute!important;
  top: 25px!important;
  left: 0!important;
  content: ""!important;
  width: 0%!important;
  height: 3px!important;
  background-color: rgba(255, 255, 255, 0.6)!important;
  transition: all 0.5s!important;
}

.ct-sec3.container.ct-box.m-card__link:hover::after {
  width: 100%!important;
}

.ct-sec3.container.ct-box.m-card__exit {
  grid-row: 1/2!important;
  justify-self: end!important;
}

.ct-sec3.container.ct-box.m-card__icon {
  grid-row: 2/3!important;
  font-size: 30px!important;
}

.ct-sec3.container.ct-box.m-card__title {
  grid-row: 3/4!important;
  font-weight: 400!important;
  color: #ffffff!important;
}

.ct-sec3.container.ct-box.m-card__apply {
  grid-row: 4/5!important;
  align-self: center!important;
}

/* m-card BACKGROUNDS */

.ct-sec3.container.ct-box.m-card-1 {
  background: radial-gradient(#A70042,#A70042  )!important;
}

.ct-sec3.container.ct-box.m-card-2 {
  background: radial-gradient(white,white)!important;
}

.ct-sec3.container.ct-box.m-card-3 {
  background: radial-gradient(white,white)!important;
}

.ct-sec3.container.ct-box.m-card-4 {
  background: radial-gradient(#A70042,#A70042 )!important;
}

/* RESPONSIVE */

@media (max-width: 1600px) {
  .ct-sec3.container.ct-box.m-cards {
    justify-content: center!important;
  }
}







.main-container {
  padding: 30px;
}

/* CARDS */

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

.card {
  margin: 20px;
  padding: 20px;
  width: 500px;
  min-height: 200px;
  display: grid;
  grid-template-rows: 20px 50px 1fr 50px;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.2s;
}

.card:hover {
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4);
  transform: scale(1.01);
}

.card__link,
.card__exit,
.card__icon {
  position: relative;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
}

.card__link::after {
  position: absolute;
  top: 25px;
  left: 0;
  content: "";
  width: 0%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.6);
  transition: all 0.5s;
}

.card__link:hover::after {
  width: 100%;
}

.card__exit {
  grid-row: 1/2;
  justify-self: end;
}

.card__icon {
  grid-row: 2/3;
  font-size: 30px;
}

.card__title {
  grid-row: 3/4;
  font-weight: 400;
  color: #ffffff;
}

.card__apply {
  grid-row: 4/5;
  align-self: center;
}

/* CARD BACKGROUNDS */

.card-1 {
  background: radial-gradient(#A70042,#A70042  );
}

.card-2 {
  background: radial-gradient(white,white);
}

.card-3 {
  background: radial-gradient(white,white);
}

.card-4 {
  background: radial-gradient(#A70042,#A70042 );
}

/* RESPONSIVE */

@media (max-width: 1600px) {
  .cards {
    justify-content: center;
  }
}




/*//////////Disruptive Technologies////////*/

.ct-sec4 img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

 
.tech-cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tech-cards__item {
  display: flex;
  padding: 1rem;

}

  @media(min-width: 40rem) {
    .tech-cards__item{width: 50%;}
  }
  @media(min-width: 56rem) {
    .tech-cards__item{width: 33.3333%;}
  }

.tech-card {
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  
}

.card__image:hover {
    
      filter: contrast(100%);
    }
  
.tech-card__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 1rem;
}

.tech-card__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: contrast(70%);
  filter: saturate(180%);
  overflow: hidden;
  position: relative;
  transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;
  
}

.tech-card__image::before {
    content: "";
	  display: block;
    padding-top: 56.25%; // 16:9 aspect ratio
  }
  @media(min-width: 40rem) {
    .tech-card__image::before {
      padding-top: 66.6%; 
      // 3:2 aspect ratio;
    }
  }

.tech-card__image--flowers {
  background-image: url(https://unsplash.it/800/600?image=82);
}

.tech-card__image--river {
  background-image: url(https://unsplash.it/800/600?image=11);
}

.tech-card__image--record {
  background-image: url(https://unsplash.it/800/600?image=39);
}

.tech-card__image--fence {
  background-image: url(https://unsplash.it/800/600?image=59);
}

.tech-card__title {
  color: gray;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.tech-card__text {
  flex: 1 1 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}

@media(max-width:575px){
#name {
    display: none;
}
}





/*from index */


 @media (min-width: 1400px) and (max-width: 1599px){
    .habt-text{
        font-size: 28px !important;
    }
    .f-card figure img{
        width: 115px !important;
    }
    .f-card span{
        font-size:15px !important;
    }
    .ps-box-2{
        font-size:33px !important;
    }
    .ps-ic-span-1{
        font-size:95px !important;
    }
    
 }
 
 @media (min-width: 1100px) and (max-width: 1399px){
    .ps-box-1{
        font-size:33px !important;
    }
    .ps-box-2{
        font-size:33px !important;
    }
    
    .info-list-main-div{
        margin-top: -60px !important;
    }
 }
 
  .tech-sep{
     border-left:0.25px solid #ffffff7a;
     width:0px;
     height:150px;
 }
 
 @media (max-width: 767px){
    .testimo-slider{
        margin-top: -60px !important;
    } 
    .info-list-main-div{
        margin-top: 290px !important;
    }
    .testimo-txt-div-img{
        right: 215px !important;
        margin-bottom:-3px !important;
    }
    
    .testimo-txt-div-img1{
       margin-bottom: 35px !important;  
    }
    
    .testimo-txt-div-img10{
       margin-bottom: 120px !important;
    }
    
    .testimo-txt-div-img2{
        margin-bottom: 100px !important;
    }
    
    .testimo-txt-div-img3{
        margin-bottom: 15px !important;
    }
    
    .testimo-txt-div-img5{
        margin-bottom: 55px !important;
    }
    
    .testimo-txt-div-img11{
        bottom: 180px !important;
    }
    
    .testimo-txt-div-img6{
         bottom: 120px !important;
    }
    
    .testimo-txt-div-img8{
          margin-bottom: 18px !important;
    }    
    
    .habt-text{
        font-size: 28px !important;
    }
    
    .ps-box-1{
        font-size: 22px !important;
    }
    .ps-box-2{
        font-size: 22px !important;
        
    }
    .ps-ic-1{
        width: 100% !important;
    }
    .ps-ic-2 {
    margin-top: 7% !important;
    }
    .ps-ic-span-1 {
        font-size: 120px;
        font-weight: 500;
        padding: 0px 5px;
        margin: -25px 0px;
    }
    .ps-ic-2 .fds-list li, .ps-ic-2 .fe-list li{
        flex: 0 0 33% !important;
    }
     .tech-sep{
     width:0px;
     height:0px;
 }
 }
 
  @media (max-width: 575px){
      
    .ps-box-1{
        font-size: 18px !important;
    }
    .ps-box-2{
        font-size: 18px !important;
    }
    .ps-ic-span-1 {
        font-size:90px !important;
    }
    .ps-ic-span-2 {
        font-size: 18px !important;
    }
  }
  
  
 }
  
  @media (min-width: 1600px){
  
   .testimo-txt-div-img{
       right: 470px !important;
   }
   
   
   
 }
   @media (min-width: 375px) (max-width: 575px){
       
   }
 .ps-sec-1{
     border: solid 1px #a30265;
 }
 .ps-box-1{
    padding: 10px;font-size:40px; font-weight:600; background: var(--prbgcolor);color:#fff;
 }
 .ps-box-2{
    font-size: 44px; font-weight:600;padding: 10px;display: flex;align-items: center; color: var(--prblcolor);justify-content:center !important;
 }

 .ps-ic-1{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #005e98;
    color: #231F20;
    background-image: url(../assets/images/exh-sectors/exibiting-sector.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px;

 }

 .ps-ic-span-1{
    font-size: 120px;padding: 5px;font-weight: 500; 
 }
 .ps-ic-span-2{
    font-size: 35px;
    line-height: 1.2;
    font-weight: 400;
    background-color: white;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #231F20;
 }
  .ps-ic-span-3{
    font-size: 30px!important;
    line-height: 1.2;
    font-weight: 400;
    background-color: white;
    width: 580px;
    padding: 5px;
    text-align: start;
    color: #231F20;
 }
 .ps-ic-2{
    height: 100%; margin-top: 0.3%;max-width: 95%;
 }
 .testimo-hr-up{
    display: block; height: 1px; border: 0; border-top: 3px solid #1f386b; margin: 1em 0; padding: 0;opacity:1; 
 }
 .testimo-hr-down{
    display: block; height: 1px; border: 0; border-top: 3px solid #1f386b; margin: 1em 0; padding: 0;opacity:1;margin-top:30px; 
 }
 .testimo-heading{
    position:relative; top:20px; color: #1f386b; 
 }
 .testimo-img-div{
     
 }
 .testimo-txt-div{
     padding:30px;
 }
 .testimo-txt-div p{
     padding:0px;
 }
 .testimo-txt-div-span-1{
     color: #a30265; font-weight: 700;text-align:left;
 }
 .testimo-txt-div-span-2,  .testimo-txt-div-span-3{
     color: #1f386b;
 }
 .testimo-txt-div-img{
     position: absolute;right: 399px;width: 80px;height: 80px;z-index: 6;bottom: 101px;margin-bottom: 10px;margin-right: -150px;
 }
 .testimo-txt-div-text{

     color: white;
    border-radius: 0px 45px 0px 45px;
    min-height: 120px;
    display: flex;
    align-items: center;
    font-weight: 600;
    justify-content: left;
    flex-direction: column;
 }
 .info-list-main-div{
    margin-top: -60px;
 }
 .info-hr-down{
    display: block; height: 1px; border: 0; border-top: 3px solid #1f386b; margin: 1em 0; padding: 0;opacity:1;margin-top: 60px;margin-bottom: -15px;
 }
 .testimo-txt-div-img{
     display:none;
 }
 
 .ct-sec1 span{
      font-size: 13px;   
 }
 }
 
 ul li {
     list-style:;
 }
 
 article .attend1 li::before { 
  content: "";
  border-color: transparent #271A43;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
}

 article .attend2 li::before { 
  content: "";
  border-color: transparent #712773;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
}
 article .attend3 li::before { 
  content: "";
  border-color: transparent #CC135B;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
}
 
/*//////////Disruptive Technologies////////*/

.ct-sec4 img {
  height: auto;
  max-width: 90%;
  vertical-align: middle;
}

 
.tech-cards {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: space-evenly;
    margin-top: 30px;
}



.tech-cards__item {
  display: flex;
  justify-content:center;
 
}

.tech-cards__item a img{
    position: absolute;
    z-index: 10;
    height: 100px;
    width: 100px;
    top: 50px;
    left: 125px;
    opacity: 0;
}

.tech-cards__item a:hover .tech-card__image--exhibit{
    filter: grayscale(1);
}

.tech-cards__item a:hover .tech-card__image--visit{
    filter: grayscale(1);
}
.tech-cards__item a:hover img{
    filter: grayscale(1);
    opacity:1;
}
.ps-section{
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    background-image: url(../assets/images/exh-sectors/exhibiting-sector-BG.png);
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
    }

  @media(min-width: 40rem) {
    .tech-cards__item{width: 50%;}
    .exh-cards__item{width: 30%;}
  }
  @media(min-width: 56rem) {
    .tech-cards__item{width: 30%;}
    .exh-cards__item{width: 40%;}
  }



.tech-card {
  background-color: white;
  box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 245px;
  width: 314px;
  border-radius: 30px;

}


.exh-card{
    background-color: white;
    box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 244px;
    width: 363px;
    border-radius: 30px;
    position:relative;
}

.card__image:hover {
    
      filter: contrast(100%);
    }
  
.tech-card__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 1rem;
background: linear-gradient(#375095, #2D5D93);
}

.exh-card__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 0.1rem;
  background: linear-gradient(#375095, #2D5D93);
}

.tech-card__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  filter: contrast(70%);
  filter: saturate(180%);
  overflow: hidden;
  position: relative;
  transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);
  height: 130px;
  
}

.exh-card__image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    filter: contrast(70%);
    filter: saturate(180%);
    overflow: hidden;
    position: relative;
    transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);
    height: 214px;
  
}

.tech-card__image::before {
    content: "";
	  display: block;
    padding-top: 56.25%; // 16:9 aspect ratio
    
  }
  
.exh-card__image::before {
    content: "";
	  display: block;
    padding-top: 56.25%; // 16:9 aspect ratio
    
  }
  @media(min-width: 40rem) {
    .tech-card__image::before {
      padding-top: 66.6%; // 3:2 aspect ratio;
    }
    
    .exh-card__image::before {
      padding-top: 66.6%; // 3:2 aspect ratio;
    }
  }

.tech-card__image--drone {
  background-image: url(https://conteq-expo.com/assets/images/dis-tech/drone.jpg);
}

.tech-card__image--tech {
  background-image: url(https://conteq-expo.com/assets/images/dis-tech/tech.jpg);
}

.tech-card__image--robot {
  background-image: url(https://conteq-expo.com/assets/images/dis-tech/robotic.jpg);
}

.tech-card__image--construction {
  background-image: url(https://conteq-expo.com/assets/images/obj/construction.jpg);
}

.tech-card__image--build {
  background-image: url(https://conteq-expo.com/assets/images/obj/tech.jpg);
}

.tech-card__image--eng {
  background-image: url(https://conteq-expo.com/assets/images/obj/engs.jpg);
}

.tech-card__image--exhibit {
  background-image: url(https://conteq-expo.com/assets/images/Mask2.jpg);
}

.tech-card__image--visit {
  background-image: url(https://conteq-expo.com/assets/images/Mask.jpg);
}

.tech-card h4{
    font-size:18px;
}

.tech-card__image:hover {
      filter: contrast(100%);
    }

.tech-card__title {
  color: gray;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.tech-card__text {
  flex: 1 1 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}

.exh-card__text {
    flex: 1 1 auto;
    font-size: 1.25rem;
    line-height: 1.5;
    padding: 0.5rem;
    text-align:center;
}

.ct-sec4 figure img{
    max-width:400px;
}

.ct-sec4 span{
    color:white;
}

.obj-card-title{
    display:flex;
    justify-content:center;
}

    @media(max-width:575px) {
    .ps-section{
    background-image: url(../assets/images/exh-sectors/exhibiting-sector-BG.png);
    }
    .tech-card{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
        
    }
    .tech-cards__item{
        width: 90%!important;
        margin-top:5px;
    }
    .tech-card__text {
    flex: 1 1 auto;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    
}

.tech-card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 10px;
    background: linear-gradient(#375095, #2D5D93);
}
    .exh-card__text {
    flex: 1 1 auto;
    font-size: 1.25rem;
    line-height: 1.5;
    padding: 0.5rem;
    text-align:center;
    
}
.f-card{
    display: flex;
    flex-direction: column;
    height: 100px;
}
.articles {
    display: flex;
    max-width: 100%;
    margin-inline: auto;
    flex-direction: column;
}
.ps-ic-1 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: #005e98;
    width: 20%;
    height: 62px;
    color: white;
    max-width: 100%;
    text-align: center;
    
}

.eq-btn.btn-sub.eq-btn1 {
    width: 445px!important;
}
.eq-btn.btn-sub.eq-btn2 {
    width: 445px!important;
}

.sec-sec4{
    align-items: center;
    display: flex;
    margin-top: 20px;
    color: white!important;
    flex-direction: column;
}
  }
  @media (max-width: 767px){
.ct-sec3 {
    height: 80px!important;
}
}


.tech-items{
    padding:20px;
}
.tech-items li{
    color:white;
    line-height:2.5;
    font-size:16px;
    padding-left:5px;

}

.tech-items li img{
    width: 20px;
    margin-right: 10px;
}

.house{
    margin-left:100%;
        opacity:0;
}

.slidein-anim{
    animation-duration:1s;
    animation-name:slidein;
}

@keyframes slidein {
    from{
        margin-left:100%;
        opacity:0;
    }
    to{
        margin-left:0%;
        opacity:1;
    }
}


.ct-sec4 h1{
    font-size: 50px;
}

  @media (max-width: 767px){
      .ct-sec4 h1{
    font-size: 30px;
}
.ps-ic-span-3 {
    font-size: 18px!important;
    line-height: 1.2;
    font-weight: 400;
    background-color: white;
    width: 407px;
    padding: 5px;
    text-align: start;
    color: #231F20;
}
  }
  
  
.ct-sec1 .ct-box{
    background: linear-gradient(178deg, #4b69a5 0%, #5d3a8c 100%);
    border: 1px solid white;
    border-radius: 25px;
    box-shadow: inset 1px 1px 14px 4px #5d3a8c;
    padding: 10px 0px;
}

.about-contents.__bg1 {
    min-height: 330px;
    padding: 0;
}



@media all and (max-width: 768px) {
  h3 {
    font-size: calc(1.5rem * var(--smaller));
  }
  
  li {
    font-size: calc(1.125rem * var(--smaller));
  }
  
  li span {
    font-size: calc(3.375rem * var(--smaller));
  }
}