@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial/Arial-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial Bold';
    src: url('../fonts/newArial-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial Italic';
    src: url('../fonts/newArial-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Arial Bold Italic';
    src: url('../fonts/newArial-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Arial CE';
    src: url('../fonts/newArialCE-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial CE Bold';
    src: url('../fonts/newArialCE-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial Black';
    src: url('../fonts/newArialBlack.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body
{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
   /*font-family: 'Open Sans', sans-serif;*/
   font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;
   /*background: url(../images/napa-bg.jpg);background-repeat: no-repeat; background-size: cover; background-position: center;*/
}
.wrapper{
	margin: 0;
	padding: 0;
	width: 100%;
	box-sizing:border-box;
}
.padding{
	padding: 0;
}


body a {text-decoration: none;    color: inherit;}
ul{list-style: none;margin: 0;padding: 0;}
p:last-child{margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, h6 {margin: 0;}
html {overflow-x: hidden;}
figure { margin: 0;}



.common-sec h1 {padding: 0 0 20px 0;margin: 0;font-size: 46px;line-height: 60px;color: #00502e;font-weight: 700;text-transform: uppercase;font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;}
.common-sec h2 {font-size: 42px; line-height: 54px; font-weight: 700; color: #021120!important; padding-bottom: 20px;text-align:center;}
.common-sec h3 {font-size: 32px; line-height: 40px; font-weight: 700; font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;text-align:left;padding-bottom:10px;color:#066DC8!important;}
.common-sec h4{font-size: 26px; line-height: 32px; font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif; padding: 5px 0 25px 0;color:#024ca9!important;font-weight: 600;}
.common-sec p {font-size: 20px; line-height: 28px;color: #000;padding-right: 0;padding-bottom: 8px;font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif;}
.common-sec li {font-size: 20px; line-height: 28px;color: #000; padding: 0 0 10px 0;}
.common-sec ul {margin:0;padding:0;display:inline-block;list-style: none;}
.common-sec h6{color: #c69d52; display: block; text-align: center; font-weight: 600; font-size: 22px; margin-bottom: 20px;}


/*.common-sec a:hover {color:#000;}*/
.common-padding  {padding:70px 0;}

.contact-us-box a:hover{color:#212529;}

.header {position:unset;top: 0;z-index: 99999;width: 100%;padding: 10px 0;background:#fff;border-bottom: 1px solid #bfbfbf;}
.menu ul li a {transition:0.5s;color: #021120!important;padding: 0px 36px!important;font-size: 22px;font-weight: 600;font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;display: inline-block;letter-spacing: 0.5px;background: transparent;position:relative;line-height:28px;}
.menu .nav-item{margin:0 22px 0 0;}
.menu nav{padding:0;}
.menu .nav-item:last-child{margin:0 0 0 12px;}
.menu ul li a:hover{color: #c69d52 !important;}

.header-btn a{border:2px solid #EE3F2B;}

.header-btn a{line-height:24px;}

.navbar-nav .header-btn a{color:#fff!important;background: #be1e2d;border-radius: 0px;margin: 0 0 0 22px;border:2px solid #be1e2d;padding: 7px 12px 7px 12px !important;}

.navbar-expand-md .navbar-collapse {justify-content: right;}
.slider {position: relative;}
.sticky {position: fixed !important;top: 0;width: 100%;color: #000 !important;z-index: 999;display: block;background:#fff;}
.sticky + *{margin-top:100px;}

.slider .carousel-item img {width: 100%;}
.carousel-control-prev img {transform: rotate(180deg);}
.navbar-nav{align-items:center;}

.carousel .carousel-item{background: #000;}
.carousel .carousel-item img{width:100%;}
#slider .carousel-item{background:#000;}

/*.menu ul li::after{content:'';width:0%;display:block;height:1px;background: #41A66E !important;;transition:0.5s;}*/
/*.menu ul li:hover::after{width:100%;}*/

.phone-number::after{content:unset!important;}
#collapsibleNavbar{justify-content: end;}
.logo p{font-size: 30px; line-height: 42px; color: #fff; text-transform: uppercase; font-weight: 600;font-family: "Cormorant Garamond", serif;}
.menu ul .phone-number a{color: #fff !important; background: #024ca9!important; padding: 10px 16px!important; display: inline-block; font-size: 24px; line-height: 26px; font-weight: 600; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif; margin: 0px 0 0 0; border: 1px solid #024ca9; border-radius: 0px;}
.top-header p { color: #fff; font-size: 18px; line-height: 28px; font-weight: 500; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif; }
/*.logo img{width: 50%; border-radius: 20px; border: 2px solid #EFCC65; background: #000; padding: 10px;}*/
/*.slider-content-col a:hover{background:#000;border: 1px solid #000;}*/
/*.navbar-nav .phone-number a:hover{background:#ff0000!important;color:#fff!important;border:1px solid #ff0000;}*/
.carousel .carousel-control-next, .carousel .carousel-control-prev{width: 3%;}

#collapsibleNavbar .phone-number a:hover{color:#fff!important;background:#51a030 !important;border:1px solid #51a030;}

.carousel-control-prev i{font-size: 14px; color: #000; background: #fff; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}
.carousel-control-next i{font-size: 14px; color: #000; background: #fff; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}
.carousel-control-prev{opacity:1;}
.carousel-control-next{opacity:1;}



.carousel .carousel-item .slider-content img{width: 17%; margin: auto; display: block;}
.slider-content {    width: 100%; position: absolute; top: 50%; left: 50%; right: 0; z-index: 999; transform: translate(-50%, -50%); font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;}
#slider{position:relative}
.slider-content-col h1 {font-size: 52px; font-weight: 700; color: #fff; padding: 0 0 25px 0; line-height: 60px; text-transform: uppercase; text-align: center;}
.slider-content-col h1 span{color: #c69d52;    display: block;}
.slider-content-col{text-align: left; }
.slider-content-col h3{color: #fff; font-size: 22px; text-align: center;padding-bottom:30px;}
.slider-content-col p{font-size: 24px; text-align: center; color: #fff; font-weight: 600;}
.slider-content-col .buttons{display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 30px;}
.slider-content-col .buttons .common-btn:hover{background: #fff !important; border-color: #fff !important;}

a.common-btn{color: #021120 !important; background: linear-gradient(90deg, #b8860b 0%, #ffd700 100%, #b8860b 0%) !important; padding: 12px 26px !important; display: inline-block; font-size: 18px; line-height: 25px; font-weight: 600; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif; margin: 25px 0 0; border: 1px solid #c69d52; border-radius: 0; letter-spacing: 1.1px;}
a.common-btn:hover{color: #021120 !important; border-color: #021120 !important; background: transparent !important;}
.header .container{max-width: 1420px;}
.logo img{width:40%;}
.header a.common-btn{color: #021120 !important; background: linear-gradient(90deg, #b8860b 0%, #ffd700 100%, #b8860b 0%) !important; padding: 12px 26px !important; display: inline-block; font-size: 18px; line-height: 25px; font-weight: 600; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif; margin: 0; border: 1px solid #c69d52; border-radius: 0; letter-spacing: 1.1px;}
.header a.common-btn:hover{color: #021120 !important; border-color: #021120 !important; background: transparent !important;}

.explore-sec p{    text-align: center;}
.explore-sec article{display: grid; margin: 30px 0 0; gap: 40px; grid-template-columns: repeat(5, 1fr);}
.explore-sec article div{border: 1px solid #ddd; border-radius: 10px;}
.explore-sec article div h4{padding: 0; margin-top: 15px; font-size: 16px; text-align: center; color: #000 !important; line-height: 22px; font-weight: 600; margin-bottom: 15px;text-transform: uppercase;}
.explore-sec article div img{border-top-right-radius: 10px; border-top-left-radius: 10px;}
.explore-sec .common-btn{display: block; width: max-content; margin-left: auto; margin-right: auto;}

.how-work { background-color: #fafafa;}
.how-work .inner-part {display: flex; align-items: center; justify-content: center; gap: 20px;}
.how-work .inner-part .inner-num{display: flex; align-items: center; gap: 10px; }
.how-work .inner-part .inner-num span{display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; background-color: #c69d52; border-radius: 50px; font-size: 30px; font-weight: 600; color: #fff;}
.how-work .inner-part .inner-num img{    width: 70px;}
.how-work .inner-part .inner-content {    width: 50%;}
.how-work .inner-part .inner-content h3{font-size: 24px; line-height: 32px; font-weight: 700; font-family: 'Arial', 'Arial Bold', 'Arial Italic', 'Arial Bold Italic', 'Arial CE', 'Arial CE Bold', 'Arial Black', sans-serif; text-align: left; padding-bottom: 10px; color: #021120 !important;}
.how-work .inner-part .inner-content p{font-size: 18px; line-height: 28px; color: #000; padding-right: 0; padding-bottom: 0;}
.how-work .why-work-box.border-with{border-left: 1px solid #ddd; border-right: 1px solid #ddd;}

.voice-sec{    background-image: url(../images/City-banner.png);background-size: cover; background-repeat: no-repeat; background-position: right;}
.voice-sec .voice-left p{text-align: left; color: #fff;}
.voice-sec .voice-left h2{ text-align: left; color: #fff !important;}
.voice-sec .voice-left h6{text-align: left;}
.voice-sec .voice-right h3{font-size: 28px; line-height: 32px; text-align: left; padding-bottom: 0; color: #ffffff !important;}
.voice-sec .voice-right article{display: grid; margin: 30px 0 0; gap: 40px; grid-template-columns: repeat(3, 1fr);}
.voice-sec .voice-right article div{border: 1px solid #ddd; border-radius: 10px; position: relative;}
.voice-sec .voice-right article img{border-radius: 10px;}
.voice-sec .voice-right article h4{padding: 8px 10px; margin-top: 0; font-size: 14px; text-align: center; color: #ffffff !important; line-height: 22px; font-weight: 600; margin-bottom: 0; position: absolute; bottom: 0; width: 100%; background-color: #021120 !important; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}


.featured-nominees-inner h4{text-align:center;color: #021120 !important;padding: 0 0 8px 0;}
.featured-nominees-inner{text-align:center;}
.featured-nominees-inner .common-btn{margin-top:5px;}
.featured-nominees-col-btm{margin-top:30px;}
.only-txt{border: 1px solid #a5a5a5;padding: 20px;border-radius: 0 0 10px 10px;}

.best-city-txt h2{text-align:left;}
.best-city-txt h2 span{color:#c69d52;}
.best-city-blocks-inner{text-align:center;}
/*.best-city-small-heading{}*/
/*.best-city-blocks-inner h4{}*/

.container{max-width: 1420px;}


.copyright { padding: 10px 0; background-color: #021120;border-top: 1px solid #fff; margin: 0px 0 0 0;}
.copyright p { color: #fff; font-size: 20px; font-weight: 400; margin: 0; padding: 0 0; letter-spacing: 0.5px;font-family: "Arial"; }
.Proudly_text { text-align: right;}

.mobile-btn{display:none;}




@media (min-width: 1200px) and (max-width: 1399.98px) {
    
  .header{padding: 5px 0;}
  .header .container{max-width: 1200px;}
  .container{max-width: 1200px;}
  .carousel .carousel-item .slider-content img {width: 9%;}
  .slider-content {top: 52%;}


  
}


@media (max-width: 575.98px) {

    .header .container { max-width: 100%; }
    .container { max-width: 100%; }

    /* common */
    .common-padding { padding: 40px 0; }
    .common-sec h2 { font-size: 30px; line-height: 38px; padding-bottom: 12px; }
    .common-sec h4 { font-size: 20px; line-height: 26px; padding: 5px 0 15px 0; }
    .common-sec h6 { font-size: 20px; margin-bottom: 10px; }
    .common-sec p { font-size: 18px; line-height: 24px; }
    a.common-btn { padding: 9px 18px !important; font-size: 15px; line-height: 22px; letter-spacing: 0.6px; margin: 15px 0 0; }

    /* header (sticky mobile me band, header bahut lamba ho jata he) */
    .header { padding: 10px 0; }
    .sticky { position: unset !important; }
    .sticky + * { margin-top: 0; }
    .logo { text-align: center; }
    .logo img { width: 38%; }
    .mobile-btn { display: block; margin: 12px 0 15px; }
    .header a.common-btn { padding: 9px 20px !important; font-size: 15px; line-height: 22px; }
    .menu .last-nav-item { display: none; }
    .menu { margin-bottom: 10px; }
    .menu nav { background: #021120; }
    .navbar .navbar-toggler { width: 100%; border: 0; border-radius: 0;}
    .navbar-toggler-icon { float: right; }
    .navbar-toggler:focus { box-shadow: unset; }
    .navbar-nav { align-items: start; background: #fff; border: 1px solid #021120; }
    .navbar-nav .nav-item { margin: 0; border-bottom: 1px solid #021120; width: 100%; padding: 4px 0 0 0; }
    .menu .nav-item:nth-child(2) { border-bottom: unset; }
    .menu ul li a { font-size: 16px; line-height: 32px; padding: 0 8px !important; display: block; }

    /* slider */
    .carousel .carousel-item > img { height: 620px; object-fit: cover; object-position: center; }
    .carousel .carousel-item .slider-content img { width: 36%; }
    .slider-content-col h1 { font-size: 30px; line-height: 38px; padding: 0 0 15px 0; }
    .slider-content-col p { font-size: 18px; line-height: 24px; }
    .slider-content-col .buttons { flex-wrap: wrap; gap: 10px; margin-bottom: 15px; }
    .slider-content-col .buttons .common-btn { margin: 10px 0 0; }
    .slider-content-col h3 { font-size: 18px; line-height: 26px; padding-bottom: 0; }

    /* explore */
    .explore-sec article { grid-template-columns: repeat(1, 1fr); gap: 15px; margin: 20px 0 0; }
    .explore-sec article div h4 { font-size: 18px; line-height: 24px; margin: 8px 0; }

    /* how it works */
    .how-work .why-work-box { padding: 20px 15px; }
    .how-work .why-work-box.border-with { border-left: 0; border-right: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
    .how-work .inner-part { flex-direction: column; gap: 12px; text-align: center; }
    .how-work .inner-part .inner-num { justify-content: center; }
    .how-work .inner-part .inner-num span { width: 55px; height: 55px; font-size: 24px; }
    .how-work .inner-part .inner-num img { width: 55px; }
    .how-work .inner-part .inner-content { width: 100%; }
    .how-work .inner-part .inner-content h3 { font-size: 20px; line-height: 26px; text-align: center; }
    .how-work .inner-part .inner-content p { font-size: 16px; line-height: 24px; }

    /* voice */
    .voice-sec { background-position: center; }
    .voice-sec .voice-left h6 { text-align: center; }
    .voice-sec .voice-left h2 { text-align: center; }
    .voice-sec .voice-left p { text-align: center; }
    .voice-sec .voice-right h3 { font-size: 22px; line-height: 28px; text-align: center; margin-top: 25px; }
    .voice-sec .voice-right article { grid-template-columns: repeat(1, 1fr); gap: 15px; margin: 20px 0 0; }
    .voice-sec .voice-right article h4 { font-size: 18px; padding: 6px 8px; }

    /* featured nominees */
    .featured-nominees-col { margin-bottom: 20px; }
    .featured-nominees-col:last-child { margin-bottom: 0; }
    .featured-nominees-col-btm { margin-top: 0; }
    .only-txt { padding: 15px 12px; }

    /* copyright */
    .copyright p { font-size: 18px; line-height: 30px;}
    .copyright_text p { text-align: center; }
    .accessibility { display: none; }
    .Proudly_text { text-align: center; margin-top: 10px; }
}


/* ------------------------------ MOBILE (landscape) ------------------------------ */
@media (max-width: 767.98px) and (orientation: landscape) {

    .header .container { max-width: 540px; }
    .container { max-width: 540px; }

    /* common */
    .common-padding { padding: 40px 0; }
    .common-sec h2 { font-size: 28px; line-height: 36px; padding-bottom: 12px; }
    .common-sec h4 { font-size: 20px; line-height: 26px; padding: 5px 0 15px 0; }
    .common-sec h6 { font-size: 16px; margin-bottom: 10px; }
    .common-sec p { font-size: 17px; line-height: 25px; }
    a.common-btn { padding: 9px 18px !important; font-size: 15px; line-height: 22px; letter-spacing: 0.6px; margin: 15px 0 0; }

    /* header */
    .header { padding: 10px 0; }
    .sticky { position: unset !important; }
    .sticky + * { margin-top: 0; }
    .logo { text-align: center; }
    .logo img { width: 22%; }
    .mobile-btn { display: block; margin: 10px 0 12px; }
    .header a.common-btn { padding: 9px 20px !important; font-size: 15px; line-height: 22px; }
    .menu .last-nav-item { display: none; }
    .menu { margin-bottom: 10px; }
    .menu nav { background: #021120; }
    .navbar .navbar-toggler { width: 100%; border: 0; border-radius: 0; }
    .navbar-toggler-icon { float: right; }
    .navbar-toggler:focus { box-shadow: unset; }
    .navbar-nav { align-items: start; background: #fff; border: 1px solid #021120; }
    .navbar-nav .nav-item { margin: 0; border-bottom: 1px solid #021120; width: 100%; padding: 4px 0 0 0; }
    .menu .nav-item:nth-child(2) { border-bottom: unset; }
    .menu ul li a { font-size: 16px; line-height: 32px; padding: 0 8px !important; display: block; }

    /* slider */
    .carousel .carousel-item > img { height: 500px; object-fit: cover; object-position: center; }
    .carousel .carousel-item .slider-content img { width: 20%; }
    .slider-content-col h1 { font-size: 34px; line-height: 42px; padding: 0 0 15px 0; }
    .slider-content-col p { font-size: 18px; line-height: 26px; }
    .slider-content-col .buttons { flex-wrap: wrap; gap: 10px; margin-bottom: 15px; }
    .slider-content-col .buttons .common-btn { margin: 10px 0 0; }
    .slider-content-col h3 { font-size: 15px; line-height: 22px; padding-bottom: 0; }

    /* explore */
    .explore-sec article { grid-template-columns: repeat(2, 1fr); gap: 15px; margin: 20px 0 0; }
    .explore-sec article div h4 { font-size: 16px; line-height: 20px; margin: 10px 0; }

    /* how it works */
    .how-work .why-work-box { padding: 20px 15px; }
    .how-work .why-work-box.border-with { border-left: 0; border-right: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
    .how-work .inner-part { flex-direction: column; gap: 12px; text-align: center; }
    .how-work .inner-part .inner-num { justify-content: center; }
    .how-work .inner-part .inner-num span { width: 55px; height: 55px; font-size: 24px; }
    .how-work .inner-part .inner-num img { width: 55px; }
    .how-work .inner-part .inner-content { width: 100%; }
    .how-work .inner-part .inner-content h3 { font-size: 20px; line-height: 26px; text-align: center; }
    .how-work .inner-part .inner-content p { font-size: 17px; line-height: 25px; }

    /* voice */
    .voice-sec { background-position: center; }
    .voice-sec .voice-left h6 { text-align: center; }
    .voice-sec .voice-left h2 { text-align: center; }
    .voice-sec .voice-left p { text-align: center; }
    .voice-sec .voice-right h3 { font-size: 22px; line-height: 28px; text-align: center; margin-top: 25px; }
    .voice-sec .voice-right article { grid-template-columns: repeat(2, 1fr); gap: 15px; margin: 20px 0 0; }
    .voice-sec .voice-right article h4 { font-size: 16px; padding: 6px 8px; }

    /* featured nominees */
    .featured-nominees-col { margin-bottom: 20px; }
    .featured-nominees-col:last-child { margin-bottom: 0; }
    .featured-nominees-col-btm { margin-top: 0; }
    .only-txt { padding: 15px 12px; }

    /* copyright */
    .copyright p { font-size: 15px; line-height: 22px; }
    .copyright_text p { text-align: center; }
    .accessibility { display: none; }
    .Proudly_text { text-align: center; margin-top: 10px; }
}


/* ------------------------------ TABLET ------------------------------ */
@media (min-width: 768px) and (max-width: 991.98px) {

    .header .container { max-width: 720px; }
    .container { max-width: 720px; }

    /* common */
    .common-padding { padding: 50px 0; }
    .common-sec h2 { font-size: 32px; line-height: 42px; padding-bottom: 15px; }
    .common-sec h4 { font-size: 20px; line-height: 26px; }
    .common-sec h6 { font-size: 18px; margin-bottom: 12px; }
    .common-sec p { font-size: 17px; line-height: 26px; }
    a.common-btn { padding: 10px 22px !important; font-size: 16px; line-height: 22px; letter-spacing: 0.8px; }

    /* header */
    .header { padding: 6px 0; }
    .logo img { width: 60%; }
    .menu ul li a { font-size: 14px; line-height: 22px; padding: 0 10px !important; }
    .menu .nav-item { margin: 0 6px 0 0; }
    .menu .nav-item:last-child { margin: 0 0 0 6px; }
    .header a.common-btn { padding: 9px 14px !important; font-size: 13px; line-height: 20px; letter-spacing: 0.6px; }

    /* slider */
    .carousel .carousel-item > img { height: 540px; object-fit: cover; object-position: center; }
    .carousel .carousel-item .slider-content img { width: 22%; }
    .slider-content-col h1 { font-size: 42px; line-height: 50px; padding: 0 0 20px 0; }
    .slider-content-col p { font-size: 20px; line-height: 30px; }
    .slider-content-col .buttons { gap: 15px; margin-bottom: 20px; }
    .slider-content-col .buttons .common-btn { margin: 10px 0 0; }
    .slider-content-col h3 { font-size: 15px; line-height: 26px; padding-bottom: 0; }

    /* explore */
    .explore-sec article { gap: 12px; margin: 25px 0 0; }
    .explore-sec article div h4 { font-size: 11px; line-height: 16px; margin: 10px 5px; }

    /* how it works */
    .how-work .why-work-box { padding: 0 12px; }
    .how-work .inner-part { flex-direction: column; gap: 12px; text-align: center; }
    .how-work .inner-part .inner-num { justify-content: center; }
    .how-work .inner-part .inner-num span { width: 55px; height: 55px; font-size: 24px; }
    .how-work .inner-part .inner-num img { width: 55px; }
    .how-work .inner-part .inner-content { width: 100%; }
    .how-work .inner-part .inner-content h3 { font-size: 20px; line-height: 26px; text-align: center; }
    .how-work .inner-part .inner-content p { font-size: 15px; line-height: 22px; }

    /* voice */
    .voice-sec .voice-right h3 { font-size: 22px; line-height: 28px; }
    .voice-sec .voice-right article { gap: 12px; margin: 20px 0 0; }
    .voice-sec .voice-right article h4 { font-size: 11px; padding: 6px 4px; }

    /* featured nominees */
    .featured-nominees-col-btm { margin-top: 20px; }
    .featured-nominees-inner h4 { font-size: 18px; line-height: 24px; }
    .featured-nominees-inner a.common-btn { padding: 10px 8px !important; font-size: 12px; line-height: 18px; letter-spacing: 0.4px; }
    .only-txt { padding: 15px 10px; }
    .only-txt p { font-size: 15px; line-height: 22px; }

    /* copyright */
    .copyright p { font-size: 14px; }
    
    .explore-sec article{grid-template-columns: repeat(3, 1fr);}
    .explore-sec article .explore-box:last-child {grid-column: 2;}
    
    .featured-nominees-col-ipad{margin-top:20px;}

    
}


/* ------------------------------ SMALL LAPTOP ------------------------------ */
@media (min-width: 992px) and (max-width: 1199.98px) {

    .header .container { max-width: 960px; }
    .container { max-width: 960px; }

    /* common */
    .common-padding { padding: 55px 0; }
    .common-sec h2 { font-size: 36px; line-height: 46px; }
    .common-sec h4 { font-size: 22px; line-height: 28px; }
    .common-sec h6 { font-size: 20px; }
    .common-sec p { font-size: 18px; line-height: 26px; }
    a.common-btn { padding: 11px 24px !important; font-size: 16px; }

    /* header */
    .header { padding: 5px 0; }
    .logo img { width: 50%; }
    .menu ul li a { font-size: 17px; padding: 0 14px !important; }
    .menu .nav-item { margin: 0 10px 0 0; }
    .menu .nav-item:last-child { margin: 0 0 0 8px; }
    .header a.common-btn { padding: 10px 18px !important; font-size: 15px; }

    /* slider */
    .carousel .carousel-item > img { height: 480px; object-fit: cover; object-position: center; }
    .carousel .carousel-item .slider-content img { width: 17%; }
    .slider-content-col h1 { font-size: 42px; line-height: 50px; padding: 0 0 18px 0; }
    .slider-content-col p { font-size: 20px; line-height: 28px; }
    .slider-content-col .buttons { margin-bottom: 15px; }
    .slider-content-col .buttons .common-btn { margin: 10px 0 0; }
    .slider-content-col h3 { font-size: 18px; line-height: 26px; padding-bottom: 0; }

    /* explore */
    .explore-sec article { gap: 20px; }
    .explore-sec article div h4 { font-size: 12px; line-height: 20px; }

    /* how it works */
    .how-work .inner-part { gap: 12px; }
    .how-work .inner-part .inner-num span { width: 55px; height: 55px; font-size: 24px; }
    .how-work .inner-part .inner-num img { width: 55px; }
    .how-work .inner-part .inner-content { width: 52%; }
    .how-work .inner-part .inner-content h3 { font-size: 20px; line-height: 26px; }
    .how-work .inner-part .inner-content p { font-size: 16px; line-height: 24px; }

    /* voice */
    .voice-sec .voice-right h3 { font-size: 24px; line-height: 30px; }
    .voice-sec .voice-right article { gap: 20px; margin: 25px 0 0; }
    .voice-sec .voice-right article h4 { font-size: 13px; }

    /* featured nominees */
    .featured-nominees-inner a.common-btn { padding: 11px 14px !important; font-size: 15px; letter-spacing: 0.8px; }

    /* copyright */
    .copyright p { font-size: 18px; }
    
    .only-txt{padding: 20px 10px;}
    
    .explore-sec article div h4 {margin-bottom: 10px;margin-top: 10px;}

    
    
}