/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100..800&display=swap');

:root {
    --white: #fff;
    --black: #000;
    --primary: #ff0000;
    --transition: all 0.3s ease-in-out;
}

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

body { font-family: 'Anek Devanagari', sans-serif; font-size: 16px; color: var(--black); line-height: 1.6; background-color: #a90800; }
img { display: block; max-width: 100%; height: auto; }
a { outline: none; text-decoration: none; color: var(--black); text-decoration: none; transition: var(--transition); }
a:hover { color: var(--primary); }
ul,ol { padding: 0; margin: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.4; }
h2 { margin-bottom: 20px; font-size: 40px; }
h3 { font-size: 26px; }
p { margin-bottom: 20px; }
p:last-child { margin-bottom: 0; }

/* global */
.centered { padding-right: calc((100% - 1160px)/ 2); padding-left: calc((100% - 1160px)/ 2); }
.btn { padding: 4px 30px 0 30px; min-width: 200px; min-height: 60px; display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; font-weight: 700; cursor: pointer; color: var(--white); border-radius: 35px; background-color: var(--primary); }
.btn:hover { color: var(--white); background-color: var(--primary); }
.readBtn { padding: 6px 30px 0 30px; height: 40px; display: inline-flex; align-items: center; gap: 5px; justify-content: center; text-transform: uppercase; font-weight: 700; cursor: pointer; color: var(--white); border-radius: 35px; background-color: var(--primary); }
.readBtn svg { margin-top: -4px; width: 14px; height: 12px; fill: #fff; }
.readBtn:hover { color: var(--white); background-color: var(--primary); }

/* wrapper */
.wrapper { width: 100%; position: relative; overflow: hidden; }

/* header */
.headerSec { padding: 0 50px; position: absolute; left: 0; top: 0; z-index: 99; width: 100%; display: flex; align-items: center; justify-content: space-between; min-height: 80px; background-color: rgba(0, 0, 0, 0.08); }
.headerSec .logo { display: block; height: 28px; }
.headerSec .logo svg { height: 28px; width: 163px; }
.headerSec .back { color: var(--white); position: relative; text-transform: uppercase; font-size: 14px; font-weight: 500; }
.headerSec .back:before { position: absolute; left: -12px; top: 5px; content: ''; width: 0; height: 0; border-width: 5px 6px 5px 0; border-color: transparent #fff transparent transparent; border-style: solid; }
.headerSec .back:hover { color: var(--primary); }

/* hero */
.heroSec { padding-top: 70px; width: 100%; height: 700px; overflow: hidden; position: relative; }
.heroSec .block { margin: 0 auto; position: relative; width: 100%; max-width: 550px; height: 100%; display: flex; flex-wrap: wrap; }
.heroSec .doha { position: absolute; left: 50%; top: 15px; transform: translateX(-50%); width: 100%; max-width: 230px; z-index: 2; }
.heroSec .heading { position: absolute; left: 49%; top: 50px; transform: translateX(-50%); width: 100%; max-width: 400px; z-index: 2; }
.heroSec .image { width: 100%; position: relative; z-index: 1; align-self: flex-end; }
.heroSec .image img { width: 100%; height: auto; }
.heroSec .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.heroSec .bg video { position: absolute; top: 50%; left: 50%; width: auto; height: 100%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); object-fit: cover; }
.heroSec .bottombg { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; z-index: 3; background: #FFD8CC; }
.heroSec .bottombg::before { position: absolute; content: ''; width: 100%; height: 17px; top: -13px; left: 0; background: url(../images/bhavani-top.png) repeat-x; }
.heroSec .rotate { position: absolute; left: 50%; bottom: 140px; transform: translateX(-50%); height: 120px; width: 120px; border-radius: 50%; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center; animation: Rotate 8s linear infinite; z-index: 1; }
.heroSec .rotate.active { opacity: 1; visibility: visible; }
.heroSec .icon-block { width: 90px; height: 90px; position: absolute; border-radius: 50%; display: flex; align-items: center; justify-content: center;  bottom: 0; left: 50%; transform: translate(-50%, 50%); }
.heroSec .diyaRotate { margin: 0px auto; width: 120px; display: block; animation: Rotate-reverse 8s linear infinite; }
.heroSec .diya { left: 50%; transform: translateX(-50%); position: absolute; bottom: 80px; width: 120px; display: none; z-index: 1; }
.heroSec .low { position: absolute; width: 2px; height: 10px; border-radius: 50%; background: #ffff; box-shadow: 0 0 0 5px #eff000, 0 0 0 10px rgba(255, 255, 255, .2); filter: blur(2px); animation: diyaanimation 2s linear infinite; transform-origin: bottom; }
.heroSec .low_1 { top: 17%; left: 17%; }
.heroSec .low_2 { top: 17%; left: 33%; }
.heroSec .low_3 { top: 0; left: 48%; width: 5px; height: 20px; }
.heroSec .low_4 { top: 20%; left: 62%; }
.heroSec .low_5 { top: 18%; left: 80%; }
.heroSec .detail { padding: 0; margin: 0; list-style: none; width: 100%; position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; z-index: 4; }
.heroSec .detail li { cursor: pointer; }
.heroSec .detail .icon { padding: 15px; margin-bottom: 5px; width: 80px; height: 80px; transition: var(--transition); display: flex; align-items: center; justify-content: center; border-radius: 50%; background: url(../images/hero-bg.png) no-repeat; background-size: contain; }
.heroSec .flower-layer { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 2; }
.heroSec .flower { position: absolute; top: -10%; font-size: clamp(20px, 3vw, 40px); filter: drop-shadow(0 2px 4px rgba(40, 0, 0, 0.6)); animation: flower-fall var(--duration, 4s) linear forwards; will-change: transform, opacity; }
.heroSec .detail li.active-item .icon { transform: scale(1.2); }
.heroSec .detail li.phool .icon.active-item { transform: scale(1.2); }
.heroSec.tab2 .bottombg { background: #f5f5f5; }
.heroSec.tab2 .bottombg::before { background: url(../images/bhavani-top2.png) repeat-x; }
.heroSec.tab3 .bottombg { background: #ffd3d3; }
.heroSec.tab3 .bottombg::before { background: url(../images/bhavani-top3.png) repeat-x; }
.heroSec.tab4 .bottombg { background: #e6f0ff; }
.heroSec.tab4 .bottombg::before { background: url(../images/bhavani-top4.png) repeat-x; }
.heroSec.tab5 .bottombg { background: #fff1ca; }
.heroSec.tab5 .bottombg::before { background: url(../images/bhavani-top5.png) repeat-x; }
.heroSec.tab6 .bottombg { background: #f1ffe0; }
.heroSec.tab6 .bottombg::before { background: url(../images/bhavani-top6.png) repeat-x; }
.heroSec.tab7 .bottombg { background: #f0f0f0; }
.heroSec.tab7 .bottombg::before { background: url(../images/bhavani-top7.png) repeat-x; }
.heroSec.tab8 .bottombg { background: #fff1f9; }
.heroSec.tab8 .bottombg::before { background: url(../images/bhavani-top8.png) repeat-x; }
.heroSec.tab9 .bottombg { background: #e4fff7; }
.heroSec.tab9 .bottombg::before { background: url(../images/bhavani-top9.png) repeat-x; }

@keyframes flower-fall {
    0% {
        transform: translate3d(0, -20px, 0) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    85% {
        opacity: 1;
    }
    100% {
        transform: translate3d(var(--drift, 35px), 105vh, 0) rotate(540deg);
        opacity: 0;
    }
}

/* Accessibility Option */
@media (prefers-reduced-motion: reduce) {
    .flower {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@keyframes Rotate {
    from {
        transform: translateX(-50%) rotate(0deg);
    }
    to {
        transform: translateX(-50%) rotate(360deg);
    }
}

@keyframes Rotate-reverse {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@keyframes diyaanimation{
    0%{
        transform: translateX(-50%) scaleY(1) rotate(0deg);
    }
    25%{
        transform: translateX(-50%) scaleY(1.1) rotate(10deg);
    }
    50%{
        transform: translateX(-50%) scaleY(1) rotate(-10deg);
    }
    100%{
        transform: translateX(-50%)scaleY(1) rotate(0deg);
    }
}

/* bhavani Sec */
.bhavaniSec { padding-top: 50px; padding-bottom: 50px; width: 100%; position: relative; background: #FFD8CC; }
.bhavaniSec::before,
.bhavaniSec::after { position: absolute; content: ''; width: 100%; height: 17px; left: 0; background-repeat: repeat-x; }
/* .bhavaniSec::before { top: -13px; background-image: url(../images/bhavani-top.png); } */
.bhavaniSec::after { bottom: -16px; background-image: url(../images/bhavani-bottom.png); }
.bhavaniSec .top { margin-bottom: 50px; width: 100%; display: flex; justify-content: center; position: relative; }
.bhavaniSec .nav-tabs { display: flex; justify-content: space-around; align-items: center; background: #ffffff; padding: 12px 20px; border-radius: 40px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); list-style: none; }
.bhavaniSec .tab-item { font-size: 17px; font-weight: 500; color: #2b2b2b; cursor: pointer; padding: 6px 16px; position: relative; transition: all 0.3s ease; }
.bhavaniSec .tab-item.active { color: #e62e2e; font-weight: 600; }
.bhavaniSec .tab-item.active::after { content: ''; position: absolute; bottom: -2px; left: 16px; right: 16px; height: 2px; background-color: #e62e2e; border-radius: 2px; }
.bhavaniSec .tab-content { display: none; }
.bhavaniSec .tab-content.active { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.bhavaniSec .image { width: 100%; max-width: 440px; }
.bhavaniSec .details-section { width: calc(100% - 480px); }
.bhavaniSec .mantra { margin-bottom: 30px; }
.bhavaniSec .features-grid { display: flex; flex-wrap: wrap; gap: 20px; text-align: center; }
.bhavaniSec .feature-item { display: flex; flex-direction: column; align-items: center; }
.bhavaniSec .icon-circle { width: 65px; height: 65px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.05); margin-bottom: 10px; }
.bhavaniSec .color-dot { width: 28px; height: 28px; border-radius: 50%; }
.bhavaniSec .label { font-size: 13px; color: #666666; margin-bottom: 4px; }
.bhavaniSec .value { font-size: 16px; font-weight: 700; color: #000000; }
.bhavaniSec .readBtn { padding: 16px 40px 10px 40px; color: var(--primary); height: auto; background-color: var(--white); }
.bhavaniSec .readBtn svg { fill: var(--primary); }
.bhavaniSec.tab2 { background: #f5f5f5; }
.bhavaniSec.tab2::after { background-image: url(../images/bhavani-bottom2.png); }
.bhavaniSec.tab3 { background: #ffd3d3; }
.bhavaniSec.tab3::after { background-image: url(../images/bhavani-bottom3.png); }
.bhavaniSec.tab4 { background: #e6f0ff; }
.bhavaniSec.tab4::after { background-image: url(../images/bhavani-bottom4.png); }
.bhavaniSec.tab5 { background: #fff1ca; }
.bhavaniSec.tab5::after { background-image: url(../images/bhavani-bottom5.png); }
.bhavaniSec.tab6 { background: #f1ffe0; }
.bhavaniSec.tab6::after { background-image: url(../images/bhavani-bottom6.png); }
.bhavaniSec.tab7 { background: #f0f0f0; }
.bhavaniSec.tab7::after { background-image: url(../images/bhavani-bottom7.png); }
.bhavaniSec.tab8 { background: #fff1f9; }
.bhavaniSec.tab8::after { background-image: url(../images/bhavani-bottom8.png); }
.bhavaniSec.tab9 { background: #e4fff7; }
.bhavaniSec.tab9::after { background-image: url(../images/bhavani-bottom9.png); }

/* navratri Sec */
.navratriSec { padding-top: 100px; padding-bottom: 100px; width: 100%; overflow: hidden; }
.navratriSec h2 { margin-bottom: 40px; color: #F6BC2D; position: relative; }
.navratriSec h2 span { padding-bottom: 5px; position: relative; }
.navratriSec h2 span:after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 5px; background: url(../images/line.png) repeat-x; background-size: contain; }
.navratriSec .block { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.navratriSec .item { width: 100%; }
.navratriSec .cardStory { padding: 20px; width: 100%; border-radius: 15px; background-color: var(--white); }
.navratriSec .cardStory .image { height: 160px; border-radius: 5px; overflow: hidden; }

/* vrat Sec */
.vratSec { padding-top: 10px; padding-bottom: 10px; width: 100%; overflow: hidden; }
.vratSec .top { margin-bottom: 50px; display: flex; justify-content: space-between; align-items: center; }
.vratSec h2 { margin-bottom: 0; color: #F6BC2D; position: relative; }
.vratSec h2 span { padding-bottom: 5px; position: relative; }
.vratSec h2 span:after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 5px; background: url(../images/line.png) repeat-x; background-size: contain; }
.vratSec .swiper-slide { height: unset; }

/* video sec */
.videoSec { padding-top: 50px; padding-bottom: 30px; width: 100%; position: relative; overflow: hidden; }
.videoSec .top { margin-bottom: 40px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; }
.videoSec h2 { margin-bottom: 0; color: #F6BC2D; position: relative; }
.videoSec h2 span { padding-bottom: 5px; position: relative; }
.videoSec h2 span:after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 5px; background: url(../images/line.png) repeat-x; background-size: contain; }
.videoSec .block { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 1; }
.videoSec .left { margin: 0 auto 30px auto; width: 100%; }
.videoSec .left .videoIcon { width: 80px; }
.videoSec .left .videolisting p { padding: 20px; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; font-size: 20px; line-height: 1.4; font-weight: 600; }
.videoSec .right { width: 100%; }
.videoSec .videoList { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); height: 400px; overflow-y: auto; }
.videoSec .videoList::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #f4d483; }
.videoSec .videoList::-webkit-scrollbar { width: 6px; background-color: #f4d483; }
.videoSec .videoList::-webkit-scrollbar-thumb { background-color: #c39d3f; }
.videoSec .slideBtn { position: absolute; top: 45%; transform: translateY(-50%); z-index: 1; background-color: var(--primary); }
.videoSec .slideBtn svg { stroke: var(--white); }
.videoSec .slideBtn.rightVideoPrev { left: 5px; }
.videoSec .slideBtn.rightVideoNext { right: 5px; }
.videolisting { cursor: pointer; position: relative; }
.videolisting:last-child{ margin-right: 0; }
.videolisting figure{ position: relative; padding-top: 56%; }
.videolisting figure::before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 1; }
.videolisting img,
.videolisting iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.videolisting img { object-fit: cover; }
.videolisting p { padding-top: 15px; font-size: 1rem; font-weight: 400; min-height: inherit; color: var(--white); }
.videolisting p a { font-size: 14px; }
.videolisting .videoIcon { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); width: 50px; }
.videolisting .videoIcon img { position: relative; left: unset; top: unset; z-index: 2; transform: unset; object-fit: unset; width: 100%; height: auto; }

/* news Sec */
.newsSec { padding-top: 100px; padding-bottom: 30px; width: 100%; overflow: hidden; }
.newsSec .newsBlock { padding-top: 100px; padding-bottom: 100px; width: 100%; border-bottom: 1px solid #ebebeb; }
.newsSec h2 { margin-bottom: 40px; color: #F6BC2D; position: relative; }
.newsSec h2 span { padding-bottom: 0; position: relative; }
.newsSec h2 span:after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 5px; background: url(../images/line.png) repeat-x; background-size: contain; }
.newsSec .block { width: 100%; display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); }
.newsSec .item { width: 100%; }
.newsSec .sliderBtn { margin-top: 10px; width: 100%; display: flex; justify-content: center; }
.newsSec .button { margin-top: 50px; width: 100%; display: flex; justify-content: center; }
/* .newsSec .btn { border: 1px solid var(--white); background-color: transparent; } */

/* card Story */
.cardStory { padding: 30px 20px; width: 100%; height: 100%; border-radius: 15px; background-color: var(--white); }
.cardStory .image { width: 100%; height: auto; }
.cardStory .image img { width: 100%; height: 100%; object-fit: fill; object-position: center center; }
.cardStory .sliderText { padding-top: 20px; width: 100%; font-weight: 500; color: var(--black); font-size: 18px; font-weight: 600; }
.cardStory .button { margin-top: 20px; width: 100%; display: flex; justify-content: center; }
.cardStory .readBtn { font-weight: 400; background-color: #FFDCDB; color: #FF4E4E; }
.cardStory .readBtn svg { fill: #FF4E4E; }

/* slider button */
.slideBtn { margin: 0; cursor: pointer; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; transition: var(--transition); border: 1px solid #c7c7c7; background-color: var(--white); }
.slideBtn svg { width: 24px; height: 14px; transition: var(--transition); height: auto; object-fit: unset; transform-origin: unset; fill: var(--black); }
.slideBtn:hover { border: 1px solid var(--black); background-color: var(--black); }
.slideBtn:hover svg { fill: var(--white); }
.slideBtn:after { display: none; }

/* subh */
.subhSec { padding-top: 20px; padding-bottom: 50px; width: 100%;}
.subhSec img { margin: 0 auto; width: 100%; max-width: 300px; height: auto; display: block; }

/* footer */
.footerSec { padding-top: 30px; padding-bottom: 30px; width: 100%; background-color: var(--black); }
.footerSec .copyright { font-size: 14px; width: 100%; text-align: center; color: var(--white); }

@media screen and (max-width: 1200px)  {
    .centered { padding-left: 20px; padding-right: 20px; }
}

@media screen and (max-width: 992px)  {
    h2 { font-size: 32px; }
    h3 { font-size: 22px; }
    .heroSec .block { max-width: 500px; }

    .bhavaniSec .image { max-width: 340px; }
    .bhavaniSec .details-section { width: calc(100% - 370px); }

    .navratriSec { padding-top: 80px; padding-bottom: 80px; }

    .vratSec { padding-bottom: 30px; }


    .newsSec { padding-top: 50px; }
    .newsSec .block { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 767px)  {
    h2 { font-size: 26px; }
    h3 { font-size: 20px; }

    .headerSec { min-height: 46px; background-color: rgba(0, 0, 0, 0.25); }
    .headerSec .logo { height: 20px; }
    .headerSec .logo svg { width: 120px; height: 20px; }
    .headerSec .back { font-size: 12px; }
    .headerSec .back:before { top: 2px; }

    .heroSec { padding-top: 60px; height: 550px; }
    .heroSec .image { padding-bottom: 30px; }
    .heroSec .block { max-width: 360px; }
    .heroSec .detail { gap: 15px; }
    .heroSec .detail .icon { padding: 10px; width: 60px; height: 60px; }
    .heroSec .doha { top: 5px; max-width: 180px; }
    .heroSec .heading { top: 34px; max-width: 300px; }
    .heroSec .bottombg { height: 30px; }
    .heroSec .diya { width: 70px; bottom: 45px; }
    .heroSec .low { box-shadow: 0 0 0 3px #eff000, 0 0 0 4px rgba(255, 255, 255, .2); }
    .heroSec .rotate { bottom: 80px; width: 80px; height: 80px; }
    .heroSec .diyaRotate { width: 65px; }

    .navratriSec { padding-top: 60px; padding-bottom: 60px; }
    .navratriSec .block { grid-template-columns: repeat(1, 1fr); }
    .cardStory { padding: 20px; }
    .cardStory .sliderText { font-size: 16px; }
    .cardStory .readBtn { font-size: 14px; }
    .navratriSec .cardStory .image { height: auto; }

    .bhavaniSec { padding-top: 30px; padding-bottom: 30px; }
    .bhavaniSec .top { padding: 5px 20px; margin: 0 0 30px -20px; width: calc(100% + 40px); justify-content: flex-start; border-radius: 0; overflow-x: auto; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); background: var(--white); -ms-overflow-style: none; scrollbar-width: none; }
    .bhavaniSec .top ul { padding-left: 0; padding-right: 0; box-shadow: none; gap: 30px; }
    .bhavaniSec .tab-item { padding: 0; font-size: 16px; }
    .bhavaniSec .tab-item.active::after { left: 0; right: 0; bottom: 0; width: 100%; }
    .bhavaniSec .image { margin: 0 auto; }
    .bhavaniSec .details-section { margin-top: 30px; width: 100%; }
    .bhavaniSec .icon-circle { width: 50px; height: 50px; }
    .bhavaniSec .label { margin-bottom: 0; font-size: 12px; }
    .bhavaniSec .value { font-size: 14px; }

    .cardBhavani { padding: 45px; width: 300px; height: 390px; }
    .cardBhavani .title img { height: 50px; }
    .cardBhavani .image img { height: 150px; }
    .cardBhavani .linkBtn { right: 28px; bottom: 28px; width: 40px; height: 40px; }

    .vratSec .top { margin-bottom: 30px; }
    .vratSec .block { padding-top: 60px; padding-bottom: 60px; }
    .vratSec .swiper-slide { width: 270px; }

    .videoSec { padding-top: 30px; padding-bottom: 30px; }
    .videoSec .top { align-items: center; }
    .videoSec .top h2 { margin-bottom: 0; }
    .videoSec .top p { font-size: 14px; }
    .videoSec .left { margin-bottom: 20px; width: 100%; }
    .videoSec .left .videoIcon { width: 50px; }
    .videoSec .right { width: 100%; position: relative; }
    .videoSec .right .videolisting p { font-size: 14px; }
    .videoSec .videoList { height: 300px; }
    .videolisting .videoIcon { width: 35px; }
    .videoSec .left .videolisting p { padding: 5px 10px; font-size: 16px; line-height: 1.2; }
    .videoSec .swiper-slide { width: 240px; }
    .videolisting img, .videolisting iframe { border-radius: 15px; }

    .newsSec .newsBlock { padding-top: 60px; padding-bottom: 60px; }
    .newsSec .block { grid-template-columns: repeat(1, 1fr); }

    .subhSec { padding-top: 10px; }
    .subhSec img { max-width: 200px; }

    .slideBtn { width: 40px!important; height: 40px!important; }
    .slideBtn svg { width: 18px!important; height: 11px!important; }
}

@media screen and (max-width: 480px)  {
    .heroSec { height: 500px; }
    .heroSec .block { max-width: 300px; }
    .heroSec .doha { max-width: 160px; }
    .heroSec .heading { max-width: 270px; }
    .heroSec .detail .icon { padding: 8px; width: 50px; height: 50px; }
}