@font-face {
    font-family: DowCorporate;
    src: url(../fonts/DowCorporate-BoldIta.ttf);
}
@font-face {
    font-family: Helvetica-Condensed-Light;
    src: url(../fonts/Helvetica-Condensed-Light.otf);
  }
  @font-face {
      font-family: Helvetica-Regular;
      src: url(../fonts/Helvetica.ttf);
  }
  @font-face {
      font-family: Helvetica-bold;
      src: url(../fonts/Helvetica-Bold-Font.ttf);
  }
.carousel-inner .carousel-item .carousel-caption .sus-heading{
    text-transform: uppercase;
    font-size: 25px;
}
.carousel-inner .carousel-item .carousel-caption .sub-heading{
    text-transform: capitalize;
    font-size: 16px !important;
}
.banner-sus-circ-sec{
    top: -168px;
    padding: 20px 0px;
}
@media(max-width: 600px){
    .banner-sus-circ-sec{
        top: -84px;
        
    }

}
.badge-sus-circular-banner{
    border: 2px solid rgb(255, 174, 0);
    color: white;
    padding: 8px 20px;
    font-weight: 600;
    font-size: 17px;
}
.carousel-inner .carousel-item .carousel-caption .sub-heading .register-btn{
    padding: 8px 15px;
    color: #158ce5 !important;
    font-size: 15px;
    font-weight: 700;
   background-color: white;
    margin: 10px 0px;
    border-radius: 10px;
    
}
.carousel-inner .carousel-item .carousel-caption .sub-heading .register-btn-sus{
    padding: 8px 15px;
    color: #14a317 !important;
    font-size: 15px;
    font-weight: 700;
   background-color: white;
    margin: 10px 0px;
    border-radius: 10px;
    
}
.carousel-inner .carousel-item .carousel-caption .sub-heading .register-btn-sus:hover{
    color: white !important;
   background-color: rgb(255, 174, 0);
    
    
}
.carousel-inner .carousel-item .carousel-caption .sub-heading .register-btn:hover{
    color: white !important;
   background-color: rgb(255, 174, 0);
    
    
}
.RegisterNow-btn{
    margin: 20px 0px;
}

.mobile-countdown-timer{
    display: none;
}
.banner-time-counter{
    margin-top: -200px;
}
@media(max-width: 600px){
    .mobile-countdown-timer{
        display: none !important;
    }
    .banner-time-counter{
        display: block;
        margin-top: -100px;
    }

}
.time-entry .time-entry-sus{
    color: #14a317 !important;

}
.time-entry .time-entry-cir{
    color: #158ce5 !important;

}
.time-entry-suspart{
    color: #14a317 !important;
    font-weight: 600;
}
.time-entry-cirpart{
    color: #14a317 !important;
    font-weight: 600;
}
.patner-section{
    border: 2px solid rgb(255, 255, 255);
    height: 208px;
    width: 95%;
    padding: 0px 4px;
    margin-top: -70px;
    position: relative;
    background-color: white;
    

    
}

.patner-section .media-patners{
    padding: 25px 10px
}
.media-patners{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.media-patners .media-patners-logos{
    padding: 10px 15px;
}

@media (min-width: 769px) and (max-width: 1024px){
    .media-patners .media-patners-logos{
        padding: 10px 12px;
    }

}
@media(max-width: 600px){
    .media-patners .media-patners-logos{
        margin-left: auto;
        margin-right: auto;
        padding: 10px 3px;
    }

}
@media(max-width: 320px){
    .media-patners .media-patners-logos{
        padding: 10px 10px;
    }

}
@media(min-width: 1025px) and (max-width: 1345px){
    .patner-section{
        height: 400px !important;
    }

}
@media(max-width: 1024px){
    .patner-section{
        height: 400px !important;
        padding: 0px 150px;
    }
}
@media(max-width: 600px){
    .patner-section{
        border: 2px solid rgb(255, 255, 255);
        height: 720px !important;
        width: 100%;
        padding: 0px 0px;
        margin-top: -30px;
        position: relative;
        background-color: white;
        
    
        
    }
    
}
@media (min-width: 600px) and (max-width: 769px){
    .media-patners .media-patners-logos img{
        width: 303px;
        height: 100px;
    }
    .media-patners .media-patners-logos{
        padding: 10px 10px !important;
    }

    
}

.registerbtn-bnr{
    padding: 6px 10px;
    padding-bottom: 7px;
    background-color: rgb(255, 174, 0);
    color: white;
    margin-left: 45px;
    border-radius: 15px;
    font-weight: 600;
    border: 1px solid rgb(255, 174, 0);

}
.registerbtn-bnr:hover{
    padding: 6px 10px;
    background-color: white;
    color: rgb(255, 174, 0);
    margin-left: 45px;
    border-radius: 20px;
    font-weight: 600;
    border: 1px solid rgb(255, 174, 0);

}
.sustainability-content h3{
    font-size: 28px;
    color: #036d03;
    font-weight: 800;
    font-family: Helvetica-bold;
}
.sustainability-content p{
    padding: 5px 0px;
    font-family: Helvetica-Regular;
}
.Circular h3{
    font-size: 28px;
    color: #036d03;
    font-weight: 800;
    font-family: Helvetica-bold;

}
.Circular p{
    padding: 5px 0px;
    font-family: Helvetica-Regular;
}
.sustainability-section{
    padding: 30px 0px;
}
.form-get-in-touch h3{
    font-size: 25px;
    color: white;
    align-self: center;
    justify-self: center;
    padding: 30px 0px;
    
    
}
.form-get-in-touch ul{
    list-style: none;
    margin-left: auto;
    position: absolute;
    left: 33%;
    top: 13%;
    color: white;
}
@media(max-width: 600px){
    .form-get-in-touch ul{
        list-style: none;
        margin-left: auto;
        position: relative;
        left: 15%;
        top: 13%;
        color: white;
    }

}
.form-section{
    padding: 50px 0px;
}
.form-section .container-form-section{
    -webkit-box-shadow: 0 0 5px 2px rgb(153 153 153);
    -moz-box-shadow: 0 0 5px 2px rgb(153, 153, 153);
    box-shadow: 0 0 5px 2px rgb(153 153 153);
}
.form-backround-img-section{
    
    background-image: url(../img/sustainability-img/form-section-backgrpund.png);
    border-right: 4px solid #f3f2f2;
    border-top: 4px solid #f3f2f2;
    border-bottom: 4px solid #f3f2f2;
    
}
.regi-btn{
    margin-left: 10px;
}
.form-group input:focus {
    outline: none;
    border: 1px solid #135eac;
}
.register-now-btn{
    background-color: rgb(255, 174, 0) !important;
    color: white;
    padding: 5px 10px;
    text-transform: capitalize;
    border: 1px solid rgb(255, 174, 0);
}
.register-now-btn:hover{
    background-color: white !important;
    color: rgb(255, 174, 0);
    border: 1px solid rgb(255, 174, 0);
}
.form-pading{
    padding: 20px 0px;
}
.who-heading{
    background-image: -webkit-gradient(linear, left top, right top, from(#00a600), to(#3796a7)), -webkit-gradient(linear, left top, right top, from(#00a600), to(#002df7));
    background-image: -o-linear-gradient(left, #00a600 0%, #002df7 100%), -o-linear-gradient(left, #00a600 0%, #002df7 100%);
    background-image: linear-gradient(to right, #00a600 0%, #002df7 100%), linear-gradient(to right, #00a600 0%, #002df7 100%);
    color: white;
    font-size: 25px;
    padding: 10px 0px;
}
.Who-Should-Attend-section{
    padding-bottom: 30px;
    background-color: white;
}
.align-list-center{
    padding: 0px 100px;
}
@media (max-width: 768px){
    .align-list-center{
        padding: 0px 37px;
    }

}

.align-list-center ul li{
    list-style-position: outside;
}
.Who-Should-Attend-section .why-heding{
    font-size: 23px;
    font-weight: 700;
    padding: 10px 0px;
}
.speaker-section{
    background-color: #f3f2f2 ;
    padding-bottom: 50px;
    

}
.speaker-section h3{
    font-family: Helvetica-bold;
}
.speaker-section .session-heading{
    font-size: 23px;
}
.speaker-section .container{
    /*background-image: url(../img/sustainability-img/spk-bakgrnd.png);*/
    
}
.speakers-flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
@media(max-width: 768px){
    .speakers-flex{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media(max-width: 320px){
    .speakers-flex{
        margin: 0px 60px;
    }
}
.speakers-flex div img{
    width: 110px;
    height: 110px;
}
.speakers-flex div{
    padding: 10px 10px;
}
@media(max-width: 1024px){
    .speakers-flex div{
        padding: 10px 0px;
    }
}
.speakers-flex .content h4{
    font-size: 15px;
    color: black;

}
.speakers-flex .content p{
    color: black;
}
.spkr-box{
    border: 1px solid #c7c7c7;
    margin: 5px 0px;
    height: 175px;
   
}
@media(max-width: 800px){
    .spkr-box{
        border: 1px solid #c7c7c7;
        margin: 5px 0px;
        height: 330px;
        margin-left: auto;
        margin-right: auto;
       
    }

}
@media(max-width: 600px){
    .spkr-box{
        border: 1px solid #c7c7c7;
        margin: 5px 0px;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
       
    }

}
.spkr-box .spk-img img{
    height: 100px;
    width: 100px;
    
}
.spkr-box .tim-deatails{
    padding: 10px 10px;
}
.spkr-box .spk-img{
    padding: 10px 10px;
}
.spkr-box-info{
    display: flex;
    flex-direction: row;
    
}
@media(max-width: 600px){
    .spkr-box-info{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        
    }
    .spkr-box .spk-img{
       margin-left: auto;
       margin-right: auto;
    }
    .spkr-box .spk-img img{
        height: 150px;
        width: 150px;
        
    }
    .spkr-box .tim-deatails{
        margin-left: auto;
        margin-right: auto;
    }

}
.session-timings{
    padding: 40px 0px;
}
.session-timings h4{
    font-size: 24px;
}
.speaker-section-session{
    background-color: white;
    padding-bottom: 30px;
}
.fa-user, .fa-clock{
    color: rgba(255, 0, 0, 0.699);
    width: 20px;
    height: 20px;
}
.upcoming-events-main-section{
    background-color: white;
    margin-top: 0px;
}
.md-ptnr-sec{
    background-color: white;
}
@media(max-width: 600px){
    .Circular{
        padding: 30px 15px;
    }
}
.align-left-btn h4{
    padding: 8px 10px;
    padding-left: 25px;
    font-size: 15px;
    background-color: #f3f2f2;
    color: #00a600; 
    position: absolute;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    top: 30%;
    left: 0px;

}
@media(max-width: 600px){
    .align-left-btn h4{
        position: relative;
        border-radius: 5px;
        padding-left: 10px;
    }
}
.align-cnter-session{
    position: absolute;
    left: 18%;
    top: 45%;
    color: white;
}
@media(max-width: 600px){
    .align-cnter-session{
        position: inherit;

    }
}
.align-cnter-session h4{
    font-size: 25px;
}
/* sponsor section*/
.sponsor-logo{
    width: 300px;
    height: 155px;
}
.Supporting-Sponsor{
    height: 169px;
    width: 410px;
}
@media(max-width: 1025px){
    .Supporting-Sponsor{
        height: 138px;
        width: 356px;
    }

}
@media(max-width: 600px){
    .Supporting-Sponsor{
        height: 138px;
        width: 303px;
    }

}
.Associate-Partner{
    height: 175px;
    width: 200px;
    padding: 0px 10px;
    align-items: center;

}
@media (max-width: 1024px){
    .Associate-Partner{
        height: 175px;
        width: 160px;
        padding: 0px 10px;
        align-items: center;
    
    }
    

}
@media (min-width:600px) and (max-width: 769px){
    .Associate-Partner{
        height: 116px !important;
        width: 290px !important;
        padding: 0px 10px;
        align-items: center;
    
    }
    .Associate-Partner-section{
        margin-left: auto;
        margin-right: auto;
    }
    .patner-section{
        height: 558px !important;
        padding: 0px 98px;
    }
}


@media(max-width: 600px){
    .Associate-Partner-section{
        margin-left: auto;
        margin-right: auto;
    }
    .Associate-Partner{
        width: 290px !important;
    
    }
}
.Platinum-Sponsor{
    
}
@media (max-width: 1024px){
    .Platinum-Sponsor{
        width: 350px;
    }

}
@media (max-width: 320px){
    .Platinum-Sponsor{
        width: 300px;
    }

}
.p-content{
    font-size: 13px;
}
@media(max-width: 1024px){
    .p-content{
        font-size: 12px;
    }

}
.logo-padding{
    padding: 0px 10px;
}
@media (max-width: 600px){
    .Diamond-Sponsor{
        width: 386px;
    }
    .Platinum-Sponsor{
        width: 350px;
    }
    .Supporting-Partner{
        width: 355px;
    }
    .Platinum-Sponsor-img{
        width: 355px;
    }
}
@media (max-width: 320px){
    .Supporting-Partner{
        width: 333px;
    }
    .Platinum-Sponsor-img{
        width: 270px;
    }
}