.mobile-container {
  max-width: 100%;
  margin: auto;
  height: auto;
  color: rgb(248, 248, 248);
  border-radius: 10px;
  position: sticky;
  top: 0;
  z-index: 1000;

}
.topnav h3{
    margin: 0;
    margin-top: 30px;
margin-left: 70px;
margin-bottom: 30px;
    font-size: 50px;
    color: rgb(8, 8, 8);
}
.topnav {
background-color: rgb(255, 255, 255); 
 overflow: hidden;
  position: relative;
}

.topnav #myLinks {
  display: none;
}
.topnav hr{
    margin: 0;
}
.ins h3{
    padding-left: 60px;
    font-size: 40px;
    margin: 0;
    margin-top: 50px;
}
.icon_names{
    height: auto;
    
}
.topnav a {
  color:  #2D368E;
  padding: 30px 30px;
  text-decoration: none;
  font-size: 50px;
  display: block;
  text-align: center;
}

.topnav a.icon {
  color: black;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.topnav a:hover {
  color:burlywood;
  background-color: honeydew;
}
.alt img{
    width: 80px;
    height: 80px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
      transition: transform 0.8s;
}
.page{
    display: flex;
        justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #f3f1f1;
    color: #fff;
    position: relative;
display: flex;
unicode-bidi: isolate;
height: auto;
  }

.flex h3{
    padding-left: 45px;
}
.tab{

padding-top: 20px;
width: 100%;
height: auto;
overflow: hidden;
background-color: #F9F3E9;

}
.shift img{
     width: 350px;
    height: 350px;
    margin-left: 320px;
 margin-top: 100px;
}
.scroll{
    width: 100%;
    height: auto;
}
.ctrl p{
    color: rgb(212, 137, 23);
    font-family: 'Crimson Text', serif;
    font-size: 35px;
    margin: 0;
    text-align: center;
 
}
.ctrl h3{
    color: #2D368E;
    font-family: 'Crimson Text', serif;
    font-size: 55px;
    margin: 0;
  padding-top: 20px;
 text-align: center;
}
.insert h3{
    font-family: 'Crimson Text', serif;
    color: #2D368E;
    margin: 0;
  font-size: 45px;
  padding-top: 25px;
  text-align: center;
}
.ins p{
    padding-top: 20px;
    margin: 0;
    line-height: 2.5em;
font-style: inherit;
color: #333;
text-align: justify;
font-size: 20px;
    margin-left: 50px;
    margin-right: 50px;
}
.ctrl{
    padding-top: 20px;
}
.follow a {
    font-family: "Poppins", sans-serif;
position: relative;
   font-size: 20px;
color: #727bc7;
text-decoration: none;
}
.follow a:after {
      content: "";
      position: absolute;
      left: 50%;
      right: 50%;
      bottom: 0;
      top: 25px;
      width: 0;
      height: 4px;
      background: burlywood;
      transition: width 0.3s ease;
       transform: translateX(-50%);
    }
.follow a:hover::after {
      width: 150%;
    }
.follow a:hover{
    color:burlywood;
}
.pause{
    display: flex;
   margin-top: 100px;
  margin-bottom: 50px;
}
.break{
   margin-left: 100px;
}
.break a{
  color: rgb(255, 254, 254);
  font-size: 30px;
padding: 25px 90px;
background-color: #B89646;
border-radius: 50px;
text-decoration: none;

}
.break a:hover{
color: rgb(0, 0, 0);
transition-duration: 400ms;
}
.del a{
  color: #B89646;
  font-size: 30px;
padding: 25px 90px;
background-color: rgb(255, 255, 255);
border-radius: 50px;
text-decoration: none;
border-style: solid;
border-width: 2px;

}
.del a:hover{
color: rgb(255, 255, 255);
background-color:#B89646;
transition-duration: 400ms;
}
.del{
    padding-left: 150px;
}

.space{
  width: 100%;
    height: auto;
    background-color: rgb(236, 235, 235);
}

    .elementor-shape[data-negative=false].elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top{


    transform: rotate(180deg);
    }
    .elementor-shape {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;

    width: 100%;
}

.elementor-shape-bottom {
    bottom: -1px;
}
.elementor-shape .elementor-shape-fill {
    fill: rgb(175 159 159 / 25%);
}

.elementor *, .elementor :after, .elementor :before {
    box-sizing: border-box;
}
.enter{
    width: 100%;
    height: auto;
    background-color: #F9F3E9;
}
.pyramid{
padding-left: 50px;
padding-right: 50px;
}
.area h3{
    font-size: 85px;
    line-height: 1.2;
    text-align: center;
    margin: 0;
  color: #2D368E;
  padding-top: 80px;
  font-family: 'Crimson Text',serif;
}
.haze img{
    width: 300px;
    height: 300px;
    margin-top: 50px;
left: 35%;
position: relative;
}
.ahead{
  padding-top: 40px;
   
}
.UTF h3{
    margin: 0;
    font-size: 15px;
    margin-top: 30px;
      color: #B89646;
      text-align: center;
    font-family: "Poppins", sans-serif;
}
.UTF{

    
    padding-top: 10px;
}
.UTF p{
    font-size: 20px;
    line-height: 50px;
    color: #333;
    text-align: justify;
    font-family: "Poppins", sans-serif;
}
.selection{

    padding-top: 80px;
}
.held h3{
margin: 0;
    font-size: 15px;
    margin-top: 30px;
      color: #B89646;
      text-align: center;
font-family: "Poppins", sans-serif;

}
.held p{
    font-size: 20px;
    line-height: 50px;
   color: #333;
   font-family: "Poppins", sans-serif;
   text-align: justify;
}
.official img{
   width: 300px;
    height: 300px;
    margin-top: 50px;
   left: 35%;
   position: relative;
}
.yet h3{
 margin: 0;
    font-size: 15px;
    margin-top: 30px;
      color: #B89646;
      text-align: center;
font-family: "Poppins", sans-serif;
}
.yet p{
       font-size: 20px;
    line-height: 50px;
   color: #333;
   text-align: justify;
   font-family: "Poppins", sans-serif;
}
.moral h3{
margin: 0;
    font-size: 15px;
    margin-top: 30px;
      color: #B89646;
      text-align: center;
 font-family: "Poppins", sans-serif;
}
.moral p{
     font-size: 20px;
    line-height: 50px;
   color: #333;
   text-align: justify;
   font-family: "Poppins", sans-serif;
}
.moral{

    padding-top: 10px;
}

.insta{
        width: 100%;
    height: auto;
    background-color: #F9F3E9;
}
.mon{
height: auto;
padding-top: 130px;
}
.fold{
width: 700px;
height: 650px;
background-color: aliceblue;
border-width: 15px;
border-style: solid;
border-color: #c5c5c5;
position: relative;
left: 50%;
transform: translateX(-50%);
margin-bottom: 50px;

}
.board{
display: flex;
padding-top: 5px;
}
.board svg{
margin: 0;    
padding-left: 15px;
height: 50px;
width: 50px;
}
.board p{
margin: 0;
padding-left: 8px;
padding-top: 3px;
font-size: 40px;
}
.plore p{
margin: 0;
font-size: 45px;
padding-left: 15px;
color: #3b4f64;
}
.ted h3{
color:rgb(18, 39, 131);
font-size: 70px;
text-align: center;
margin: 0;
padding-top: 5px;
padding-bottom: 25px;
}
.quality hr{
    width: 90%;
}
.knock{
width: 100%;
    height: auto;
    background-color: rgb(236, 235, 235);
}

 .dive h3{
    font-size: 35px;
    margin: 0;
    color: #505050;
    padding-bottom: 5px;
 }
.dive input{
    width: 700px;
    height: 55px;
}
.aria{
  width: 936px;
  height:auto;

}

.label h3{
margin: 0;
font-size: 35px;
color: #505050;
}
.sand h3{
    margin: 0;
    font-size: 35px;
}
.deep h3{
    text-align: center;
    font-size: 90px;
    color: rgb(45, 54, 142);
    margin: 0;
}
.deep{
    padding-top: 20px;
    padding-bottom: 10px;
}
.sperate a{
    padding: 20px 80px;
background-color: #69727d;
color: aliceblue;
text-decoration: none;
font-size: 20px;
border-radius: 30px;
}
.sperate{
    padding-top: 50px;
    margin-bottom: 50px;
    margin-left: 130px;
}
.deeper{
    margin-left: 120px;
}

.label input{
    width: 700px;
    height: 55px;
    font-size: 40px;
}
.sand textarea{
      width: 700px;
    height: 90px;
    font-size: 20px;
    
}
.sand h3{
    color: #505050;
    padding-bottom: 5px;
}
.sand {
    padding-top: 20px;
}
.label{
    padding-top: 20px;
    padding-bottom: 20px;
}
.sperate a:hover{
    background-color: #3846c0;
    transition-duration: 400ms;
}

.humid h3{
     color: #272c6c;
padding-left: 40px;
  font-size: 45px;
  margin: 0;
  margin-bottom: 45px;
}
.humid a{
text-decoration: none;
color: rgb(0, 0, 0);
font-size: 20px;

}
.humid li{
line-height: 80px;
}
.humid a:hover{
color: rgb(248, 109, 84);
transition-duration: 400ms;
}
.humid ul{
    list-style-type: none;
}
.center{
    background-color: #F9F3E9;
    width: 100%;
    height: auto;
}
.box img{
    width: 600px;
    height: 600px;
    left: 20%;
    position: relative;
}

.humid{

    margin-left: 50px;
}
.configure{
    margin-top: 80px;
    margin-left: 90px;
}
.configure h3{
        color: #272c6c;
  font-size: 45px;
margin-bottom: 50px;
}
.Chahar{
    display: flex;
}
.Chahar p{
    margin: 0;
    font-size: 50px;
     padding-left: 10px;
}
.Chahar svg{
    width: 50px;
    height: 50px;
    margin-top: 4px;
}

.wisdom p{
    font-size: 40px;
    margin: 0;
    margin-left: 60px;
}
.Chahar{
    padding-bottom: 15px;
}
.spread{
    width: 100%;
    height: 170px;
    background-color: #d4d4d4;
}
.spread h3{
    font-size: 55px;
    margin-top: 120px;
    color: #384086;
    text-align: center;
    padding-top: 7px;
    font-weight: normal;
    margin-left: 40px;
    margin-right: 40px;
}

.label h3{
    padding-bottom: 5px;
}
.spin {
    display: flex;
}
.spin svg{
 margin-left: 10px;
    width: 40px;
    height: 35px;
    margin-top: 4px;
}
.icon{
display: flex;
}
.icon svg{
    margin-left: 10px;
    width: 40px;
    height: 35px;
    margin-top: 4px;
}

.jpg img {
    width:400px ;
    height: 450px;
}
.reserved{
    width: 100%;
    height: auto;
background-color: #F9F3E9;

}

.jazakum{
    margin-left: 100px;
    margin-right: 20px;
}
.jpg{
    padding-left: 100px;
    padding-right: 50px;
    padding-top: 50px;
    padding-top: 300px;
}
.png{
    margin-left: 10px;
    margin-right: 10px;
  padding-top: 100px;
}
.design{
    margin-left: 100px;
    margin-right: 70px;
}
.png h3{
font-size: 100px;
    color: #2D368E;
    font-weight: 400;
    margin: 0;
    margin-bottom: 100px;
    text-align: center;

}
.drove p{
font-size: 20px;
margin: 0;
padding-top: 25px;
color: #000000;
font-weight: normal;
}
.drive p{
      font-size: 20px;
    margin: 0;
    margin-top: 70px;
    font-weight: 100;
    line-height: 50px;
    color: #515050;
    text-align: justify;
}
.build{
    margin-top: 50px;
}
.build p{
  font-size: 20px;
margin: 0;
line-height: 60px;
color: #000000;
font-weight: normal;
}
.excel{
background-color: #F9F3E9;
    width: 100%;
    height: auto;
 
}

.interconnected h3{
    font-size: 100px;
color: #2D368E;
font-weight: 400;
margin: 0;
margin-bottom: 100px;
text-align: center;
}
.interconnected{
padding-top:  80px;
}

.opacity p{
font-size: 20px;
margin: 0;
line-height: 70px;
color: #000000;
font-weight: normal;
}
.contrast{
    height: auto;
}
.immense{
    margin-right: 50px;
}
.immense p{
    font-size: 20px;
    margin: 0;
    margin-top: 70px;
    font-weight: 100;
    line-height: 50px;
    color: #515050;
    text-align: justify;
}
.tagir p{
    font-size: 20px;
margin: 0;
line-height: 60px;
color: #000000;
font-weight: normal;
}
.tagir{
    padding-top: 20px;
}

.foster h3{
    font-family: 'Crimson Text', serif;
    color: #2D368E;
    margin: 0;
  font-size: 25px;
  padding-top: 10px;
 
}

.tis{
    padding-left: 100px;
    padding-right: 50px;
    padding-top: 30px;
}
.fitness{
    padding-left: 100px;
    padding-right: 70px;
}
.TIS h3{
    font-size: 100px;
    color: #2D368E;
    font-weight: 400;
    margin: 0;
    margin-bottom: 100px;
    text-align: center;
}
.TIS{
    padding-top: 80px;
}
.fitness p{
     font-size: 20px;
    margin: 0;
    margin-top: 70px;
    font-weight: 100;
    line-height: 50px;
    color: #515050;
    text-align: justify;
}
html{
    scroll-behavior: smooth;
}
.tis img {
    width:400px ;
    height: 450px;
}
.navina{
    background-color: #F9F3E9;
    width: 100%;
    height: auto;
}
    
.crlf{
   
    width: 800px;
    height: auto;
    overflow: hidden;
    margin-left:  80px;
    margin-top: 150px;
    

}
.crlf img{
    width: 350px;
    height: 350px;
    margin-left: 230px;
}
.crlf h3{
    font-size: 40px;
    color: #2f3f50;
    font-family: 'Crimson Text', serif;
text-align: center;
    margin: 0;
    padding-top: 30px;
    margin-bottom: 40px;

}
.crlf p{
 font-family: 'Crimson Text', serif;
 font-size: 15px;
 margin: 0;
 font-weight: 100;
line-height: 40px;
color: #616060;
text-align: justify;
}
.webp{
 padding-top: 100px;
}
.lab{
   
width: 800px;
    height: auto;
    overflow: hidden;
    margin-left:  80px;
    margin-top: 150px;
}
.lab img{
    width: 350px;
    height: 350px;
    margin-left: 230px;
}
.lab h3{
        font-size: 40px;
    color: #2f3f50;
    font-family: 'Crimson Text', serif;
    text-align: center;
    margin: 0;
    padding-top: 30px;
    margin-bottom: 40px;
}
.lab p{
    font-family: 'Crimson Text', serif;
    font-size: 15px;
    margin: 0;
    font-weight: 100;
    line-height: 40px;
    color: #616060;
    text-align: justify;
}
.adding{
   
 width: 800px;
    height: auto;
    overflow: hidden;
    margin-left:  80px;
    margin-top: 150px;
}
.adding img{
width: 350px;
    height: 350px;
    margin-left: 230px;
}
.adding h3{
         font-size: 40px;
    color: #2f3f50;
    font-family: 'Crimson Text', serif;
    text-align: center;
    margin: 0;
    padding-top: 30px;
    margin-bottom: 40px;
}
.adding p{
 font-family: 'Crimson Text', serif;
    font-size: 15px;
    margin: 0;
    font-weight: 100;
    line-height: 40px;
    color: #616060;
    text-align: justify;
}
.shape h3{
    font-size: 90px;
    color: #1f1d9e;
    font-weight: normal;
    text-align: center;
    margin: 0;
}
.shape p{
     font-size: 14px;
    font-weight: normal;
    text-align: center;
    color: #616060;
    margin: 0;
        margin-top: 60px;
    margin-left: 50px;
    margin-right: 50px;
    line-height: 50px;
}
.shape{
    padding-top: 120px;
}
.webs{
    padding-top: 50px;

}
.active {
  color: rgb(255, 255, 255);
  border: none;

}

 .flourish h3{
font-size: 100px;
color: #1f1d9e;
text-align: center;
font-weight:lighter;
margin: 0;
padding-top: 100px;
margin-left: 90px;
margin-right: 90px;
}
.flourish{
margin-bottom: 200px;
}
.visual{
   
    width: 800px;
    height: auto;
    overflow: hidden;
    margin: 0;
       margin-left: 80px;
       margin-bottom: 200px;
}
.visual img{
    width: 350px;
    height: 350px;
    margin: 0;
    margin-left: 230px;
}
.visual h3{
font-size: 25px;    
color: #2f3f50;
    font-family: 'Crimson Text', serif;
    text-align: center;
    margin: 0;
margin-top: 50px;
margin-bottom: 60px;


}
.visual p{
 font-family: 'Crimson Text', serif;
 font-size: 20px;
 margin: 0;
 font-weight: 100;
line-height: 30px;
color: #616060;
text-align: center;
}
.lib{
    display: flex;
    padding-top: 70px;
    padding-left: 30px;
}
.aid{
    background-color: #F9F3E9;
    height: auto;
}
.mail{
    background-color: #F9F3E9;
    width: 100%;
    height: auto;
}
.email h3{
    text-align: center;
    font-size: 110px;
    color: #1f1d9e;
    padding-top: 70px;
    font-weight: lighter;
    padding-top: 100px;
    margin: 0;
    margin-left: 250px;
    margin-right: 250px;
    margin-bottom: 50px;
}
.policy h3{
    text-align: center;
    font-size: 50px;
    color: #B89646;
    margin: 0;
    font-weight: normal;
margin-bottom: 60px;
margin-top: 150px;
}
.range{
 margin-left: 100px;
margin-right: 100px;
}
.range p{
    font-size: 20px;
    font-weight: normal;
    color: #383838;
    margin: 0;
    line-height: 70px;
    text-align: justify;
    margin-bottom: 30px;
}
.reserve h3{
     font-size: 40px;
    color: #2f3f50;
    margin: 0;
    padding-bottom: 25px;
}
.reserve p{
       color: #383838;
    font-size: 20;
    margin: 0;
    line-height: 60px;
    font-weight: normal;
    margin-left: 80px;
    margin-right: 80px;
    text-align: justify;
}
.note h3{
    text-align: center;
    font-size: 70px;
    font-weight: normal;
     color: #B89646;
     margin: 0;
     margin-bottom: 150px;
}
.note{
 margin-top: 150px;
margin-bottom: 30px;
}
.reserve{
   margin-left: 100px;
   margin-top: 100px;
}
.gaze h3{
    color: #B89646;
    font-size: 30px;
    text-align: center;
    margin: 0;
    font-weight: normal;
}
.gaze  p{
     color: #383838;
 font-weight: normal;
  font-size: 18px;
  padding-left: 250px;
}

.stroll h3{
padding-left: 250px;
font-weight: 900;
color: #333;
padding-top: 20px;
padding-bottom: 10px;
}
.both{
    background-color:#2D368E;
    height: 60px;
    width: 800px;
    margin-left: 250px;
    display: flex;
    margin-top: 50px;
    
}
.day h3{
    font-size: 18px;
    font-weight: 700;
  color: #F2F2F2;
  margin-left: 50px;
  letter-spacing: 0.1px;
      font-family: "Cambria", Sans-serif;
      text-transform: uppercase; 
      margin-right: 180px;
}
.script{
    display: none;
}
.day{
    display: flex;
}
.side h3{
font-size: 18px;
    font-weight: 700;
  color: #F2F2F2;
  letter-spacing: 0.1px;
      font-family: "Cambria", Sans-serif;
      text-transform: uppercase; 
      display: flex;
      margin-left: 50px;
}
.must{
    width: 800px;
    height: 350px;
    margin-left: 250px;
    background-color: #fffdfd;
display: flex;
}
.align{
  width: 130px;
}
.action{
    width: 220px;
}
.based{
   width: 450px;
}
.action p{
        font-family: "Cambria", Sans-serif;
        font-size: 15px;
        color: #1b1b1b;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
}
.align p{
        font-family: "Cambria", Sans-serif;
        font-size: 15px;
         color: #1b1b1b;
         text-align: center;
         margin-top: 30px;
    margin-bottom: 50px;
}
.based p{
     font-family: "Cambria", Sans-serif;
        font-size: 15px;
        text-align: center;
         margin-top: 30px;
    margin-bottom: 50px;
}



.flip-box {
  background-color: transparent;
  width: 800px;
  height: 750px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
  border: none;
  margin-bottom: 50px;

}


.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}
.fold-box-front img{
    width:400px;
    height:400px;
    margin-top: 20px;
}
.flip-box-back img{
    width: 190px;
    height: 200px;
    margin-top: 40px;
}
.flip-box-back h3{
color: #fefeff;
margin: 0;
font-weight: normal;
font-size: 70px;
margin-top: 10px;
}
.flip-box-back P{
color: #ffffff;
    margin: 0;
    line-height: 60px;
    font-size: 35px;
    margin-top: 20px;
}

.fold-box-back img{
    width: 200px;
    height: 200px;
    margin-top: 40px;
}
.fold-box-back h3{
color: #fefeff;
margin: 0;
font-weight: normal;
font-size: 70px;
margin-top: 10px;
}
.fold-box-back P{
    color: #ffffff;
    line-height: 50px;
    font-size: 35px;
    margin: 0;
    margin-top: 10px;
}


.foldup-box-back img{
   margin: 0;
    width: 250px;
    height: 250px;
    margin-top: 20px;
}
.foldup-box-back h3{
color: #fefeff;
margin: 0;
font-weight: normal;
font-size: 70px;
margin-top: 10px;
}
.foldup-box-back P{
    color: #ffffff;
    margin: 0;
    line-height: 60px;
    font-size: 40px;
    margin-top: 20px;
}


.fold-box-front, .fold-box-back {
position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;

}


.flip-box-front h3{
  color:#2D368E;
  font-size: 40px;
  font-weight: normal;
}

.flip-box-front img{
   width: 450px;
    height: 500px;
}


.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;
}


.fold-box-front h3{
  color:#2D368E;
  font-size: 40px;
font-weight: normal;
  margin-top: 70px;

}

.flip-box-back {
  background-color: #2D368E;
 
  transform: rotateY(180deg);
}
.fold-box-back {
  background-color: #2D368E;
 
  transform: rotateY(180deg);
}
.foldup-box-back {
  background-color: #2D368E;
 
  transform: rotateY(180deg);
}


.foldup-box-front h3{
  color:#2D368E;
  font-size: 40px;
margin: 0;
margin-top: 20px;
font-weight: normal;

}
.foldup-box-front img{
    width:500px;
    height:500px;
  
}

.foldup-box-front, .foldup-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;
}
.date h3{
    font-size: 50px;
    text-align: center;
    color: #2d368e;
    margin: 0;
}
.padding{
    padding-top: 100px;
}
.date p{
    font-size: 20px;
    text-align: center;
    color: #292929;
    margin: 0;
    margin-top: 40px;
}
.fill{
margin-left: 100px;
height: 700px;
margin-top: 100px;
margin-bottom: 50px;
}

.manage{
width: 100%;
height: auto;
  background-color: #F9F3E9;
}
.function{
width: 100%;
height: auto;
background-color: #F9F3E9;
overflow: hidden;
}
.days h3{
    font-size: 70px;
    color: rgb(0, 0, 0);
    text-align: center;
    margin: 0;
    margin-top: 20px;
}
.days{
   padding-top: 80px;
   margin-bottom: 100px;
}
.days span{
    color: #e1a04d;
     font-size: 80px;
}
.allowed{
    width: 700px;
    background-color: #ebdbc5;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 250px;
    box-shadow: 5px 5px 30px rgb(0 0 0 / 30%);
    border-radius: 30px;
    margin-bottom: 70px;
    }
    .warm{
        width: 100%;
        height: auto;
        margin-bottom: 150px;
    }
    .settings h3{
        font-size: 20px;
        position: relative;
     left: 15%;
        margin: 0;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        color: #2d2d2d;
    }
.settings{
            margin-bottom: 50px;
    }
.allowed h3{
         font-size: 34px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Poppins", sans-serif;
    margin: 0;
    padding-top: 20px;
    }
.allowed p{
           font-size: 25px;
    color: #000000cc;
    font-family: "Poppins", sans-serif;
    line-height: 35px;
    text-align: justify;
    margin-left: 20px;
    margin-right: 20px;
    }