@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Lobster&family=Open+Sans&family=Poppins:wght@500&family=Work+Sans:wght@300;400;500;600;700;800&display=swap');

 * {
     margin: 0;
     font-family: 'Work Sans';
 }

 .btn {
     width: 180px;
     height: 64px;
     background: #FF900E;
     border-radius: 8px;
     border: none;
     transition-duration: 0.4s
 }
.btn:hover{
    /* background-color: #ffffff; */
    
}
.btn a:hover{
    color: #131313;
}
 .c1 {
     color: #131313;
     font-weight: 700;
 }

 .c2 {
     color: #FF900E;
     font-weight: 700;
 }

                                                  /* header */
 header {
     display: flex;
     flex-direction: column;
     background: rgba(255, 144, 14, 0.1);
 }

 .nav {
     display: flex;
     justify-content: space-around;
     align-items: center;
     margin-top: 50px;
     margin-bottom: 116px;
 }

 .logo h1 {
     font-weight: 700;
     font-size: 45px;
     color: #131313;
     transition-duration: 0.4s
 }
 .logo h1:hover{
    color: #FF900E;;
 }
 .menu {}

 .menu ul {
     display: flex;
 }

 .menu ul li {
     list-style: none;
     margin-left: 40px;
 }

 .menu ul li a {
     text-decoration: none;
     font-weight: 500;
     font-size: 18px;
     color: #424242;
     transition-duration: 0.4s
 }
 .menu ul li a:hover{
    color: #FF900E;;
 }

 .header-info {
     text-align: center;
 }

 .header-info h1 {
     font-weight: 700;
     font-size: 64px;
     color: #131313;
     margin-bottom: 35px;
 }

 .header-info p {
     font-weight: 400;
     font-size: 16px;
     color: #727272;
     margin-bottom: 32px;
 }

 .btn a {
     text-decoration: none;
     font-weight: 600;
     font-size: 20px;
     text-align: center;
     color: #FFFFFF;
     transition-duration: 0.4s
 }

 .banner img {
     width: 70vw;
     margin-top: 50px;
     margin-bottom: 45px;
 }

                                     /* section-2 Quick List */
 .quick-list-m {
     margin-top: 85px;
     margin-bottom: 130px;
 }

 .quick-list {
     display: flex;
     justify-content: space-around;
     justify-content: space-evenly;
     align-items: center;
 }

 .quick-img {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 24px;
 }

 .quick-img img {
     width: 342px;
     height: 342px;
 }

 .quick-info {}

 .quick-info h1 {
     font-weight: 500;
     font-size: 45px;
     color: #727272;
     margin-bottom: 24px;
 }

 .quick-info p {
     font-weight: 400;
     font-size: 16px;
     color: #727272;
     margin-bottom: 32px;
 }

 .quick-btn {}

                                   /*  section-3 Features you will love & enjoy*/
 .featuredcontent_container {
     margin-top: 6.8vw;
     display: flex;
     flex: 1 1 auto;
     justify-content: center;
     justify-items: center;
     align-items: center;
     column-gap: 3.2vw;
     padding: 2vw 12.5vw 1.2vw 12.5vw;
 }

 .featuredcontent_text_container {
     max-height: 982;
 }

 .featuredcontent_text_pheader {
     font-style: normal;
     font-weight: 700;
     font-size: 45px;
     line-height: 53px;
     padding-left: 1.1vw;
     border-left: 5px solid #FF900E;
 }

 .featuredcontent_text_paragraph {
     margin-top: 1.25vw;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 26px;
     margin-bottom: 1.56vw;
 }

 .featuredcontent_cards {
     box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.06);
     margin-bottom: 1vw;
     padding: 1.56vw 2.1vw 1.56vw 1.56vw;
     border-radius: 8px;
 }

 .featuredcontent_cards_heading {
     font-style: normal;
     font-weight: 600;
     font-size: 20px;
     line-height: 23px;
 }

 .featuredcontent_cards_paragraph {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 26px;
 }

 .featured_image_container {
     width: 41.7vw;
 }

 .featured_image {
     width: 38vw;
     margin-left: 6vw;
 }

 .featured_img_btn_container li {
     list-style: none;
 }

 .featured_btn_container {
     position: absolute;
     padding: 2.32vw 2.1vw;
     background-color: #FF900E;
     left: 48vw;
     margin-top: -7vw;
     border-radius: 8px;
     transition-duration: 0.4s

 }
 .featured_btn_container:hover{
    box-shadow: 0px 4px 30px rgba(228, 150, 5, 0.907);
 }

 .featured_btn_heading1 {
     color: white;
     font-style: normal;
     font-weight: 700;
     font-size: 56px;
 }

 .featured_btn_heading3 {
     color: white;
     font-style: normal;
     font-weight: 500;
     font-size: 24px;
     text-align: center;
 }



                                                       /* Some-fact */
 .Facts {
     /* margin-left: 12%; */
     margin-top: 130px;
 }

 .some-facts {
     /* margin-left: 450px; */
 }

 .fact-info {
     margin-bottom: 100px;
     margin-left: 10.4vw;
 }


 .fact-info h1 {
     font-weight: 700;
     font-size: 45px;
     color: #131313;
     margin-bottom: 24px;
 }

 .fact-info p {
     font-weight: 400;
     font-size: 16px;
     color: #727272;
 }

 .fact-item {
     display: flex;
     /* gap: 125px; */
     justify-content: space-evenly;

 }

 .item {
     width: 241.83px;
     height: 241.83px;
     border: 1px solid #FF900E;
     border-radius: 8px;
     transition-duration: 0.4s;

 }

 .item:hover {
     background-color: #ff59591d;
     color: #FF5959;
     transform: scale(1.1);
 }

 .item-info {
     text-align: center;
     padding: 65px 36px 49px 35px;
 }

                                                      /* sponspors */
 .sponspors {
     margin-top: 180px;
     margin-bottom: 130px;
 }

 .sponspors-info {
     text-align: center;
 }

 .sponspors-info h1 {
     font-weight: 700;
     font-size: 45px;
     color: #131313;
     margin-bottom: 24px;
 }

 .sponspors-info p {
     font-weight: 400;
     font-size: 16px;
     color: #727272;
     margin-bottom: 100px;
 }

 .sponspors-logo {
     display: flex;
     justify-content: center;
     gap: 8vw;
 }

 .s-logo img {
     height: 50px;
     left: 883px;
     filter: grayscale(100%);
     transition-duration: 0.4s;

 }

 .s-logo img:hover {
     filter: none;
     transform: scale(1.1);
 }

                                                /* extra */
 .p-collection {
     width: 1047px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 100px;
 }

 .p-title {
     text-align: center;
     font-weight: 600;
     font-size: 28px;
     color: #3A3A3A;
     margin-top: 100px;
     margin-bottom: 30px;

 }

 .all-col {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-row-gap: 26px;
     column-gap: -20rem;
     justify-items: center
 }

 .collection {
     display: grid;
     align-items: center;
     padding: 17px 15px 17px 15px;
     width: 300px;
     height: 476px;
     background: #FFFFFF;
     box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
     border-radius: 5px;
 }

 .thumb img {
     width: 300px;
     height: 256px;
     border-radius: 5px;
     transition-duration: 0.4s;
 }

 .thumb img:hover {
     transform: scale(1.1);
 }

 .stars {}

 .filled {
     color: #E02C6D;
 }

 .half {
     color: #E02C6D;
 }

 .showmore {
     text-align: center;
     margin-top: 60px;
     margin-right: 0px;
     font-weight: 700;
     font-size: 16px;
 }

 .showmore a {
     text-decoration: none;
     color: rgba(224, 44, 109, 0.87);
 }


                                       /* footer area */

 .footer-area {
     padding: 130px 240px 116px 240px;

 }

 .footer {
     text-align: center;
     width: 1440px auto;
     height: 100px;
     line-height: 100px;
     background-color: antiquewhite;
     overflow-x: hidden;
     border-radius: 5px;

 }

 .footer a {}


                                           /* media */
 /* 992 */
 @media only screen and (min-width:689px) and (max-width:992px) {
     .quick-list {
         flex-direction: column;
         align-items: center;
     }

     .quick-info {
         text-align: center;
         margin-top: 30px;
     }

     .featuredcontent_container {
         flex-direction: column
     }

     .featured_btn_container {
         margin-top: auto;
         margin-left: -107px;
     }

     .featured_image {
         margin-left: -197px;
         width: 85vw;
     }

     .fact-item {
         margin-top: 10px;
         margin-right: 20px;
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
         align-items: center;
     }

     .sponspors-logo {
         margin-top: 10px;
         margin-right: 20px;
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
         align-items: center;
     }

     .par-f p {
         margin-bottom: 100px;
     }

     /* extra */
     .p-collection {
         width: auto;
     }

     .all-col {
         /* display: none; */
         width: auto;
         flex-direction: column;
         grid-template-columns: repeat(2, 1fr);
     }

     .footer-area {
         padding: 0px;
     }
 }

 /* 688 */
 @media only screen and (max-width:688px) {
     body {
         /* overflow-x: hidden; */
     }

    .nav{
        flex-direction: column;
     }

     .logo {
         margin-bottom: 20px;
     }

     .menu {
         text-align: center;

     }

     .menu ul {
         margin-right: 20px;
         padding: 0px;
     }

     .menu ul li {
         margin-left: 15px;
     }

     .quick-list {
         /* display: none; */
         flex-direction: column;
         align-items: center;
     }

     .quick-img {
         flex-direction: column;
         grid-template-columns: repeat(1, 1fr);

     }

     .quick-img img {
         width: 95vw;
     }

     .quick-info {
         text-align: center;
         margin-top: 30px;
     }

     /* featured */

     .featuredcontent_container {
         flex-direction: column
     }

     .featured_btn_container {
         margin-top: auto;
         margin-left: -107px;
     }

     .featured_image {
         width: 85vw;
         margin-left: -102px;
     }

     .banner img {
         width: 90vw;
     }

     .fact-item {
         margin-top: 10px;
         margin-right: 20px;
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
         align-items: center;
     }

     .sponspors-logo {
         margin-top: 10px;
         margin-right: 20px;
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
         align-items: center;
     }

     .title-f h1 {
         display: none;
     }

     .par-f p {
         display: none;
     }

     .Facts {
         /* display: none; */
     }

     .sponspors {
         /* display: none; */
     }

     /* extre */
     .p-collection {
         width: auto;
     }

     .all-col {
         /* display: none; */
         width: auto;
         flex-direction: column;
         grid-template-columns: repeat(1, 1fr);
     }

     .footer-area {
         padding: 0px;
     }
 }