:root {
    --prime_clr:#1E57C7;
    --second_clr:#363942;
    --lgt_clr:#4E565C;
    --main_clr:#030B22;   
    --w_clr:#FFFFFF;
    --g_clr:#BEDE91;  
  }

  .prime_clr {
    color:var(--prime_clr);
  }

  .second_clr {
    color:var(--second_clr);
  }

  .main_clr {
    color:var(--main_clr);
  }

:root {
    --font-body-family: 'Inter', sans-serif;
    --font-heading-family:'Inter', sans-serif;
}


 

  

  
  @media screen and (min-width: 750px) {

      :root {
        
        
        
        --ds_max_viewport: 1440;
        --ds_min_viewport: 750;
        --ds_max_viewport_px: 1440px;
        --ds_min_viewport_px: 750px;
        
        /*60px*/
        
        
        
        --h2b_size: min(calc(29px + (60 - 29) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 60px);      
        
        
        /*55px*/
        
        
        
        --h2_size: min(calc(27.5px + (55 - 27.5) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 55px);      

        /*50px*/
        
        
        
        --f_50: min(calc(25px + (50 - 25) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 50px);      

        /*43px*/
        
        
        
        --f_43: min(calc(24px + (43 - 24) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 43px);


        /*40px*/
        
        
        
        --f_40: min(calc(23.5px + (40 - 23.5) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 40px);

       
       /*32px*/
        
        
        
        --h3_size: min(calc(20px + (32 - 20) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 32px);
        
        /*30px*/
        
        
        
        --h4_size: min(calc(18px + (30 - 18) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 30px);
                       
          /*25px*/
          
          
          
          
          --h6_size: min(calc(15px + (25 - 15) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 25px);

           /*24px*/
          
          
          
          --h5_size: min(calc(16.5px + (24 - 16.5) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 24px);

           /*22px*/
          
          
          
          --btn_size: min(calc(16px + (22 - 16) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 22px);

         /*20px*/
          
          
          
          --f_20: min(calc(15px + ( - 15) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), px);

          
           /*18px*/
          
          
          
          --p_size: min(calc(14.5px + (18 - 14.5) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 18px);
      
           /*16px*/
          
          
          
          --ps_size: min(calc(14px + (16 - 14) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 16px);

           /*14px*/
          
          
          
          --h_menu: min(calc(13px + (14 - 13) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 14px);
          
           /*13px*/
          
          
          
          --f_menu: min(calc(11px + (13 - 11) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 13px);
          
  }

    body {
      font-size:var(--p_size) !important;   
    }

    h2 {
      font-size: var(--h2_size) !important; /* 55px */
    }

    h2 > p {
      font-size: var(--h2_size) !important; /* 55px */
    }

    .package_head h2 p {
        font-size: var(--f_50) !important;  
        line-height: 1.325;  
    }
                        
    .head_data_inner h2 {
      font-size: var(--f_50) !important;
    }
  
    .head_txt_cta_inner h2 p {
      font-size: var(--f_40) !important; /* 40px */
    }
    
    .package_head h2 {
      font-size: var(--h2_size) !important; /* 50px */
    }
    
    h3 {
      font-size: var(--h3_size) !important;
    }

    h4 {
      font-size: var(--h4_size) !important;
    }
    
    h6 {
        font-size:var(--h6_size) !important;
    }    

    h5 {
      font-size:var(--h5_size) !important;
    }

    .button {
      font-size:var(--btn_size) !important;
    }

    .slink {      
     font-size:var(--btn_size) !important;  
    }
  
    .pkg_cnt_head p{
      font-size:var(--btn_size) !important;        
    }
    
    p {
        font-size:var(--p_size) !important;     
    }

    .menu_item a , .cnt_item a {
      font-size:var(--f_menu);
    }

    .header-wrapper .header__menu-item {    
      font-size:var(--h_menu) !important;
    }
    .txt_img_cta_inner .button {
      font-size:var(--ps_size) !important;
    }

    .head_txt_cta_inner .button {
      font-size:var(--ps_size) !important;
    }    
    .pkg_full_data p {
      font-size:var(--h_menu) !important;
    }
    .comp_txt_img_cta_inner .button {
      font-size: var(--ps_size) !important;
    }
    .header__icons .button {
      font-size:var(--ps_size) !important;
    }
    .faq_item a {
      font-size:var(--f_20) !important;
    }
    .faqanswer p {
       font-size:var(--ps_size) !important; 
    }
    .ffield input, .ffield select {
      font-size:var(--h_menu) !important;
    }
    .ffield .button {
    font-size:var(--ps_size) !important; 
    }
    .head_sec p {
      font-size:var(--ps_size) !important;
    }
    .foo_sec {
      font-size:var(--btn_size) !important; 
    }
    .plan_brief h6 ul li {     
      font-size:var(--btn_size);
    }
    .how_it_work h2 > p {
          font-size:var(--f_40) !important;
    }

    
    .trheading h4 {
      font-size:var(--h5_size) !important;
    }
    .oursoftware .stitle h2,.teamsec .tmtitle h2 {
      font-size:var(--f_43) !important;
    }
    .teamsec h4.tmposition {
      font-size:var(--f_20) !important;
    }
    .teamsec .tmname {
      font-size:var(--ps_size) !important;
    }
    .offsec .offtitle h2 {
      font-size:var(--f_40) !important;
    }
     .offsec p.offcontent {
       font-size:var(--h5_size) !important;
     }




}


/* end min 750 px */


/* 1200px to 1440px */

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

      :root {
        
        
        
        --ds_max_viewport1: 1440;
        --ds_min_viewport1: 1200;
        --ds_max_viewport_px1: 1440px;
        --ds_min_viewport_px1: 1200px;

        /*18px*/
          
          
          
          --p2_size: min(calc(14.4px + (18 - 14.4) * ((min(100vw, var(--ds_max_viewport_px1)) - var(--ds_min_viewport_px1)) / (var(--ds_max_viewport1) - var(--ds_min_viewport1)))), 18px);

     

      }

     .ft_txt p {
       font-size:var(--p2_size) !important;
      }
      .sft_desc p {
        font-size:var(--p2_size) !important;
      }
      .rvw_cnt p {
         font-size:var(--p2_size) !important;
      } 
      
    

  }

  

/* start max 749 px */

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

     :root {
        
        
        
        --ds_max_viewport: 749;
        --ds_min_viewport: 320;
        --ds_max_viewport_px: 749px;
        --ds_min_viewport_px: 320px;


        /*35px*/   /* 55*/
        
        
        
        --h2_m_size: min(calc(21px + (35 - 21) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 35px);

        /* 32px*/ /*50px*/   
        
        
        
        --f_50: min(calc(20px + (32 - 20) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 32px);      
        

        /*28px */ /*40px*/
        
        
        
        --f_40: min(calc(19px + (28 - 19) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 28px);

        
        /* 25px*/   /*32px*/
        
        
        
        --h3_m_size: min(calc(18px + (25 - 18) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 25px);

        /* 23*/    /*30px*/
        
        
        
        --h4_m_size: min(calc(17.5px + (23 - 17.5) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 23px);

        
        /* 21px */    /*24px*/
        
        
        
        --h5_m_size: min(calc(16.5px + (21 - 16.5) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 21px);

                                               
        /*22px*/ /*25px*/
          
          
          
          --h6_m_size: min(calc(17px + (22 - 17) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 22px);

         /* 20px */ /*22px*/
          
          
          
          --btn_m_size: min(calc(16px + (20 - 16) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 20px);

         /*16px*/
          
          
          
          --p_m_size: min(calc(15px + (16 - 15) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 16px);

        /*15px*/
          
          
          
          --ps_size: min(calc(14px + (15 - 14) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 15px);

          
       /*14px*/
          
          
          
          --h_menu: min(calc(13px + (14 - 13) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 14px);

          

           /*13px*/
          
          
          
          --f_m_menu: min(calc(13.5px + (15 - 13.5) * ((min(100vw, var(--ds_max_viewport_px)) - var(--ds_min_viewport_px)) / (var(--ds_max_viewport) - var(--ds_min_viewport)))), 15px);

     }

        body {
            font-size: var(--p_m_size) !important;
          }
            
        h2 {
            font-size: var(--h2_m_size) !important; /* 55px */
        }

        h2 > p {
          font-size: var(--h2_m_size) !important; /* 55px */
        }

        .package_head h2 p {
              font-size: var(--f_50) !important;  
          }
                        
          .head_data_inner h2 {
            font-size: var(--f_50) !important;
          }
  
          .head_txt_cta_inner h2 p {
            font-size: var(--f_40) !important; /* 40px */
          }
    
          .banner_head h2 p {
            font-size: var(--h2_m_size) !important;
          }

          .package_head h2 {
            font-size: var(--h2_m_size) !important; /* 50px */
          }

          .package_head h2 p{
            font-size: var(--h2_m_size) !important;
          }


            h3 {
              font-size: var(--h3_m_size) !important;
            }
        
            h4 {
              font-size: var(--h4_m_size) !important;
            }
            
            h6 {
                font-size:var(--h6_m_size) !important;
            }    
        
            h5 {
              font-size:var(--h5_m_size) !important;
            }
        
            .button {
              font-size:var(--btn_m_size) !important;
            }
        
            .pkg_cnt_head p{
              font-size:var(--btn_m_size) !important;        
            }
            
            p {
                font-size:var(--p_m_size) !important;     
            }
        
            .menu_item a , .cnt_item a {
              font-size:var(--f_m_menu);
            }
        
            .header-wrapper .header__menu-item {
              font-size:14px;
            }
        
        
            .txt_img_cta_inner .button {
              font-size:var(--ps_size) !important;
            }
        
            .head_txt_cta_inner .button {
              font-size:var(--ps_size) !important;
            }        
        
            .pkg_full_data .pkg_name p {
/*                 font-size:var(--h_menu) !important; */
            }
                          
            .comp_txt_img_cta_inner .button {
                font-size: var(--ps_size) !important;
            }
  
            .faq_item a {
              font-size: var(--h_menu) !important;
            }

            .ffield input, .ffield select {
             font-size: var(--p_m_size) !important;
            }
            
            .plan_brief h6 ul li {
              font-size: var(--btn_m_size);
            }

    
    }

/* end max 749 px */


  @media screen and (max-width: 989px) {
    
      li .menu-drawer__menu-item {
        font-size:1.42rem;
      }
    
  }


    .buy_btns .button {
      font-size:var(--h_menu) !important;
    }

    .ftitle h2 {
      font-size:var(--f_40) !important;
    }
  
    .cond p {
      font-size:var(--h_menu) !important;
    }

  .addonpro .page_head h3 {
    font-size:var(--f_40) !important; 
  }