@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
  --primarycolor: #004590;
  --secondarycolors: #36c166;
}
*{box-sizing: border-box;margin: 0;padding: 0;}
body{margin: 0 auto;padding: 0;font-family: "Poppins", system-ui;}

/* Common CSS */
.common-heading{font-size: 34px;line-height: 52px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.4px;color: var(--primarycolor);padding-bottom: 0;position: relative;width: fit-content;margin: auto auto 45px auto;}
.common-heading::before{content: "";position: absolute;bottom: 0;background: var(--secondarycolors);width: 50%;height: 3px;left: 50%;transform: translateX(-50%);}

.p-text-div{display: flex;flex-direction: column;gap: 10px 0;}
.p-text{font-size: 16px;font-weight: 400;line-height: 24px;color: #212529;margin-bottom: 0;}

.col-row{gap: 25px 0;}

.register-btn{width: fit-content;padding: 14px 32px;border: 1px solid var(--secondarycolors);color: #000;text-decoration: none;font-size: 16px;line-height: 26px;font-weight: 500;}
.register-btn:hover{background: var(--secondarycolors);color: #FFF;}

.sec-padding{padding: 45px 0;}

/* Main Banner */
.main-banner .img-div .banner-img{width: 100%;object-fit: contain;}

/* Welcome Message Sec  */
.welcome-message-sec .img-div{background: #fff;display: flex;flex-direction: column;gap: 15px 0;align-items: center;justify-content: center;}
.welcome-message-sec .img-div .welcome-msg-img{height: 330px;border-radius: 50%;}
.welcome-message-sec .sub-heading{font-size: 26px;font-weight: 600;line-height: 36px;color: #212529;margin-bottom: 15px;}
.welcome-message-sec .img-div .detail{display: flex;flex-direction: column;gap: 5px 0;align-items: center;justify-content: center;}
.welcome-message-sec .img-div .detail .name{margin-bottom: 0;color: #000;font-size: 22px;font-weight: 600;line-height: 32px;}
.welcome-message-sec .img-div .detail .des{margin-bottom: 0;color: #000;font-size: 16px;font-weight: 400;line-height: 24px;}

/* Counter Section */
.counter-sec {background: #dff7fe;padding: 80px 0 50px 0;}
.counter-sec .register-btn {display: inline-block;padding: 15px 30px;background-color: var(--primarycolor);color: #fff;font-size: 28px;line-height: 1;font-weight: 600;text-transform: uppercase;border-radius: 50px;text-decoration: none;transition: background-color 0.3s ease;border: 0;}
.counter-sec .register-btn:hover {background-color: var(--secondarycolors);}

.counter-sec .counter-mdiv{display: flex;justify-content: space-evenly;gap: 30px;}
.counter-sec .counter-div{display: flex;position: relative;align-items: center;gap: 0 10px;position: relative;z-index: 2;width: fit-content;}
.counter-sec .counter-div .round{width: 150px;height: 150px;background: var(--secondarycolors);border-radius: 100px;position: absolute;left: 90px;top: -30px;z-index: -1;opacity: 0.6;}
.counter-sec .counter-div .counter-text{margin: 0;font-size: 155px;line-height: 150px;font-weight: 700;font-style: italic;color: #000;}
.counter-sec .counter-div .text-div{display: flex;flex-direction: column;border-top: 3px solid #000;border-bottom: 3px solid #000;}
.counter-sec .counter-div .text-div span{font-size: 42px;line-height: 45px;font-weight: 800;color: #000;text-transform: uppercase;font-style: italic;}

/* Organizing Committee */
.organizing-committee{background: #E9EFFF;}
.organizing-committee .row{gap: 24px 0;}
.organizing-committee .dr-content {display: flex;padding: 15px;align-items: center;border-radius: 10px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.19);flex-direction: column;gap: 15px 0;transition: all 0.3s ease-in-out;height: 100%;}
.organizing-committee .dr-content .dr-img{width: 100%;border-radius: 10px;object-fit: cover;}
.organizing-committee .dr-content .detail {display: flex;flex-direction: column;align-items: center;gap: 4px 0;}
.organizing-committee .dr-content .detail .name {color: #000;font-size: 18px;font-weight: 600;line-height: 26px;margin-bottom: 0;transition: all 0.3s ease-in-out;}
/* .organizing-committee .dr-content:hover .detail .name {color: var(--primarycolor);} */
.organizing-committee .dr-content .detail .des {margin-bottom: 0 ;color: #555;font-size: 14px;font-weight: 400;line-height: 22px;}

/* Quick Sec */
.quick-sec .card{border: 0;}
.quick-sec .card .card-header{border: 0;background: #ddd;}
.quick-sec .card .card-body{border: 1px solid #ddd;border-radius: 0 0 5px 5px;}
.quick-sec .title{margin-bottom: 20px;width: fit-content;font-size: 18px;line-height: 28px;color: #000;font-weight: 600;}
.quick-sec .link-div{display: flex;flex-direction: column;gap: 10px 0;}
.quick-sec .link-div .link{font-size: 16px;line-height: 24px;color: #000;text-decoration: none;display: flex;align-items: center;gap: 0 7px;font-weight: 400;width: fit-content;}
.quick-sec .link-div .link:hover{color: var(--primarycolor);}
.quick-sec .venue-map{width: 100%;height: 250px;}
.quick-sec .quick-link-card .card-body{display: flex;justify-content: space-between;gap: 30px;flex-direction: column;}
.quick-sec .venue-address{font-size: 16px;line-height: 24px;font-weight: 500;color: #000;margin-bottom: 0;}

/* photo gallery sec*/
.photo-gallery-sec {background-color: #E9EFFF;}
.photo-gallery-sec .gallery-img-div{height: 180px;display: block;}
.photo-gallery-sec .gallery-img{width: 100%;height: 100%;object-fit: cover;}
.photo-gallery-sec .row-gap{display: flex;gap:  30px 0;}

/* Brands Sec */
.brands-sec{position: relative;}
.brands-sec .slider-content{display: flex !important;flex-direction: column;align-items: center;justify-content: center;gap: 7px 0;margin: 10px 12px;}
.brands-sec .slider-content .img-div{width: 100%;height: 120px;border-radius: 10px;padding: 20px 15px;box-shadow: 0px 0px 20px 0px #00000014;display: flex;align-items: center;justify-content: center;background: #FFF;}
.brands-sec .slider-content .img-div .brand-img{height: 80px;object-fit: contain;}
.brands-sec .slider-content .title{margin-bottom: 0;font-size: 14px;font-weight: 600;line-height: 22px;text-align: center;color: #000;}

.slider-btns{z-index: 11;display: flex;gap: 0 7px;justify-content: center;margin-top: 20px;} 
.slider-btns .left-btn, .slider-btns .right-btn{border: none;display: flex;width: 43px;height: 43px;flex-direction: column;justify-content: center;align-items: center;transition: all 0.3s ease-in-out;color: #fff;border-radius: 100px;background: var(--primarycolor);}
.arrows{font-size: 18px;color: #fff;}
.slider-btns .left-btn:hover,  .slider-btns .right-btn:hover{background: var(--secondarycolors);}
.slider-btns .left-btn:focus,  .slider-btns .right-btn:focus{outline: 0;}

/* Stall Section */
.stall-sec{background: #E9EFFF;}
.stall-sec .common-heading{font-size: 21px;line-height: 42px;}
.stall-sec .stall-row{display: flex;align-items: center;gap: 30px;flex-wrap: wrap;}
.stall-sec .gallery-img{height: 250px;object-fit: contain;width: 100%;}

/* ------------- footer ------------- */
.footer{background: var(--primarycolor);}
.footer .footer-content{padding: 46px 15px 15px 15px;}
.footer .footer-logo-link{display: block;width: fit-content;background: #fff;padding: 8px;}
.footer .brand-logo-footer{width: 100%;}
.footer .about-content{font-weight: 400;font-size: 16px;line-height: 24px;margin-top: 20px;margin-bottom: 0;color: #FFFFFF;}
.footer .footer-heading{font-weight: 500;font-size: 25px;line-height: 34px;color: #FFFFFF;margin-bottom: 15px;}
.footer .footer-links{display: flex;flex-direction: column;gap: 10px;}
.footer .footer-links .link-text{font-weight: 400;font-size: 16px;line-height: 24px;color:#FFFFFF;text-decoration: none;position: relative;margin-left: 0;transition: 0.3s ease;width: fit-content;display: flex;align-items: center;gap: 0 7px;}
.footer .footer-links .link-text:hover{color: var(--secondarycolors);}
.footer .location-info-content{display: flex;flex-direction: column;gap: 10px;margin-bottom: 15px;}
.footer .location-info-content .content{display: flex;}
.footer .location-info-content .content .text{font-weight: 400;font-size: 16px;line-height: 24px;color: #FFFFFF;margin-left: 13px;margin-bottom: 0;text-decoration: none;transition: 0.3s ease;}
.footer .location-info-content .content i{transition: all 0.3s ease;}
.footer .location-info-content .content-hover .text:hover{color: var(--secondarycolors) !important;} 
.footer .sub-footer{background: #083C5F;padding: 10px 0;}
.footer .sub-footer .content{display: flex;justify-content: space-between;gap: 5px;flex-wrap: wrap;}
.footer .sub-footer .all-rights{font-weight: 400;font-size: 16px;line-height: 24px;color: #FFFFFF;margin-bottom: 0;}
.footer .sub-footer .develop-by{font-weight: 400;font-size: 16px;line-height: 24px;color: #FFFFFF;margin-bottom: 0;}
.footer .sub-footer .develop-by .twt-link{color: #fff;text-decoration: none;font-weight: 400;font-size: 16px;line-height: 24px;transition: all 0.3s ease-in-out;}
.footer .sub-footer .develop-by .twt-link:hover{color: var(--secondarycolors);}
.footer .dr-name{font-size: 16px;line-height: 18px;color: #fff;font-weight: 600;margin: 0;}
.quick-sec .link-div .link.no-hover:hover{color: #000;}
.footer .footer-links .link-text.no-hover:hover{color: #fff;}
@media (max-width:992px) {
    .footer .quick-links-footer{margin-bottom: 18px;}
}
@media (max-width:576px) {
    .footer .footer-content{padding: 28px 15px 15px 15px;}
    .footer .sub-footer .all-rights, .footer .sub-footer .develop-by{font-size: 14px;line-height: 22px;}
    .footer .location-info-content .content .text{font-size: 14px;line-height: 22px;margin-left: 7px;}
    .footer .location-info-content{margin-bottom: 10px;}
    .footer .footer-heading{font-size: 18px;margin-bottom: 10px;}
    .footer .about-content{font-size: 14px;line-height: 22px;margin-top: 10px;}
    .footer .sub-footer{padding: 5px 0;}
    .footer .footer-links{gap: 7px;}
    .footer .footer-links .link-text{font-size: 14px;line-height: 22px;}
    .footer .sub-footer .content{justify-content: center;flex-direction: column;align-items: center;}
    .footer .logo-about-footer{margin-bottom: 15px;}
    .footer .brand-logo-footer{width: 220px;}
}

@media (max-width: 768px) {
    .common-heading{font-size: 28px;line-height: 44px;margin: auto auto 35px auto;}

    .counter-sec .contnt{flex-direction: column;}
}

@media (max-width:576px) {
    .sec-padding{padding: 35px 0;}
    .common-heading{font-size: 22px;line-height: 38px;margin: auto auto 30px auto;text-align: center;}
    .col-row{gap: 15px 0;}
    .p-text-div{gap: 5px 0;}
    .p-text{font-size: 14px;line-height: 22px;}

    .welcome-message-sec .img-div .welcome-msg-img{object-fit: cover;height: 250px;}
    .welcome-message-sec .img-div .detail .name{font-size: 18px;line-height: 24px;}
    .welcome-message-sec .img-div .detail .des{font-size: 14px;line-height: 22px;}

    .organizing-committee .dr-content{gap: 10px 0;padding: 12px;}
    .organizing-committee .row{gap: 15px 0;}
    .organizing-committee .dr-content .detail .name{font-size: 16px;line-height: 24px;}

    .counter-sec .counter-div .counter-text{font-size: 85px;line-height: 100px;}
    .counter-sec .counter-div .text-div span{font-size: 24px;line-height: 28px;}
    .counter-sec .counter-div .round{left: 70px;top: -20px;width: 100px;height: 100px;}
    .counter-sec .counter-mdiv{flex-direction: column;justify-content: center;gap: 20px 0;align-items: center;}
    .counter-sec .register-btn{font-size: 18px;line-height: 24px;padding: 12px 21px;}

    .stall-sec .gallery-img-div{width: 100%;height: 100%;display: block;}
    .stall-sec .gallery-img{object-fit: cover;object-position: top;height: 300px;}
    .photo-gallery-sec .row-gap, .stall-sec .row-gap {gap: 20px 0;}

    .stall-sec .common-heading{font-size: 18px;line-height: 32px;}
}