:root {
  --primary: #ec7d2d;
  --primary-glow: radial-gradient(
    rgba(236, 125, 45, 0.4),
    rgba(236, 125, 45, 0)
    );

  /* Typography Scale - Fluid Design */
  --fs-h1: clamp(2.5rem, 4vw, 4.5rem);
  --fs-h2: clamp(2rem, 3.5vw, 3.8rem);
  --fs-h3: clamp(1.5rem, 2.5vw, 2.5rem);
  --fs-h4: clamp(1.25rem, 2vw, 1.75rem);
  --fs-h5: clamp(1.1rem, 2vw, 1.5rem);
  --fs-h6: clamp(1rem, 0.9vw, 1.25rem);
  --fs-p: clamp(0.9rem, 1vw, 1rem);
  --fs-small: clamp(0.8rem, 1vw, 0.875rem);
  --fs-tiny: clamp(0.75rem, 0.8vw, 0.75rem);

  --gap50:50px;
  --gap30:30px;
  --gap20:20px;
  --gap15:15px;

  --bgWhite:#ffffff;
  --bgcolor1:#0f172a;
  --bgcolor2:#f97316;
  --bgcolor3:#d10046;
  --bgcolor4:#02639b;
  --bgcolor5:#58c1bd;
  --bgcolor6:#16a34a;

  
  
  /*--bgcolor4:#002b44;*/
  /*--bgcolor4:#006fd1;*/
  

  --headingwhite:#ffffff;
  --headingColor1:#f97316;
  --headingColor2:#0f172a;  

  --peraColor1:#6b7280;
  --peraColor2:#000000;
  --peraColor3:#ffffff;

  --peraSize16:16px;
  --peraSize14:14px;

  --innercontainer:1400px;

  --btnBgColor1:#0f172a;


}

@media only screen and (max-width: 1440px){

  :root{
    --gap50:30px
  }
}

@media only screen and (max-width: 768px){

  :root{
    --gap50:15px;
    --gap30:15px;
    --gap20:15px;

    --peraSize16:14px;
  }
}





/* =================== ( Comman Css Start ) ==================== */


.custom_space_100 {
  padding: 80px 0;
}
.custom_pb_space_100 {
  padding-bottom: 80px;
}
.custom_pt_space_100 {
  padding-top: 80px;
}

.custom_space_50 {
  padding: 50px 0;
}
.custom_pb_space_50 {
  padding-bottom: 50px;
}
.custom_pt_space_50 {
  padding-top: 50px;
}

.custom_btn{
  text-align: center;
  padding: 15px 30px;
  overflow: hidden;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  position: relative; 
  display: inline-block;
}

.custom_btn::before{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);
  transition:.5s;
}

.custom_btn:hover::before{
  left:100%;
}

.custom_btn:hover{
  opacity: 0.9;
  box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.5);
  transform: translateY(-5px);
}


.custom_btn.btn_1{
  color: #fff;
  background-color: var(--bgcolor2);
}

.custom_btn.btn_2{
  color: #fff;
  background-color: var(--bgcolor1);
}

@media only screen and (max-width: 1500px){
  .custom_space_100 {padding: 50px 0;}    
  .custom_pb_space_100 {padding-bottom: 50px;}
  .custom_pt_space_100 {padding-top: 50px;}
}


@media only screen and (max-width: 768px){
  .custom_space_100 {padding: 30px 0;}
  .custom_pb_space_100 {padding-bottom: 30px;}
  .custom_pt_space_100 {padding-top: 30px;}    
  .custom_space_50 {padding: 30px 0;}
  .custom_pb_space_50 {padding-bottom: 30px;}
  .custom_pt_space_50 {padding-top: 30px;}  

  .custom_btn{font-size: 14px;padding: 14px 20px;}
}


@media only screen and (max-width: 768px){

}