/*=========================================================
                INDIA DOWNLOADS PAGE
=========================================================*/

.indiaDownloadsHero{

    position:relative;

    padding:120px 0 90px;

    background:#faf8f4;

    overflow:hidden;

}

.indiaDownloadsHero::before{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

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

    right:-150px;

    top:-170px;

}

.indiaDownloadsHero::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

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

    left:-120px;

    bottom:-120px;

}



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

.indiaDownloadsHeroContent{

    max-width:760px;

    margin:auto;

    text-align:center;

    position:relative;

    z-index:2;

}

.indiaDownloadsHeroContent span{

    display:inline-block;

    color:#D6A443;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.indiaDownloadsHeroContent h1{

    font-size:54px;

    font-weight:800;

    color:#222;

    margin-bottom:20px;

}

.indiaDownloadsHeroContent strong{

    color:#7B1E1E;

}

.indiaDownloadsHeroContent p{

    color:#666;

    font-size:18px;

    line-height:34px;

}



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

.indiaDownloadsSearch{

    max-width:650px;

    margin:45px auto 0;

    position:relative;

}

.indiaDownloadsSearch i{

    position:absolute;

    left:22px;

    top:50%;

    transform:translateY(-50%);

    color:#888;

}

.indiaDownloadsSearch input{

    width:100%;

    height:62px;

    border:none;

    border-radius:60px;

    background:#fff;

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

    outline:none;

    padding-left:60px;

    transition:.35s;

}

.indiaDownloadsSearch input:focus{

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

}



/*=========================================
PAGE
=========================================*/

.indiaDownloadsPage{

    padding:90px 0;

    background:#faf8f4;

}/*=========================================================
                DOWNLOAD CARD
=========================================================*/

.indiaDownloadCard{

    background:#fff;

    border-radius:22px;

    padding:35px 28px;

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

    transition:.35s;

    height:100%;

    position:relative;

    overflow:hidden;

    display:flex;

    flex-direction:column;

}

.indiaDownloadCard::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(

        90deg,

        #7B1E1E,

        #D6A443

    );

}

.indiaDownloadCard:hover{

    transform:translateY(-10px);

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

}



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

.indiaDownloadIcon{

    width:78px;

    height:78px;

    border-radius:20px;

    margin-bottom:22px;

    background:linear-gradient(

        135deg,

        #7B1E1E,

        #9c2727

    );

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:30px;

    transition:.35s;

}

.indiaDownloadCard:hover .indiaDownloadIcon{

    transform:rotate(-8deg) scale(1.08);

    background:linear-gradient(

        135deg,

        #D6A443,

        #efbb4c

    );

}



/*=========================================
CATEGORY
=========================================*/

.indiaDownloadCategory{

    display:inline-block;

    background:#faf4e6;

    color:#7B1E1E;

    padding:6px 15px;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:15px;

}



/*=========================================
TITLE
=========================================*/

.indiaDownloadCard h3{

    font-size:22px;

    font-weight:700;

    color:#222;

    line-height:1.4;

    margin-bottom:16px;

    min-height:62px;

}



/*=========================================
DESCRIPTION
=========================================*/

.indiaDownloadCard p{

    color:#666;

    line-height:30px;

    margin-bottom:25px;

    flex:1;

}



/*=========================================
DOWNLOAD BUTTON
=========================================*/

.indiaDownloadBtn{

    width:100%;

    height:52px;

    border-radius:12px;

    background:#7B1E1E;

    color:#fff;

    text-decoration:none;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    font-weight:700;

    transition:.35s;

}

.indiaDownloadBtn:hover{

    background:#D6A443;

    color:#fff;

    transform:translateY(-3px);

}

.indiaDownloadBtn i{

    transition:.35s;

}

.indiaDownloadBtn:hover i{

    transform:translateY(2px);

}



/*=========================================
EMPTY
=========================================*/

.indiaDownloadEmpty{

    text-align:center;

    padding:90px 20px;

}

.indiaDownloadEmpty i{

    font-size:60px;

    color:#D6A443;

    margin-bottom:20px;

}

.indiaDownloadEmpty h3{

    font-size:30px;

    color:#222;

    margin-bottom:10px;

}

.indiaDownloadEmpty p{

    color:#777;

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

@media(max-width:1200px){

.indiaDownloadsHeroContent h1{

font-size:46px;

}

.indiaDownloadCard h3{

font-size:20px;

}

}



@media(max-width:992px){

.indiaDownloadsHero{

padding:90px 0 70px;

}

.indiaDownloadsPage{

padding:70px 0;

}

.indiaDownloadsHeroContent h1{

font-size:40px;

}

.indiaDownloadsHeroContent p{

font-size:17px;

line-height:30px;

}

.indiaDownloadCard{

padding:30px 24px;

}

}



@media(max-width:768px){

.indiaDownloadsHero{

padding:70px 0 60px;

}

.indiaDownloadsHero::before,

.indiaDownloadsHero::after{

display:none;

}

.indiaDownloadsHeroContent h1{

font-size:34px;

line-height:1.3;

}

.indiaDownloadsHeroContent p{

font-size:16px;

line-height:28px;

}

.indiaDownloadsSearch input{

height:56px;

font-size:15px;

}

.indiaDownloadCard{

padding:26px 20px;

}

.indiaDownloadCard h3{

font-size:20px;

min-height:auto;

}

}



@media(max-width:576px){

.indiaDownloadsHero{

padding:60px 0 50px;

}

.indiaDownloadsHeroContent span{

font-size:12px;

letter-spacing:2px;

}

.indiaDownloadsHeroContent h1{

font-size:28px;

}

.indiaDownloadsHeroContent p{

font-size:15px;

}

.indiaDownloadsSearch input{

padding-left:52px;

}

.indiaDownloadsSearch i{

left:18px;

}

.indiaDownloadIcon{

width:68px;

height:68px;

font-size:26px;

}

.indiaDownloadCard{

padding:22px 18px;

}

.indiaDownloadCard h3{

font-size:19px;

}

.indiaDownloadCard p{

font-size:15px;

line-height:28px;

}

.indiaDownloadBtn{

height:50px;

font-size:15px;

}

}



/*=========================================================
                HOVER EFFECTS
=========================================================*/

.indiaDownloadCard:hover h3{

color:#7B1E1E;

}

.indiaDownloadCard:hover .indiaDownloadCategory{

background:#7B1E1E;

color:#fff;

}



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

.indiaDownloadItem{

animation:indiaDownloadFade .7s ease both;

}

@keyframes indiaDownloadFade{

0%{

opacity:0;

transform:translateY(35px);

}

100%{

opacity:1;

transform:translateY(0);

}

}



/*=========================================================
                SMOOTH TRANSITIONS
=========================================================*/

.indiaDownloadCard *{

transition:.35s;

}



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

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-track{

background:#f5f5f5;

}

::-webkit-scrollbar-thumb{

background:#D6A443;

border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

background:#7B1E1E;

}



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

::selection{

background:#7B1E1E;

color:#fff;

}