.elementor-38 .elementor-element.elementor-element-ef25f14{--display:flex;--min-height:0px;}.elementor-38 .elementor-element.elementor-element-add27de{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-38 .elementor-element.elementor-element-c6e6db4{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-38 .elementor-element.elementor-element-e5d3938{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-38 .elementor-element.elementor-element-8834ea7{--display:flex;--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-38 .elementor-element.elementor-element-9cefc77{margin:-65px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-add27de *//*==========================
ABOUT HERO
==========================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.about-hero{
    position:relative;
    width:100%;
    height:100vh;
    background:url("images/about-assam-banner.jpg") center center/cover no-repeat;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.72) 0%,
        rgba(0,0,0,.45) 45%,
        rgba(0,0,0,.25) 100%
    );
}

.hero-content{
    position:relative;
    z-index:2;
    max-width:760px;
    margin-left:7%;
    color:#fff;
    animation:fadeUp 1.2s ease;
}

.hero-content h1{
    font-size:82px;
    font-family:"Cinzel",serif;
    font-weight:700;
    margin-bottom:20px;
    line-height:1.1;
}

.divider{
    width:180px;
    height:4px;
    background:#D4AF37;
    border-radius:30px;
    margin-bottom:35px;
}

.hero-content h3{
    font-size:34px;
    font-weight:500;
    margin-bottom:25px;
}

.hero-content p{
    font-size:20px;
    line-height:1.9;
    max-width:680px;
    color:#f3f3f3;
    margin-bottom:40px;

}

@keyframes fadeUp{

from{
opacity:0;
transform:translateY(50px);
}

to{
opacity:1;
transform:translateY(0);
}

}

/*==========================
TABLET
==========================*/

@media(max-width:992px){

.about-hero{
height:80vh;
}

.hero-content{
margin:0 40px;
}

.hero-content h1{
font-size:58px;
}

.hero-content h3{
font-size:28px;
}

.hero-content p{
font-size:18px;
}

}

/*==========================
MOBILE
==========================*/

@media(max-width:768px){

.about-hero{
height:75vh;
justify-content:center;
text-align:center;
}

.hero-content{
margin:0 20px;
max-width:100%;
}

.hero-content h1{
font-size:42px;
}

.divider{
margin:20px auto 30px;
width:120px;
}

.hero-content h3{
font-size:22px;
}

.hero-content p{
font-size:16px;
line-height:1.7;
}

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e5d3938 *//*==============================
WELCOME TO ASSAM
==============================*/

.welcome-assam{

    padding:90px 8%;
  

}

.welcome-container{

    max-width:1300px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;

}

.welcome-content{

    flex:1;

}

.subtitle{

    color:#0B4A38;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    display:block;
    margin-bottom:12px;

}

.welcome-content h2{

    font-size:50px;
    color:#1d1d1d;
    font-family:"Cinzel",serif;
    font-weight:700;
    margin-bottom:18px;

}

.title-divider{

    display:flex;
    align-items:center;
    gap:15px;
    color:#C89B3C;
    font-size:28px;
    margin-bottom:18px;
    margin-left:13%;

}

.title-divider span{

    width:120px;
    height:1px;
    background:#C89B3C;
    display:block;

}

.welcome-content p{

    font-size:18px;
    line-height:2;
    color:#444;
    margin-bottom:30px;

}

.welcome-image{

    flex:1;
    overflow:hidden;
    border-radius:30px;
    box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.welcome-image img{

    width:100%;
    display:block;
    transition:.5s;

}

.welcome-image:hover img{

    transform:scale(1.05);

}

/*==============================
TABLET
==============================*/

@media(max-width:992px){

.welcome-container{

    flex-direction:column-reverse;
    gap:50px;

}

.welcome-content{

    text-align:center;

}

.welcome-content h2{

    font-size:55px;

}

.title-divider{

    justify-content:center;

}

.welcome-content p{

    font-size:18px;

}

}

/*==============================
MOBILE
==============================*/

@media(max-width:768px){

.welcome-assam{

    padding:60px 20px;

}

.subtitle{

    font-size:14px;
    letter-spacing:2px;

}

.welcome-content h2{

    font-size:38px;

}

.title-divider{

    font-size:22px;
    gap:10px;

}

.title-divider span{

    width:60px;

}

.welcome-content p{

    font-size:16px;
    line-height:1.9;

}

.welcome-image{

    border-radius:18px;

}

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9cefc77 *//*==================================
WHY ASSAM SECTION
==================================*/

.why-special{

    padding:100px 6%;
   

}

.section-title{

    text-align:center;
    max-width:900px;
    margin:0 auto 70px;

}

.section-title span{

    display:inline-block;
    color:#0B5D3B;
    font-size:15px;
    font-weight:700;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:15px;

}

.section-title h2{

    font-size:52px;
    color:#1f1f1f;
    font-family:"Cinzel",serif;
    margin-bottom:20px;

}

.section-title p{

    font-size:18px;
    color:#666;
    line-height:1.9;

}

.gold-divider{

display:flex;

align-items:center;

gap:15px;

margin:30px 0;

color:#D4AF37;

font-size:28px;
 
 margin-left:32%;


}

.gold-divider span{

flex:;

 width:150px;
 
 height:1px;

background:#D4AF37;

}

/*==================================
GRID
==================================*/

.special-grid{

    max-width:1600px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:25px;

}

/*==================================
CARD
==================================*/

.special-card{

    position:relative;
    overflow:hidden;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(15px);

    border-radius:24px;

    padding:35px 22px;

    text-align:center;

    border:1px solid rgba(212,175,55,.15);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.45s ease;

    min-height:330px;

    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;

}

/* Gold top line */

.special-card::after{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:5px;

    background:linear-gradient(90deg,#D4AF37,#FFD86B);

}

/* Shine Animation */

.special-card::before{

    content:"";

    position:absolute;

    top:-120%;
    left:-70%;

    width:55%;
    height:250%;

    background:rgba(255,255,255,.35);

    transform:rotate(25deg);

    transition:.8s;

}

.special-card:hover::before{

    left:150%;

}

/* Hover */

.special-card:hover{

    transform:translateY(-12px);

    box-shadow:0 30px 55px rgba(0,0,0,.18);

    border-color:#D4AF37;

}

/*==================================
ICON
==================================*/

.icon{

    width:80px;
    height:80px;

    border-radius:50%;

    background:linear-gradient(135deg,#0B5D3B,#11744c);

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:36px;

    margin-bottom:25px;

    transition:.45s;

    box-shadow:0 10px 25px rgba(11,93,59,.25);

}

.special-card:hover .icon{

    background:linear-gradient(135deg,#D4AF37,#F3C54D);

    color:#222;

    transform:rotate(10deg) scale(1.15);

}

/*==================================
TEXT
==================================*/

.special-card h3{

    font-family:"Cinzel",serif;

    font-size:22px;

    color:#222;

    margin-bottom:15px;

    transition:.35s;

}

.special-card:hover h3{

    color:#0B5D3B;

}

.special-card p{

    font-size:15px;

    color:#666;

    line-height:1.8;

}

/*==================================
RESPONSIVE
==================================*/

@media(max-width:1400px){

.special-grid{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:900px){

.section-title h2{

font-size:40px;

}

.special-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.why-special{

padding:70px 20px;

}

.section-title h2{

font-size:32px;

}

.section-title p{

font-size:16px;

}

.special-grid{

grid-template-columns:1fr;

gap:20px;

}

.special-card{

min-height:auto;
padding:30px 20px;

}

.icon{

width:70px;
height:70px;
font-size:30px;

}

}/* End custom CSS */