/* Global styles */
bodyblog {
  font-family: verdana;
  margin: 0;
  background:"#27032a";
 color: #FFFFFF;
  width:100%;
}

.body  {
    
  font-family: verdana;
  margin: 10px;
 
 color: #FFFFFF;
 max-width: 1800px; 
 min-width:600px;

}

.font 
{
  font-family: verdana;
  margin: 10px;
  color:#000000;
  font-size:16px;
}

.navbut {
  color: #FFFFFF;
  background: #cc56d1;
   padding: 25px 10px;
  border-radius: 15px;
  border: 1px solid #FFFFFF;
  
}
/* Navigation Bar Sticky */
.navbar2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  z-index: 1000;
}
/* Left Section */
.left-section {
   position: relative;
   margin-left:10px;
  width: 100%;
 
  padding: 10px;

}

/* Right Section */
.right-section {
   
position: relative;    

width: 100%;
margin-top:20px;
 

  
  padding:20px;
  
  border-radius: 15px;

 }


  

  
  .imground50 {
     
 border-radius: 25px;
  border: 0px solid #000000; 


 
  }


.box95 
{
color:#FFFFFF;    
margin-top:20px;    
position: relative;    
margin-left:10px;
margin-right:10px;
 max-width: 100%; 
 min-width:600px;
background: #43094F;
 background: radial-gradient(ellipse farthest-corner at left center, #43094F 20%, #040000 98%);
 padding:0px;

border-radius: 25px;
border: 0px solid #000000;  
}



.box95Green 
{
margin-top:20px;    
position: relative;    
margin-left: 2px;
margin-right:2px;
min-width: 600px;
margin-top:50px;
 width: 100%;
 background: #43094F;
 background: radial-gradient(ellipse farthest-corner at center center, #43094F 20%, #040000 96%);
 padding:20px;
color:#FFFFFF;
  border-radius: 25px;
  border: 0px solid #000000;  
}




.body {
    
background: #43094F;
 background: radial-gradient(ellipse farthest-corner at left center, #43094F 20%, #040000 98%);

 margin: 40px;
 padding:40px;
 
  }




.box95Green 
{
    
position: relative;    
margin-left: 2px;
margin-right:2px;
min-width: 600px;
margin-top:50px;
background: linear-gradient(to right, #0cbaba, #380036, darksalmon);
 padding:20px;
color:#FFFFFF;
  border-radius: 25px;
  border: 1px solid #000000;  
}

.boxintro 
{

position: relative;    
margin-left: 2px;
margin-right:2px;
min-width: 600px;
margin-top:50px;
 color:#000000;
 background: #e3a413;
 font-weight:600;
 font-size:16px;

 padding:20px;

  border-radius: 25px;
  border: 1px solid #000000; 
  box-shadow: 20px 10px 20px #2a2c42;
}

.boxContent 
{

position: relative;    
margin-left: 2px;
margin-right:2px;
min-width: 600px;
margin-top:50px;
 color:#000000;
 background: #FFFFFF;

 padding:20px;

  border-radius: 25px;
  border: 1px solid #000000; 
  box-shadow: 20px 10px 20px #2a2c42;
}

.yellow 
{

position: relative;    
margin-left: 2px;
margin-right:2px;

margin-top:0px;

 color:#000000;
 background: #e6e323;

 padding:25px;
border-radius: 25px;

 
}

.purplegradientH1 {
  font-size: 20px;
  background: -webkit-linear-gradient(#FF4800, #5837bc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.yellowgradiantH2 {
 
 
   margin-left: 20px;
  border: 1px 0px 0px #f3ebeb;
  font-size: 36px;
  background: -webkit-linear-gradient(#f9f931, #efeef3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.orangegradiantH1 {
 
 
   margin-left: 20px;
  border: 1px 0px 0px #f70707;
  font-size: 32px;
  background: -webkit-linear-gradient(#f7ef08, #ed3705);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.orangegradiantH2 {
 
 
   margin-left: 20px;
  border: 1px 0px 0px #f70707;
  font-size: 20px;
  background: -webkit-linear-gradient(#f7ef08, #ed3705);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.yellowgradiantH3 {
 

 font-weight:600;
  margin-left: 20px;
  border: 1px 0px 0px #f3ebeb;
  font-size: 24px;
  background: -webkit-linear-gradient(#f93142, #434345);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.yellowgradian {
 
  border-radius: 12px;
   margin-left: 20px;
  border: 1px 0px 0px #aff410;
  font-size: 20px;
  background: -webkit-linear-gradient(#f7ef08, #ed3705);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


          
    
.body2
{
            background: #000000;
            background-repeat: no-repeat;
            color:#FFFFFF;
            text-decoration: none;
            width:100%;
            margin:30px;
            padding-left: 50px;
            align-items: center;
            
   
}

a 
{
           
            text-decoration: none;
            
   
}

.box
{
            color:#FFFFFF;
            
        
          margin-top: 0px;
             padding:20px;
             margin-left: 20px;
              margin-right: 20px;
           
            font-size: 14px; 
            font-weight: 800;
            background: #050114;
            
            border-radius: 25px;
            border: 1px solid #464242;
}

.boxinner
{
            color:#FFFFFF;
            
        
          margin-top: 0px;
             padding:20px;
             margin-left: 20px;
              margin-right: 20px;
           max-width: 500px;
           min-width: fit-content;
            font-size: 14px; 
            font-weight: 800;
            background: #050114;
            
            border-radius: 25px;
            border: 1px solid #464242;
}
.bgimg 
{
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 25px;
            width:300px;
            height:500px;
            margin:15px;
}


   
.txt
{
            font-family: verdana;
            color: #000000 !important;
            font-size: 16px;
            text-shadow: 1px 0px 0px #000000;
            box-shadow: 5px 20px 20px #1b1a1a;
            bleed: 20px;
            padding: 10px 14px;
            border-radius: 14px;
            border: 2px solid #838587;
            background: #FFFFFF;
            max-width: 1200px;
            min-width: 400px;
}



.img
{
             max-width: fit-content;
             margin: 20px;
            margin-bottom:10px;
            padding: 10px 10px;
            border-radius: 25px;
            border: 0px solid #ebeff5;
            background: transparent;
}
.letter
{
            color:#FFFFFF;
             box-align: center;
            max-width: 1000px;
            min-width: 600px;
            height: fit-content;
            padding:20px;
            margin: 20px;
            font-size: 14px; 
            font-weight: 800;
            background: #1f1e1f;
            background: linear-gradient(top,  #1f1e1f,  #595358);
            box-shadow: 2px 2px 2px #000000;
            border-radius: 25px;
            border: 0px solid #FFFFFF;
}

.navbutton {
  font-family: verdana;
;
  min-width: 200px;
  font-weight: bold;
  color: #FFFFFF !important;
  font-size: 18px;
  font-weight:500;
  background: #FF4800;
  padding-left:5px;
 
  padding-left:5px;
  border-radius: 25px;
  border: 1px solid #FFFFFF;

}
.navbutton:hover {
  color: #e01025 !important;
  background: #000000;
}

.button1 {
  font-family: verdana;
  padding: 20px;
  margin-left: 10px;
  margin-right: 10px;
 width: fit-content;
  font-weight: bold;
  color: #FFFFFF !important;
  font-size: 20px;
  font-weight:700;
  text-shadow: 1px 1px 0px #190A04;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 5px 0px;
  border-radius: 10px;
  border: 1px solid #FFFFFF;
  background: #0d8c06;
}
.button1:hover {
  color: #FFFFFF !important;
  background: #de6e0c;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  width: 100%;
  min-height: 30vh;
  background: #000;
  background-size: cover;
  position: relative;
  padding: 140px 0 60px 0;
}

.hero h2 {
  margin: 0 0 10px 0;
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  font-family: var(--font-secondary);
}

.hero h2 span {
  position: relative;
  z-index: 1;
  padding: 0 5px;
  display: inline-block;
}

.hero h2 span:before {
  content: "";
  position: absolute;
  height: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--color-primary);
  z-index: -1;
}

.hero p {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 30px;
  font-size: 18px;
}

.hero .btn-get-started {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 4px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: 0.3s;
  color: #fff;
  background: var(--color-primary);
}

.hero .btn-get-started:hover {
  background: #2cbc85;
}

@media (max-width: 768px) {
  .hero h2 {
    font-size: 32px;
  }
}