/*
Theme Name: icec
*/


@font-face {
	font-family: clash-display;
	src: url(../icec/assets/clash-display/ClashDisplay-Medium.otf);
	font-weight: 500
}

@font-face {
	font-family: clash-display;
	src: url(../icec/assets/clash-display/ClashDisplay-Regular.otf);
	font-weight: 400
}

@font-face {
	font-family: clash-display;
	src: url(../icec/assets/clash-display/ClashDisplay-Semibold.otf);
	font-weight: 600
}

@font-face {
	font-family: clash-display;
	src: url(../icec/assets/clash-display/ClashDisplay-Bold.otf);
	font-weight: 700;

}


h1,h2,h3,h4,h5,h6{
    font-family: 'clash-display';
    color: #1C1C1CCC;
}
p, a{
    font-family: 'SF Pro Display', sans-serif;
    color: #696969;                                            
}
a:hover{
   color:#DBB55F !important;
    text-decoration: none !important;
}

.container{
    max-width: 1235px !important;

}
.navbar-fixed-top.scrolled-inner {
    position: fixed;
    width: 100%;
    z-index: 9;
    top: 0px;
    background: #000000c9 !important;    
    transition: background-color 200ms linear;
    -webkit-box-shadow: 0px 5px 15px 0px #bdb9b91a;
    -moz-box-shadow: 0px 5px 15px 0px #bdb9b91a;
    box-shadow: 0px 5px 15px 0px #bdb9b91a;
	top: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-fixed-top.scrolled-inner .page-id-6 .header-wrapper{
    background: #000000c9 !important; 
}

.navbar-fixed-top.scrolled-inner .header-logo img {
    width:200px;
    height:60px;
} 

/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #DBB55F;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.custom-navbar {
    position: absolute;
    top: 0;
    width: 100%;
    background: transparent;
    padding: 15px 0;
    z-index: 1000;
}
.nav-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
}
.logo img {
    width:auto;
    object-fit: cover;
}
.men{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-log img {
    width: 205px;
    object-fit: contain;
    background: #394c5e;
    padding: 10px;
    border-radius: 14px;
}

.header-wrapper {
    position: fixed;
    z-index: 10;
    width: 100%;
    background: #0000002b;
    padding-top: 25px;
    padding-bottom: 10px;
}
.page-id-6 .header-wrapper{
    background: transparent ;
}
.menu-logoheader{
    background: transparent;
    height: 82px;
    display: flex;
    align-items: center;
}

.mega-menu-item-1827 {
    border: 2px solid white !important;
    padding: 5px 15px !important;
    border-radius: 20px !important;
    color: white !important;
    text-decoration: none !important;
    transition: .03s ease !important;
}
.mega-menu-item-1827:hover{
    background: #DBB55F !important;
    padding: 5px 15px !important;
    border-radius: 20px !important;
    color: white !important;
    text-decoration: none !important;
     transition: .03s ease !important;
}
.mega-menu-item-1828{
    background: #DBB55F !important;
    padding: 5px 15px !important;
    border-radius: 20px !important;
    color: white !important;
    text-decoration: none !important;
    transition: .03s ease !important;
}
.mega-menu-item-1828:hover{
    background-color: transparent !important;
    border: 2px solid white !important;
    padding: 5px 15px !important;
    border-radius: 20px !important;
    color: white !important;
    text-decoration: none !important;
    transition: .03s ease !important;
}

.mega-menu-item-1828 a:hover{
    background-color: transparent !important;
    transition: .03s ease !important;
   
}

.container {
    max-width: 1230px !important;
}
 /* header ends */



 /* banner start */
 .banner-item{
    height:118vh;
 }
 .banner-item img{
    width: 100%;
    object-fit: cover;
    height:118vh;
 }
 .ban-first-text {
    position: relative;
    left: 35px;
    margin-top: 10px;
    margin-bottom: 2px;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
}
.bann-head h1 {
    font-family: 'clash-display';
    width: 100%;
    font-size: 75px;
    color: #fff;
    font-weight: 600;
    line-height: 5rem;
}
.banner_para {
    font-family: 'SF Pro Display';
    color: #fff;
    width: 85%;
    margin-bottom: 30px;
}

.frame-logo {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 50px !important;
    height: 50px !important;

    margin-top: 0 !important;
}

.banner-rotating-section .rotate-img1 {
    position: absolute;
    top: -64px;
    right: -220px;
    width: 180px;
    height: 180px;
    object-fit: cover;
    margin-top: 0 !important;
    animation: rotate-in-place 8s linear infinite;
}
.bannerslider-item {
    position: absolute;
    top: 250px;
    width: 67% !important;
}
.banner-btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #DBB55F; /* Adjust the color to match */
    color: #ffffff !important;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 24px;
    text-decoration: none !important;
}

.banner-btn a i {
    margin-left: 10px;
    font-size: 16px;
}


/* Define the rotation keyframes */
@keyframes rotate-in-place {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.banner-rotating-section .rotate-img2 {
    position: absolute;
    top: -30px;
    right: -190px;
    width: 115px;
    height: 115px;
    object-fit: contain;
    margin-top: 0 !important;

}

/* Define the flipping keyframes */


 /* banner ends */

 /* banner bottom starts */

 .banner-bottom-card {
    position: relative;
    bottom: 0px;
    border-radius: 25px;
    width: 100%;
 }

.banner-bottom-wrapper{
    padding-bottom: 70px;
    margin-top:-45px;
}
.banner-bottom-wrapper img {
    border-radius: 15px;
    object-fit: cover;
    height: 225px;
    width: 100%;
}
.banner-bottom-wrapper .col-lg-3{
    padding-left: 10px !important;
    padding-right: 10px !important;
}


 /* banner bottom ends */

 /* about section starts */

.abt-content h6{
    width: fit-content;
    padding: 5px 15px;
    background: #ffffff;
    color: #DBB55F;
    border-radius: 20px;
    font-weight: 400;
    font-size: 22px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    font-family: 'SF Pro Display', sans-serif !important;
}
.abt-content span img{
    width: 30px;
    height: 30px;
    object-fit: contain;
    padding-right: 10px;
}
.abt-img img {
    height: auto;
    width: 55%;
    object-fit: cover;
    padding-top: 50px;
    position: absolute;
    right: 0;
    z-index: 1;
    top: -44px;
}

.abt-content h2{
    font-family: 'clash-display';
    color: #394C5E;
    font-weight: 600;
    font-size: 37px;
    line-height: 47px;
}
.about-video-box {
    position: absolute;
    left: 25px;
    width: 52%;
    object-fit: cover;
    top: 106px;
    z-index: 2;
}
.about-video-box video {
    height:425px;
    background: #000;
    border-radius: 20px;
}

.readmore-btn{
    display: inline-flex;
    align-items: center;
    color: #fff;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition: 0.3s ease;
    background: linear-gradient(to right, #fff 50%, #DBB55F  50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
    .readmore-btn i{
    padding-left: 10px;
    }
    .readmore-btn:hover i {   
        rotate: 0deg;
        transition: 1s ease;
        color: #DBB55F; /* Works for font icons like FontAwesome */
        fill: #DBB55F; /* Works for inline SVG */  
    }

.readmore-btn:hover{  
    text-decoration: none;
    color: #DBB55F;
    background-position: left bottom;
    -webkit-box-shadow: 0px 0px 10px 0px #9E9E9E1A;
    -moz-box-shadow: 0px 0px 10px 0px #9E9E9E1A;
    box-shadow: 0px 0px 10px 0px #9E9E9E1A;
}

/* Keyframes for rotation animation */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Keyframes for flip animation */


/* abt-rotate-img1: Rotation animation in place */

.abt-arrow {
    position: absolute;
    bottom: -54px;
    left: -24px;
    width: 150px;
    height: 150px;
    object-fit: contain;
    z-index: 2;
}
.abt-arrow:hover{
    rotate:45deg;
    transition:.8s ease;
}
.abt-rotate-img1 {
    position: absolute;
    right: 30px;
    top: 12px;
    width: 105px;
    height: 200px;
    object-fit: contain;
    transform-origin: center center; 
      z-index:9;
    animation: rotate 8s linear infinite;
    
}
.abt-floating-box {
    background: #dbb55f;
    padding: 10px 20px;
    z-index: 3;
    position: absolute;
    border-radius: 15px;
}
.abt-floating-box p{
    color: #fff;
    margin-bottom:0;
}
.floating-box-top {
    top: 25px;
    left: 20%;
}
.floating-box-bottom {
    bottom: 10px;
    right: 22%;
}
/* abt-rotate-img2: Flip animation in place */
.abt-rotate-img2 {
    position: absolute;
    right: 51px;
    top: 82px;
    width: 60px;
    height: 60px;
    object-fit: contain;
    transform-origin: center center; 
    z-index:100;
  
}

.abt-content{

    padding-bottom: 140px;
}

.mv-box {
    border: 1px solid #b5b5b5;
    padding: 30px;
    width: 100%;
    height: 100%;
    border-radius: 35px;
    position: relative;
    overflow: hidden;
    text-align: justify;
    box-shadow: 0px 18px 19px 0px #7272721a;
}

.mv-box img {
    width: 55px;
    height: 55px;
    object-fit: contain;
}
.mv-wrapper{
    margin-top:30px;
}
.pledge-box img {
    filter: invert(1);
    margin: auto;
    text-align: center;
    display: block;
    opacity: .9;
    width: 110px;
    height: 110px;
    object-fit: contain;
    padding-bottom: 10px;
}
.pledge-box {
    margin: 80px auto 0;
    padding: 30px;
    border: 1px solid #00000036;
    border-radius: 30px;
    box-shadow: 0px 3px 14px 3px #7373731a;
}
.pledge-box h4{
    text-align:center;
        color: #394C5E;
}
.pledge-box p{
    text-align: justify;
}
.mv-wrapper .col-lg-6{
    padding-left: 8px;
    padding-right: 8px;
}
.mv-box h6 {
    color: #394C5E;
    font-weight: 400;
    font-size: 20px;
    padding-top: 15px;
    font-family:'SF Pro Display', sans-serif !important;
}

.mv-box p {
    font-size: 14px;
}
.home-service{
    padding-top: 70px;
}
.sub-heading{
    text-align: center;
    padding-bottom: 15px;
}
.sub-heading h6 {
    background: #ffffff;
    color: #DBB55F;
    padding: 7px 20px;
    width: fit-content;
    margin: auto;
    border-radius: 15px;
    font-size: 19px;
    font-weight: 400;
    font-family: 'SF Pro Display', sans-serif !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);

}
.sub-heading p{
    width:80%;
    margin:auto;
    display:block;
}
.sub-heading h1 {
    font-size: 25px;
    font-family: 'clash-display' !important;
    font-weight: 500;
    text-align: center;
    width: 50%;
    margin: auto;
    padding: 13px 0;
    color:#394C5E;
}
.featured-service {
    padding: 25px;
    background: #fff;
    border-radius: 12px;
    float: left;
}

.featured-service p {
text-align: justify;
font-size: 15px;
}

.service-card {
    padding: 15px;
    border: 1px solid #1C1C1C33;
    border-radius: 38px;
    box-shadow: 0px 12px 20px 4px rgba(0, 0, 0, 0.1); 
    height: 220px;
    width: 100%;
}

.service-icon{
    float: left;
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
}
.service-card  a:hover{
    color:#DBB55F;
}

.service-card h5 {
    font-family: 'SF Pro Display';
    text-align: left;
    padding-top: 15px;
    padding-left: 10px;
    color: #DBB55F;
    font-weight: 400;
    margin-bottom: 10px;
}

.service-card p {
    padding-top: 10px;
    color: #6c757d;
    font-size: 14px;
        text-align: justify;

    }
    .img-letter{
        display: flex;
        align-items: center;
    }
    .services-btn{
        display: inline-flex;
        align-items: center;
        color: #fff;
        padding: 15px 25px;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
        transition: 0.3s ease;
        background: linear-gradient(to right, #fff 50%, #DBB55F  50%);
        background-size: 200% 100%;
        background-position: right bottom;
        transition: all .5s ease-out;
    }

    .services-btn:hover{  
        text-decoration: none;
        color: #DBB55F;
        background-position: left bottom;
        -webkit-box-shadow: 0px 0px 10px 0px #9E9E9E1A;
        -moz-box-shadow: 0px 0px 10px 0px #9E9E9E1A;
        box-shadow: 0px 0px 10px 0px #9E9E9E1A;
    }
    
.srv-h2{
    font-size: 36px;
    font-family: 'clash-display';
    font-weight: 600;
    text-align: left;
}
.srv-p{
    color: #6c757dc7 !important;
    text-align: left;
    font-size: 14px;
}

.services-view {
    font-size: 15px;
    color: #474747;
    padding-left:10px;
}

.services-view :hover {
    text-decoration: none !important;
}




/* Events Section Start */
.event-heading h6 {
    background: #fff;
    color: #DBB55F;
    font-size: 22px;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 20px;
    font-weight: 500;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}


.event-heading p {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
    text-align: center;
}

/* Event Cards Layout */

.event-box {
    background: #fff;
    border-radius: 15px;
    text-align: left;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    padding: 15px;
    height: 100% !important;
}

.event-box a:hover{
    color:#DBB55F;
}

/* Event Header: Category & Date */
.event-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.event-title p {
    background: #212121;
    color: #FFFFFF;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 12px;
    margin: 0px;
}

.event-title h5 {
    font-family: 'SF Pro Display';
    color: #888;
    font-size: 14px;
    font-weight: 500;
}

/* Event Content */
.event-content h6 {
    font-size: 18px;
    font-weight: bold;
    color: #DBB55F;
    margin-bottom: 10px;
}
.event-name h5 {
    font-size: 16px;
    padding: 25px 0px;
    height: 60px;
    font-family: 'SF Pro Display', sans-serif !important;
    color: #DBB55F;
    font-weight: 400;
    letter-spacing: 1px;
}
.event-name {
    line-height: 23px;
   font-family: 'SF Pro Display';
   color: #DBB55F;
}
.event-content p {
    text-align: justify;
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
}

/* Register Button */
.events-register-btn {
    margin-top: auto;
    display: block;
    text-align: center;
    background: #000000f0;
    color: white;
    padding: 5px 10px;
    font-weight: 400;
    border-radius: 13px;
    text-decoration: none;
    font-size: 20px;
}
.event-btn-button{
    display: inline-flex;
    align-items: center;
    color: #fff;
    padding: 18px 34px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s ease;
    background: linear-gradient(to right, #fff 50%, #DBB55F 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}

.event-btn-button:hover{  
    text-decoration: none;
    color: #DBB55F;
    background-position: left bottom;
    -webkit-box-shadow: 0px 0px 10px 0px #9E9E9E1A;
    -moz-box-shadow: 0px 0px 10px 0px #9E9E9E1A;
    box-shadow: 0px 0px 10px 0px #9E9E9E1A;
}

.event-btn-button i {
    padding-left: 10px;
}

/* event section ends */


/* news section start */

.new-cnt {
    padding-bottom: 40px;
}

.news-content{
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    height: 100%;
}


.custom-thumbnail-class img {
    width: 100%; /* Makes the image responsive */
    height: auto; 
    object-fit: cover;
    border-radius:18px 18px 0 0;
}

.news-title {
    padding: 25px ;
    font-family: 'SF Pro Display';
}

.nws-h4{
    height: 60px;
    line-height: 23px;
    font-weight: 500;
    color: #1C1C1CCC;
}
.nws-h4 h4{
     font-family: 'SF Pro Display' !important;
     font-size:19px;
}
    .sub-heading {
    padding-top: 60px;
    text-align: center;
    padding-bottom: 15px;
    margin:auto;
}

.news-items{
    margin-top: auto;
    text-align: center;
    background: black;
    color: white;
    padding: 5px 14px;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none;
    }
/* news section ends  */
/* home contact starts */

.home-contact-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 535px;
}

/* Background image styling with gradient overlay */
.home-contact-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 0%));
    z-index: 1;
}

.home-contact-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Ensuring the content is above the gradient */
.home-contact-box {
    position: relative;
    z-index: 2;
}


/* Contact box styling */
.home-contact-box {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding: 5px;
    color: #fff;
    font-family: Arial, sans-serif;
}

/* Contact item styling */
.home-contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.contact-icon {
    width: 50px;
    height: 50px;
    background:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 20px;
    color: #000;
    margin-right: 15px;
    padding:15px;
}

.contact-text {
    font-size: 14px;
    line-height: 1.5;
}

/* Links inside contact text */
.contact-text a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

/* Add hover effect for links */
.contact-text a:hover {
    text-decoration: underline;
}
.home-cnt-item-wrap{
    padding:25px;
    border:1px solid #eee;
    border-radius:20px;
        box-shadow: -1px 20px 20px 0px #4c4c4c17;
    
}

.home-form {
    background: #D9EAFF;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    height:100%;
}
.home-form h2{
    color: #DBB55F;
    font-weight: 600;
    padding-top:32px;
}
.home-form input {
    border: none;
    height: 50px;
    padding: 10px;
    border-radius: 10px;
    width:100%;
}
.home-form textarea {
    border: none;
    height: 50px;
    padding: 10px;
    border-radius: 10px;
    width:100%;
}
.wpcf7-spinner{
    display: none;
}
.home-form .wpcf7-submit {
    background: #dbb55f;
    color: #fff;
}
.contact-text p{
    color: #fff;
    margin-bottom:0 !important;
}
.home-contact{
    padding-bottom: 80px;
}
/* home contact ends */
/* footer section starts */


.footer-logo img {
    width: 290px;
    object-fit: contain;
    padding-bottom: 20px;
}
.footer a, .footer p{
    color: #1C1C1CB2;
    font-size: 16px;
}
.footer a:hover{
    color: #DBB55F;
}
.footer h4{
    padding-bottom: 20px;
    font-family: 'SF Pro Display', sans-serif;
    font-size: 27px;
}
.footer li{
    list-style: none;
}
.footer{
    box-shadow: 0 0 30px 0 #31292950;
    padding-top: 50px;

}
.footer .menu ul{  
    padding-left:10px;
}
.footer h4{
    color: #DBB55F;
}
.footer-copy {
    background: #181818;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 50px;
}
.footer-copy a, .footer-copy p{
    color: #fff;
    margin-bottom: 0;
}
#menu-quick-links{
    padding-left: 0;
    column-count: 2;
}
.address span{
    padding-right: 15px;
}
.social-icons a{
    padding: 5px;
}
.certificates img {
    padding-bottom: 10px;
    width: 110px;
}
.copyright{
    text-align: center;
}
.social-icons i {
    color: #DBB55F;
    background: #EEEEEE;
    padding: 10px;
    font-size: 27px;
    height: 48px;
    width: 48px;
    margin: auto;
    text-align: center;
    border-radius: 10px;
}
.social-icons img{
    width:40px;
    height:40px;
    object-fit:cover;
}
.social-icons {
    display: flex;
    align-items: center;
    gap: 3px;
}
/* footer section ends */

/* inner pages */
.innerpage-header{
    height: 400px;
    position: relative;
}
.innerpage-header img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.pageheading-middle{
    position: absolute;
    top: 50%;
    padding-left: 35px;
}
.pageheading-middle h2 {
    color:#fff;
    font-family: 'clash-display';
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 38px;

}
.pageheading-middle span, .pageheading-middle a {
    color:#fff;
    font-family: 'SF Pro Display', sans-serif;
}
.inner-wrapper{
    padding-top: 80px;
    padding-bottom: 80px;
}
.inner-abt p{
    text-align: justify;
}
.inner-sub-heading{
    text-align: center;
    margin: auto;
    width: 70%;
    padding-bottom: 40px;
}
.inner-sub-heading h2{
    font-weight: 600;
    font-size: 38px;
}

.title--center-line {
    text-align: center;
}
.title--center-line::before {
    content: "";
    background-color:  #DBB55F;
    height: 2px;
    width: 60px;
    margin-right: 1rem;
  }
.title--center-line::after {
    content: "";
    background-color: #DBB55F;
    height: 2px;
    width: 60px;
    margin-left: 1rem;
  }
.title {
    font-size: 22px;
    font-weight: 600;
    color: #1C1C1CCC;
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: center;
    font-family: 'SF Pro Display', sans-serif !important;
}

/* inner services */

.inner-services{
    padding:20px;
    border: 1px solid #00000028;
    border-radius: 10px;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.inner-services:before {
    position: absolute;
    content: '';
    background: url(../icec/assets/img/servbg.webp) no-repeat center;
    background-size: cover;
    width: 185px;
    height: 125px;
    object-fit: contain;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .4;
}
.inner-wrapper .col-lg-4{
    margin-bottom: 20px;
}
.inner-services img{
    margin: 30px auto;
    display: block;
    height:100px;
}
.inner-services h6{
    color: #1C1C1CCC;
    font-weight: 600;
    font-size: 22px;   
    letter-spacing: 1px;
    height: 60px;
}
.inner-services .readmore-btn {
    padding:4px 35px !important;
}
.inner-services p{
    margin-bottom: 40px;
}

/* service detail page */

.service-detail-img {
    position: relative;
    display: inline-block;
    width:100%;
    object-fit:cover;
}

.service-detail-img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
}

@keyframes hithere {
    30% { transform: scale(1.2); }
    40%, 60% { transform: rotate(-20deg) scale(1.2); }
    50% { transform: rotate(20deg) scale(1.2); }
    70% { transform: rotate(0deg) scale(1.2); }
    100% { transform: scale(1); }
  }

.service-detail-img::before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: #DBB55F;
    border-radius: 5px;
    z-index: -1;
    animation: hithere 5s linear infinite;
    left:-30px;
    bottom:-30px;

}

.service-detail h4{
    font-size: 30px;
    font-weight: 600;
    padding-left: 20px;
    border-left:5px solid #DBB55F;
    margin-bottom: 20px;
}
.event-gallery-wrapper{
	padding-top:100px;
}
 
/* inner about */
.about-innerpage{
    overflow: hidden;
}
.about-rotating-section img{
    filter: invert(1);
}
.about-rotating-section{
    position: relative;
}
.about-rotating-section .abt-rotate1 {
    position: absolute;
    bottom: 15px;
    width: 150px;
    height: 150px;
    left: 45px;
    animation: rotate-in-place  10s ease-in-out infinite;
}
.about-rotating-section .abt-rotate2 {
    position: absolute;
    bottom: 40px;
    left: 70px;
    width: 100px;
    height: 100px;
}
.abut img{
    width:100%;
    object-fit:contain;
}
.testimonial-item {
    background: #8d8c8b13;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%; 
    height: 250px;
    margin: 0 auto; 
    position: relative;
}
.testimonial-item:before{
    position: absolute;
    content: '';
    background: url(../icec/assets/img/quotation.png) no-repeat center;
    background-size: cover;
    width: 150px;
    height: 110px;
    right: 10px;
    bottom: 0;
    opacity: .1;
}
.testimonial-text {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    text-align: justify;
    padding-top:30px;
}

.testimonial-author {
    margin-top: 15px;
    font-weight: bold;
    padding-bottom: 15px;
    color: #333;
}

.testimonial-author span {
    font-style: italic;
    color: #777;
}
.test-bottom{
    background-color: #fff;
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40%;
    border-top-right-radius: 15px;
}
.rounded-circle {
    border-radius: 50%!important;
    width: 50px;
    height: auto;
}
.testimonial-img{
    padding: 10px;
}
.test-tittle{
    padding: 0;
    margin: 0;
}
.team-box img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    background: #fdf8f8;
    box-shadow: 1px 7px 14px 8px #00000031;
    object-position: top;
    position: absolute;
    left: 0;
    top: -32px;
    right: 0;
    margin: auto;
    border-radius: 50%;
}
.team-wrapper {
    background: url(../icec/assets/img/team-bg.webp) no-repeat center;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 120px;
    margin-bottom: 80px;
}
.team-box {
    position: relative;
    height: 100%;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 9px 0 #00000042;
}
.team-social {

    margin: auto;
    display: flex;
    justify-content: space-evenly;
}
.team-inner .col-lg-3{
    padding-left:5px;
    padding-right: 5px;
}
.team-social img{
    width: 30px;
    height: 30px;
    object-fit: contain;
    filter: invert(1);
    background: #fff;
    padding: 5px;
    border-radius: 50%;

}
.team-slider {
	margin-bottom:50px !important;
}
.team-wrapper .view-all
 {
    margin: auto;
    text-align: center;
    display: block;
    width: fit-content;
}
.team-det {
    text-align: center;
    padding: 40% 15px 15px;
}
.team-det p{
    padding-bottom: 30px;
}
.team-social-item{
    margin:8px;
}
.team-det h4 {
    color: #DBB55F;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'SF Pro Display', sans-serif !important;
}
.state-committe h2 {
    font-weight: 600;
    text-align: center;
    margin-bottom: 75px;
    font-size: 38px;
}
.testimonials-section{
    padding-bottom: 80px;
}

.inner-sponsors img {
    border-radius: 10px;
    width: 156px;
    height: 80px;
    object-fit: contain;
    border: 1px solid #dbb55f24;
    padding: 10px;
}
.team-inner .col-lg-3 {
    margin-bottom: 75px;
}
.team-det .readmore-btn {
    border: none;
    padding: 5px 15px !important;
    margin-top: 20px;
}
.team-wrapper .draggable{
    height:420px !important;
}
.team-wrapper .slick-track{
    top:  73px !important;
}
.title-sponsor {
    text-align: center;
    border: 1px solid #4646461f;
    width: fit-content;
    padding: 15px 39px;
    margin: 0 auto 48px;
    border-radius: 10px;
}
.title-sponsor img{
    width:140px;
    height:80px;
    object-fit:contain;
}
/* announcement-section inner */

.announcement-section{
    padding-top: 80px;
    padding-bottom: 80px;
}
.announcement-box {
    padding: 25px;
    box-shadow: 0 0 17px 0 #33333336;
    border-radius: 18px;
}
.announcement-box a{
    background: #DBB55F;
    padding: 5px 15px;
    color:#fff;
}
.announcement-box a:hover{
    border: 1px solid #DBB55F;
    color: #DBB55F;
    background: none;
}

/* events inner */
.inner-events img{
    width:90px;
    height: 90px;
    object-fit: cover;
    border-radius: 50%;
    margin: auto;
    display: block;
}
.inner-events {
    border: 1px solid #7d7c7c57;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 0 15px 0 #47474730;
    text-align: center;
    position: relative;
    overflow: hidden;
	height:100%;
}
.inner-events img{
    box-shadow: 0 0 8px 0 #00000030;
}
.inner-events h6{
    color: #DBB55F;
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 22px;
}
.inner-events .readmore-btn{
    padding:5px 15px;
    z-index:1;
    position:relative;
}
.inner-events:before {
    position: absolute;
    content: '';
    background: url(../icec/assets/img/eventbg.webp) no-repeat center;
    background-size: contain;
    right: 0;
    width: 345px;
    height: 345px;
    top: 0;
}

/* contact inner */
.contact-inner {
    padding-top: 60px;
    padding-bottom: 60px;
}
.cnt-form input {
    width: 100%;
    height: 40px;
    border: none;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}
.cnt-form textarea {
    width: 100%;
    height: 150px;
    border: none;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}
.cnt-form  {
    background: url(../icec/assets/img/cntbg.webp) no-repeat center;
    background-size: cover;
    padding: 25px;
    height: 100%;
    /* border-radius: 15px; */
}
.contact-info{
    background: #e2e2e2c4;
    padding: 25px;
    height: 100%;
}
.cnt-form h1 {
    color: #fff;
    font-size: 30px;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 20px;
}
.contact-detail-box {
    display: flex;
    align-items: center; 
    background: #37373717;
    margin: 10px;
    padding: 18px;
}
.contact-detail-box p{
    color:#000;
}
.contact-detail-box a:hover{
    color:#DBB55F;
}
.contact-detail-box i {
    color: #DBB55F;
    font-size: 32px;
    margin-right: 30px;
    border: 1px solid #DBB55F;
    border-radius: 50%;
    padding: 15px;
    width: 80px;
    height: 80px;
    line-height: 52px;
    text-align: center;
}
.contact-detail-box h6{
    font-weight: 600;
    color: #DBB55F;
}
.contact-detail-box a{
    color: #000;
}
.cnt-form .wpcf7-submit {
    width: fit-content;
    border: 1px solid #fff;
    background: none;
    border-radius: 15px;
    color: #fff;
    padding: 4px 26px;
    margin: auto;
    text-align: center;
    display: block;
}
.contact-details {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.map-wrapper{
    padding-bottom: 80px;
}
.map iframe{
	width:100%;
}
/* news inner */

.inner-news{
    position: relative;
    height: 350px;
}
.inner-news img{
    width: 100%;
    height: 100% ;
    object-fit: cover;
    border-radius: 15px;
}
.news-box{
    position: absolute;
    bottom: 0;
    width: 89%;
    left: 0;
    background: #f8f8f8;
    padding: 15px;
}
.inner-news .readmore-btn{
    padding: 5px 20px;
}
.sponsors-wrapper{
    padding-bottom: 50px;
}

/*GALLERY INNER*/

.gal-item img{
    width:100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.gal-item {
    height: 350px;
    border-radius: 15px;
    box-shadow: 0 0 6px 3px #00000038;
    margin-bottom:20px;
    overflow:hidden;
}
.gal-item:hover img{
    transform: scale(1.1);
    transition: .9s ease-in-out;
}



/*chapter inner*/

.chapter-content img {
    width: 480px;
    height: auto;
    object-fit: cover;
    margin: auto;
    display: block;
}


.chapter-content{
    padding-bottom: 60px;
}

  .chapter-events-listing {
    font-family: 'Segoe UI', sans-serif;
    max-width: 1200px;
    margin: 65px auto 0;
    padding: 2rem 1rem;
  }
  
  .chapter-contact {
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    gap: 65px;
    margin-top: 45px;
}
.chapter-contact-box {
    background: #fff;
    box-shadow: 1px 12px 17px 0 #0000001f;
    padding: 12px 12px 12px 16px;
    width: 32%;
    border-radius: 15px;
    border: 1px solid #dbb55f3d;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chapter-contact-box h6 {
    color: #dbb55f;
    font-size: 18px;
    margin-bottom: 0;
}

.chapter-contact-box p {
    margin-bottom: 0;
    color: #4a4a4a;
}

.chapter-contact-box a {
    color: #000;
    text-decoration: none;
}
.phone-icon {
    font-size: 22px;
    color: #dbb55f;
    animation: vibrate 0.5s linear infinite;
    border: 1px solid #dbb55f;
    border-radius: 50%;
    padding: 12px;
    width: 50px;
    height: 50px;
    line-height: 24px;
}

/* Keyframe for vibration */
@keyframes vibrate {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(10deg); }
    50% { transform: rotate(-10deg); }
    75% { transform: rotate(10deg); }
    100% { transform: rotate(0deg); }
}

.chapter-event-item {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 1px 12px 17px 0 #0000001f;
    border: 1px solid #dbb55f3d;
    position: relative;
    background: #fff;
    overflow: hidden;
    height: 100%;
}
.events-grid .col-lg-4{
    margin-bottom: 20px;
}
.chapter-event-item h4 {
    font-size: 20px;
    line-height: 30px;
}

.arrow-icon {
    position: absolute;
    bottom: 20px;
    right: 37px;
    font-size: 22px;
    color: #dbb55f;
    animation: moveRight 1s ease-in-out infinite;
}

  /* Main Container */
  .chapter-events-single {
    font-family: 'Open Sans', sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
    color: #333;
  }
  
  /* Titles */
  .event-main-title {
    color: #2c3e50;
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
  }
  
  .event-main-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: #ebc56b;
  }
  
  /* Main Content */
  .event-main-content {
    margin-bottom: 3rem;
    line-height: 1.6;
    font-size: 1.1rem;
  }
  
  /* Events Grid */
  .event-items-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2rem;
    margin: 3rem 0;
  }
  
  /* Event Cards */
  .event-item-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
  }
  
  .event-item-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  }
  
  .event-item-content {
    padding: 1.5rem;
    flex-grow: 1;
  }
  
  .event-item-title {
    color: #2c3e50;
    margin: 0 0 1rem;
    font-size: 1.3rem;
  }
  
  .event-item-meta {
    margin-bottom: 1rem;
    font-size: 0.9rem;
    color: #7f8c8d;
  }
  
  .event-item-date i {
    margin-right: 5px;
  }
  
  .event-item-desc {
    color: #34495e;
    line-height: 1.6;
    margin-bottom: 1.5rem;
  }
  
  /* Buttons */
  .event-item-actions {
    padding: 0 1.5rem 1.5rem;
  }
  
  .event-item-btn {
    display: inline-block;
    background: #3498db;
    color: white;
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 0.9rem;
  }
  
  .event-item-btn:hover {
    background: #2980b9;
  }
  
  .event-item-btn i {
    margin-left: 5px;
    font-size: 0.8rem;
  }
  
  /* Redirect Section */
  .event-redirect-section {
    text-align: center;
    margin: 3rem 0;
  }
  
  .redirect-all-events-btn {
    display: inline-block;
    background: #2ecc71;
    color: white;
    padding: 0.8rem 1.5rem;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: background 0.3s ease;
    font-size: 1rem;
  }
  
  .redirect-all-events-btn:hover {
    background: #27ae60;
  }
  
  .redirect-all-events-btn i {
    margin-right: 8px;
  }
  
  /* Back Link */
  .back-to-chapter {
    text-align: center;
    margin-top: 3rem;
  }
  
  .back-link {
    color: #3498db;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
  }
  
  .back-link:hover {
    color: #2980b9;
    text-decoration: underline;
  }
  
  .back-link i {
    margin-right: 5px;
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .event-items-grid {
      grid-template-columns: 1fr;
    }
    
    .event-main-title {
      font-size: 2rem;
    }
  }

/* Keyframes for arrow animation */
@keyframes moveRight {
    0% { transform: translateX(0); opacity: 1; }
    50% { transform: translateX(6px); opacity: 0.7; }
    100% { transform: translateX(0); opacity: 1; }
}


  /*.events-grid {*/
  /*  display: grid;*/
  /*  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));*/
  /*  gap: 2rem;*/
  /*  margin: 2rem 0;*/
  /*}*/
  
  /*.event-card {*/
  /*  border: 1px solid #e1e1e1;*/
  /*  border-radius: 8px;*/
  /*  padding: 1.5rem;*/
  /*  transition: transform 0.3s ease;*/
  /*}*/
  
  /*.event-card:hover {*/
  /*  transform: translateY(-5px);*/
  /*  box-shadow: 0 5px 15px rgba(0,0,0,0.1);*/
  /*}*/
  
  /*.event-title {*/
  /*  margin: 0 0 0.5rem;*/
  /*  font-size: 1.25rem;*/
  /*}*/
  
  /*.event-link {*/
  /*  color: #2c3e50;*/
  /*  text-decoration: none;*/
  /*}*/
  
  /*.event-link:hover {*/
  /*  color: #3498db;*/
  /*}*/
  
  /*.event-date {*/
  /*  display: block;*/
  /*  color: #7f8c8d;*/
  /*  font-size: 0.9rem;*/
  /*  margin-bottom: 1rem;*/
  /*}*/
  
  /*.event-excerpt {*/
  /*  color: #34495e;*/
  /*  line-height: 1.5;*/
  /*  margin-bottom: 1.5rem;*/
  /*}*/
  
  /*.view-details-btn {*/
  /*  display: inline-block;*/
  /*  background-color: #3498db;*/
  /*  color: white;*/
  /*  padding: 0.5rem 1rem;*/
  /*  border-radius: 4px;*/
  /*  text-decoration: none;*/
  /*  font-weight: 500;*/
  /*  transition: background-color 0.3s;*/
  /*}*/
  
  /*.view-details-btn:hover {*/
  /*  background-color: #2980b9;*/
  /*}*/
  
  /*.events-pagination {*/
  /*  display: flex;*/
  /*  justify-content: space-between;*/
  /*  margin-top: 2rem;*/
  /*}*/
  
  /*.prev-page, .next-page {*/
  /*  color: #3498db;*/
  /*  text-decoration: none;*/
  /*  font-weight: 500;*/
  /*}*/
  
  
@media only screen and (max-width:767px){
    .abt-floating-box, .abt-img-box {
        display:none;
    }
    .about-video-box {
    position: unset;
    width: 100%;
    z-index: 9;
}
.about-video-box video {
    height: 100%;

}
.abt-content {
    padding-bottom: 58px;
}
     .bannerslider-item{
         width:100%;
     }   
    .abt-content h2 {
        font-size: 30px ;
        line-height: 33px;
    }
    .bannerslider-item {
        top: 215px;
        width: 100% !important;
    }
    .ban-first-text{
        font-size:23px;
        left:20px;
    }
    .frame-logo{
        width:35px !important;
        height:35px !important;

    }
    .banner-rotating-section .rotate-img1{
        top:-109px;
        right:28px;
        width:150px;
        height:150px;
        
    }
    
.banner-rotating-section .rotate-img2 {
    position: absolute;
    top: -85px;
    right: 51px;
    width: 100px;
    height: 100px;
}
    .bann-head h1 {
    font-size: 35px;
    line-height: 2.5rem;
    width:90%;
    font-weight:500;
}
    .abt-rotate-img2 {
        right: 15px;
        top: 60px;
        width: 45px;
        height: 45px;
    }
    .abt-rotate-img1 {
        right: 8px;
        top: 52px;
        width: 60px;
        height: 60px;
    }
    .abt-img img {
        height: auto;
        object-fit: cover;

    }
    .abt-circle {
    position: absolute;
    width: 26%;
    bottom: 12px;
    left: 6px;
}
.mv-wrapper .col-lg-4{
    margin-bottom:15px;
}
.home-service .col-lg-4{
    margin-bottom:15px;
}
.service-card {
    height:100%;
}
.abt-arrow {
  display: none;
}
.sub-heading {
    padding-top: 0;
}
.sub-heading h1 {
    width:100%;
}
.events-row .col-lg-4{
    margin-bottom:15px;
}
.event-name h5 {
    font-size:20px;
}
.events-section{
    padding-bottom:50px;
}
.sub-heading p{
    width:90%;
}
.news-wrapper .col-lg-4{
    margin-bottom:15px;
}
.news-wrapper{
    padding-bottom:50px;
}
.home-cnt-item-wrap {
    padding: 12px;
}
.home-cnt-item-wrap .col-12{
    margin-bottom:20px;
}
.social-media{
    margin-bottom:20px;
}
.srv-h2 {
    font-size: 30px;
}
.banner-item {
    height:110vh;
}
.banner-item img{
        height:110vh;
}
 .inner-sub-heading h2 {
    font-size: 28px;
 }

 .inner-sub-heading h6 {
    font-size: 18px;
 }
    .abut {
        text-align: center;
    }

    .about-rotating-section .abt-rotate1 {
        position: absolute;
        left: 0px;
    }

    .about-rotating-section .abt-rotate2{
        position: absolute;
        left: 25px;
    }

    .team-thumbnail {
        margin-top: 50px;
    }

    .team-thumbnail img {
        width: 155px;
        height:155px;
        object-fit: contain;
        margin: auto;
        display: block;
    }



    .announcement-name h5 {
        font-size: 18px;
    }
.chapter-content img{
    width: 100%;
}
.chapter-contact {
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 25px;
    flex-direction: column;
}
.chapter-contact-box{
    width:100%;
}


.team-wrapper .draggable {
    height: 545px !important;
}

}


@media only screen and (min-width:768px) and (max-width:1200px){
    
     .bannerslider-item{
         width:100%;
         top:175px;
     }   

.bann-head h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 3.4rem;
}
    .abt-content h2 {
        font-size: 30px;
        line-height: 33px;
    }

    .abt-rotate-img2 {
        right: 15px;
        top: 60px;
        width: 45px;
        height: 45px;
    }
    .abt-rotate-img1 {
        right: 8px;
        top: 52px;
        width: 60px;
        height: 60px;
    }
    .abt-img img {
        height: auto;
        object-fit: cover;

    }
    .abt-circle {
    position: absolute;
    width: 26%;
    bottom: 12px;
    left: 6px;
}
.mv-wrapper .col-lg-4{
    margin-bottom:15px;
    padding-left: 10px;
    padding-right: 10px;
    }
.home-service .col-lg-4{
    margin-bottom:15px;
}
.service-card {
    height:100%;
}
    .abt-arrow {
        left: -23px;
        width: 120px;
        height: 120px;
        bottom: -49px;
    }
.sub-heading {
    padding-top: 0;
}
.sub-heading h1 {
    width:100%;
}
.events-row .col-lg-4{
    margin-bottom:15px;
}
.event-name h5 {
    font-size:20px;
    height:75px;
}
.events-section{
    padding-bottom:50px;
}
.event-content p {
    text-align: left;
    height: 80px;
}
.sub-heading p{
    width:90%;
}
.news-wrapper .col-lg-4{
    margin-bottom:15px;
}
.news-wrapper{
    padding-bottom:50px;
}.home-cnt-item-wrap {
    padding: 12px;
}
.home-cnt-item-wrap .col-12{
    margin-bottom:20px;
}
.social-media{
    margin-bottom:20px;
}
.srv-h2 {
    font-size: 30px;

}
.home-contact-wrapper {
    height: 605px;
}
.banner-item {
    height:100vh;
}
.banner-item img{
    height:100vh;
}
     .inner-sub-heading h2 {
        font-size: 28px;
     }

     .inner-sub-heading h6 {
        font-size: 20px;
     }


    .abut img {
       width:100%;
       object:contain;
    }


    .about-rotating-section .abt-rotate1 {
        position: absolute;
        left: 25px;
    }


    .about-rotating-section .abt-rotate2 {
        position: absolute;
        left: 50px;
    }


    .team-thumbnail {
        margin-top: 50px;
    }

    .team-thumbnail img {
        width: 86%;
        height: 430px;
        object-fit: contain;
        margin: auto;
        display: block;
    }

.announcement-name h5 {
    font-size: 19px;
}



}



@media only screen and (min-width: 992px) and (max-width: 1200px) {



    .team-thumbnail {
        margin-top: 50px;
    }

    .team-thumbnail img {
        width: 100%;
        height: auto;
        object-fit: contain;
        margin: auto;
        display: block;
    }

    .team-det h4{
        font-size: 17px;
    }
.team-det {

    bottom: 56px;
    width: 95%;

}

}

@media only screen and (min-width:1500px){
    .banner-item{
        height:80vh;
    }
    .banner-item img{
        height:80vh;
    }
}