* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  font-family: 'nunito'!important;
  overflow-x: hidden;
}
 

.banner_section{ 
  clip-path: polygon(0 0, 100% 0%, 100% 79%, 0% 100%); 
}
.banner_section::after{
  content:"";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000000bf;
  z-index: 111;
} 

.banner_round:hover {
  animation-play-state: paused;
}
.banner_round{
  animation: rotateAnimation 30s linear infinite forwards;

}

 
@keyframes rotateAnimation {
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}


.btn {background-size: 300%;}
.black {background-image: linear-gradient(90deg, #5AA900 50%, #fff 50%)!important;}
.btn:hover { 
  background-position: 100%;
  transform: translateX(0.5rem);
}
.dark-btn{
  background-image: linear-gradient(90deg, #5AA900 50%, #1C3500 50%)!important;
}

@media (max-width:768px){
  .banner_section {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
}

.choose_section{
  padding: 50px 0;
}
 
.choose_section .main_choose_box::after{
  content: "";
  position: absolute; 
  top: 0;
  bottom: 0;
  height: 100%;
  width: 12px; 
}


.choose_section .main_choose_box.first::after{
  background-color: #1C3B5A;
  left: 0;
}
.choose_section .main_choose_box.second::after{
  left: 0;
  background-color: #3B3B3B;
}
.choose_section .main_choose_box.third::after{
  background-color: #2D5A3D;
  right: 0;
}
.choose_section .main_choose_box.forth::after{
  background-color: #5A3B1C;
  right: 0;
}

.main_review_box{
  padding: 40px;
  position: relative;
  background-color: #fff;
  border:1px solid #efefef; 
  border-radius: 12px;
}

.main_review_box::after{
  content: "";
  position: absolute;
  left: 20px;
  right:20px;
  top:-20px;
  bottom:-20px;  
  border:1px solid #efefef;
  border-radius: 12px;
  background-color: #fff;  
}
.main_review_box::before{
  content: ""; 
  position: absolute; 
  left: 40px;
  right: 40px;
  top: -50px;
  bottom: -50px;
  border-radius: 12px;
  background-color: #fff; 
  border:1px solid #efefef;
  z-index: 1;
  margin: 20px 0;
}


.validate-has-error{
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  font-weight: 500;
  color: #dc3545;
}

.input_box .validate-has-error{  
  bottom: -8px; 
  font-size: 12px;
}
.add_class header{
  background-color: #000000e6;
}

@media (max-width:991px) {
  .choose_section .main_choose_box.third::after{
    background-color: #2D5A3D;
    left: 0;
  }
  .choose_section .main_choose_box.forth::after{
    background-color: #5A3B1C;
    left: 0;
  }

  .main_review_box::after{
    left: 10px;
    right:10px;
    top:-10px;
    bottom:-10px; 
  }

  .main_review_box::before{
    left: 20px;
    right: 20px;
    top: -40px;
    bottom: -40px;
  }
}