:root {
    --foreground:#033258;
    --background:#FFFFFF;
    --black:#000000;
    --primary:#FC9245;
    --primary-foreground:#FFFFFF;
    --secondary:#FCB944;
    --secondary-foreground:#FFFFFF;
    --tertiary:#033258;
    --tertiary-foreground:#FFFFFF;
    --primary-heading:clamp(34px, 5vw, 60px);
    --secondary-heading:clamp(30px,3.8vw, 46px);
    --tertiary-heading:clamp(28px,5vw, 44px);
    --subtitle-heading:clamp(14px,1.1vw, 16px);
    --paragraph-heading:clamp(14px, 1.4vw, 18px);
    --container-background:#f3e9d2bd;
    --container-text-color:#2B160C;
    
    --button-radius:clamp(7px, 0.8vw, 10px);
}
    
    h1, h2, h3, h4, h5, h6, h1 span, h2 span{font-family: 'Delicious Handrawn', cursive;}
    span, p, a, button {font-family: 'Sarabun', sans-serif;}
    *{margin:0;padding:0;box-sizing:border-box;}
    body{width:100vw;overflow-x:hidden !important;position:relative;}
    
    
    .primary-heading {
            font-size: var(--primary-heading);
            font-weight: 600;
            line-height:1.45;
        }
        
        .secondary-heading {
            font-size: var(--secondary-heading);
            font-weight: 400;
            line-height:1.25;
        }
        
        .tertiary-heading {
            font-size: var(--tertiary-heading);
            font-weight: 400;
            line-height:1
        }
        
        .fourth-heading {
            font-size: var(--fourth-heading);
            font-weight: 400;
            line-height:1.4
        }
        
        .paragraph-heading {
            font-size: var(--paragraph-heading);
            line-height:1.4
        }
        
        .subtitle-heading {
            font-size: var(--subtitle-heading);
            line-height:1.4
        }
        
        .extra-subtitle-heading {
            font-size: var(--extrasubtitle-font-size);
            line-height:1.1
        }
        
        .extra-secondary-heading {
            font-size: var(--extra-secondary-heading-font-size);
            font-weight:400
        }
        
        .button {
          text-decoration: none;
          padding: 10px 24px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          outline: none;
          overflow: hidden;
          font-size: var(--extrasubtitle-font-size);
          border: none;
          position: relative;
          border-radius: var(--button-radius);
            
        }
        
        
        .button.secondary-button{
        	background-color: var(--primary);
        	color: white;
        }
        
        .button.primary-button{
        	background-color: var(--primary-foreground);
        	color:  var(--tertiary);
        	font-weight:semi-bold;
        }
        
       
        
            
        /*Hero section*/
        .hero-section {background-image:url('https://smitabhatia.org/assets/img/pac2025/banner.png');width:100vw;height:100vh;object-fit:cover;object-position:center;background-repeat:no-repeat;background-size: 100vw 100vh;}
        .hero-section .text-container{max-width:800px;}
        section h1, section h2, section h3, section p, section span, section a {margin:0;padding:0;}
        
        
        /*Art section*/
        .meet-the-judges  .art-section{color:var(--tertiary);}
        
        
        /*ready-to-compete*/
        .ready-to-compete, .ready-to-compete a{color:var(--tertiary);}
        
        /*instagram section*/
        .instagram-section .container {background-image:url('https://smitabhatia.org/assets/img/pac2025/pink-background-1.png');object-fit:cover;object-position:center;background-repeat:no-repeat;}
        .instagram-section, .instagram-section a{color:var(--tertiary);}
        .instagram-section .container{min-height:200px;}
        
        /*Last Year Work Section*/
        .last-year-work, .last-year-work a{color:var(--tertiary);}
        
        
        /*Testimonial Section*/
        .testimonial-section, .testimonial-section a{color:var(--tertiary);}
        
        .wrapper{background-image:url('https://smitabhatia.org/assets/img/pac2025/wrapper.png');width:100vw;object-position:center;}
        
        /*Carousel Section*/
        .testimonial-section #carouselExampleInterval1  button{width:32px;height:32px;background-color:transparent;left:initial !important;}
        .testimonial-section #carouselExampleInterval1  button .carousel-control-prev-icon, .testimonial-section #carouselExampleInterval1  button .carousel-control-next-icon{background-color:transparent !important;}
        .testimonial-section .carousel-control-prev-icon {background-image:url("https://smitabhatia.org/assets/img/pac2025/arrow-circle-left.svg") !important;width:32px;height:32px;background-repeat:no-repeat;}
        .testimonial-section .carousel-control-next-icon {background-image:url("https://smitabhatia.org/assets/img/pac2025/arrow-circle-left.svg") !important;width:32px;height:32px;background-repeat:no-repeat;transform:rotate(180deg);}
        .testimonial-section .carousel-control-next, .testimonial-section  .carousel-control-prev, #carousel-indicator {top:initial !important;}
        .testimonial-section .carousel-control-next{transform:translateX(17px);} .testimonial-section .carousel-control-prev{transform:translateX(-20px);}
        
        
        @media only screen and (max-width:676px){
            .hero-section .text-container{bottom:280px !important;max-width:95.5vw;}
            .instagram-section .container {background-size:100vh;background-repeat:repeat-y;}
            .carousel-btn-container{transform:translateX(28px);margin-top:38px;}
            .hero-section{background-size:cover;}
        }