::selection{
    background-color: #FE9A04;
    color: white;
}

@font-face {
    font-family: 'poetsen';
    src: url(../fonts/PoetsenOne-Regular.ttf);
}

hr{
    width: 80%;
    margin: auto;
}

p{
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

h6{
    font-size: 17px;
}

.heading{
    font-weight: 700;
    color: #FE9A04;
    margin-bottom: 15px;
}

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

:root {
    --white: #fff;
    --light: #d8dbe0;
    --dark: #28292c;
    --info: #0dcaf0;
    --body: #fff;
    --primary-color1: #fe9800fb;
    --primary-color: #017b6e;
    --secondary-color:#fe9800fb;
    --tertiary-color: #39a1f0;
    --primary-soft-color: #daedef;
    --primary-soft-color-two: #efeedb;
    --primary-color-rgb: 1, 123, 110;
    --secondary-color-rgb: 242, 111, 85;
    --primary-title: #071516;
    --secondary-title: #505a59;
    --tertiary-title: #95b2b4;
    --pure-black: #000;
  }

  @font-face {
    font-family: dm;
    src: url(../../fonts/DMSans-VariableFont_opsz\,wght.ttf);
  }
  a{
	text-decoration:none !important;
	cursor:pointer;
}

/* -- ==================== SECTION1 ================== -- */

    .top_addon .data1 h1 {
        font-family: "Outfit", sans-serif !important;
        font-size: 50px;
    }
    
    .top_addon .outside .imagee img{
        border-radius: 20px;
        object-fit: cover;
    }
    
    .section1 .data h1{
        font-family: "Outfit", sans-serif !important;
    }
    
    .top_addon .outside .data1 h1 .strk{
        color: #7EC9DA;
    }
    
    /* -- ==================== SECTION2 ================== -- */
   
    .section2 .row .outside h1{
        font-size: clamp(32px, 2.5vw, 120px);
        font-family: "Outfit", sans-serif !important;
    }

    /* -- ==================== SECTION3 ================== -- */
    .section3 .market .hashtag{
        font-size: clamp(32px, 6.2vw, 120px);
        font-weight: 600;
        font-family: 'poetsen';
        background: #71CEEF;
        background: linear-gradient(to right, #71CEEF 0%, #FE9A04 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 18px;
    }

    
.section3 .market .image{
    height: 500px;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.section3 .market .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section3 .first .inner .swiper-slide{
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.section3 .first .swiper-button-next, .first .swiper-button-prev{
    position: absolute;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid gray;
    display: grid;
    place-items: center;
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
  }

  
  .section3 .first .swiper-button-prev:after, .swiper-button-next:after{
    font-size: 14px;
    color: black;
    font-weight: 900;
  }

  .section3 .first .inner .swiper-slide img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

    
    /* ======================= MEDIA QUERY ========================= */

@media (max-width:1460px){
	.top_addon .data1 h1{
		font-size: 45px;
	}
}

@media (max-width:992px){
    .section3 .market .image{
        height: 350px;
    }
	.top_addon .data1 h1{
		font-size: 35px;
	}
}
@media (max-width:576px){

   .section3 .first .swiper-button-next{
        right: 0;
    }
    .section3 .first .swiper-button-prev{
        left: 0;
    }

    .section3 .market .imagee{
        height: 250px;
    }
}

@media (max-width:480px){
	.top_addon .data1 h1{
		font-size: 25px;
	}
}