@import url('https://fonts.cdnfonts.com/css/nexa-bold');
html {
    scroll-behavior: smooth !important;
}

body {
    font-family: 'Nexa', sans-serif !important;
    overflow-x:hidden;
}


.bg-lightdark {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  width: 100%;
  color: white;
  text-align: center;
}

#instafeed-container img{ 
			width: 25%;
			height:400px;
			margin-bottom:20px;
			margin-right:20px;
			
		}


.font-size-big {
    font-size: 18px!important;
}

.btn-red{
	background-color:#ef155e;
	border-radius: 20px;
	color:white;
}

.bg-red{
    	background-color:#ef155e;
	color:white;
}

.border-radius{
	border-radius:50%!important;
}

.rounded-corner{
	border-radius:20px!important;
}

.bg-yellow{
    background-color:#FFA500!important;
}

.text-red {
    color: #ef155e;
}

.text-light-black {
    color: #a8a3a3!important;
}

.bg-lightgreen{
    background-color:#f2f9fb!important;
}

.logo-size {
    width: 130px!important;
}

.can-image {
    width: 100% !important;
    height: 650px !important;
}

.can-footer-image {
    width: 100% !important;
    height: 350px !important;
}
.border-radius{
    border-radius:15px!important;
}

.faq-padding-size {
    font-size: 40px !important;
}
.bg-image-about{
     background: url('../assets/Scene-4-u.jpg')!important ;
     height:500px !important; 
     background-position: center;
     background-repeat: no-repeat;
    
     background-size: cover;
     background-attachment: fixed!important ;
}


.bg-image-heading-3{
    background: url("../assets/hb3.jpg");
     height:100px !important; 
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed!important ;
}
.background-s-i{
    background: url("../assets/sumo-signup.png");
     height:700px !important; 
     background-repeat: no-repeat;
     background-size: contain;
}
.bg-image-heading-4{
    background: url("../assets/hb6.png");
     height:100px !important; 
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed!important ;
}
.bg-image-heading-pl{
    background: url("../assets/hb5.png");
     height:100px !important; 
       background-size: cover;
     background-repeat: no-repeat;
       background-attachment: fixed!important ;
}
.bg-image-heading-nb{
    width:100%;
    background: url("../assets/hb2.png");
     height:100px !important; 
      /*background-position: center;*/
     background-repeat: no-repeat;
      background-size: cover;
   background-attachment: fixed!important ;
}

.font-size-h{
    font-size:50px !important;   
}

/*.bg-image-second{*/
/*     background: url('../assets/sumo-bac-2.png')!important;*/
/*     height:400px !important; */
/*     background-repeat: no-repeat;*/
/*     background-size: cover;*/
     /*background-attachment: fixed!important;*/
/*}*/


/*.bg-image-contact{*/
/*     width:100%;*/
/*    height:600px;*/
/*     background: url('../assets/cs.png')!important ;*/

/*     background-repeat: no-repeat;*/
   
/*    background-attachment: fixed!important ;*/
/*    padding:30px;*/
/*}*/
.overlay {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.bg-image-info{
      background-image: radial-gradient(#FFFF00, #FFA500)!important ;
    
    
}
.signup-mt{
    padding-top:220px!important;
}

@media (max-width: 575.98px) {

.logo-size{
       width:90px;
   }
    .header-conten {
        padding: 0 10px !important;
    }
    .faq-padding-size {
        font-size: 20px !important;
    }
    .logo-size {
        width: 70px!important;
    }
    .bg-image-heading-nb,.bg-image-heading-pl,.bg-image-heading-3,.bg-image-heading-4{
        height:50px!important;
           background-position: center center !important;
    }
    h4,
         .h4 {
         font-size: 18px !important;
         }
         h5,
         .h5 {
         font-size: 17px !important;
         }
         .font-size-h,h1,.h1 {
         font-size: 20px !important;
         }
         h2,
         .h2 {
         font-size: 20px !important;
         }
         h3,
         .h3 {
         font-size: 22px !important;
         }
         h6,
         .h6 {
         font-size: 14px !important;
         }
         .mobile-border{
             padding:3px !important;
         }
         
    #second {
        order: 2 !important;
    }
    #first {
        order: 1 !important;
    }
    .can-image {
        width: 100% !important;
        height: auto !important;
    }
    .can-footer-image {
        width: 90% !important;
        height: 120px !important;
    }
    .img-fluid{
        width:90% !important;
        height:auto!important;
    }
    .tb{
        color:black!important;
    }
    
    .signup-mt{
        margin:3px;
    padding-top:175px!important;
}
   #instafeed-container img{ 
			width: 100%!important;
			height:auto!important;
			margin-bottom:20px;
		
			
		}
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .search-box-width {
        width: 450px;
    }
    .col-five {
        flex: 0 0 50%;
        max-width: 50.6667%;
    }
    .list-image {
        max-width: 100%;
        height: auto;
    }
}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991.98px) {
    .col-five {
        flex: 0 0 33.33%;
        max-width: 50.6667%;
    }
    .list-image {
        max-width: 100%;
        height: auto;
    }
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199.98px) {
    .padding-bothside {
        padding: 0px 50px;
    }
}


/* // Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1240px) and (max-width:1440px) {
    .padding-bothside {
        padding: 0px 150px;
    }
}

@media (min-width: 1600px) {
    .padding-bothside {
        padding: 0px 200px;
    }
}