:root {
    --color-1: #036b01;
    --color-2:#57840d;
    --color-3: #222222;
    --color-4: #484848;
    --color-5: #ffffff;
    --color-6: #282828;
    --font-1: 'Playfair Display', serif;
    --font-2: 'Open Sans', sans-serif;
    --font-3: 'Rubik', sans-serif;
    --font-4: 'Roboto', sans-serif;
}

*{margin: 0;padding: 0;box-sizing: border-box;}
.w {width: 1200px; margin: 0 auto;}
.fsb{display: flex;justify-content: space-between;}
.fsa{display: flex;justify-content: space-around;}
input,button,textarea,select {outline:none;border: none;}
a ,button {cursor: pointer;}
.e{text-align: center;}
a{text-decoration: none;}
li{list-style: none;}
h1,h2,h3,h4{font-family: var(--font-1);letter-spacing: 3px;font-weight: normal;}
p,span{font-family: var(--font-2);}
h1{font-weight: 400;font-size: 38px;}
h1, h2 , span , p , a {padding: 10px;}
p{font-size: 14px;text-align: justify;}

/* common upper sections */
.zh1{text-transform: uppercase;color: white;}
.zd100{height: 300px;display: flex;align-items: center;}
/* common upper sections */

/* headerr */
/* dropdown */
.u4 {z-index: 3;position: absolute;display: none;top: 40px;left: -30px;background: white;width: 160px;padding: 14px;line-height: 2;}
.l2:hover .u4 {display: block;}
.l2{color: white;cursor: pointer;position:relative;font-size: 12px;text-transform: uppercase;font-family: var(--font-3);display: flex;align-items: center; padding-top: 3px; }
/* dropdown */
#hd{background-color: transparent;position: absolute;width: 100%; z-index: 3;transition: ease-in 0.2s;}
#d10{align-items: center;position: relative;}
.a2{color: white;font-size: 12px;text-transform: uppercase;font-family: var(--font-3);padding: 15px 5px;transition: ease-in 0.2s;font-weight: 500;}
.a2:hover{color: #57840d;transition: ease-in 0.2s;}
#n1{width: 100%;}
#u3{align-items: center;display: flex;justify-content: space-evenly;}
.a3{padding: 0;    color: var(--color-6);font-weight: 300;font-size: 15px;}
.sticky {position: fixed !important;top: 0;width: 100% !important;background: #fff !important;transition: ease-in 0.2s;}
#i2{width: 100%;}
#i1{width: 30px;position: relative;right: 40px;display: none;}
#i10{width: 10px;}
.a1 {padding: 10px 0;}
#i25{width: 90px;height: 85px;animation: logo_zoom 2s ease-out infinite;}

.l5 {
    display: inline-block;
    color: transparent; 
    animation: pulse 1.5s ease-in-out infinite, skyChange 10s ease-in-out infinite; /* Pulse and sky change animations */
    background: linear-gradient(45deg, #87CEEB, #B0E0E6); 
    -webkit-background-clip: text; 
    background-clip: text; 
    transform-origin: center; 
}

@keyframes pulse {
    0% {
        transform: scale(1);
        color: red; 
    }
    50% {
        transform: scale(1.05); 
        color: red; 
    }
    100% {
        transform: scale(1);
        color: red; 
    }
}

@keyframes skyChange {
    0% {
        background: linear-gradient(45deg, #87CEEB, #B0E0E6); 
    }
    50% {
        background: linear-gradient(45deg, #FFD700, #FF6347); 
    }
    100% {
        background: linear-gradient(45deg, #87CEEB, #B0E0E6); 
    }
}

@keyframes logo_zoom {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.3, 1.3);
    }
    100% {
      transform: scale(1, 1);
    }
  }



  



/* headerr */

/* footerr */
#ft{position: relative;}
#p1{padding:50px 20px;font-size: 24px;color: var(--color-6);font-style: italic;font-family: var(--font-1);font-weight: 700;}
#d12{background: #f1f1f1;}
#d13{align-items: center;padding: 40px 0;}
#s1{text-transform: uppercase;font-size: 26px;font-family: var(--font-1);color: white;}
#d11{background: var(--color-2);}
.a5{text-transform: uppercase;color: white;border: 2px solid white;width: 170px;display: inline-block;text-align: center;font-weight: 700;background: var(--color-2);z-index: 2;}
#d14{display: flex;justify-content: space-evenly;width: 560px;position: relative;}
#s2{background: white;border-radius: 100%;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;font-weight: 700;z-index: 1;}
#s2::after{content: "";display: block;width: 70%;height: 2px;background: white;position: absolute;z-index: -1;}
#d18{background: var(--color-6); padding-bottom: 25px;}
.h21{font-size: 16px;text-transform: uppercase;color: white;padding: 20px 0 ;font-weight: bold;}
.d19, #d20{display: flex;flex-direction: column;line-height: 2;margin: 30px 0 0;}
.s5, .s7{padding: 0;color: #575757;}
.s7{margin-left: 10px;}
.s5{margin-left: 5px;}
#d17{width: 36%;}
#d16{width: 22%;}
.s4, .s6{padding: 0;color: white;font-weight: bold;}
#d15{display: flex;justify-content: space-between;padding: 60px 0 20px 0;}
.s3{padding: 0;background: var(--color-2);width: 65px;display: block;height: 2px;}
#s8::before{content: "";background: url(../img/icons/mail.svg)no-repeat;width: 20px;height: 20px;display: block;background-size: contain;margin-right: 5px;}
#s8{display: flex;align-items: center;}
#s9{margin-bottom: 15px;}
.a100{padding: 0;color: #575757;font-family: var(--font-2);}
#d100{display: flex;flex-direction: column;margin-top: 30px;line-height: 2;}
#d21{width: 32%;}
#d22{display: flex; justify-content: center;}
#d23{display: flex; justify-content: space-between;}
.p2{text-align: center; color:#575757;}
.p3{font-size: 11px; margin-top: -15px; text-align: center; color: var(--color-4);}
#a4{text-transform: uppercase; padding: 0; text-decoration: underline; color: var(--color-4);}
#d351{display: none;align-items: center;justify-content: center;padding: 8px;border-radius: 6px;width: 35px;height: 40px;background: var(--color-2);cursor: pointer;transition: 0.3s ease-out;position: fixed;right: 20px;bottom: 20px;}
#d351:hover{transition: 0.3s ease-in;bottom: 25px;}
#i351{width: 18px;height: 20px;transition: 0.3s;}
/* footerr */


/* media query */
@media screen and (max-width:1220px) {
    .w {width: 96%;margin: 0 2%;}
}
@media screen and (max-width:1000px) {
    #n1{display: none;position: absolute;width: 100%;top: 107px;line-height: 2;padding: 0 50px;background: white;}
    #i1{display: block;}
    #d10{flex-direction: row-reverse;}
    #u3{flex-direction: column;align-items: unset;width: 100%;}
    .l4{border-bottom: 1px solid black;padding: 10px 0;}
    /* .l25{display: flex;align-items: center;justify-content: center;padding: 0 0 10px;} */
    /* .i25{width: 75px;} */
    .a2{color: black !important; padding: 5px;}
    #i10{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(185deg) brightness(103%) contrast(102%);}
    #i25{position: absolute;top: 0;transform: translate(-85%);right: 85px;}
    
}
@media screen and (max-width:900px) {
    /* footer */
    #d13{flex-direction: column;}
    #d14{margin-top: 20px;width: 100%;}
    #d17{width: 100%;margin-top: 30px;}
    #d15{flex-direction: column;}
    #d16{width: 100%;}
    #d21{width: 100%;}
}
@media screen and (max-width:600px) {
    #i2{width: 70%;left: 0px;position: relative;}
    #d10{height: 100px;}
   /* footer */
   #p1{text-align: center;padding: 30px 0;}
}
@media screen and (max-width:500px) {
    .zh1{font-size: 28px;}
    #n1{padding: 0 30px;}
    /* footer */
    #d14{flex-direction: column;align-items: center;}
    #s2::after{display: none;}
    #s2{margin: 10px 0;}
    .s6{display:flex;flex-direction: column;}
    .s7{margin-left: unset;}
    #s8{align-items: start;}
    #s1{text-align: center;}
    #i25{width: 75px;height: 75px;}
    #i1{margin-right: -35px;}
}