:root{ 
    --text-tiny:10px;
    --text-xs:12px;
    --text-xs1:13px;
    --text-sm:14px;
    --text-sm1:15px;
    --text-md:16px;
    --text-md1:17px;
    --text-lg:18px;
    --text-xl:20px;
    --text-mxl:22px;
    --text-2xl:24px;
    --text-3xl:25px;
    --text-mid:28px;
    --text-4xl:30px;
    --text-mb4xl:32px;
    --text-5xl:34px;
    --text-mb5xl:36px;
    --text-mb6xl:38px;
    --text-6xl:40px;
    --text-7xl:42px;
    --text-8xl: 46px;
    --text-9xl: 50px;
    --text-md9xl:56px;
    --text-mdbig:60px;
    --text-big:90px;
    --text-exbig: 125px;
    --text-wbmdbig: 110px;
    --text-wblg: 72px;
    --text-wblarge: 75px;
    
    --color-black: #000000;
    --color-white: #ffffff;
    --color-themeblue: #051c5b;
    --color-pink: #f56371;
    --color-darkpink: #e3496a;
    --cololr-peachpink: #eee7d2;
    

}

body{font-family: 'Mulish', sans-serif; color: var(--color-black);letter-spacing: 0.5px; line-height: 1;position: relative;}
   img{ max-width:100%; height:auto; display:inline-block;}
   a{text-decoration: none; transition: all 0.4s; color: var(--color-black);}
   a:hover{text-decoration: none;transition: all .4s;}
   a:-webkit-any-link:focus-visible{outline: none;}
   ul{list-style: none; padding: 0px; margin: 0px;}
   button{transition: all .4s;border: none;outline: none;}
   .container{max-width: 92%;}
   section{overflow: hidden;}

/*--------------------------------------------Home page---------------------------------------*/

/*-----------header------------------*/
.header_main{background: var(--color-themeblue);position: fixed;left: 0;right: 0;top: 0; z-index: 99999;padding: 20px 0px;
    transition: padding 140ms ease;}
.menucontainer{display: flex;justify-content: space-between;align-items: center;}
.navbar_area{display: flex;align-items: center;justify-content: space-between;}
.logo img{max-width: 52px;}
.menu_list li{display: inline-block;padding: 10px 12px;position: relative;}
.menu_list li a{font-size: var(--text-md1);line-height: 1.5; font-weight: 300;color: var(--color-pink);text-transform: capitalize;
    letter-spacing: .5px; position: relative;}
.menu_list li a:hover:before{width: 100%;left: 0; right: 0; margin-left: 0px; background: var(--color-pink);}
.menu_list li a:before{content: ""; height: 1px; width: 4px; background: transparent; position: absolute; left: 50%; margin-left: -2px;
    bottom: -9px; transition: all .3s;}
.menu_list li.active a:before{width: 100%;left: 0; right: 0; margin-left: 0px; background: var(--color-pink);}
.menu_bar{display: none;}

.btn{padding: 10px 40px;background-color: var(--color-pink);color: var(--color-white) !important;font-weight: 700 !important; 
    border-radius: 30px;font-size: var(--text-xl);}
.btn:focus{outline: none;box-shadow: none;}
a.btn:before{width: 0px !important;background: none !important;}
.btn:hover{background: var(--color-white);color: var(--color-pink) !important;}
.header_main .btn{padding: 8px 25px;font-size: var(--text-md1);}

#nav_top.fixed{padding: 10px 0px;transition: padding 140ms ease;box-shadow: 0px 0px 4px rgb(255,255,255,.06);}

/*-------------end header------------------*/

/*-------------------------Index page---------------------------*/
.bn_main{position: relative;margin-top: 103.5px;}
.banner_home img{width: 100%;object-fit: cover;position: relative;max-height: 590px;}
.banner_overlay{background: rgba(5,28,91,.15);position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;}
.logobig img{max-width: 100%;width: auto;}

.banner_bottom{background: var(--color-pink);padding: 100px 0px;color: var(--color-white);}
.banner_bottom h1{font-size: var(--text-wblg);line-height: 1.2;margin-bottom: 35px;font-weight: 800;}
.banner_bottom h3{font-size: var(--text-mb4xl);line-height: 1.4;margin-bottom: 0px;font-weight: 600;}
.hero_text_wrap{max-width: 75%;}

.AT_advantage{background: var(--color-themeblue);padding: 100px 0px 55px; color: var(--color-white);}
.section_heading{font-size: var(--text-wblg);line-height: 1.2;margin-bottom: 45px;font-weight: 800;}
.advantages h4{font-size: var(--text-mb6xl);font-weight: 600;line-height: 1.1;margin-bottom: 35px;}
.advantages p{font-size: var(--text-md);font-weight: 500;line-height: 1.6;margin-bottom: 0px;}
.AT_advantage_block{margin-bottom: 45px;}
.AT_advantage_btn{align-self: flex-end;}
.AT_advantage_btn .AT_advantage_block{float: right;}

.AT_overview{max-width: 85%;margin: 100px auto 80px;}
.AT_overview .section_heading{color: var(--color-themeblue);border-bottom: 2px solid var(--color-themeblue);text-align: center;
  padding-bottom: 45px;}
.overview_left h3{font-size: var(--text-8xl);line-height: 1.4;font-weight: 600; color: var(--color-darkpink);margin-bottom: 35px;}
.AT_overview p{font-size: var(--text-md);line-height: 1.8;color: var(--color-themeblue);font-weight: 600;margin-bottom: 15px;}
.overview_right h5{font-size: var(--text-mid);font-weight: 800;color: var(--color-themeblue);margin-bottom: 30px;}
.overview_right p{margin-bottom: 30px;}
.AT_featurelist{background: var(--cololr-peachpink);width: 100%; display: inline-block;}
.AT_featurelist h5{font-size: var(--text-mid);font-weight: 900;color: var(--color-pink);margin-bottom: 40px;}
.AT_featurelist ul{padding-left: 25px;}
.AT_featurelist ul li{list-style-type: disc;font-size: var(--text-md);line-height: 1.35;color: var(--color-themeblue);font-weight: 600;
  padding-bottom: 20px;}
.feature_buttons{justify-content: center; text-align: center;}
.pb-35{padding-bottom: 35px;}

.AT_brief h5{font-size: var(--text-2xl);font-weight: 900;color: var(--color-themeblue);line-height: 1.5;}
.AT_brief{padding: 90px 0px;}
.AT_brief_text{font-size: var(--text-mb5xl);line-height: 1.45; color: var(--color-darkpink);font-weight: 600;}
.AT_brief_text p{font-size: var(--text-2xl);font-weight: 600;color: var(--color-themeblue);line-height: 1.9;margin: 35px 0px 0px;}

.AT_service_display{padding: 60px 0px 45px;background: var(--color-darkpink);text-align: center;}
.AT_services{justify-content: center;}
.AT_serviceimg{min-height: 165px;}
.AT_serviceimg img{max-height: 160px;}
.AT_service_block p{font-size: var(--text-3xl);font-weight: 600;color: var(--color-white);line-height: 1.35;margin: 13px 0px 0px;
    text-transform: capitalize;}
.AT_service_block{width: 100%;display: inline-block;margin-bottom: 80px;}

.ft_block_main{background: var(--color-white);padding: 50px 0px;}
.ft_block_main .row{justify-content: flex-end;}
.ft_block_main p{font-size: var(--text-md);font-weight: 700;line-height: 1.9;color: var(--color-pink);margin: 32px 0px 0px;}
/*------------------------------end Index page---------------------------*/

/*------------------------------About page---------------------------*/
.bn_about img{max-height: 565px;width: 100%;object-fit: cover;}
.bn_about .banner_bottom{background: none;padding: 0px;text-align: center;max-width: 80%; margin: 0px auto;}
.about_content{padding: 100px 0px 70px;}
.about_content .overview_left{padding-right: 50px;}
.about_brief{font-size: var(--text-2xl); font-weight: 600; color: var(--color-themeblue); line-height: 1.9;}
.about_content .row:last-child{flex-direction: row-reverse;margin-top: 100px;}
.about_content .row:last-child .overview_left{padding-left: 50px;padding-right: 0px;}

/*------------------------------end About page---------------------------*/


/*------------------------------Technology page---------------------------*/
.technology_wrap{padding: 100px 0px;}
.tech_heading{font-size: var(--text-8xl); line-height: 1.4; font-weight: 700; color: var(--color-darkpink); margin-bottom: 35px;
    text-align: center;}
.technology_wrap .overview_right h5{text-align: center;margin-bottom: 100px;}
.technology_display .row{align-items: center;margin-bottom: 30px;}
.technology_display .row:nth-child(even){flex-direction: row-reverse;}
.tech_img img{width: 100%;object-fit: cover;position: relative;border-radius: 6px;}
.tech_img{position: relative;}
.tech_img:after{content: "";height: 100%;width: 100%;background: rgb(245,47,93,.1);position: absolute;left: 0;right: 0;top: 0;
    bottom: 0;border-radius: 6px;}

.tech_brief{padding-top: 30px;}
.tech_brief .about_brief{margin-bottom: 0px;}
.technology_display h3{background: var(--color-white);width: max-content;position: relative;padding: 0px 10px;margin-left: -50%;
    font-size: var(--text-8xl); line-height: 1.4; font-weight: 600;text-transform: capitalize;}
.technology_display {color: var(--color-themeblue);}
.technology_display .row:nth-child(even) h3{margin-left: 0px;}
.technology_wrap .about_content{padding: 25px 0px 10px;}

/*------------------------------end Technology page---------------------------*/

@media (min-width: 1600px) {
    .container {
        max-width: 1400px;
    }
}

@media (min-width: 1800px) {
    .container {
        max-width: 1600px;
    }
}

@media (min-width: 2200px) {
    .container {
        max-width: 1900px;
    }
}

@media (max-width: 1400px)
{
    .banner_bottom h1{font-size: var(--text-mdbig);}
    .banner_bottom h3{font-size: var(--text-4xl);}
    .section_heading{font-size: var(--text-mdbig);}
    .overview_left h3{font-size: var(--text-7xl);}
    .AT_service_block p{font-size: var(--text-mxl);}

    /*------------------------------Technology page---------------------------*/
    .tech_heading{font-size: var(--text-7xl);}
    .tech_brief .about_brief{line-height: 1.75;}
    .tech_brief{padding-top: 20px;}

    /*------------------------------end Technology page---------------------------*/
}


@media (max-width: 1200px)
{
    .banner_home img{max-height: 500px;}
    .hero_text_wrap {max-width: 80%;}
    .banner_bottom h1{font-size: var(--text-md9xl);}
    .banner_bottom h3{font-size: var(--text-mid);}
    .section_heading{font-size: var(--text-md9xl);}
    .advantages h4{font-size: var(--text-5xl);}
    .btn{font-size: var(--text-lg);}
    .overview_left h3{font-size: var(--text-mb5xl);}
    .overview_right h5{font-size: var(--text-3xl);}
    .AT_overview{max-width: 95%; margin: 80px auto 60px;}
    .AT_overview .section_heading{font-size: var(--text-9xl);}
    .AT_brief_text{font-size: var(--text-5xl);}
    .AT_brief_text p{font-size: var(--text-mxl);}
    .AT_service_block p{font-size: var(--text-xl);}
    .AT_service_display{padding: 45px 0px;}
    .AT_service_block{margin-bottom: 50px;}


    /*------------------------------About page---------------------------*/
    .bn_about img{max-height: 480px;}
    .about_brief{font-size: var(--text-mxl);}

    /*------------------------------end About page---------------------------*/

    /*------------------------------Technology page---------------------------*/
    .tech_heading{font-size: var(--text-mb5xl);}
    .technology_display h3{font-size: var(--text-mb5xl);}
    .tech_brief .about_brief{line-height: 1.65;}
    .technology_wrap{padding: 85px 0px;}

    /*------------------------------end Technology page---------------------------*/

}


@media (max-width: 1024px)
{
    .banner_bottom h1{font-size: var(--text-9xl);}
    .banner_bottom h3{font-size: var(--text-2xl);}
    .section_heading{font-size: var(--text-9xl);}
    .advantages h4{font-size: var(--text-4xl);}
    .overview_right h5 {font-size: var(--text-2xl);}
    .AT_brief_text{font-size: var(--text-mb4xl);}
    .AT_brief_text p{font-size: var(--text-xl);}
    .AT_service_block p{font-size: var(--text-xl);}
    .banner_home img{max-height: 450px;}
    .logobig img{max-height: 240px;}
    .overview_left h3{font-size: var(--text-5xl);}

    /*------------------------------About page---------------------------*/
    .about_brief{font-size: var(--text-xl);}

    /*------------------------------end About page---------------------------*/


    /*------------------------------Technology page---------------------------*/
    .tech_heading{font-size: var(--text-5xl);}
    .technology_display h3{font-size: var(--text-5xl);}
    .technology_wrap{padding: 70px 0px;}

    /*------------------------------end Technology page---------------------------*/
    
}

@media (max-width: 991px)
{
    .navbar_area{position: fixed; z-index: 99999; top: 80px; bottom: 10px; left: 50%; transform: translateX(-50%) scale(0.4); width: 95%;
        transform-origin: center;background-color: var(--color-white); transition: all 0.4s cubic-bezier(0.54, -0.10, 0.57, 0.57); padding: 15px 0;
        text-align: center; border-radius: 100px; justify-content: center; align-items: center; display: none;}
    .navbar_area.show_menu{transform: translateX(-50%) scale(1); border-radius: 0px; opacity: 1;width: 101%;top: 0;bottom: 0; display: block;}
    .menu_list li{display: block; padding: 10px 0px;}
    .menu_list li a{font-size: var(--text-mid);}
    .menu_list li a:before{display: none !important;}
    .menu_bar{display: block; cursor: pointer; transition: all .4s; position: relative; z-index: 99999; width: 34px;}
    .menu_bar span{display: block;height: 1px; background: var(--color-darkpink);position: relative; width: 100%;
        transition: all .3s;}
    .menubar1{margin-bottom: 10px;}
    .menu_bar.menuicon_close .menubar1{transform: rotate(45deg) translate(6px, 6px);}
    .menu_bar.menuicon_close .menubar2{transform: rotate(-45deg) translate(2px, -1px);}

    .overflowhide{overflow: hidden !important;}
    
    .bn_main{margin-top: 91.5px;}
    .banner_home img{max-height: 350px;}
    .logobig img{max-height: 200px;}
    .hero_text_wrap {max-width: 100%;text-align: center;}
    .banner_bottom{padding: 80px 0px;}
    .banner_bottom h1{font-size: var(--text-8xl);}
    .banner_bottom h3{font-size: var(--text-mxl);}
    .section_heading{font-size: var(--text-8xl);}

    .AT_advantage{text-align: center;padding: 70px 0px 40px;}
    .advantages h4{font-size: var(--text-3xl);margin-bottom: 25px;}
    .AT_advantage_btn .AT_advantage_block{float: none;}
    .btn{font-size: var(--text-md1);}
    .AT_overview_zone{text-align: center;}
    .AT_overview .section_heading{font-size: var(--text-8xl);}
    .AT_overview{margin: 70px auto 40px;}
    .overview_left h3{font-size: var(--text-4xl);}
    .overview_right h5 {font-size: var(--text-mxl); margin: 25px 0px 25px;}
    .AT_featurelist h5{font-size: var(--text-3xl);}
    .feature_buttons{margin-top: 35px;}
    .AT_brief_text{font-size: var(--text-4xl);}
    .AT_brief{padding: 70px 0px;text-align: center;}
    .AT_brief h5{margin-bottom: 20px;}
    .AT_brief_text p{font-size: var(--text-lg); line-height: 1.7; margin-top: 25px;}
    .AT_service_block{margin-bottom: 40px;}
    .AT_serviceimg{min-height: 150px;}
    .AT_serviceimg img{max-height: 140px;}
    .ft_rightend{text-align: center;}

    /*------------------------------About page---------------------------*/
    .bn_about img{max-height: 350px;min-height: 350px;}
    .bn_about .banner_bottom{max-width: 88%;}
    .about_brief{font-size: var(--text-lg);}
    .about_content {padding: 75px 0px 50px;text-align: center;}
    .about_content .overview_left h3{margin-bottom: 25px;}
    .about_content .overview_left{padding: 0px !important;}
    .about_content .row:last-child{margin-top: 30px;}

    /*------------------------------end About page---------------------------*/


    /*------------------------------Technology page---------------------------*/
    .tech_heading{font-size: var(--text-4xl);}
    .technology_display h3{font-size: var(--text-4xl);}
    .technology_wrap .overview_right h5{margin-bottom: 80px;}
    .tech_img img{max-height: 430px;}
    .technology_display{text-align: center;}
    .technology_display h3{margin-left: 10px !important;margin-top: -20px}
    /*------------------------------end Technology page---------------------------*/
    
    
}


@media (max-width: 768px)
{
    .container{max-width: 100%;padding: 0px 35px;}
    .logo img{max-width: 45px;}
    .bn_main{margin-top: 84.5px;}
    .menu_list li a{font-size: var(--text-3xl);}
    .banner_home img{max-height: 300px;min-height: 300px;}
    .logobig img{max-height: 180px;max-width: 100%; min-height: inherit;}
    .banner_bottom{padding: 50px 0px;}
    .banner_bottom h1{font-size: var(--text-6xl);}
    .banner_bottom h3{font-size: var(--text-xl);}
    .section_heading{font-size: var(--text-6xl);}
    .advantages h4{font-size: var(--text-2xl);margin-bottom: 25px;}
    .AT_advantage{padding: 50px 0px 20px;}
    .AT_advantage_block{margin-bottom: 35px;}
    .btn{font-size: var(--text-md);padding: 10px 30px;}
    .AT_overview{margin: 60px auto 30px;max-width: 100%;}
    .AT_overview .section_heading{font-size: var(--text-mb6xl);margin-bottom: 35px;padding-bottom: 35px;}
    .overview_left h3{font-size: var(--text-mid);line-height: 1.25; margin-bottom: 20px;}
    .AT_overview p{font-size: var(--text-sm1);}
    .AT_featurelist h5{font-size: var(--text-2xl);}
    .AT_feature_block{width: max-content; margin: 0px auto 30px;}
    .feature_buttons{margin-top: 0px;}
    .feature_buttons .pb-35{padding-bottom: 25px;}
    .AT_featurelist h5{margin-bottom: 30px;}
    .AT_brief h5{font-size: var(--text-mxl);line-height: 1.3;}
    .AT_brief{padding: 50px 0px;}
    .AT_brief_text{font-size: var(--text-mid);}
    .AT_service_display{padding: 35px 0px 50px;}
    .AT_serviceimg{min-height: auto;}
    .AT_serviceimg img{max-height: inherit; max-width: 130px;}
    .ft_block_main{padding: 40px 0px;}

    /*------------------------------About page---------------------------*/
    .bn_about .banner_bottom{max-width: 100%;}
    .about_content{padding: 60px 0px 50px;}

    /*------------------------------end About page---------------------------*/


    /*------------------------------Technology page---------------------------*/
    .tech_heading{font-size: var(--text-mid);}
    .technology_display h3{font-size: var(--text-mid);}
    .technology_wrap{padding: 60px 0px;}
    .technology_wrap .overview_right h5{margin-bottom: 65px;}
    .tech_img img{min-height: 380px;max-height: 380px;}

    /*------------------------------end Technology page---------------------------*/
    
    
    
}


@media (max-width: 600px)
{
  .container{padding: 0px 18px;}
  .menu_list li a{font-size: var(--text-mxl);}
  .banner_bottom h1{font-size: var(--text-mb4xl);}
  .banner_bottom h3{font-size: var(--text-lg);}
  .section_heading{font-size: var(--text-mb4xl);}
  .advantages h4{font-size: var(--text-mxl); margin-bottom: 20px;}
  .btn{font-size: var(--text-sm1);}
  .AT_overview .section_heading{font-size: var(--text-mb4xl);}
  .overview_right h5 {font-size: var(--text-xl);}
  .AT_featurelist h5{font-size: var(--text-mxl);}
  .AT_brief h5{font-size: var(--text-xl);}
  .AT_brief_text{font-size: var(--text-3xl);}
  .AT_brief{padding: 45px 0px;}
  .AT_brief_text p{font-size: var(--text-md1);}
  .overview_left h3{font-size: var(--text-3xl);}

  /*------------------------------About page---------------------------*/
  .bn_about img{max-height: 300px;}
  .about_brief{font-size: var(--text-md1);}
  .about_content{padding: 50px 0px 30px;}

  /*------------------------------end About page---------------------------*/


  /*------------------------------Technology page---------------------------*/
  .tech_heading{font-size: var(--text-3xl);}
  .technology_display h3{font-size: var(--text-3xl);}
  .tech_img img{min-height: 300px;max-height: 300px;}
  .technology_wrap{padding: 45px 0px;}

    /*------------------------------end Technology page---------------------------*/

}


@media (max-width: 480px)
{
    .banner_bottom h1{font-size: var(--text-4xl);}
    .banner_bottom h3{font-size: var(--text-md1);}
    .section_heading{font-size: var(--text-4xl);}
    .AT_overview .section_heading{font-size: var(--text-4xl);}
    .AT_overview{margin: 50px auto 35px;}
    .AT_featurelist h5{font-size: var(--text-xl);}
    .AT_featurelist ul li{font-size: var(--text-sm1);padding-bottom: 18px;}
    .AT_brief h5{font-size: var(--text-lg);}
    .AT_brief_text{font-size: var(--text-mxl);}
    .overview_left h3{font-size: var(--text-2xl);}

    /*------------------------------Technology page---------------------------*/
  .tech_heading{font-size: var(--text-2xl);}
  .technology_display h3{font-size: var(--text-2xl);}
  .tech_img img{min-height: 260px;max-height: 260px;}

  /*------------------------------end Technology page---------------------------*/
    
}

@media (max-width: 375px)
{
    .AT_overview .section_heading{font-size: var(--text-mid);}
    .AT_feature_block{width: 100%;}

    /*------------------------------Technology page---------------------------*/
  .tech_img img{min-height: 230px;max-height: 230px;}

  /*------------------------------end Technology page---------------------------*/
}


.hbspt-form {
    text-align: center;

}

.hs-input {
    width: 80%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #484b54;
    border-radius: 5px;
}

.hs-richtext {
    font-family: 'Mulish', sans-serif;
    color: var(--color-themeblue);
}
.c-footer-subscribe-form__header {
    font-size: var(--text-4xl);
}

.hs-button {
    background-color: #f56371;
    color: #fff;
    border: none;
    cursor: pointer;

    padding: 18px 40px;
    font-weight: 700 !important;
    border-radius: 30px;
}

@media (max-width: 480px) {

    
    .hs-richtext {
        font-size: var(--text-md1);
    }

    .c-footer-subscribe-form__header {
        font-size: var(--text-4xl);
    }

    .hs-button {
        margin-bottom: 20px;
        
    } 
    
}
