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

@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;
 }
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@900&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;
}

#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;*/
}

#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;
}

#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: #006837;
    font-family: 'Dailymirror Personal Use', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    padding: 1px;
    white-space: nowrap;
    line-height: 0.8;
    z-index: 1;

}

/* #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 {
    position: relative; /* Ensure the parent is relatively positioned */
    /* Other styling for the parent element */
}

#background1 .content2 {
    position: absolute;
    color: #000000;
    font-family: 'Dailymirror Personal Use', sans-serif !important;
    font-style: normal;
    font-weight: normal;
    padding: 1px;
    text-align: center;
    white-space: nowrap;
    z-index: 1;
    /* Adjust top, left, or other positioning properties */

}
.background1 .icon {
    position: absolute;
    color: #000000;
    font-family: 'Poppins', sans-serif !important;
    font-style: italic;
    font-weight: 900; /* Specify a valid font-weight value */
    padding: 1px;
    text-align: left;
    white-space: nowrap;
    z-index: 1;
    /* Adjust top, left, or other positioning properties */
}

#background1 .content3 {
    position: absolute;
    color: #000000;
    font-family: 'Poppins', sans-serif !important;
    font-style: italic; /* Set font style to italic */
    font-weight: bold; /* Set font weight to bold */
    padding: 1px;
    z-index: 1;
    white-space: nowrap;
}

#background1 .content4 {
    position: absolute;
    color: #000000;
    font-family: 'Poppins', sans-serif !important;
    font-style: italic; /* Set font style to italic */
    font-weight: bold; /* Set font weight to bold */
    padding: 1px;
    white-space: nowrap;
	line-height: 0.8;
    z-index: 1;
}

#background1 .content5 {
    position: absolute;
    color: #000000!important;
    font-family: 'Poppins', sans-serif !important;
    font-style: italic; /* Set font style to italic */
    font-weight: bold; /* Set font weight to bold */
    padding: 1px;
    white-space: nowrap;
    z-index: 1;
}

/*background2*/

#background2 .content1 {
	position: absolute;
	width: 100%;
    color: #006837;
    text-align: center;
    font-weight: normal;
    font-family: 'Dailymirror Personal Use', sans-serif !important;
    line-height: 1;
    z-index: 1;
    white-space: nowrap;
     z-index: 1;
}

#background2 .subcont {
  position: absolute;
  width: 100%;
  color: #000000;
  text-align: center;
  font-weight: 900; /* Use 900 for Black */
  font-family: 'Poppins', sans-serif !important;
  z-index: 1; /* Add this line to bring the element in front of the background image */
   white-space: nowrap;

}

#background2 .subcont2 {
  position: absolute;
  width: 100%;
  color: #000000;
  text-align: center;
  font-weight: 600; /* Use 600 for SemiBold */
  font-style: italic; /* Add italic style */
  font-family: 'Poppins', sans-serif !important;
  z-index: 1; 
  white-space: nowrap;
}

#background2 .top1 {
  position: absolute;
  width: 100%;
  color: #000000;
  text-align: center;
  font-weight: 800; /* Use 800 for ExtraBold */
  font-family: 'Poppins', sans-serif !important;
  line-height:1 ;
  z-index: 1;
 white-space: nowrap;  
}

#background2 .top2 {
  position: absolute;
  width: 100%;
  color: #000000;
  text-align: center;
  font-weight: 800; /* Use 800 for ExtraBold */
  font-family: 'Poppins', sans-serif !important;
  line-height:1;
  z-index: 1;
  white-space: nowrap;  
}

#background2 .top3 {
  position: absolute;
  width: 100%;
  color: #000000;
  text-align: center;
  font-weight: 800; /* Use 800 for ExtraBold */
  font-family: 'Poppins', sans-serif !important;
  line-height: 1;
  z-index: 1;
  white-space: nowrap;
}

#background2 .first {
    position: absolute;
    color: #000000;
	font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 600;
    padding: 1px;
    text-align: center;
    white-space: nowrap;
	line-height: 1;
    z-index: 1;

    
}

#background2 .firstj {
	position: absolute;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 900;
    padding: 1px;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    z-index: 1;
}
#background2 .second {
    position: absolute;
    color: #000000;
	font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 600;
    padding: 1px;
    text-align: center;
    white-space: nowrap;
	line-height: 1;
    z-index: 1;

    
}

#background2 .secondj{
    position: absolute;
    color: #000000;
	font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 900;
    padding: 1px;
    text-align: center;
    white-space: nowrap;
	line-height: 1;
    z-index: 1;
}

#background2 .third {
    position: absolute;
    color: #000000;
	font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 600;
    padding: 1px;
    text-align: center;
    white-space: nowrap;
	line-height: 1;
    z-index: 1;

    
}

#background2 .thirdo {
    position: absolute;
    color: #000000;
	font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 600;
    padding: 1px;
    text-align: center;
    white-space: nowrap;
	line-height: 1;
    z-index: 1;

    
}

#background2 .thirdj {
    position: absolute;
    color: #000000;
	font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 900;
    padding: 1px;
    text-align: center;
    white-space: nowrap;
	line-height: 1;
    z-index: 1;
}

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

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

}

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

#background22 .bodyy .highlight3 {
    position: relative;
    top: -10px;
    color: #006837;
    font-weight: 680;
    font-size: 50px;
}

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

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

    }
    
    #background1 .content2 {
    top: 13.5rem;
    transform: translateX(37%);
    font-size: 50px;
	
    }

	#background1 .content3 {
	font-size: 35px;
    transform: translateX(325%);
    top: 28.2rem;
    }

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

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


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

    #background2 .subcont {
    font-size: 23px;
    transform: translateX(78%);
    top: 63.85rem;
    }

    #background2 .subcont2 {
    font-size: 18px;
    top: 65.6rem;
    transform: translateX(95%);
	} 
	
   #background2 .top1 {
    font-size: 30px;
    top: 89rem;
    /*transform: translateX(219%);*/
	left:52.2rem;
	}

	#background2 .top2 {
    font-size: 30px;
    top: 89rem;
    transform: translateX(2%);
	}

	#background2 .top3 {
	font-size: 30px;
    top: 72.5rem;
    left: 24rem;
	}

    #background2 .first {
	top: 94.5rem;
    /* left: 50%; */
    transform: translateX(366%);
    font-size: 20px;
	}

    #background2 .firstj {
    top: 96.9rem;
    transform: translateX(488%);
    font-size: 20px;
	}

    #background2 .secondj {
    font-size: 20px;
    top: 95.8rem;
    transform: translateX(75%);
    }

    #background2 .second {
    font-size: 20px;
    top: 93.3rem;
    transform: translateX(37%);
    }

    #background2 .third {
	font-size: 20px;
    top: 77rem;
    transform: translateX(117%);
    }
	
	
    #background2 .thirdj {
    font-size: 20px;
    top: 79.6rem;
    transform: translateX(167%);;
    }
	
	#background2 .thirdo {
    font-size: 20px;
    top: 78.4rem;
    transform: translateX(1889%);
    }


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

@media (min-width: 741px) and (max-width: 991px) {
    /* Adjust font sizes for tablets */
    body {
        font-size: 14px;
    }
	
	    #background1 .content1_ {
    font-size: 105px;
    transform: translateX(30%);
    top: 3rem;

    }
    
    #background1 .content2 {
    top: 13.5rem;
    transform: translateX(37%);
    font-size: 50px;
	
    }

	#background1 .content3 {
	font-size: 35px;
    transform: translateX(325%);
    top: 28.2rem;
    }

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

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


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

    #background2 .subcont {
    font-size: 23px;
    transform: translateX(23%);
    top: 63.85rem;
    }

    #background2 .subcont2 {
    font-size: 18px;
    top: 65.6rem;
    transform: translateX(25%);
	} 
	
   #background2 .top1 {
    font-size: 30px;
    top: 88rem;
    /*transform: translateX(219%);*/
	left: 39.2rem;
	}

	#background2 .top2 {
    font-size: 30px;
    top: 89rem;
    transform: translateX(-26%);
	}

	#background2 .top3 {
	font-size: 30px;
    top: 72.5rem;
    left: 13rem;
	}

    #background2 .first {
	top: 94.5rem;
    /* left: 50%; */
    transform: translateX(366%);
    font-size: 20px;
	}

    #background2 .firstj {
    top: 96.9rem;
    transform: translateX(488%);
    font-size: 20px;
	}

    #background2 .secondj {
    font-size: 20px;
    top: 95.8rem;
    transform: translateX(75%);
    }

    #background2 .second {
    font-size: 20px;
    top: 93.3rem;
    transform: translateX(37%);
    }

    #background2 .third {
	font-size: 20px;
    top: 77rem;
    transform: translateX(129%);
    }
	
	
    #background2 .thirdj {
    font-size: 20px;
    top: 79.6rem;
    transform: translateX(167%);;
    }
	
	#background2 .thirdo {
    font-size: 20px;
    top: 78.4rem;
    left: 30.5rem;
    }
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	    body {
        font-size: 18px;
    }
	
	#background1 .content1_ {
    font-size: 105px;
    transform: translateX(30%);
    top: 3rem;

    }
    
    #background1 .content2 {
    top: 13.5rem;
    transform: translateX(37%);
    font-size: 50px;
	
    }

	#background1 .content3 {
	font-size: 35px;
    transform: translateX(325%);
    top: 28.2rem;
    }

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

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


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

    #background2 .subcont {
    font-size: 23px;
    transform: translateX(8%);
    top: 63.85rem;
    }

    #background2 .subcont2 {
    font-size: 18px;
    top: 65.6rem;
    transform: translateX(9%);
	} 
	
   #background2 .top1 {
    font-size: 30px;
    top: 88rem;
    /*transform: translateX(219%);*/
	left: 32rem;
	}

	#background2 .top2 {
    font-size: 30px;
    top: 89rem;
    transform: translateX(-31%);
	}

	#background2 .top3 {
	font-size: 30px;
    top: 72.5rem;
    left: 6rem;
	}

    #background2 .first {
	top: 94.5rem;
    /* left: 50%; */
    transform: translateX(366%);
    font-size: 20px;
	}

    #background2 .firstj {
    top: 96.9rem;
    transform: translateX(488%);
    font-size: 20px;
	}

    #background2 .secondj {
    font-size: 20px;
    top: 95.8rem;
    transform: translateX(75%);
    }

    #background2 .second {
    font-size: 20px;
    top: 93.3rem;
    transform: translateX(37%);
    }

    #background2 .third {
	font-size: 20px;
    top: 77rem;
    transform: translateX(129%);
    }
	
	
    #background2 .thirdj {
    font-size: 20px;
    top: 79.6rem;
    transform: translateX(167%);;
    }
	
	#background2 .thirdo {
    font-size: 20px;
    top: 78.4rem;
    left: 30.5rem;
    }
	
}

@media (min-width: 1200px) {
    body {
        font-size: 20px;
    }

	#background1 .content1_ {
    font-size: 96px;
    top: 57px;
    left: -0.5em;
    transform: translate(50%, 0);
    text-align: center;

    }
    
    #background1 .content2 {
    font-size: 50px;
    top: 4.2em;
    left: -80px;
    transform: translate(52%, 0);
	
    }

	#background1 .content3 {
    font-size: 34px;
    top: 13em;
    left: 20.9em;
    transform: translate(51%, 0);
    }

    #background1 .content4 {
	font-size: 34px;
	top: 15.5em;
    left: 22em;
    transform: translate(51%, 0);
    }

    #background1 .content5{
    font-size: 34px;
    top: 17.7em;
    left: 21.9em;
    transform: translate(51%, 0);
	}


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

    #background2 .subcont {
    font-size: 23px;
    transform: translateX(-7%);
    top: 63.85rem;
    }

    #background2 .subcont2 {
    font-size: 18px;
    top: 65.6rem;
    transform: translateX(-7%);
	} 
	
   #background2 .top1 {
    font-size: 30px;
    top: 88rem;
    /*transform: translateX(219%);*/
	left: 19rem;
	}

	#background2 .top2 {
    font-size: 30px;
    top: 89rem;
    left: -32.7rem;
	}

	#background2 .top3 {
	font-size: 30px;
    top: 72.5rem;
    left: -7.4rem;
	}

    #background2 .first {
	 left: 70%;
	  transform: translate(-50%, 0);
	  top: 86.7em;
	  width: 100%;
	  font-size: 17.5px;
	}

    #background2 .firstj {
     left: 70%;
	  transform: translate(-50%, 0);
	  top: 88.7em;
	  width: 100%;
	  font-size: 17.5px;
	}

    #background2 .secondj {
    left: 13.25%;
	  transform: translate(-50%, 0);
	  top: 87.9em;
	  width: 100%;
	  font-size: 17.5px;
	}

    #background2 .second {
     left: 13.25%;
	  transform: translate(-50%, 0);
	  top: 85.8em;
	  width: 100%;
	  font-size: 17.5px;
    }

    #background2 .third {
	  left: 42%;
	  transform: translate(-50%, 0);
	  top: 70.2em;
	  width: 100%;
	  font-size: 17.5px;
    }
	
	
    #background2 .thirdj {
	left: 43.2%;
	transform: translate(-50%, 0);
	top: 72.2em;
	width: 100%;
	font-size: 17.5px;
    }
	
	#background2 .thirdo {
    left: 34.6%;
    transform: translate(-50%, 0);
    top: 71.2em;
    width: 100%;
    font-size: 17.5px;
}
	
}