:root {
    --color-1: #a8cd47ff;
    --color-2:#d4aa00ff;
    --color-3: #16563fff;
    --color-4: #dee9e5ff;
    --color-5: #6b6b6b;
    --font-1: 'ABeeZee', sans-serif;
    --font-2: 'Athiti', sans-serif;
    --font-3: 'Bad Script', cursive;
}


*{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 {outline:none;}
li{list-style: none;}
p{font-size: 16px; font-family: var(--font-1);color:#5a5f5d;line-height: 1.5;}
p, h1, h2, l{padding: 10px;}
h2{font-family: var(--font-3);color: var(--color-3);font-size: 30px;}
h1{font-family: var(--font-1);color: var(--color-2);font-size: 40px;font-weight: 500;text-transform: uppercase;}
a{text-decoration: none;font-family: var(--font-2);}
.e{text-align: center;}


/* common section */
  /* section1 */
  #se1{height: 400px;display: flex;align-items: end;}
  .a100{color:var(--color-4);font-size: 18px;}
  .s100{color: var(--color-4);}
  .d100{background: #262222b5;padding: 10px;}
  .d101{padding:0 10px;}
  /* section1
/* common section */


/* header */
.im{display: none;}
#i4{width: 100px;margin-right: 10px;}
#s5{font-family: var(--font-1);color: var(--color-2);font-size: 14px;}
#h12{color: var(--color-3);padding: 0;}
.i5{width: 70px;height: 47px;}
#d21{align-items: center;width: 40%;display: flex;}
#d22{width:unset;right: 20px;position: relative;}
#d20{align-items: center;}
.d26{display: flex;align-items: center;margin-right: 10px;}
.d26:last-child{margin-right:-30px;}
.d27{display: flex;flex-direction: column;}
#d23{border-right: 2px solid var(--color-2);}
#b2{display: none;}
    /* navbar */
    #d25{background: var(--color-2);}
    .u2{width: 100%;display: flex;padding: 15px 0 15px 14px;}
    .a2{color: white;text-transform: uppercase;padding: 15px 12px;border-right: 1px solid #9b7c00;font-size: 14px;font-weight: bold;}
    #l3{border-right:none;}
    .a2:hover{ color: var(--color-2); background: var(--color-3);}
    #a3{background: var(--color-3);color: var(--color-2);}
    #d24{margin-left: 15px;}
    /* navbar */
/* header */


/* footer */
#ft{background: var(--color-4); padding: 30px 0 20px;}
#i1{width: 100px;}
#h11,.a1, .l1, .s2, .lb1, .lb2, .s7{color: var(--color-3);font-family: var(--font-2);}
.l1{padding:10px; border-right: 1px solid #cdcdcd; padding:0 10px;}
.l1:last-child{border:0;}
#h11{font-weight: 600;padding: 0 10px; font-size:30px;}
.i2{height: 45px;width: 70px;}
#s1{font-family: var(--font-3);color: var(--color-3);font-size: 18px;letter-spacing: 1px;padding: 0 10px;}
.d8{display: flex;flex-direction: column;width:70%;}
.d7{display: flex;align-items: center;}
#d1{align-items: center;flex-direction: column;}
#i3{width: 50px;height: 20px;}
#u1{display: flex;width: 100%;justify-content: center;padding-bottom: 10px;}
#d3{display: flex;flex-direction: row-reverse;align-items: center;width: 100%;}
#d4{display: flex;}
#d5{padding: 30px 0;}
.lb1{font-size:18px;font-weight: 600;text-transform: uppercase;}
.lb2{font-size:18px;font-weight: 600;text-transform: uppercase;}
.s2{font-size:18px;font-weight: 500;}
.s7{font-size:15px;font-weight: 500;}
.a1{font-size: 16px; color:#3a3a3a;}
#d2{width: 90%;}
#hr1{background: white;height: 2px;border: none;}
#d9{flex-direction: column;display: flex;text-align: center;font-family: var(--font-2);font-weight: 500;margin-top: 25px;}
#s3{font-size: 15px; color:#555;}
#s4{color: #777d7d;font-size: 11px;}
#d6{margin-left: 15px;}
#a50{color: var(--color-5);}
/* footer */


/* meadia query */
@media screen and (max-width:1260px) {
    .w{width:96%; margin:0 2%;}
}

@media screen and (max-width:1030px) {
    /* header */
    #d21{flex-direction: column;align-items: start;width: 65%;}
    #d22{flex-direction: column;}
    #d23 {border-bottom: 2px solid var(--color-2);border-right: none;}
    .d26{margin-right: 0;}
    #b2{display: block;}
    #s6{display: none;}
    .a2{font-size: 13px; padding: 15px 9px;}
    /* header */
}

@media screen and (max-width:960px) {
    /* header */
    .im{display: block;width: 30px;}
    #d25{padding:5px;}
    /* javascript part */
    .a2 {
        border-right: none;
        padding: 15px;
        display: flex;
        width: 100%;
        font-size: 16px;
    }
    .u2{padding: 0;}
    .im{display: block;}
    .n1.d50{margin-left: 0;}
    .n1 .ul1{ display: flex; flex-direction: column;line-height: 1;}
    .n1 {display: block;padding:20px 5px;flex-direction: column;position: absolute;left: 0;background: #00000078;width: 100%;backdrop-filter: blur(3px);margin-left: -120%;transition: all 0.5s ease;top: 214px;}
    /* javascript part */
    /* header */

    /* footer */
    #ft{padding:60px 0 40px;}
    #d1{flex-direction: column;}
    #d3{flex-direction: row-reverse; justify-content: space-between; width: 100%;align-items: center;}
    #u1{display: flex;width: 100%;justify-content: space-evenly;flex-wrap: wrap;}
    #i3{bottom: 0;}
    #d5{flex-wrap: wrap;padding: 40px 0;}
    #d10{order: 1;}
    .d7{width: 44%;margin-bottom: 10px;}
    .l1{width: 38%;border:0;}
    /* footer */
}
@media screen and (max-width:650px) {
    /* header */
    #d20{flex-direction: column;}
    #d21{flex-direction: row;justify-content: space-between;width: 100%;align-items: center;}
    #d22{flex-direction: row;width: 95%;align-items: start;}
    .d26{justify-content: end;}
    .n1 {
        top: 227px;
    }
    
    .l2{border-right: none;}
    .i5{width: 50px;height: 35px;}
    #d25{padding: 10px;margin-top: 10px;}
    .l1{margin-bottom: 2px;width: 100%;}
    #u1{flex-direction: column;text-align: center;}
    /* .n1{display: none;} */
    



    /* header */

    /* footer */
    #h11{padding: 0;}
    .d7{width: 100%;}
    .b1{display: none;}
    #d4{flex-direction: column;}
    #d3{flex-direction: column-reverse;}
    #i3{margin: 20px 0;}
    #d6{margin-left: 0;}
    #s1{padding: unset;}
   
    /* footer */
}
@media screen and (max-width:500px) {
    /* header */
    #i4{margin-right: 30px;}
    #d21{flex-direction: column;}
    #d22{flex-direction: column;align-items: center;}
    #s6{display: unset;}
    #b2{display: none;}
    .n1 {
        top: 350px;
    }
    #s5{font-size: 13px;}

    /* header */

    /* footer  */
    
    #d5{padding: 25px 0;}
    #ft{padding: 60px 0 0;}
    /* footer  */
}
/* meadia query */