/*=========================================================
                INDIA GALLERY
=========================================================*/

.indiaGalleryHero{

    position:relative;

    padding:120px 0 90px;

    background:#faf8f4;

    overflow:hidden;

}

.indiaGalleryHero::before{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

    background:rgba(123,30,30,.05);

    top:-180px;

    right:-120px;

}

.indiaGalleryHero::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

    background:rgba(214,164,67,.08);

    left:-120px;

    bottom:-120px;

}



/*=========================================
HEADER
=========================================*/

.indiaGalleryHeader{

    text-align:center;

    max-width:780px;

    margin:auto;

    position:relative;

    z-index:2;

}

.indiaGalleryHeader span{

    display:inline-block;

    color:#D6A443;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:15px;

    text-transform:uppercase;

}

.indiaGalleryHeader h1{

    font-size:54px;

    font-weight:800;

    color:#222;

    margin-bottom:20px;

}

.indiaGalleryHeader strong{

    color:#7B1E1E;

}

.indiaGalleryHeader p{

    color:#666;

    line-height:34px;

    font-size:18px;

}



/*=========================================
SEARCH
=========================================*/

.indiaGallerySearchArea{

    margin-top:45px;

}

.indiaGallerySearch{

    max-width:650px;

    margin:auto;

    position:relative;

}

.indiaGallerySearch i{

    position:absolute;

    left:22px;

    top:50%;

    transform:translateY(-50%);

    color:#888;

    font-size:18px;

}

.indiaGallerySearch input{

    width:100%;

    height:62px;

    border:none;

    outline:none;

    border-radius:60px;

    background:#fff;

    padding-left:60px;

    box-shadow:0 18px 50px rgba(0,0,0,.08);

    transition:.35s;

}

.indiaGallerySearch input:focus{

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

}



/*=========================================
SECTION
=========================================*/

.indiaGallerySection{

    padding:90px 0;

    background:#faf8f4;
    margin-top:-82px;

}
/*=========================================================
                GALLERY CARD
=========================================================*/

.indiaGalleryCard{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    transition:.4s;

    height:100%;

    display:flex;

    flex-direction:column;

    position:relative;

}

.indiaGalleryCard:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(0,0,0,.15);

}



/*=========================================
IMAGE
=========================================*/

.indiaGalleryImage{

    position:relative;

    overflow:hidden;

    height:250px;

}

.indiaGalleryImage img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.indiaGalleryCard:hover .indiaGalleryImage img{

    transform:scale(1.10);

}



/*=========================================
OVERLAY
=========================================*/

.indiaGalleryOverlay{

    position:absolute;

    inset:0;

    background:linear-gradient(

        rgba(123,30,30,.15),

        rgba(123,30,30,.88)

    );

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    transition:.35s;

}

.indiaGalleryCard:hover .indiaGalleryOverlay{

    opacity:1;

}



.indiaGalleryOverlayBtn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#fff;

    color:#7B1E1E;

    text-decoration:none;

    padding:14px 26px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.indiaGalleryOverlayBtn:hover{

    background:#D6A443;

    color:#fff;

}



/*=========================================
CONTENT
=========================================*/

.indiaGalleryContent{

    padding:25px;

    flex:1;

    display:flex;

    flex-direction:column;

}

.indiaGalleryDate{

    color:#D6A443;

    font-weight:600;

    margin-bottom:14px;

    display:flex;

    align-items:center;

    gap:8px;

    font-size:14px;

}

.indiaGalleryDate i{

    color:#7B1E1E;

}



.indiaGalleryContent h3{

    font-size:24px;

    font-weight:700;

    color:#222;

    line-height:1.35;

    margin-bottom:15px;

    min-height:68px;

}



.indiaGalleryContent p{

    color:#666;

    line-height:30px;

    margin-bottom:25px;

    flex:1;

}



/*=========================================
FOOTER
=========================================*/

.indiaGalleryFooter{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:12px;

}

.indiaGalleryBtn{

    flex:1;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    height:50px;

    border-radius:12px;

    background:#7B1E1E;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.indiaGalleryBtn:hover{

    background:#D6A443;

    color:#fff;

}

/*=========================================
NO DATA
=========================================*/

.indiaGalleryEmpty{

    text-align:center;

    padding:80px 20px;

}

.indiaGalleryEmpty i{

    font-size:60px;

    color:#D6A443;

    margin-bottom:20px;

}

.indiaGalleryEmpty h4{

    font-size:30px;

    color:#222;

    margin-bottom:12px;

}

.indiaGalleryEmpty p{

    color:#777;

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

@media(max-width:1200px){

.indiaGalleryHeader h1{

font-size:46px;

}

.indiaGalleryContent h3{

font-size:22px;

}

.indiaGalleryImage{

height:220px;

}

}



@media(max-width:992px){

.indiaGalleryHero{

padding:90px 0 70px;

}

.indiaGallerySection{

padding:70px 0;

}

.indiaGalleryHeader h1{

font-size:40px;

}

.indiaGalleryHeader p{

font-size:17px;

line-height:30px;

}

.indiaGalleryImage{

height:230px;

}

.indiaGalleryContent{

padding:22px;

}

.indiaGalleryContent h3{

font-size:21px;

min-height:auto;

}

}



@media(max-width:768px){

.indiaGalleryHero{

padding:70px 0 60px;

}

.indiaGalleryHero::before,

.indiaGalleryHero::after{

display:none;

}

.indiaGalleryHeader h1{

font-size:34px;

line-height:1.3;

}

.indiaGalleryHeader p{

font-size:16px;

line-height:28px;

}

.indiaGallerySearch input{

height:56px;

font-size:15px;

}

.indiaGalleryImage{

height:220px;

}

.indiaGalleryFooter{

flex-direction:column;

}

.indiaGalleryBtn,

.indiaFacebookBtn{

width:100%;

}

.indiaFacebookBtn{

height:50px;

}

}



@media(max-width:576px){

.indiaGalleryHero{

padding:60px 0 50px;

}

.indiaGalleryHeader span{

font-size:12px;

letter-spacing:2px;

}

.indiaGalleryHeader h1{

font-size:28px;

}

.indiaGallerySearch input{

padding-left:52px;

}

.indiaGallerySearch i{

left:18px;

}

.indiaGalleryContent{

padding:20px;

}

.indiaGalleryContent h3{

font-size:20px;

}

.indiaGalleryContent p{

font-size:15px;

line-height:28px;

}

.indiaGalleryBtn{

font-size:15px;

}

.indiaFacebookBtn{

font-size:18px;

}

}



/*=========================================================
                ANIMATION
=========================================================*/

.indiaGalleryCard{

animation:indiaGalleryFade .7s ease both;

}

@keyframes indiaGalleryFade{

0%{

opacity:0;

transform:translateY(40px);

}

100%{

opacity:1;

transform:translateY(0);

}

}



/*=========================================================
                IMAGE EFFECT
=========================================================*/

.indiaGalleryImage::after{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:linear-gradient(

180deg,

rgba(0,0,0,0),

rgba(0,0,0,.18)

);

opacity:0;

transition:.35s;

pointer-events:none;

}

.indiaGalleryCard:hover .indiaGalleryImage::after{

opacity:1;

}



/*=========================================================
                SMOOTH TRANSITION
=========================================================*/

.indiaGalleryCard *{

transition:.35s;

}



/*=========================================================
                CUSTOM SCROLLBAR
=========================================================*/

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-track{

background:#f3f3f3;

}

::-webkit-scrollbar-thumb{

background:#D6A443;

border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

background:#7B1E1E;

}



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

::selection{

background:#7B1E1E;

color:#fff;

}