body{
	text-align: center;
	font-family: montserrat;
	color: #ffffff;
  src:url('https://fonts.cdnfonts.com/s/57380/VIPER___.woff') format('woff');
}

@font-face{
  src:url('https://fonts.cdnfonts.com/s/57380/VIPER___.woff') format('woff');
  src:url('https://fonts.cdnfonts.com/css/poppins');
   font-weight:normal;
   font-style:normal;
   font-display:swap;
 }

/* BACKGROUND IMAGE */
#background1 .background1{
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
}

#background2 .background2{
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
}

#background22 .background22{
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	/*height: 55vh;*/
	position: relative;
	min-height: 900px;
    background-position: 50% 50%;
    width: 1200px;
    /*height: 877px;*/
}

#background3 .background3{
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
}

#background4 .background4{
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
}

#background5 .background5{
	background-repeat: no-repeat;
	background-size: 68.5% 100%;
	background-position: center;
	position: relative;
	min-height: 881px;
    background-position: 50% 50%;
    width: 1200px;
}



/* CONTENTS IN EACH BACKGROUND */
#background1 .content1_ {
  position: absolute;
  color: #000000;
  font-family: 'VIPER NORA'!important;
  font-style: normal;
  font-weight: 500;
  padding: 1px;
  text-align: left;
  white-space: nowrap;
  z-index: 1;

  /* Add some padding to create a space between text and box edge */
  /* Set the background color to white */
}

#background1 .content2 {
    position: absolute;
    color: #000000;
    font-family: 'VIPER NORA'!important;
    font-style: normal;
    font-weight: 500;
    padding: 1px;
    text-align: left;
	 white-space: nowrap;
    z-index: 1;
}

#background1 .content3 {
 position: absolute;
  color: #000000;
  font-family: 'VIPER NORA', sans-serif !important;
  font-style: normal;
  font-weight: 500;
  padding: 1px;
  z-index: 1;
  white-space: nowrap;
}

#background1 .content3 span {
  font-family: 'FolioTEEBolCon', sans-serif !important;
}



#background1 .content4 {
    position: absolute;
    color: #000000;
    font-family: 'VIPER NORA'!important;
    font-style: normal;
    font-weight: 500;
	 white-space: nowrap;
    z-index: 1;
}

#background1 .content5 {
    position: absolute;
    color: #000000!important;
    font-family: 'VIPER NORA'!important;
    font-style: normal;
    font-weight: 500;
	 white-space: nowrap;
    z-index: 1;
}

#background1 .content7 {
    position: absolute;
    color: #000000 !important;
    font-family: 'VIPER NORA'!important;
    font-style: normal;
    font-weight: 400;
	white-space: nowrap;
    z-index: 1;
}

/* BACKGROUND2 */
#background2 .content1 {
  position: absolute;
  width: 100%;
  color:#000000;
  text-align: center;
  font-weight: 900;
  font-family: 'Poppins', sans-serif;
  line-height: 0.5; /* Adjusted line-height */
  white-space: nowrap;
  z-index: 1;
}

#background2 .top3 {
  position: absolute;
  width: 100%;
  color: #ffffff;
  font-weight: 800;
  text-align: center;
  font-family: 'Poppins', Bold; 
  z-index: 1; /* Add this line to bring the element in front of the background image */
   white-space: nowrap;

}

#background2 .top4 {
  position: absolute;
  width: 100%;
  color: #ffffff;
  font-weight: 800;
  text-align: center;
  font-family: 'Poppins', Bold; 
  z-index: 1; 
   white-space: nowrap;
}

#background2 .top5 {
  position: absolute;
  width: 100%;
  color:#ffffff;
  font-weight: 800;
  text-align: center;
  font-family: 'Poppins', Bold; 
  z-index: 1;
 white-space: nowrap;  
}

#background2 .top6 {
  position: absolute;
  width: 100%;
  color: #ffffff;
  font-weight: 800;
  text-align: center;
  font-family: 'Poppins', Bold; 
  z-index: 1;
 white-space: nowrap;  
}

#background2 .top7 {
  position: absolute;
  width: 100%;
  color: #ffffff;
  font-weight: 800;
  text-align: center;
  font-family: 'Poppins', Bold; 
  z-index: 1; 
   white-space: nowrap;
}


#background2 .first {
  position: absolute;
  width: 100%;
  text-align: left;
  font-weight: bold;
  color: #ffe600; /* Yellow color */
  list-style-type: circle;
  font-family: 'Poppins', sans-serif;
  z-index: 1;
  white-space: nowrap;
}


#background2 .second {
  position: absolute;
  width: 100%;
  text-align: left;
  font-weight: bold;
  color: #ffe600; /* Yellow color */
  list-style-type: circle;
  font-family: 'Poppins', sans-serif;
  z-index: 1;
  white-space: nowrap;
}


#background2 .third {
  position: absolute;
  width: 100%;
  text-align: left;
  font-weight: bold;
  color: #ffe600; /* Yellow color */
  list-style-type: circle;
  font-family: 'Poppins', sans-serif;
  z-index: 1;
  white-space: nowrap;
}

#background2 .fourth {
  position: absolute;
  width: 100%;
  text-align: left;
  font-weight: bold;
  color: #ffe600; /* Yellow color */
  list-style-type: circle;
  font-family: 'Poppins', sans-serif;
  z-index: 1;
  white-space: nowrap;
}


#background2 .fifth {
  position: absolute;
  width: 100%;
  text-align: left;
  font-weight: bold;
  color: #ffe600; /* Yellow color */
  list-style-type: circle;
  font-family: 'Poppins', sans-serif;
  z-index: 1;
  white-space: nowrap;
}

#background22 .bodyy {
    position: absolute;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding: 1px;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    font-size: 22px;
    top: 127rem;
    transform: translateX(32%);
    line-height: 1.2; /* Adjust the value as needed */
    z-index: 1;
    white-space: nowrap;
}

#background22 .bodyy .highlight1 {
    color: #C1272D;
    font-style: italic;
    font-weight: bolder;
}

#background22 .bodyy .highlight2 {
  position: relative;
  top: -52px;
}

#background22 .bodyy .highlight3 {
    position: relative;
    top: -35px;
    color: #FFFFFF;
    font-weight: 800;
    font-size: 47px;
    font-style: italic;
    
}


@media (max-width: 740px) {
    /* Adjust font sizes for mobile devices */
    body {
        font-size: 14px;
    }

    /* Adjust font sizes for Background1 */
    #background1 .content1_ {
    font-size: 33px;
    transform: translateX(177%);
    top: 25rem;

    }
    
    #background1 .content2 {
    font-size: 33px;
    transform: translateX(391%);
    top: 32.5rem;

    }

	#background1 .content3 {
    font-size: 33px;
    transform: translateX(177%);
    top: 36rem;
    }

    #background1 .content4 {
    font-size: 33px;
	transform: translateX(285%);
    top: 40rem;
    }

    #background1 .content5{
    font-size: 35px;
    top: 47rem;
    transform: translateX(537%);
    
    }

	
	 #background1 .content7 {
    font-size: 14px;
    transform: translateX(871%);
    top: 52rem;
    }

	 #background2 .content1 {
      font-size: 50px;
    top: 61rem;
    transform: translateX(50%);
    }

    #background2 .top3 {
    font-size: 21px;
    top: 71.3rem;
    transform: translateX(68%);
    }

    #background2 .top4 {
    font-size: 21px;
    top: 80rem;
    transform: translateX(54%);
    }

    #background2 .top5 {
    font-size: 21px;
    top: 89rem;
    transform: translateX(69%);
    }

    #background2 .top6 {
    font-size: 21px;
    top: 98rem;
    transform: translateX(62%);
    }

    #background2 .top7 {
    font-size: 21px;
    top: 106rem;
    transform: translateX(85%);
    }

    #background2 .first {
   font-size: 33px;
    top: 68.6rem;
    transform: translateX(64%);
}

    #background2 .second {
    font-size: 33px;
    top: 77rem;
    transform: translateX(88%);
    }

    #background2 .third {
    font-size: 33px;
    top: 85.6rem;
    transform: translateX(56%%);
    }

    #background2 .fourth {
    font-size: 33px;
    top: 94.6rem;
    transform: translateX(87%);
    }

    #background2 .fifth {
    font-size: 33px;
    top: 102.6rem;
    transform: translateX(91%);
    }
	
	#background22 .bodyy {
    font-size: 22px;
    top: 127rem;
    transform: translateX(15%%);

}

    /* ... Adjust font sizes for other content elements ... */
}

@media (min-width: 741px) and (max-width: 991px) {
    /* Adjust font sizes for tablets */
    body {
        font-size: 14px;
    }

    /* Adjust font sizes for Background1 */
    #background1 .content1_ {
    font-size: 33px;
    top: 25rem;
    transform: translateX(180%);
	}

    #background1 .content2 {
    font-size: 33px;
    top: 32.5rem;
    transform: translateX(395%);
		    

    }

	#background1 .content3 {
	font-size: 33px;
    transform: translateX(179%);
	top: 36rem;
		
    }

    #background1 .content4 {
	font-size: 33px;
    top: 40rem;
    transform: translateX(288%);
		
    }

    #background1 .content5{
	font-size: 35px;
    top: 47rem;
    transform: translateX(535%);
    }

	
	  #background1 .content7 {
	font-size: 17px;
    top: 51.9rem;
    transform: translateX(705%);   
    }

	 #background2 .content1 {
      font-size: 50px;
    top: 61rem;
    transform: translateX(28%);
    }
	
    #background2 .top3 {
    font-size: 21px;
    top: 71.3rem;
    transform: translateX(28%);
    }

    #background2 .top4 {
    font-size: 21px;
    top: 80rem;
    transform: translateX(28%);
    }

    #background2 .top5 {
    font-size: 21px;
    top: 89rem;
    transform: translateX(28%);
    }

    #background2 .top6 {
    font-size: 21px;
    top: 98rem;
    transform: translateX(28%);
    }

    #background2 .top7 {
    font-size: 21px;
    top: 106rem;
    transform: translateX(28%);
    }

    #background2 .first {
   font-size: 33px;
    top: 68.6rem;
    transform: translateX(32%);
	}

    #background2 .second {
    font-size: 33px;
    top: 77rem;
    transform: translateX(43%);
    }

    #background2 .third {
    font-size: 33px;
    top: 85.6rem;
    transform: translateX(30%);
    }

    #background2 .fourth {
    font-size: 33px;
    top: 94.6rem;
    transform: translateX(43%);
    }

    #background2 .fifth {
    font-size: 33px;
    top: 102.6rem;
    transform: translateX(47%);
    }
	
		#background22 .bodyy {
    font-size: 22px;
    top: 127rem;
    transform: translateX(15%);

}

    /* ... Adjust font sizes for other content elements ... */
}

@media (min-width: 992px) and (max-width: 1199px) {
    body {
        font-size: 18px;
    }

    /* Adjust font sizes for Background1 */
    #background1 .content1_ {
        font-size: 33px;
        top: 25rem;
        transform: translateX(180%);
    }

    #background1 .content2 {
        font-size: 33px;
        top: 32.5rem;
        transform: translateX(395%);
    }

    #background1 .content3 {
        font-size: 33px;
        top: 36rem;
        transform: translateX(179%);
    }

    #background1 .content4 {
		font-size: 33px;
		top: 40rem;
		transform: translateX(288%);
    }

    #background1 .content5{
		font-size: 35px;
		top: 47rem;
		transform: translateX(535%);
    }
	
	  #background1 .content7 {
		font-size: 17px;
		top: 51.9rem;
		transform: translateX(705%);

    }

	 #background2 .content1 {
        font-size: 50px;
        top: 61rem;
        transform: translateX(8%);
    
    }
	
    #background2 .top3 {
    font-size: 21px;
    top: 71.3rem;
    transform: translateX(7%);
    }

    #background2 .top4 {
    font-size: 21px;
    top: 80rem;
    transform: translateX(7%);
    }

    #background2 .top5 {
    font-size: 21px;
    top: 89rem;
    transform: translateX(7%);
    }

    #background2 .top6 {
    font-size: 21px;
    top: 98rem;
    transform: translateX(7%);
    }

    #background2 .top7 {
    font-size: 21px;
    top: 106rem;
    transform: translateX(7%);
    }

    #background2 .first {
   font-size: 33px;
    top: 68.6rem;
    transform: translateX(24%);
	}

    #background2 .second {
    font-size: 33px;
    top: 77rem;
    transform: translateX(30%);
    }

    #background2 .third {
    font-size: 33px;
    top: 85.6rem;
    transform: translateX(22%);
    }

    #background2 .fourth {
    font-size: 33px;
    top: 94.6rem;
    transform: translateX(28%);
    }

    #background2 .fifth {
    font-size: 33px;
    top: 102.6rem;
    transform: translateX(30%);
    }
	
		#background22 .bodyy {
    font-size: 22px;
    top: 127rem;
    transform: translateX(15%);

}

    /* ... Adjust font sizes for other content elements ... */
}

/* Large laptops and desktops */
@media (min-width: 1200px) {
    body {
        font-size: 20px;
    }

    /* Adjust font sizes for Background1 */
       #background1 .content1_ {
        font-size: 33px;
        top: 25rem;
		left:0;
        transform: translateX(225%);
    }

    #background1 .content2 {
        font-size: 33px;
        top: 32.5rem;
		left:0;
        transform: translateX(490%);
    }

    #background1 .content3 {
        font-size: 33px;
        top: 36rem;
		left:0;
        transform: translateX(222%);
    }

    #background1 .content4 {
		font-size: 33px;
		top: 40rem;
		left:0;
		transform: translateX(358%);
    }

    #background1 .content5{
		font-size: 35px;
		top: 47rem;
		left:0;
		transform: translateX(660%);
    }
	
	  #background1 .content7 {
		font-size: 14px;
		top: 52rem;
		transform: translateX(1050%);
    }

	 #background2 .content1 {
    font-size: 50px;
    top: 62rem;
    transform: translateX(0%);
    }
	
    #background2 .top3 {
    font-size: 24px;
    top: 72rem;
    transform: translateX(0%);
    }

    #background2 .top4 {
	font-size: 20px;
    top: 81rem;
    transform: translateX(0%);
    }

    #background2 .top5 {
    font-size: 21px;
    top: 90rem;
    transform: translateX(0%);
    }

    #background2 .top6 {
    font-size: 21px;
    top: 98.5rem;
    transform: translateX(0%);
    }

    #background2 .top7 {
    font-size: 21px;
    top: 106.5rem;
    transform: translateX(0%)
    }

    #background2 .first {
    font-size: 33px;
     top: 68.6rem;
    transform: translateX(26%)
	}

    #background2 .second {
    font-size: 33px;
    top: 77.5rem;
    transform: translateX(27%);
    }

    #background2 .third {
    font-size: 33px;
    top: 86.6rem;
    transform: translateX(25%);
    }

    #background2 .fourth {
    font-size: 33px;
    top: 95.6rem;
    transform: translateX(28%);
    }

    #background2 .fifth {
    font-size: 33px;
    top: 103.6rem;
    transform: translateX(30%);
    }
	
		#background22 .bodyy {
    font-size: 22px;
    top: 127rem;
    transform: translateX(18%);

}
}