@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body{
    font-family: 'Roboto', sans-serif;
}
li{
    list-style: none;
}
body,h1,h2,h3,h4,h5,h6,div
{
    margin:0;
    padding:0;
}
.container{
    padding:0 100px;
}
.container-1{
    padding:0px 200px;
}
.align-right{
    text-align:right;
}
.engagement_img img,.gallery-image img,.engagement table{
    width: 100%;
}
.owl-carousel-slider .item h1,.owl-carousel-slider .item span,.testimonial strong,
.gallery strong{
    color:#024757;
}
.engagement p,.owl-carousel-slider .item p{
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
}
.events-details strong,.events-details em,a.mobile-menu,.header b,.header span,.footer strong,.footer li a:hover,#menu a:hover{
    color:#fff;
}
.logo,.testimonial strong,#menu,.gallery strong,.events-details,a.mobile-menu,.slider{
    text-align: center;
}
.pattern ul,.footer,.gallery-image,.event-wrap,.container,.container-1{
    overflow: hidden;
}
.clm-33,ul.engagement li,.gallery-image{
    float:left;
}
.footer li a,.footer li a:hover,#menu,#menu a,.gallery-image img,.gallery-image img:hover{
    transition: 0.3s;
}
/*------------------COMMON CSS--------------------*/
.clm-33{
    width:33.33%;
}
/*------------------HEADER SECTION--------------------*/
.header{
   
    padding-bottom:20px;
}
.logo-section{position:absolute;z-index:9; left:0; right:0; background: url(images/headerbg.png) repeat-x;}
.logo{
    padding-top: 20px;
}
.header b{
    background:#ef5646;
    display: inline-block;
    padding:10px 30px;
}
.header span{
    display: block;
    padding-top: 10px;
}
/*------------------SLIDER--------------------*/
.slider{
    padding: 87px 0 20px;
    position:relative;
}
.owl-carousel-slider .item h1{
    font-size:60px;
    font-weight: normal;
    display: block;
}
.owl-carousel-slider .item span{
    font-size:20px
}
.about-secton{text-align:center;padding:50px 0;}
/*------------------ENGAGEMENTS--------------------*/
.pattern{
    background-image: url('images/pattern.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain; 
    padding-top: 150px;   
}

ul.engagement{
    padding-top:20px;
}
ul.engagement li:nth-child(1){
    width: 20%;
}
ul.engagement li:nth-child(2){
    width: 80%;
}
.engagement_img{
    padding-right: 20px;
}
.engagement b{
    font-weight: normal;
    color:#363636;
    font-size: 30px;
}
.engagement span{
    font-size:22px;
}
.engagement em{
    font-weight: bold;
    font-style: normal;
}
.engagement h2,.engagement h3,.engagement h4{
    font-weight: normal;
    font-size:18px;
}
.color-1{
    color:#e25e1b;
}
.color-2{
    color:#028d3e;
}
.color-3{
    color:#5ac4d8;
}
/* TESTIMONIALS */
.testimonial strong{
    font-size: 60px;
    display: block;
    font-weight: normal;
    padding-bottom: 20px;
}
.testimonial{
    padding-bottom: 40px;
}
.item-logo{
    position: absolute;
    top:-8px;
    right:30px !important;
    z-index: 99 !important;
    border-radius:50%;
}
.item-logo img{
    border-radius: 50%;
    height:70px;
    width:70px;
}
.owl-carousel-testimonial .item{
    border-radius:3px;
    padding:40px 20px 20px;
    -webkit-box-shadow: 0px 3px 5px 2px rgba(240,240,240,1);
    -moz-box-shadow: 0px 3px 5px 2px rgba(240,240,240,1);
    box-shadow: 0px 3px 5px 2px rgba(240,240,240,1);
    border:1px solid #ebebeb;
    position: relative !important;
}
.item-details b{
    display: block;
    padding-bottom: 1px;
    font-weight: 500;
}
.item-details p{
    font-size: 15px;
    color:#585858;
    text-align: justify;
}
/* FOOTER */
.footer{
    background: #133942;
    padding:40px 0;
}
.footer strong{
    background: url(images/line-bottom.jpg) no-repeat left bottom;
    padding-bottom: 20px;
    display: block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
}
.footer ul{
    padding:0 10px 0 0;
}
.footer li,.footer li a{
    color:#e1e1e1;
    font-size: 14px;
}
.footer li{
    padding-top: 8px;
}
.footer li a{
    text-decoration: none;
    background: url(images/angle-right.png) no-repeat left;
    padding-left: 13px;
}
.footer li a:hover{
    padding-left: 15px;
}
/* POWERED */
.powered{
    background:#ef5646;
    padding:10px 0;
}
/* MENU */
#menu{
    background:#0c2a31;
    z-index: 99;
    padding:10px 0;
    position: sticky;
    top: 0;
    z-index: 999;
}
#menu a{
    font-size: 14px;
    text-decoration: none;
    color:#424242;
    padding:10px 20px;
    color:#b1b1b1;
    display: inline-block;
}
/* EVENTS PHOTOS */
.gallery{
    padding-bottom:40px;
}
.gallery strong{
    font-size: 40px;
    display: block;
    font-weight: normal;
    padding-bottom: 20px;
}
.gallery-image{
    width:25%;
    padding:0;
    transform: scale(1,1);
    height: 180px;;
}
.gallery-image img:hover{
    transform: scale(1.1,1.1);
}
.events-details{
    margin: 10px 0;
    background:#024757;
    padding:10px 0;
}
.events-details strong{
    font-size: 30px !important;
    padding-bottom: 5px;
    font-weight: 500;
}
.events-details em{
    font-size: 16px;
}
.event-wrap{
    padding-bottom: 40px;
}

.closee,.mobile-menu{
    display: none !important;
}
.engagement table,.engagement table tr,.engagement tr td{
    border:1px solid #ebebeb;
}
.engagement table tr td{
    padding:5px;
}
/* BACKTOTOP */
.top{
    position:fixed; 
    bottom:-100%; 
    right:40px; 
    width:40px; 
    height:40px; 
    border-radius:50%; 

    z-index:99; 
    text-align:center;
    line-height:40px;
}
.top a{
    font-size:12px;
    color:#fff;
}

#quiz{
    position:fixed;
    width:100%;
    background:rgb(0,0,0,0.80);
    z-index:999;
    height:0px;
    bottom:-100%;
}
#quiz iframe{
    width:100%;
    height:70vh;
}
.iframbg{
    background:#fff;
    width:50%;
    margin:0 auto;
    border-radius:17px;
}

/* MEDIA QUERY */
@media (max-width:480px){
    .topemail,.topphone{
        display: none;
    }
    .logo img{
        width:150px;
    }
    .clm-33,ul.engagement li:nth-child(2),ul.engagement li:nth-child(1){
        width: 100%;
    }
    ul.engagement{
        padding:0;
    }
    .testimonial strong,.gallery strong,.owl-carousel-slider .item strong{
        font-size: 30px;
    }
    .events-details strong,.owl-carousel-slider .item span{
        font-size: 20px !important;
    }
    .engagement_img img{
        width: 150px;
    }
    .engagement p, .owl-carousel-slider .item p{
        font-size: 16px;
        line-height: 22px;
    }
    .owl-carousel-slider .item h1{
        font-size:30px;
    }
    .logo-section{position:static;}

}
#newsletter .item img{width:75px !important; margin:0 auto;}
#newsletter .item{text-align:center;}
#newsletter .item a{color:#424242; display:block;font-size:14px;}
#newsletter .item a:hover{color:#EF5645;}


@media (max-width:800px){
   #menu{
   position: fixed;
   z-index: 9;
   left:-100%;
   } 
   #menu a{
    display: block;
    text-align: left;
    padding:5px 10px;
   }
   .container,.container-1{
    padding:0px 10px;
   }
   .pattern{
    padding-top: 80px;
   }
   .gallery-image{
    width: 50%;
    height: auto;
   }
   a.mobile-menu{
    display: block !important;
    padding-top: 20px;
    text-decoration: none;
}
.closee{
    display: block !important;
}
.iframbg{
    width:90%;
    border-radius:17px;
}
.close-quiz{
    padding-top:50px;
}
#quiz iframe{
    height:70vh;
}
.quizform{
    width:60% !important;
}
}