/* For screens between 1600px and 1919px */
@media (max-width: 1919px) {
    .container {
        width: 1500px;
        max-width: 1500px;
    }
    .banner-section-main,
    .banner-cnt {
        height: 820px;
    }
    .logo-main {
        top: 26px;
        width: 118px;
    }
    .banner-cnt h1 {
        font-size: 46px;
        line-height: 54px;
    }
    .banner-cnt p {
        font-size: 18px;
        line-height: 24px;
    }
    .how-it-works-section, .about-section, .faq-section {
        padding: 72px 0;
    }
    .sec-hdr h2 {
        font-size: 34px;
        line-height: 38px;
        margin-bottom: 14px;
    }
    .steps-section {
        gap: 16px;
        padding: 36px 0;
        width: 92%;
    }
    .step-header span {
        font-size: 20px;
        line-height: 36px;
    }
    .step-box {
        border-radius: 6px;
        padding: 20px 0 36px;
    }
    .step-header img {
        width: 34px;
        height: 34px;
        margin: 14px;
        margin-bottom: 0;
    }
    .chevron-icon {
        font-size: 20px;
    }
    .register-lhs h3 {
        font-size: 34px;
        line-height: 46px;
        margin-bottom: 54px;
    }
    .contact-banner h2 {
        font-size: 34px;
    }
    
}
/* For screens between 1360 and 1599px */
@media (max-width: 1599px) {
    .container {
        width: 1270px;
        max-width: 1270px;
    }
    .logo-main{
        width: 152px;
        top: 24px;
    }
    .banner-section-main, .banner-cnt {
        height: 612px;
    }
    .banner-cnt h1 {
        font-size: 36px;
        line-height: 48px;
    }
    .banner-cnt p {
        font-size: 16px;
        line-height: 22px;
    }
    .banner-cnt a {
        font-size: 16px;
        line-height: 24px;
        padding: 14px 24px;
        margin-top: 18px;
    }
    .banner-cnt {
        gap: 24px;
    }
    .how-it-works-section, .about-section, .faq-section {
        padding: 64px 0;
    }
    .sec-hdr h2 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 12px;
    }
    .steps-section {
        gap: 14px;
        padding: 34px 0;
        width: 96%;
    }
    .step-box {
        border-radius: 4px;
        padding: 16px 0 30px;
    }
    .step-header img {
        width: 32px;
        height: 32px;
        margin: 12px 14px;
        margin-bottom: 0;
    }
    .step-header {
        margin-bottom: 16px;
        gap: 20px;
    }
    .step-header span {
        font-size: 18px;
        line-height: 32px;
    }
    .step-box p {
        padding: 0 14px;
    }
    .register-section {
        padding: 60px 0;
    }
    .register-lhs h3 {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 48px;
    }
    .info-item {
        gap: 12px;
    }

    .info-item p {
        font-size: 18px;
        line-height: 22px;
        margin-right: 16px;
    }
    .form-wrapper {
        border-radius: 14px;
        padding: 32px 36px;
        max-width: 504px;
    }
    .generated-link {
        max-width: 504px;
    }
    .register-rhs {
        flex: 0 0 48%;
        max-width: 48%;
    }
    .register-image img {
        width: 512px;
    }
    .form-wrapper input, .form-wrapper select, .form-wrapper textarea {
        padding: 16px 14px;
        margin-bottom: 14px;
        font-size: 16px;
    }
    .chevron-icon {
        font-size: 18px;
    }
    .submit-btn {
        padding: 16px;
        font-size: 16px;
        border-radius: 6px;
        margin-top: 24px;
    }
    .contest-rules {
        margin: 64px auto 32px;
        width: 78%;
    }
    .contest-rules ul li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 22px;
    }
    .contest-hdr h2 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .contest-block p {
        font-size: 24px;
        line-height: 40px;
    }
    .winner-box img {
        width: 352px;
    }
    .faq-header {
        padding: 14px 30px;
        min-height: 76px;
    }   
    .contact-section {
        padding: 64px 0;
    }
    .footer-details span {
        font-size: 22px;
        line-height: 22px;
        margin:36px 0 14px 0;
    }
    .social-icons {
        gap: 16px;
        padding: 12px 0;
    }
    .social-icons a {
        width: 48px;
        height: 48px;
        font-size: 22px;
    }
    



    
}
/* For screens between 1200 and 1359px */
@media (max-width: 1359px) {
   

    .container {
        width: 1120px;
        max-width: 1120px;
    }

    .banner-section-main, .banner-cnt {
        height: 580px;
    }
    .logo-main {
        width: 148px;
        top: 20px;
    }
    .banner-cnt h1 {
        font-size: 32px;
        line-height: 42px;
    }
    .banner-cnt {
        gap: 18px;
    }
    .banner-cnt a {
        font-size: 16px;
        line-height: 24px;
        padding: 12px 18px;
        margin-top: 16px;
    }
    .how-it-works-section, .about-section, .faq-section {
        padding: 54px 0;
    }
    .sec-hdr h2 {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 12px;
    }
    .sec-hdr span {
        width: 82px;
    }
    .steps-section {
        gap: 12px;
        padding: 32px 0;
        width: 98%;
    }
    .step-box {
        flex: 0 0 19%;
        padding: 14px 0 24px;
        max-width: 19%;
    }
    .step-header {
        margin-bottom: 12px;
        gap: 16px;
    }
    .step-header img {
        width: 30px;
        height: 30px;
        margin: 10px 12px;
        margin-bottom: 0;
    }
    .step-header span {
        font-size: 17px;
        line-height: 30px;
        padding: 4px 34px 6px 16px;
    }
    .step-box p {
        padding: 0 12px;
        font-size: 14px;
        line-height: 20px;
    }
    .register-section {
        padding: 54px 0;
    }
    .register-lhs h3 {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 40px;
    }
    .register-lhs {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .info-item img {
        width: 30px;
    }
    .info-item p {
        font-size: 16px;
        line-height: 20px;
        margin-right: 10px;
    }
    .register-rhs {
        flex: 0 0 46%;
        max-width: 46%;
    }
    .form-wrapper {
        border-radius: 12px;
        padding: 28px 32px;
        max-width: 446px;
    }
    .form-wrapper input, .form-wrapper select {
        padding: 14px 12px;
        margin-bottom: 14px;
        font-size: 14px;
    }
    .chevron-icon {
        font-size: 16px;
    }
    .submit-btn {
        margin-top: 20px;
    }
    .register-image img {
        width: 464px;
    }
    .contest-rules {
        margin: 54px auto 28px;
        width: 82%;
    }
    .winner-section {
        padding: 90px 0;
    }
    .contest-hdr h2 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 8px;
    }
    .contest-hdr span {
        width: 90px;
    }
    .contest-block p {
        font-size: 22px;
        line-height: 36px;
    }
    .winner-box img {
        width: 336px;
    }
    .faq-header {
        padding: 12px 26px;
        min-height: 72px;
    }
    .faq-title {
        font-size: 16px;
    }
    .faq-content {
        padding: 0 30px 30px;
        font-size: 14px;
    }
    .contact-section {
        padding: 56px 0;
    }
    .contact-banner h2 {
        font-size: 30px;
    }
    .contact-banner p {
        font-size: 16px;
        margin: 0px auto 30px;
    }
    .btn {
        padding: 10px 22px;
        font-size: 14px;
    }
    .faq-wrapper {
        max-width: 64%;
        margin: 60px auto;
    }





}
/* For screens between 992 and 1199px */
@media (max-width: 1199px) {
    
    .container {
        width: 940px;
        max-width: 940px;
    }
    .logo-main {
        width: 124px;
        top: 16px;
    }
    .banner-section-main, .banner-cnt {
        height: 520px;
    }
    .steps-section {
        gap: 32px;
        padding: 34px 0;
        width: 96%;
        justify-content: center;
    }

    .step-box {
        flex: 0 0 30%;
        padding: 18px 0 30px;
        max-width: 30%;
        margin-bottom: 18px;
    }
    .register-block {
        width: 96%;
    }
    .winner-box img {
        width: 390px;
    }
    .contest-block {
        width: 60%;
        margin-left: 0%;
    }
    .faq-wrapper {
        max-width: 68%;
        margin: 54px auto;
    }
    .social-icons a {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }
    .social-icons {
        gap: 14px;
        padding: 6px 0;
    }
    .footer-details span {
        font-size: 18px;
        line-height: 24px;
        margin:32px 0 12px 0;
    }




}
/* For screens between 768 and 991px */
@media (max-width: 991px) {
    .container {
        width: 750px;
        max-width: 750px;
    }

    .banner-section-main, .banner-cnt {
        height: 430px;
    }
    .logo-main {
        width: 108px;
        top: 16px;
        left: 16px;
    }
    .banner-cnt h1 {
        font-size: 26px;
        line-height: 34px;
    }
    .banner-cnt {
        padding-top: 54px;
        width: 90%;
    }
    .banner-cnt p {
        width: 100%;
    }
    .banner-cnt a {
        padding: 14px 22px;
    }
    .how-it-works-section, .about-section, .faq-section,.register-section {
        padding: 48px 0;
    }
    .register-block {
        width: 94%;
        flex-direction: column;
    }
    .register-lhs,
    .register-rhs{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .register-lhs h3 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .form-wrapper {
        border-radius: 12px;
        padding: 32px 40px;
        max-width: 490px;
        margin: 24px auto;
    }
    .generated-link {
        max-width: 490px;
    }
    .register-image img{
        opacity: 0.5;
    }

    .winner-section {
        padding: 64px 0;
    }
    .contest-hdr {
        margin-bottom: 36px;
    }
    .contest-block p {
        font-size: 18px;
        line-height: 32px;
    }
    .winner-box img {
        width: 316px;
    }
    .faq-wrapper {
        max-width: 74%;
        margin: 48px auto;
    }
    .contact-section {
        padding: 52px 0;
    }
    .contact-banner h2 {
        font-size: 32px;
        line-height: 46px;
    }
    .btn {
        padding: 12px 24px;
        font-size: 16px;
    }
    .form-wrapper input, .form-wrapper select {
        padding: 14px 16px;
        margin-bottom: 16px;
        font-size: 16px;
    }

    .footer-details span {
        font-size: 16px;
        line-height: 22px;
        margin:28px 0 10px 0;
    }
    .social-icons a {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }





}
/* For screens between 576 and 767px */
@media (max-width: 767px) {
   .container {
        width: 100%;
        max-width: 100%;
        padding: 0 16px;
    }
    .logo-main {
        width: 118px;
    }
    .banner-section-main, .banner-cnt {
        height: 486px;
    }
    .banner-cnt h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .banner-cnt {
        padding-top: 64px;
        width: 100%;
    }
    .banner-cnt a {
        padding: 14px 16px;
        font-size: 16px;
        text-align: center;
        border-radius: 60px;
    }
    .steps-section {
        gap: 24px;
        padding: 30px 0;
        width: 90%;
        justify-content: center;
        flex-direction: column;
    }
    .step-box {
        flex: 0 0 100%;
        padding: 18px 0 30px;
        max-width: 100%;
        margin-bottom: 4px;
    }
    .register-lhs h3 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 24px;
    }
    .form-wrapper {
        border-radius: 10px;
        padding: 24px;
        max-width: 100%;
        margin: 16px auto;
    }
    .sec-hdr h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 14px;
    }
    .contest-rules {
        margin: 36px auto 24px;
        width: 90%;
    }
    .winner-section {
        padding: 48px 0 124px;
    }
    .contest-block {
        width: 90%;
        margin-left: 0%;
    }
    .contest-hdr {
        margin-bottom: 24px;
    }
    .contest-block p br{
        display: none;
    }
    .contest-block p {
        font-size: 18px;
        line-height: 28px;
    }
    .winner-box img {
        width: 172px;
    }
    .faq-wrapper {
        max-width: 90%;
        margin: 36px auto;
    }
    .faq-header {
        padding: 12px 20px;
        min-height: 64px;
    }
    .faq-title {
        font-size: 14px;
    }
    .faq-content {
        padding: 6px 24px 24px;
        font-size: 14px;
    }
    .contact-section {
        padding: 48px 0;
    }
    .contact-banner h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .social-icons a {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }
    .footer-details span {
        font-size: 18px;
        line-height: 24px;
    }




}