@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
    --white:#fff;
    --black:#000;
/* Blues */
--primary-blue: #2A9AD9;  
--light-blue:   #29a6d3;   
--bright-blue:  #32b0e9;   
--aqua-blue:    #30c1d6;   
--teal-blue:    #1b7a8e;   

/* Greens */
--primary-green: #2EC3BD; 
--mint-green:    #41e7c8;  
--sea-green:     #44dbbd;  
--dark-green:    #21937c;  
--emerald-green: #2bac94;  

--text-primary : #007bb9;
--text-secondary: #06a99a;

/* typography */
--font:"Poppins";

}
body{
    font-family: var(--font);
}
.sub-heading{
       color: var(--primary-blue);
     font-size: 36px;
     width: max-content;
     position: relative;
     margin-bottom: 36px;
}
.sub-heading::after{
     content: " ";
     position: absolute;
     left: 0;
     bottom: -15px;
     width: 50%;
     height: 4px;
     border-radius: 6px;
     background:linear-gradient(270deg,var(--primary-blue),var(--primary-green));
}
.sec-info{
      font-size: 18px;
      line-height: 28px;
}

/*  meadia queries */
@media screen and (max-width:1399px) {
    .sub-heading{
      font-size: 28px;
    }
}
@media screen and (max-width:991px){
    .sec-info{
        font-size: 16px;
    }
}

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

    .sub-heading{
        font-size: 28px;
    }
}
@media screen and (max-width:575px) {

    .sub-heading{
        width: auto;
    }
}