body,
html {
    font-family: 'gilroy-regular'; 
    font-size: 10px;
    margin: 0;
    /* cursor: url("../img/cursar.png"),auto; */
}
/* a,button{cursor: url("../img/cursar.png"),auto !important;} */
h1,h2,h3,p,a,button{letter-spacing: inherit !important;}

@font-face {
    font-family: PoppinsExtraBold;
    src: url('../../admin/css/Poppin family/Poppins-ExtraBold.ttf');
}

@font-face {
    font-family: PoppinsBold;
    src: url('../../admin/css/Poppin family/Poppins-Bold.ttf');
}

@font-face {
    font-family: PoppinsSemiBold;
    src: url('../../admin/css/Poppin family/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: PoppinsRegular;
    src: url('../../admin/css/Poppin family/Poppins-Regular.ttf');
}

@font-face {
    font-family: PoppinsMedium;
    src: url('../../admin/css/Poppin family/Poppins-Medium.ttf');
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1190px
    }
}

@media (min-width:1450px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1250px
    }
}

/* scrollbar styling */
/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
  border-radius:20px;
    background: #d0cdcd; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

.modal_heading {
    font-size: 2rem;
    color: #1c232b;
    line-height: 4rem;
    font-family: 'gilroy-bold';
    letter-spacing: 1px;
}
.visitor_p_text {
    font-size: 17px;
    letter-spacing: normal;
    font-family: 'gilroy-medium';
    color: #1c232b;
    line-height: 1.5;
}
.see_more{
    cursor: pointer;
    font-weight: bold;
}

.home{ /*background: url(../img/bg.jpg);*/ /*background-size: cover;*/ background-attachment: fixed; padding-top:64px; }
.navbartop{ display: flex; align-items: center; background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 99; padding-top: 10px; padding-bottom: 10px; }
.navbartop .navbar{ padding: 0; }
.navbartop .navbar-brand img{height: 32px !important;}

.navbartop .navbar-light .navbar-brand{ padding: 0; margin: 0; }
.navbartop .navbar-light .navbar-nav .nav-link{ font-family: PoppinsMedium; font-size: 12px; letter-spacing: 1px; padding: 0 1.5rem; color: #747474; position: relative; }
.navbartop .navbar-light .navbar-nav .active>.nav-link{ color: #000000; }
.navbartop .navbar-light .navbar-nav .nav-link:hover{color: #000000;}
.navbartop .navbar-light .navbar-nav .nav-link::before{content: ''; background: url(../img/cursar.png);position: absolute;top: 5px;left: 5px;height: 10px;}
.navbartop .navbar-light .custombtn{ background: #fff; font-size:13px; color: #1c232b; margin: 0 0 0 1rem; font-family: PoppinsSemiBold; 
    border-radius: 0; padding: 8px 20px; line-height: normal; letter-spacing: 1px;border-radius: 20px;border: 1px solid;}
.navbartop .navbar-light .custombtn:focus{box-shadow: unset;}
.navbartop .navbar-light .custombtn:hover{background: #000000;color: white;}
.navbartop .navbar-light .custombtn.register{ background: #fdbc11; color: #fff; border-radius: 20px;border: 1px solid #fdbc11;width: 13%;transition: font-size 0.2s;height: 38px;}
.navbartop .navbar-light .custombtn.register:hover{font-size: 14px;}
.broadcast{background-color:#fae070;font-size:16px;position: fixed;border-bottom: 3px solid white;min-height: 6px; width: 100% !important; color: black;}
 

.custombtn{ background: #fff; font-size:13px; color: #1c232b; margin: 0 0 0 1rem; font-family: PoppinsSemiBold; 
    border-radius: 0; padding: 8px 20px; line-height: normal; letter-spacing: 1px;border-radius: 20px;border: 1px solid;}

 .custombtn.yellow.rounded{ background: #fdbc11; color: #fff; border-radius: 20px;border: 1px solid #fdbc11;transition: font-size 0.2s;height: 38px;}



.searchbar{ padding:35px 0; }
.searchbar_inner{ width: 69rem; margin: auto; display: table; height: 4rem; }
.searchbar_sub{ display: grid; grid-template-columns: 55rem 14rem; grid-column-gap: .3rem; border: 2px solid; }
.searchbar_flied input{ background: #fff; height:40px; width: 100%; padding: 1rem; color: #a5a0a0; border: 0; font-size:15px; 
    font-family: 'gilroy-medium'; letter-spacing: 1px; border-radius: 0!important; }
.searchbar_flied input:focus{border: 0!important; outline: none !important;}
.searchbar_button button{ background: #000000; height: 40px; width: 100%; text-align: center; color: #fff; border: 0; font-size: 18px; 
    font-family: PoppinsSemiBold; border-radius: 0; letter-spacing: 1px;}
  
.gettrading_id{ color: #a1a2a3; padding: 1rem 0 0; text-align: center; font-family: 'gilroy-medium'; font-size: 2rem; }
.gettrading_id span{ color: #fff; font-family: 'gilroy-bold'; }

.banner{ /*height: 56.3rem;*/ overflow: hidden; }
.banner .carousel.slide{ height: 100%; }
/* .banner .carousel-item:after{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; content: ''; background: #000; opacity: .6; } */
.banner .carousel-caption{ position: absolute; bottom: inherit; top: 40%; margin-top: -8%; width: 50%; left: 0;text-align: left; margin-left: 7%; }
.banner .carousel-caption h1{ font-size: 75px; font-family: PoppinsSemiBold; color: #FEB207; }
.banner .carousel-caption h3{ font-size: 40px; font-family: PoppinsSemiBold; color: #000000; }
.banner .carousel-caption p{ font-size: 18px; color: #000000; font-family: PoppinsRegular; }
.yellowbar{ width: 100%; height: 3rem; background: #fdbc11; margin: 11rem 0 3.5rem; }

.services{ background: #fff; padding: 6rem 0; }
.services_inner{ position: relative; }
/* .services_inner:before, .services_inner:after{ width: 26.3rem; height: 8.5rem; background: url(../img/adje.png); content: ''; position: absolute; left: 0; top: -6rem; } */
.services_inner:after{ left: inherit; right: 0; }
.heading{ background-image: url('../img/services_vector.png');background-position: 37%;height: 136px;display: flex;justify-content: center;align-items: center;background-repeat: no-repeat;background-size: contain;}
.heading h1{ font-size: 36px; font-family: PoppinsSemiBold; text-align: center; color: #1c232b; margin: 0; /*text-transform: uppercase;*/ text-transform: capitalize; }

.services_grid{ padding: 4rem 0 0; display: grid; /*grid-template-columns: 20rem 20rem 20rem 20rem;*/ grid-template-columns: 28rem 28rem 28rem; grid-column-gap: 4rem; justify-content: center; }
.services_grid_inner{ text-align: center; padding: 50px 0px 30px 0px;}
.services_grid_inner:hover{ box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;}
.services_grid_inner:hover p{ color: #fdbc11;}
.services_grid_inner p{ font-size:20px; font-family: PoppinsRegular; text-align: center; color: #1c232b; margin: 1.3rem 0 0;margin-bottom: 25%; }
.services_grid_inner img{width: auto; height: 100px; margin-bottom: 15px;}
.services_grid_inner a{ font-size:16px; font-family: PoppinsSemiBold; text-transform: capitalize; text-decoration: none; color: #000000; }
.services_grid_inner a img{ margin-left: 5px; margin-bottom: unset; height: 10px;}
.services_block{ background: url(../img/ecommerce_img.jpg) #fff; background-size: 70%; background-position: right bottom; height: 60.4rem; 
    background-repeat: no-repeat; position: relative; overflow: hidden; }
.services_img{ display: none; }
.services_left{ width: 50%; position: absolute; left: 0; background: #fff; height: 100%; padding: 7rem 0 0; box-shadow: 0 0px 100px #000; }
.services_left:before{ width: 20.4rem; height: 40.9rem; background: url(../img/adje_b.png); content: ''; position: absolute; left: 0; top: 0; opacity: 0.5; }
.services_heading{ left: 0; top: 0; right: 0; height: 11rem; background: rgb(255 157 0 / 76%); position: relative; z-index: 1; padding: 0 0 0 8rem; display: flex; }
.services_blockicon{ width: 15.8rem; height: 11rem; display: flex; align-items: center; padding: 0 2.5rem 0 0; 
    margin: 0 1.5rem 0 0; border-right: .8rem solid #fff; }
.services_blockicon img{width: 85px; height: auto;}
.services_heading h2{ height: 11rem; padding: 0 4.5rem 0 1.5rem; background: #fff; display: flex; align-items: center; margin: 0; 
    font-size: 3.7rem; color: #1c232b; line-height: 4rem; font-family: 'gilroy-bold';letter-spacing: 1px; }
/* .services_blockcontent{ padding: 10rem 6rem 0 25%; } */
/* .services_blockcontent p{ font-size:18px; letter-spacing: 1px; font-family: 'gilroy-medium'; color: #1c232b; line-height: 2.7rem; margin: 0; position: relative; } */
/* .services_blockcontent p:before, .services_blockcontent p:after{ font-size: 8rem; font-family: 'gilroy-medium'; color: #fdbc11; content: '‘’'; margin: 0; position: absolute; left: -4.5rem; top: -0.8rem; line-height: 0; }
.services_blockcontent p:after{ left: inherit; top: inherit; bottom: -5.5rem; right: 7rem; } */
.services_blockcontent a{  
    display: inline-block; 
    /* background: #FDBC11;  */
    color: #fdbc11; 
    font-size:  13px; 
    border: 1px solid #fdbc11; 
    margin: 5.5rem 0 0; 
    text-decoration: none; 
    font-family: PoppinsSemiBold; 
    line-height: 1; 
    padding: 16px 20px; 
    letter-spacing: 1px; 
}
.services_blockcontent a:hover{ background: #fdbc11; color: white; }

.services_blockcontent a.see_more{  
    display: inline-block; 
    background: #F7F7F7; 
    color: #1c232b; 
    font-size: 13px; 
    border: 1px solid black; 
    margin: 5.5rem 0 0; 
    text-decoration: none; 
    font-family: PoppinsSemiBold; 
    line-height: 1; 
    padding: 16px 20px; 
    letter-spacing: 1px;
    width: 155px;
}
.services_blockcontent a.see_more:hover{ background: #1c232b; color: #fff; }

/* services block tech */

.services_blockcontent_tech a{  
    display: inline-block; 
    background: white; 
    color: #FEB207; 
    font-size:  13px; 
    border: 1px solid #FEB207; 
    margin: 5.5rem 0 0; 
    text-decoration: none; 
    font-family: PoppinsSemiBold; 
    line-height: 1; 
    padding: 16px 20px; 
    letter-spacing: 1px; 
}
.services_blockcontent_tech a:hover{ background: #fdbc11; color: white; }

.services_blockcontent_tech a.see_more{  
    display: inline-block; 
    /* background: #F7F7F7;  */
    color: #1c232b; 
    font-size: 13px; 
    border: 1px solid black; 
    margin: 5.5rem 0 0; 
    text-decoration: none; 
    font-family: PoppinsSemiBold; 
    line-height: 1; 
    padding: 16px 20px; 
    letter-spacing: 1px; 
    width: 155px;
}
.services_blockcontent_tech a.see_more:hover{ background: #1c232b !important; color: #fff; }


.services_block_b{ background: url(../img/tech_logistics_img.jpg) #fff; background-size: 70%; background-position: left bottom;  }
.services_block_b .services_left{ left: inherit; right: 0; }
.services_block_b .services_blockicon{ width: 12rem; }
/* .services_block_b .services_blockcontent { padding: 10rem 6rem 0 25%; } */
.services_block_b .services_left:before{ width: 26.4rem; background: url(../img/adje_c.png); content: ''; left: inherit; right: 0; opacity: 0.5; }
.yellowbar_b{ margin: 3.5rem 0 11rem; }
.services_bg{ background: url(../img/warehousing.jpg)}

/* .services_tech_bg{ background: url(../img/tech_logistics_img.jpg)} */
/* .services_ecommerce_bg{ background: url(../img/ecommerce_img.jpg)} */
.services_tech_bg {width: 100%;/*padding: 100px 0px 25px 0px;*/position: relative;}
.services_tech_bg h3{ font-family: PoppinsSemiBold; font-size: 36px;margin-bottom: 5.5rem;}
.services_tech_bg p{ font-family: PoppinsRegular; font-size: 16px;color: #747474;}
.services_tech_bg .strips_img_tech{ position: absolute;top: 0px;left: -8%;}
.services_ecommerce_bg{ position: relative;background-color: #F7F7F7;}
.services_ecommerce_bg .subtract_img{ position: absolute;top: -220px;right: 0px;}
.services_ecommerce_bg .stripes_img{ position: absolute;top: 10px;left: 0px;/*width: 90px;height: 100px;*/}
.services_ecommerce_bg .container{ padding: 0px 15px 0px 15px}
.services_ecommerce_bg h3{ font-family: PoppinsSemiBold; font-size: 36px;margin-bottom: 5.5rem;}
.services_ecommerce_bg p{ font-family: PoppinsRegular; font-size: 16px;color: #747474;}
/* .services_warehousing_bg{ background: url(../img/warehousing.jpg)} */
.services_warehousing_bg{ position: relative;background-color: #F7F7F7;padding-bottom:25px;}
.services_warehousing_bg h3{ font-family: PoppinsSemiBold; font-size: 36px;margin-bottom: 5.5rem;}
.services_warehousing_bg p{ font-family: PoppinsRegular; font-size: 16px;color: #747474;}
.services_warehousing_bg .subtract_img_warehousing{ position: absolute;bottom: -50px;right: 0px;}
.services_warehousing_bg .stripes_img_warehousing{ position: absolute;top: 108px;left: 0px;}
.app_section {padding: 100px 0px 100px 0px;}
.app_section h2{font-family: PoppinsSemiBold;font-size: 40px;}
.app_section p{font-family: PoppinsRegular;font-size: 14px;color: #747474;margin-bottom: 25%;width: 80%;}
.app_sample_section{background:#fdbc11;border-top-left-radius:150px;border-bottom-left-radius:150px;padding:40px;height:160px;display:flex;margin-top:28% !important;width:90%;position: relative;}
.app_sample_section h3{font-family: PoppinsMedium; font-size: 28px;}
.app_sample_section p{font-family: PoppinsRegular; font-size: 14px;color: #000000; width: unset;}
.sample_app_img{height: 310px;margin-top:-42%;position: absolute; bottom: 150px;}
/* .footer_content ul li{list-style-type:none;} */
.footer_list a:before{content:'\00b7'; font-size:100px; line-height:24px; vertical-align:middle;color:#fdbc11;margin-right: 5px;}
.services_cod{ background: url(../img/cod.jpg);     background-size: 70%;  background-position: right bottom; height: 60.4rem; background-repeat: no-repeat;}
footer{ background: #F7F7F7;  }
.footer_top{ padding: 6rem 0; }
.footer_grid{ display: grid; grid-template-columns: 46rem 20rem 22rem 28rem; grid-column-gap: 2rem; justify-content: center; }
.footer_content{}
.footer_content h2{ margin: 0 0 3rem; font-size: 22px; color: #000000; font-family: PoppinsMedium; letter-spacing: 1px; }
.footer_content p{ font-size:14px; color: #a1a2a3; line-height: 2.7rem; margin: 0 0 2rem; width: 86%; font-family: PoppinsRegular; }
.footer_content p.last{ margin: 0; }
.footer_content a{ font-size:14px; color: #a1a2a3; line-height: 2.7rem; display: block; text-decoration: none; font-family: PoppinsRegular; }
/* .footer_content a i{ margin-right: 1rem; } */
/* .footer_content a+a{ margin: 1rem 0 0; } */
.footer_content a:hover{ color: #fdbc11; }
.social_icons a:hover {color: #fdbc11;}
.footer_content_last p{ width: 100%; }
/* .social_icons i{font-size: 35px;padding: 15px;border-radius: 50%;background: #000000;color: white;} */
.social_icons a{font-size: 28px;padding: 12px;border-radius: 50%;background: #000000;color: white;height: 50px;width: 50px;text-align: center;margin-right: 25px;}
.copyright{ background: #1c232b; padding: 3.5rem 0; text-align: center; font-size: 14px; color: white; font-family: PoppinsMedium; }
.floatbutton{ position: fixed; bottom: 2rem; right: 2rem; z-index: 99; }
.floatbutton a{ width: 5rem; height: 5rem; background: #24CC63; border-radius: 10rem; font-size: 2.4rem; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; }

.login_grid{ display: grid; grid-template-columns: 35% 65%; justify-content: space-between; align-items: center; padding:0; }
.login_left{ width: 100%; height: 100%; background: #000000; display: flex; align-items: center; justify-content: center; position: relative; padding: 0; }
/*.login_left:before{ left: 0; top: 0; bottom: 0; position: fixed; background:#fdbc11; width:1; z-index: -1; content: ''; }*/
.login_left img{ margin: 0 auto; height: 225px;}
.login_right{ width: 44rem; margin-left: 7.5%; }
.login_right h2{ font-size: 26px; font-family: PoppinsSemiBold; color: #1f1d1d; margin: 0;padding: 0px 10px 8px 0px;border-bottom: 4px solid #FEB207;width: fit-content; }
/* .login_right hr{width: 55%;margin-left: unset;background: #FDBC11;height: 5px;border-top: unset;margin-bottom: 12%;} */
.login_right_inner{ padding: 0 0 0 0; /*width: 350px;*/  }
.loginflied{ margin: 1rem 0 0; }
.loginflied label{ font-size: 1.3rem; color: #1f1d1d; font-family: 'gilroy-medium'; margin: 0; line-height: initial; }
.loginflied input{ font-size: 14px; color: #000000; font-family: PoppinsRegular; padding: unset; height: 4.4rem; border-width: 0 0 1px 0; border-style: solid;
    /*background: #eeeeee;*/ box-shadow: none; /*border: 0*/; display: block; width: 100%; border-radius: 0; outline: none; /*margin: 0.6rem 0 0;*/ margin-bottom: 10%; }
.loginflied input:focus{color: #000000;transition: border-width 1.5s ease-in-out;box-shadow: unset;border-bottom: 1px solid #FDBC11;}

.loginflied select{ font-size: 1.4rem; color: #8c8b8b; font-family: 'gilroy-medium'; padding: 0 1.5rem; height: 4.4rem; 
    background: #eeeeee; box-shadow: none; border: 0; display: block; width: 100%; border-radius: 0; outline: none; margin: 0.6rem 0 0; }
.login_right_inner{margin-top: 15%;}
.eye{position: absolute;right: 2%;top: 22%;}
.reg_label{font-family: PoppinsMedium;font-size: 14px;color: #000000;}
.reg_field input{font-size: 14px;color: #000000;font-family: PoppinsRegular;padding: unset;height: 4.4rem;border-width: 0 0 1px 0;border-style: solid;box-shadow: none;display: block;width: 100%;border-radius: 0;outline: none;}
.reg_field input::placeholder, .loginflied input::placeholder{color: #d0cdcd;}
#exampleInputPhone::placeholder{color: #d0cdcd;}
.reg_field input:focus{color: #000000;transition: border-width 1.5s ease-in-out;box-shadow: unset;border-bottom: 1px solid #FDBC11;}
.reg_field select{ font-size: 14px; color: #000000; font-family: PoppinsMedium; padding: 0 1.5rem; height: 4.4rem; 
     box-shadow: none; border: 0; display: block; width: 100%; border-radius: 0; outline: none; margin: 0.6rem 0 0; border: 1px solid #ced4da; border-width: 0 0 1px 0;border-style: solid;}
.reg_field select:focus{color: #000000;transition: border-width 1.5s ease-in-out;box-shadow: unset;border-bottom: 1px solid #FDBC11;}
/* .loginbtn{  margin: 20px 0 0; } */
.loginbtn{  margin-top: 15%; }
.loginbtn button{ font-size: 16px; letter-spacing: 1px; color: #fff; font-family: PoppinsSemiBold; padding: 0; 
    text-align: center;  background: #000000; border: 0; display: block;   border-radius:0; outline: none; line-height: 1; padding: 12px 12px; margin-bottom: 15px; } 
.loginbtn button:hover, .loginbtn button:focus{ background-color:#1c232b;}
    
.loginbtn a{ font-size: 13px; color: #747474; font-family: PoppinsMedium; text-align: left; /*width: 100%;*/ margin:15px 0 0; display: block;}
.loginbtn a.logintrackid{ color: #1f1d1d; width: 100%; }
.loginbtn > a{margin-top: 10%;}
.login_btn_disable{background: #D0CDCD !important;}

.error_p_tag{font-family: PoppinsMedium;font-size:13px;color:#DE1616;}
.swal2-popup{width: 60rem;padding: 55px 20px 80px 20px}
.swal2-html-container{overflow: unset !important;}
.swal2-confirm{font-family:PoppinsSemiBold;box-shadow: unset;font-size:20px !important;padding: 10px 20px;background:#000000 !important;text-decoration:none;color:white;}

.login_grid.signup_grid { grid-template-columns: 65% 35%; }
.login_grid.signup_grid .loginflied input{ height: 4rem; }
.login_grid.signup_grid .login_left{ order: 2; padding: 0; /*height: 100%;*/ }
/*.login_grid.signup_grid .login_left:before{ left: inherit; right: 0; }*/
.login_grid.signup_grid .login_right h6{ font-size: 1.3rem; color: #a6a4a4; font-family: 'gilroy-medium'; margin: 1rem 0 0; }
.login_grid.signup_grid .login_right_inner { padding: 0 0 0 4rem }
.login_right_innergrid{ display: grid; grid-template-columns: auto auto; grid-column-gap: 4rem; }
.login_grid.signup_grid .loginbtn{ display: grid; grid-template-columns: 21.8rem 7rem; grid-column-gap: 2.5rem; width: auto; margin: 1.5rem 0 0; }
.login_grid.signup_grid .loginbtn button.btn_b{ background: #959494; color: #fff; margin-top: 1rem; }
.login_grid.signup_grid .loginbtn span{ font-size: 1.3rem; color: #1f1d1d; font-family: 'gilroy-bold'; height: 4.4rem; display: flex; align-items: center; }
.login_grid.signup_grid .loginbtn span+span{ margin-top: 1rem; }
.login_grid.signup_grid .login_right{ padding: 3rem 0; width: 60rem; }
.login_grid.signup_grid .login_right h6.bussdetail{ margin:2rem 0 0 }

.forget_form_btn{ font-size: 15px; letter-spacing: 1px; color: #fff; font-family: PoppinsSemiBold; padding: 0; 
    text-align: center;  background: #FDBC11; border: 0; display: block;   border-radius:0; outline: none; line-height: 1; padding: 12px 12px; margin-bottom: 15px;margin-top: 10%; }

.forgetpass_form p{font-size: 12px; font-family: PoppinsRegular;}
.forgetpass_form h3{font-size: 20px; font-family: PoppinsSemiBold;}
.forget_back_btn{color: #000000;float: unset !important;opacity: unset;font-weight: unset;font-family: PoppinsSemiBold;font-size: 12px;}
.forget_vector_img{height: 90px;position:absolute;top:10px;right:30px;}
@media (min-width: 576px){
    .modal-dialog-forget {
        max-width: 800px;
        margin: 1.75rem auto;
    }
}

/* .reg_right_col{padding:60px 75px !important;} */
.reg_section h3{font-size: 18px;font-family: PoppinsSemiBold;padding-left: 8%;}
.section_content{padding: 2% 10% 4% 10%}
.reg_section i{font-family: PoppinsMedium;font-size: 10px;color: #747474;}

.checkbox {display: block; position: relative; padding-left: 24px; margin: 1.8rem 0 .6rem; cursor: pointer; font-size: 12px; font-family: 'gilroy-medium'; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #1f1d1d; }
.checkbox input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkbox .checkmark {position: absolute; top: 0; left: 0; height: 1.4rem; width: 1.4rem; background-color: #eee; border-radius: 3px; }
.checkbox:hover input ~ .checkmark {background-color: #ccc; }
.checkbox input:checked ~ .checkmark {background-color: #fc9501; }
.checkbox .checkmark:after {content: ""; position: absolute; display: none; }
.checkbox input:checked ~ .checkmark:after {display: block; }
.checkbox .checkmark:after {left: 5px; top: 1px; width: 4px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.set-width-reg{padding: 0 !important; width: 100%;}
.lg-banner{display: block;}
.sm-banner{display: none;}


.chosen-single{
    border-radius: unset !important;
    border: unset !important;
    background: unset !important;
    box-shadow: unset !important;
    border-width: 0 0 1px 0 !important;
    border-style: solid !important;
    font-family: 'PoppinsRegular';
    height: 44px !important;
    border-color: lightgrey !important;
    font-size: 14px;
    padding: 10px 10px 10px 0px !important;
    color: #000000 !important;
    /* margin-bottom: 30px; */
}
.chosen-container{
    /* margin-bottom: 30px; */
    width: 100% !important;
}
.chosen-default span{color: #D0CDCD;}
.highlighted{background: #000000 !important;}

#exampleInputPhone{
    font-size: unset;
    border:unset;
}
#exampleInputPhone:focus{
    box-shadow: unset;
}
.googleplaystore{
    transition: transform 0.2s ease;
}
.googleplaystore:hover{
    transform: scale(1.01);
}

.floatbutton{
    transition: transform 0.2s ease;
}
.floatbutton:hover{
    transform: translate(-20px);
}

.approval_pending_section{
    font-size:12px;
    font-family:PoppinsRegular;
    color: #000000;
}

#gotit_btn:hover{
    color: white;
}

.qoute_sent_link{ font-size: 18px; letter-spacing: 1px; color: #fff; font-family: PoppinsSemiBold; padding: 0; 
    text-align: center;  background-color: black !important; border: 0; display: block;   border-radius:0; outline: none; line-height: 1; padding: 12px 12px; margin-bottom: 15px;margin-top: 10%; }

.integration_section{
    background-image: url('../img/union.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10% 15% 10% 10%;
}

.integration_section p{
    font-family:PoppinsRegular;
    font-size:18px;
}
.integration_section h3{
    font-family: PoppinsSemiBold;
    font-size:36px;
    margin-bottom:10%;
}

.ecom_log_col{
    padding-top: 75px;
}

.ecommerce_right_img{
    padding-top: 50px;
    width: 60%;
}

.tech_log_col{
    padding-top: 100px;
}

.tech_right_img{
    padding-top: 130px;
}

.warehousing_right_img{
    height: 540px;
    padding-top: 50px;
}

.warehousing_col{
    padding-top: 100px;
}
.tech_left_img{
    height:570px;
    width:90%;
    padding:45px 0px 25px 0px;
}
.integration_img{
    height: 400px;
    position: absolute;
    top: 100px;
    left: -100px;
}

@media (max-width:768px) {
    .integration_img{
        position: unset;
        height: 300px;
    }
    .integration_section{
        background-image: unset;
        background-color: #fdbc11;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .integration_img{
        position: unset;
        height: 350px;
    }
}

@media (min-width:992px) and (max-width:1300px) {
    .integration_img{
        height: 350px;
        top: 50px;
        left: -150px;
    }
}

/*----------- Big Scenn Tablet and Small Screen Laptop -------------*/
@media (min-width:992px) and (max-width:1199px) {
    .navbartop .navbar-light .custombtn.register{width: 15%;}
    .navbartop .navbar-light .navbar-brand img{ height: 5rem;  }
    .navbartop .navbar-light .navbar-nav .nav-link{ font-size: 1.3rem; }
    .navbartop .navbar-light .custombtn{ font-size: 1.3rem; }
    .banner{ height: 41rem; }
    .banner .carousel-caption h3{font-size: 24px;}
    .banner .carousel-caption h1{font-size: 50px;}
    .banner .carousel-caption p{font-size: 13px;}
    .heading h1 {font-size: 3.5rem;}
    .services_grid_inner p{font-size: 16px;}
    .services_grid{ grid-template-columns: 10.5rem 11rem 11rem 11rem; }
    .services_grid_inner img{ height: 8rem; }
    .services_grid_inner h2{ font-size: 1.8rem; }
    .services_grid_inner a{font-size: 14px;}

    .services_ecommerce_bg .subtract_img{height: 150px;top: -110px;}
    .services_ecommerce_bg .stripes_img{height: 70px;width: 65px !important;}
    .services_ecommerce_bg .container {padding: 45px 15px 40px 15px;}
    .ecom_log_col{padding-left: 45px;}
    .services_ecommerce_bg h3 {font-size: 30px;}
    .services_ecommerce_bg p {font-size: 16px;}
    /* .ecommerce_right_img{height: 450px !important;width: 300px;} */
    .services_blockcontent a {padding: 14px 18px;}
    .services_blockcontent a.see_more{padding: 14px 18px;}

    .strips_img_tech{height: 90px;}
    .services_tech_bg{padding: 0px 0px 50px 0px;}
    .services_tech_bg h3 {font-size: 30px;}
    .services_tech_bg p{font-size: 16px;}
    .services_blockcontent_tech a {padding: 14px 18px;}
    .services_blockcontent_tech a.see_more{padding: 14px 18px;}

    .services_warehousing_bg{padding: 80px 0px 80px 0px;}
    .stripes_img_warehousing{height: 25px;top: 85px !important;}
    .services_warehousing_bg h3 {font-size: 30px;}
    .services_warehousing_bg p{font-size: 16px;}
    .services_warehousing_bg .subtract_img_warehousing{height: 150px;bottom: -25px;}
    .warehousing_col{padding-left: 55px;}

    .app_section{padding: 65px 0px 65px 0px;}
    .app_section h2 {font-size: 27px;}
    .app_section p{font-size: 12px;}
    .googleplaystore{height: 50px;}
    .appstore{height: 50px;}
    .sample_app_img{height: 210px !important; bottom: 90px;}
    .app_sample_section{height: 114px;padding: 25px;}
    .app_sample_section h3 {font-size: 24px;}
    .app_sample_section p {font-size: 10px;}

    .services_block{ height: 47.4rem; }
    .services_left{ padding: 5rem 0 0; }
    .services_heading{ padding: 0 0 0 4rem; height: 10rem; }
    .services_blockicon{ padding: 0 1rem 0 0; width: 13rem; height: 10rem; }
    .services_blockicon img{ height: 6rem; }
    .services_heading h2{ padding: 0 1.5rem; font-size: 3rem; }
    .services_left:before{ width: 16.4rem; height: 32.9rem; background-size: cover; }
    .services_block_b .services_left:before{ width: 18.4rem; height: 28.5rem; background-size: cover; }
    /* .services_blockcontent, .services_block_b .services_blockcontent{ padding: 7rem 3rem 0 18%; }
    .services_blockcontent p{ font-size: 1.8rem; line-height: 2.4rem; }
    .services_blockcontent p:before{ font-size: 6rem; left: -3.5rem; }
    .services_blockcontent p:after{ font-size: 6rem; bottom: -2.5rem; }
    .services_blockcontent a{ font-size: 2rem; height: 5.6rem; line-height: 5.6rem; margin: 2.5rem 0 0; } */

    .footer_grid{ grid-template-columns: 39rem 16rem 17rem 15rem; }
    .footer_content h2{ font-size: 2.2rem; margin: 0 0 2rem; }
    .footer_content p { font-size: 1.6rem; width: auto; line-height: 2.4rem }
    .footer_content a { font-size: 1.6rem; }
    .copyright{ font-size: 1.6rem; }

    .login_grid{ grid-template-columns: 35% 65%; padding: 0; }
    /*.login_left:before { width: 35rem; }*/
    .login_grid.signup_grid { grid-template-columns: 65% 35%; padding: 0; }
    .ecom_log_col{padding-top: 8px;}
    .tech_log_col {padding-top: 60px;}
    .warehousing_col{padding-top: unset;}
    .warehousing_right_img{padding-top: unset;height: 450px;}
    .integration_section{
        padding: 7% 16% 7% 8%;
    }
    .spec_section_left_form_img{
        height: 150px !important;
    }
    .navbartop .navbar-light .custombtn.register{height: unset;}
}

/*----------- Tracking Id Div -------------*/
@media (min-width:991px){
    #navbarSupportedContent{
        position: relative;
    }
    #tracking_div{
        position: absolute;
        top: 75px;
        right: 0;
        background: white;
        width: 100%;
    }
}

/*----------- Ipad Mini -------------*/
@media (min-width:768px) and (max-width:991px) {
    .navbartop .navbar-light .custombtn.register{width: 135px;}
    .home{ padding-top: 7rem; }
    .navbartop{ min-height: 7rem; }
    .navbartop .navbar-light .navbar-brand img{ height: 4rem }
    .navbartop .navbar-light .navbar-nav .nav-link{ font-size: 1.6rem; margin: .5rem 0; }
    .navbartop .navbar-light .custombtn{ font-size: 1.6rem; }
    .navbartop .navbar-light .navbar-toggler{ border: 0; }
    .navbartop .navbar-light .navbar-toggler img+img{ display: none; }
    .navbartop .navbar-light .navbar-toggler[aria-expanded="true"] img{ display: none; }
    .navbartop .navbar-light .navbar-toggler[aria-expanded="true"] img+img{ display: inline-table; }
    .navbar-collapse{ position: absolute; left: 0; right: 0; top: 5.5rem; padding: 3rem 1rem 2rem; background: #fff; } 
    .navbartop .navbar-light .navbar-nav{ margin-bottom: 1rem; }

    .searchbar { padding: 3.5rem 0; }
    .searchbar_inner{ width: 46rem; }
    .searchbar_sub{    }
    .searchbar_button button{ border-radius: 0; }

    .banner{ height: 32rem; }
    .banner .carousel-caption {top: 35%;}
    .banner .carousel-caption h3{font-size: 35px;}
    .banner .carousel-caption h1{ font-size: 3rem; }
    .banner .carousel-caption p { font-size: 1.6rem; }
    .yellowbar { margin: 5rem 0 3.5rem; height: 2rem; }
    /* .heading h1{ font-size: 3.6rem; } */
    .heading h1{ font-size: 33px; }
    .services_inner:before, .services_inner:after { width: 17.3rem; height: 5.5rem; background-size: cover; }

    .services_grid{ grid-template-columns: 10.5rem 11rem 11rem 11rem; grid-column-gap: 7rem; }
    .services_grid_inner img{ height: 6rem; }
    .services_grid_inner h2{ font-size: 1.6rem; }

    .services_block{ margin: 0; background: none; height: auto; }
    .services_img{ display: block; }
    .services_img img{ max-width: 100%; }

    .services_left{ padding: 1rem 0 0; position: relative; width: 100%; height: auto; }
    .services_heading{ padding: 0 0 0 4rem; height: 10rem; }
    .services_blockicon{ padding: 0 1rem 0 0; width: 13rem; height: 10rem; }
    .services_blockicon img{ width:60px; }
    .services_heading h2{ padding: 0 1.5rem; font-size: 3rem; }
    .services_left:before{ width: 16.4rem; height: 32.9rem; background-size: cover; }
    .services_block_b .services_left:before{ width: 18.4rem; height: 28.5rem; background-size: cover; }
    /* .services_blockcontent, .services_block_b .services_blockcontent{ padding: 7rem 6rem 5rem 17%; } */
    /* .services_blockcontent p{ font-size: 1.8rem; line-height: 2.4rem; font-family: 'gilroy-regular';  } */
    .services_blockcontent p:before{ font-size: 6rem; left: -3.5rem; }
    .services_blockcontent p:after{ font-size: 6rem; bottom: -2.5rem; }
    /* .services_blockcontent a{ font-size: 2rem; height: 5.6rem; line-height: 5.6rem; margin: 2.5rem 0 0; } */


    .services_ecommerce_bg .subtract_img{height: 150px;top: -110px;}
    /* .services_ecommerce_bg .ecommerce_right_img{height: 365px !important;width: unset;} */
    .services_ecommerce_bg .stripes_img{height: 75px;left: -12px;width: 65px;}
    .services_ecommerce_bg .container{padding: 48px 15px 40px 15px;}
    .services_ecommerce_bg h3{font-size: 30px;margin-bottom: 3.5rem;}
    .services_ecommerce_bg p{font-size: 16px;}
    .services_blockcontent a{padding: 8px 10px;margin: 3.5rem 0 0;}
    .services_blockcontent a.see_more{padding: 8px 10px;margin: 3.5rem 0 0;width: 135px;}

    .ecom_log_col{padding-left: 30px;}

    .services_tech_bg .strips_img_tech{height: 85px;}
    .services_tech_bg h3{font-size: 30px;margin-bottom: 3.5rem;}
    .services_tech_bg p{font-size: 16px;}
    .services_blockcontent_tech a{padding: 8px 10px;margin: 3.5rem 0 0;}
    .services_blockcontent_tech a.see_more{padding: 8px 10px;margin: 3.5rem 0 0;width: 135px;}
    .services_tech_bg{padding: 0px 0px 55px 0px}
    .services_tech_bg .tech_right_img{height: 45%;}

    .services_grid_inner p{font-size: 16px;}
    .services_grid_inner a{font-size: 14px;}

    .services_inner .col-md-3{padding: unset;}

    .services_warehousing_bg h3{font-size: 30px;margin-bottom: 3.5rem;}
    .services_warehousing_bg p{font-size: 16px;}
    .stripes_img_warehousing{height: 22px;}
    .warehousing_col{padding-left: 40px;padding-right: unset;padding-top: 80px;}
    .services_warehousing_bg{padding: 0px 0px 75px 0px;}
    .services_warehousing_bg .stripes_img_warehousing{top: 86px;}
    .services_warehousing_bg .subtract_img_warehousing{height: 150px;}

    .app_section{padding: 60px 0px 100px 0px;}
    .app_section p{font-size: 10px;margin-bottom: 20%;}
    .app_section h2{font-size: 28px;}
    .googleplaystore{height: 35px;}
    .appstore{height: 35px;}
    .app_section .app_artboard{height: 180px;}
    .app_sample_section{padding: 22px;height: 110px;}
    .app_sample_section img{height: 200px !important;margin-right: 10px !important;bottom: 78px;}
    .app_sample_section h3{font-size: 20px;}

    .social_icons a{margin-right: 12px;font-size: 22px;height: 45px;width: 45px;}

    .footer_grid{ grid-template-columns: 33% 33% 33%; grid-row-gap: 4rem; }
    .footer_top{ padding: 4rem; }
    .footer_about{ grid-column: 1 / span 3; }
    .footer_content h2{ font-size: 1.8rem; margin: 0 0 1rem; }
    .footer_content p { font-size: 1.5rem; width: auto; line-height: 2.4rem; margin: 0 0 1rem; }
    .footer_content a { /*font-size: 1.5rem;*/ line-height: 2.4rem; }
    /* .footer_content a+a{ margin: .7rem 0 0; } */
    .copyright{ font-size: 1.6rem; }
    .login_grid{ grid-template-columns: 44rem; padding: 0; justify-content: center; height: 100vh;  }
    /* .login_left{ display: none; } */
    .login_right, .login_grid.signup_grid .login_right{ width: 100%; }
    .login_grid.signup_grid { grid-template-columns: 56rem; padding: 0; height: 100vh; }
    .reg_hr{width: 70% !important;}

    .integration_section{
        padding: 7% 18% 7% 8%
    }
    .integration_section h3{
        font-size: 30px;
    }
    .integration_section p{
        font-size: 16px;
    }
    .ecom_log_col{
        padding-top: 10px;
    }
    .warehousing_right_img{
        height: 365px;
        padding-top: 50px;
    }
    .tech_log_col{
        padding-top: 58px;
    }
    .tech_left_img {
        height: 375px;
    }
    .spec_section_left_form_img{
        height: 150px !important;
    }
    .reg_section label{
        font-size: 12px;
    }
    .reg_section input{
        font-size: 12px;
    }
    .navbartop .navbar-light .custombtn.register{
        height: unset;
    }
}

/*----------- Mobile Large Screen -------------*/
@media (min-width:481px) and (max-width:767px) {
    .navbartop .navbar-light .custombtn.register{width: 47.5%;}
    .home{ padding-top: 55px }
    .navbartop .navbar-light .navbar-brand img{ height: 40px! }
    .navbartop .navbar-light .navbar-nav .nav-link{ font-size:20px; margin: 1rem 0; }
    .navbartop .navbar-light .custombtn{ font-size: 1.6rem; width: 47.5%; }
    .navbartop .navbar-light .navbar-toggler{ border: 0; }
    .navbartop .navbar-light .navbar-toggler img+img{ display: none; }
    .navbartop .navbar-light .navbar-toggler[aria-expanded="true"] img{ display: none; }
    .navbartop .navbar-light .navbar-toggler[aria-expanded="true"] img+img{ display: inline-table; }
    .navbar-collapse{ position: absolute; left: 0; right: 0; top: 4.5rem; padding: 3rem 1rem 2rem; background: #fff; } 
    .navbartop .navbar-light .navbar-nav{ margin-bottom: 1rem; }
    .navbartop .navbar-light .navbar-toggler img{height: 22px;}
    .searchbar { padding: 2rem 0; }
    .searchbar_inner{ width: 90%; }
    .searchbar_sub{ grid-template-columns:340px 120px;}
    /* .searchbar_flied input{ font-size: 1.6rem; height: 4.6rem; } */
    /* .searchbar_button button{ border-radius: 0; height: 4.6rem; } */

    .carousel-indicators li{height: 2px !important;width: 16px !important;}

    .gettrading_id{ font-size: 1.6rem; }
    .banner{ height: auto; }
    /* .banner .carousel-caption{ margin-top: -8%; left: 5%; right: 5%; } */
    .banner .carousel-caption{ margin-top: -14%; left: 0; }
    /* .banner .carousel-caption h1{ font-size: 2.4rem; } */
    .banner .carousel-caption h1{ font-size: 25px; }
    .banner .carousel-caption h3{font-size: 22px;}
    /* .banner .carousel-caption p { font-size: 1.4rem; } */
    .banner .carousel-caption p { font-size: 10px   ; }
    .yellowbar { margin: 2rem 0; height: 1.4rem; }
    .heading {height: 120px;background-position: 23%;}
    .heading h1{ font-size: 3rem; }
    .services{ padding: 4rem 0; }
    .services_inner:before, .services_inner:after { display: none; }
    .services_grid{ grid-template-columns: 50% 50%; grid-column-gap: 6rem; grid-row-gap: 4rem; }
    .services_grid_inner img{ height: 80px; }
    .services_grid_inner h2{ font-size: 18px; }
    .services_block{ margin: 0; background: none; height: auto; }
    .services_img{ display: block; }
    .services_img img{ max-width: 100%; }
    .services_left{ padding: 3rem 0 0; position: relative; width: 100%; height: auto; }

    .services_ecommerce_bg h3{font-size: 30px;}
    .services_ecommerce_bg p{font-size: 14px;}
    .services_blockcontent a{padding: 12px 16px;}
    .services_blockcontent a.see_more{padding: 12px 16px;}
    /* .ecommerce_right_img{height: 275px !important;padding-top: 30px;width: 200px;} */
    .services_ecommerce_bg .stripes_img{height: 62px;width: 55px !important;}
    .services_ecommerce_bg .subtract_img{height: 150px;top: -110px;}
    .ecom_log_col{padding-left: 60px;}
    .services_ecommerce_bg .container {padding: 46px 15px 40px 15px;}

    .services_tech_bg h3{font-size: 30px;}
    .services_tech_bg p {font-size: 14px;}
    .services_blockcontent_tech a{padding: 12px 16px;}
    .services_blockcontent_tech a.see_more{padding: 12px 16px;}

    .tech_log_col{padding-left: 88px;padding-top: 56px;}
    .services_tech_bg .strips_img_tech{left: 8%;height: 85px;}
    /* .services_tech_bg{padding: 55px 0px 100px 0px;} */

    .services_warehousing_bg .subtract_img_warehousing{height: 120px;bottom: -35px;z-index: 1;}
    .warehousing_col{padding-left: 65px;}
    .services_warehousing_bg h3{font-size: 30px;}
    .services_warehousing_bg p{font-size: 14px;}
    .services_warehousing_bg .stripes_img_warehousing{height: 22px;top: 68px;}
    .services_warehousing_bg{padding: 60px 0px 50px 0px;}

    .app_section h2{font-size: 25px;}
    .app_section p{font-size: 14px;}
    .googleplaystore{height: 40px;}
    .appstore{height: 40px;}
    .app_sample_section h3{font-size: 20px;}
    .app_sample_section p{font-size: 10px;}
    .app_sample_section{height: 110px;padding: 25px;}
    .sample_app_img{height: 180px !important;bottom: 60px;}

    /* .services_heading{ padding: 0; height: auto; display: block; background: none; } */
    /* .services_blockicon{ padding: 0 3rem; width: auto; height: 7rem; background: rgb(255 157 0 / 76%); border:0; margin: 0; } */
    /* .services_block_b .services_blockicon{ width: auto; } */
    /* .services_blockicon img{ height: 4.6rem; } */
    /* .services_heading h2{ padding: 2rem 3rem 0; font-size: 2.6rem; width: auto; display: block; background: none; height: auto; line-height: 3rem; } */
    .services_left:before{ width: 12.4rem; height: 25rem; background-size: cover; }
    .services_block_b .services_left:before{ width: 14rem; height: 24rem; background-size: cover; }
    /* .services_blockcontent, .services_block_b .services_blockcontent{ padding: 2rem 3rem 3rem; }
    .services_blockcontent p{ font-size: 1.6rem; line-height: 2.2rem; font-family: 'gilroy-regular';  }
    .services_blockcontent p:before, .services_blockcontent p:after{ display: none; }
    .services_blockcontent p:before{ font-size: 6rem; left: -3.5rem; }
    .services_blockcontent p:after{ font-size: 6rem; bottom: -2.5rem; } */
    /* .services_blockcontent a{ font-size: 1.8rem; height: 4.6rem; line-height: 4.6rem; margin: 2.5rem 0 0; width: 100%; text-align: center; } */
    .footer_grid{ grid-template-columns: auto; grid-row-gap: 3rem; }
    .footer_top{ padding: 4rem }
    .footer_about{ grid-column: inherit; }
    /* .footer_content h2{ font-size: 1.8rem; margin: 0 0 1rem; } */
    /* .footer_content p { font-size: 1.5rem; width: auto; line-height: 2.4rem; margin: 0 0 1rem; } */
    /* .footer_content a { font-size: 1.5rem; line-height: 2.4rem; } */
   /* .footer_content a+a{ margin: .7rem 0 0; } */
     /* .copyright{ font-size: 1.4rem; } */
     .footer_content p{width: 100%;}
     
    .login_grid{ grid-template-columns: 90%; padding: 0; justify-content: center; height: 100vh;  }
    .login_left{ display: none; }
    .login_right, .login_grid.signup_grid .login_right{ width: 100%; }
    .login_right_inner { padding: 3rem 0 0 0; }
    .loginbtn{ width: 100%; }
    .login_grid.signup_grid { grid-template-columns: 90%; padding: 0; height: auto; }
    .login_grid.signup_grid .login_right_inner { padding: 0; }
    .login_right_innergrid{ grid-template-columns: auto; }
    .reg_hr{width: 70% !important;}
    .navbartop .navbar-light .navbar-toggler img{height: 20px;}
    .navbartop .navbar-brand img {height: 35px !important;}
    .services_blockicon img {
        width: 45px;
        height: auto;
    }
    .services_heading{padding: 0 0 0 35px; height: 80px;}
    .services_heading h2{font-size: 25px; height: 80px; line-height:normal;}
    .services_blockicon{width: 90px!important; height: 80px; line-height:normal;}
    .services_heading h2{padding-right: 25px;}

    .integration_section{
        padding: 10% 24% 10% 10%;
    }
    .integration_section h3{
        font-size: 26px;
    }
    .integration_section p{
        font-size: 13px;
    }
    .ecom_log_col{
        padding-top: unset;
    }
    .tech_left_img{
        height: 300px;
        width: 210px;
    }
    .tech_right_img{
        padding: 55px 0px 55px 0px;
        height: 350px;
    }
    .warehousing_col{
        padding-top: unset;
    }
    .warehousing_right_img{
        height: 300px;
        width: 210px;
    }
    .navbartop .navbar-light .custombtn.register{
        height: unset;
    }
    .ecommerce_right_img_sm , .tech_left_img_sm , .warehousing_right_img_sm{
        height: 400px !important;
        width: 400px !important;
    }
}

/*----------- Mobile Screen -------------*/
@media (min-width:320px) and (max-width:480px) {
    .navbartop .navbar-light .custombtn.register{width: 46.5%;}
    .home{ padding-top: 6rem; }
    .navbartop .navbar-light .navbar-brand img{ height: 3rem }
    .navbartop .navbar-light .navbar-nav .nav-link{ font-size: 1.6rem; margin: .5rem 0; }
    .navbartop .navbar-light .custombtn{ font-size: 1.6rem; }
    .navbartop .navbar-light .navbar-toggler{ border: 0; }
    .navbartop .navbar-light .navbar-toggler img+img{ display: none; }
    .navbartop .navbar-light .navbar-toggler[aria-expanded="true"] img{ display: none; }
    .navbartop .navbar-light .navbar-toggler[aria-expanded="true"] img+img{ display: inline-table; }
    .navbar-collapse{ position: absolute; left: 0; right: 0; top: 6.5rem; padding: 1rem 1rem 2rem; background: #fff; } 
    .navbartop .navbar-light .navbar-nav{ margin-bottom: 1rem; }

    .searchbar { padding:25px 0; }
    .searchbar_inner{ width: 90%; }


    /* .ecommerce_right_img{height: 250px !important;padding-top: 20px;width: unset;} */
    .stripes_img{height: 47px !important;width: 40px !important;}
    .subtract_img{height: 100px;top: -70px !important;}
    .services_ecommerce_bg .container{padding: 40px 15px 40px 15px;}
    .services_ecommerce_bg h3{font-size: 16px;margin-bottom: 3.5rem;}
    .services_ecommerce_bg p{font-size: 12px;}
    .services_blockcontent a{padding: 5px 8px;font-size: 8px;}
    .services_blockcontent a.see_more{padding: 5px 8px;font-size: 8px;margin: 2.5rem 0 0;width: 87px;}
    .ecom_log_col{padding-left: 45px;}

    .services_tech_bg h3{font-size: 16px;margin-bottom: 3.5rem;}
    .services_tech_bg p{font-size: 12px;}
    /* .services_tech_bg{padding: 44px 0px 100px 0px;} */
    .services_tech_bg .strips_img_tech{height: 60px; left: 1%;}
    .services_blockcontent_tech a{padding: 5px 8px; margin: 3.5rem 0 0;font-size: 8px;}
    .services_blockcontent_tech a.see_more{padding: 5px 8px; margin: 3.5rem 0 0;font-size: 8px;width: 88px;}

    .services_warehousing_bg h3{font-size: 16px;margin-bottom: 3.5rem;}
    .services_warehousing_bg p{font-size: 12px;}
    .services_warehousing_bg .stripes_img_warehousing{height: 16px;top: 48px;}
    .warehousing_col{padding-left: 48px;padding-top: unset;}
    .services_warehousing_bg {padding: 45px 0px 40px 0px;}
    .services_warehousing_bg .subtract_img_warehousing{height: 100px;bottom: -30px;z-index:1;}

    .app_section{padding: 40px 0px 40px 0px;}
    .app_section h2 {font-size: 16px;}
    .app_section p {font-size: 8px;margin-bottom: 15%;}

    .googleplaystore{height: 30px;}
    .appstore{height: 30px;}

    .sample_app_img{height: 130px !important;margin-right: 6px !important;bottom: 55px;}
    .app_sample_section h3{font-size: 16px;}
    .app_sample_section{padding: 8px 10px;height: 65px;margin-top: 35%;}
    .app_artboard{height: 160px;}
    .copyright_content{font-size: 8px;}
    .copyright{padding: 1.5rem 0;}

    .gettrading_id{ font-size: 1.6rem; }
    .banner{ height: auto; }
    /* .banner img{ height: 22rem; } */
    .banner .carousel-caption{ margin-top: -18%; left: 5%; right: 5%; }
    .banner .carousel-caption h1{ font-size: 2.8rem; }
    .banner .carousel-caption h3{font-size: 20px;}
    .banner .carousel-caption p { font-size: 1.2rem; }
    .yellowbar { margin: 2rem 0; height: 1.4rem; }
    .heading {height: 120px;background-position: 20%;}
    .heading h1{ font-size: 2rem; }
    .services{ padding: 4rem 0; }
    .services_inner:before, .services_inner:after { display: none; }
    .services_grid{ grid-template-columns: 11rem 11rem; grid-column-gap: 6rem; grid-row-gap: 4rem; }
    .services_grid_inner img{ height: 80px; }
    .services_grid_inner p{ font-size: 1.4rem; font-family: PoppinsRegular; margin-bottom: 10%;}
    .services_grid_inner a{ font-size: 1.2rem; font-family: PoppinsSemiBold; }
    /* .services_grid_inner h2{ font-size: 1.6rem; font-family: PoppinsSemiBold; } */
    .services_block{ margin: 0; background: none; height: auto; }
    .services_img{ display: block; }
    .services_img img{ max-width: 100%; }
    .services_left{ padding: 3rem 0 0; position: relative; width: 100%; height: auto; }
    /* .services_heading{ padding: 0; height: auto; display: block; background: none; } */
    /* .services_blockicon{ padding: 0 3rem; width: auto; height: 7rem; background: rgb(255 157 0 / 76%); border:0; margin: 0; } */
    /* .services_block_b .services_blockicon{ width: auto; } */
    /* .services_blockicon img{ height:auto; width: 50px; } */
    /* .services_heading h2{ padding: 2rem 3rem 0; font-size: 2.6rem; width: auto; display: block; background: none; height: auto; line-height: 3rem; } */
    .services_left:before{ width: 12.4rem; height: 25rem; background-size: cover; }
    .services_block_b .services_left:before{ width: 14rem; height: 24rem; background-size: cover; }
    /* .services_blockcontent, .services_block_b .services_blockcontent{ padding: 2rem 3rem 3rem; }
    .services_blockcontent p{ font-size: 1.6rem; line-height: 2.2rem; font-family: 'gilroy-regular';  }
    .services_blockcontent p:before, .services_blockcontent p:after{ display: none; }
    .services_blockcontent p:before{ font-size: 6rem; left: -3.5rem; }
    .services_blockcontent p:after{ font-size: 6rem; bottom: -2.5rem; } */
    /* .services_blockcontent a{ font-size: 1.8rem; height: 4.6rem; line-height: 4.6rem; margin: 2.5rem 0 0; width: 100%; text-align: center; } */
    .footer_grid{ grid-template-columns: auto; grid-row-gap: 3rem; }
    .footer_top{ padding: 35px 30px; }
    .footer_about{ grid-column: inherit; }
    .footer_content h2{ font-size: 1.5rem; margin: 0 0 1rem; }
    .footer_content p { font-size: 1.2rem; width: auto; line-height: 2.4rem; margin: 0 0 1rem; }
    .footer_content a { font-size: 1.2rem; line-height: 2.4rem; }
    /* .footer_content a+a{ margin: .7rem 0 0; } */
    .copyright{ font-size: 1.4rem; }
    .social_icons a{margin-right: unset;font-size: 22px;margin-right: 25px;height: 45px;width: 45px;}

    .login_grid{ grid-template-columns: 90%; padding: 0; justify-content: center; height: 100vh;  }
    .login_left{ display: none; }
    .login_right, .login_grid.signup_grid .login_right{ width:80%; }
    .login_right_inner { padding: 0; width:100% !important; }
    .loginbtn{ width: 100%; }
    .login_grid.signup_grid { grid-template-columns: 90%; padding: 0; height: auto; }
    .login_grid.signup_grid .login_right_inner { padding: 0; }
    .login_right_innergrid{ grid-template-columns: auto; }
    /* .reg_right_col{padding: 45px 45px !important;} */
    .reg_hr{width: 90% !important;}
    .create_acc_btn{width: 100% !important;font-size: 16px !important;}
    .navbartop .navbar-light .navbar-toggler img{height: 20px;}
    .navbartop .navbar-brand img {height: 35px !important;}
    .navbartop .navbar-light .custombtn{ font-size: 16px; width: 46.5%; padding: 5px; }
    .home{ padding-top: 55px }

    .searchbar_flied input{font-size: 16px;}
    .searchbar_button button{font-size: 16px;}
    .services_blockcontent a{margin-top: 25px;}
    .services_blockicon img {
        width: 45px;
        height: auto;
    }
    .services_heading{padding: 0 0 0 15px; height: 60px;}
    .services_heading h2{font-size: 22px; height: 60px; line-height:normal;}
    .services_blockicon{width: 75px!important; height: 60px; line-height:normal; border-right:5px solid #fff; 
        margin: 0 10px 0 0;
    }
    .services_heading h2{padding-right: 15px; padding-left: 15px;}
    .integration_section{
        padding: 10% 22% 10% 10%;
    }
    .integration_section h3{
        font-size: 16px;
    }
    .integration_section p{
        font-size: 12px;
    }
    .ecom_log_col{
        padding-top: unset;
    }
    .warehousing_right_img{
        height: 250px;
    }
    .tech_log_col{
        padding-top: 42px;
        padding-left: 25px;
    }
    .tech_left_img{
        height: 250px;
        width: unset;
    }
    .tech_right_img{
        height: 220px;
        padding: 25px 0px 25px 0px;
    }
    .navbartop .navbar-light .custombtn.register{
        height: unset;
    }
    .ecommerce_right_img_sm , .tech_left_img_sm , .warehousing_right_img_sm{
        height: 300px !important;
        width: 300px !important;
    }
} 
@media (max-width:480px)  {
.lg-banner{display: none;}
.sm-banner{display: block;}
.searchbar_sub{ grid-template-columns:300px 120px;}
}
@media (max-width:425px)  {
    .searchbar_sub{ grid-template-columns:216px 100px;}
}
@media (max-width:375px)  {
    .searchbar_sub{ grid-template-columns:205px 80px;} .login_right, .login_grid.signup_grid .login_right{width: 90%;}
}
@media (max-width:320px)  {
    .searchbar_sub{ grid-template-columns:200px 80px;}
    .login_right, .login_grid.signup_grid .login_right{width: 90%;}
}

/* website down side Animation */
.reveal{
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
  }
  
.reveal.active{
    transform: translateY(0);
    opacity: 1;
}

/* left side animation */
.spec_section_left{
    position: relative;
    transform: translateX(-150px);
    opacity: 0;
    transition: 1s transform ease;
  }
  
.spec_section_left.active{
    transform: translateX(0);
    opacity: 1;
}

/* right side animation */
.spec_section_right{
    position: relative;
    transform: translateX(150px);
    opacity: 0;
    transition: 1s transform ease;
  }
  
.spec_section_right.active{
    transform: translateX(0);
    opacity: 1;
}

/* Forms page animation */
.spec_section_left_form{
    position: relative;
    transform: translateX(-50px);
    opacity: 0;
  }
  
.spec_section_left_form.active{
    transform: translateX(0);
    transition: 1s all ease;
    opacity: 1;
}

/* form left section image animation */
.spec_section_left_form_img{
    position: relative;
    transform: translateX(-50px);
    opacity: 0;
  }
  
.spec_section_left_form_img.active{
    transform: translateX(0);
    transition: 1s all ease;
    opacity: 1;
}

/* up side animation */
.upside_ani{
    position: relative;
    transform: translateY(-150px);
    opacity: 0;
    transition: 1s all ease;
    /* z-index: -1; */
  }
  
.upside_ani.active{
    transform: translateY(0);
    opacity: 1;
}