:root {
    --crimson: #ae0a46;
    --dark-crimson: #880736;
    --text-gray: #3e332d;
    --text-white: #fff;

    --bgColor: #f7f6f5;
    --primaryColor: #fff;
    --subColor: #5f5753;
    --mainColor: #ae0a46;
    --lastColor: #7e0733;
    --topHover: #6f062d;
    --navColor: #3e332d;
    --heading: #222222;
}


/*======================================*/
/*============================
            Login and Signup page
        ==========================*/
/*======================================*/
#login_form{
    display: grid;
    height: 100%;
    width: 100%;
    place-items: center;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
.login_form_wrapper{
    overflow: hidden;
    max-width: 450px;
    background: #fff;
    padding: 30px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;;
  }
  .login_form_wrapper .title-text{
    display: flex;
    width: 200%;
  }
  .login_form_wrapper .title{
    width: 50%;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
  }
  .login_form_wrapper .login_slide_controls{
    position: relative;
    display: flex;
    height: 50px;
    width: 100%;
    overflow: hidden;
    margin: 30px 0 10px 0;
    justify-content: space-between;
    border: 1px solid lightgrey;
    border-radius: 5px;
  }
  .login_slide_controls .login_slide{
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    z-index: 1;
    transition: all 0.6s ease;
  }
  .login_slide_controls label.signup{
    color: #000;
  }
  .login_slide_controls .login_slider_tab{
    position: absolute;
    height: 100%;
    width: 50%;
    left: 0;
    z-index: 0;
    border-radius: 5px;
    background: -webkit-linear-gradient(0deg, #ae0a46, #a80b6e 25%, #582873 75%);
    transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
  }
  .login_slide_controls input[type="radio"]{
    display: none;
  }
  #signup:checked ~ .login_slider_tab{
    left: 50%;
  }
  #signup:checked ~ label.signup{
    color: #fff;
    cursor: default;
    user-select: none;
  }
  #signup:checked ~ label.login{
    color: #000;
  }
  #login:checked ~ label.signup{
    color: #000;
  }
  #login:checked ~ label.login{
    cursor: default;
    user-select: none;
  }
  .login_form_wrapper .login_form_container{
    width: 100%;
    overflow: hidden;
  }
  .login_form_container .form-inner{
    display: flex;
    width: 200%;
  }
  .login_form_container .form-inner form{
    width: 50%;
    transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
  }
  .form-inner form .field{
    height: 50px;
    width: 100%;
    margin-top: 20px;
  }
  .form-inner form .field input{
    height: 100%;
    width: 100%;
    outline: none;
    padding-left: 15px;
    border-radius: 5px;
    border: 1px solid lightgrey;
    border-bottom-width: 2px;
    font-size: 17px;
    transition: all 0.3s ease;
  }
  .form-inner form .field input:focus{
    border-color: #fc83bb;
    /* box-shadow: inset 0 0 3px #fb6aae; */
  }
  .form-inner form .field input::placeholder{
    color: #999;
    transition: all 0.3s ease;
  }
  form .field input:focus::placeholder{
    color: #b3b3b3;
  }
  .form-inner form .pass-link{
    margin-top: 5px;
  }
  .form-inner form .signup-link{
    text-align: center;
    margin-top: 30px;
  }
  .form-inner form .pass-link a,
  .form-inner form .signup-link a{
    color: #fa4299;
    text-decoration: none;
  }
  .form-inner form .pass-link a:hover,
  .form-inner form .signup-link a:hover{
    text-decoration: underline;
  }
  form .btn{
    height: 50px;
    width: 100%;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
  }
  form .btn .btn-layer{
    height: 100%;
    width: 300%;
    position: absolute;
    left: -100%;
    background: -webkit-linear-gradient(0deg, #ae0a46, #a80b6e 25%, #582873 75%);
    border-radius: 5px;
    transition: all 0.4s ease;;
  }
  form .btn:hover .btn-layer{
    left: 0;
  }
  form .btn input[type="submit"]{
    height: 100%;
    width: 100%;
    z-index: 1;
    position: relative;
    background: none;
    border: none;
    color: #fff;
    padding-left: 0;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
  }

/*======================================*/
/*============================
            Nav Menu Header
        ==========================*/
/*======================================*/

/*======================
      Header Up Menu
=========================*/

/*Header Top Menu*/
.header_top_menu_wrapper{}
.header_top_menu {
    background: #ae0a46;
}
.header_top_menu_item{
    display: flex;
    justify-content: end;
    margin: 0px 15px;
}
.header_top_menu_item a{
    border: none;
    outline: none;
    padding: 10px 5px;
    background: none;
    color: #fff;
}
.header_top_menu_item button{
    border: none;
    outline: none;
    margin: 0px 5px;
    padding: 10px 5px;
    background: none;
    color: #fff;
}

/*--Button--*/
.top_menu_item{
    background-color: #5f5753;
    border-radius: 0;
}
.top_menu_item a{
    color: #fff;
}
.top_menu_item a:hover{
    color: #fff;
    background: #443f3d !important;
}
.top_menu_item::after{
    content: "";
        position: absolute;
        border: solid transparent;
        border-bottom: solid 10px #5f5753;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
        top: -12px;
        left: 10%;
}
.sp::after{
    content: "";
        position: absolute;
        border: solid transparent;
        border-bottom: solid 10px #5f5753;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
        top: -12px;
        left: 50%;
}
/*----*/
.add_cart{
    position: relative;
    margin-right: 20px;
}
.add_cart_count{
    position: absolute;
    background: #222;
    top: 4px;
    left: 20px;
    width: 18px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
}
/*======================
   Header Dwon Menu 
========================*/

/*=======// Header logo //=======*/
.header_logo img{
  width:90px;
  vertical-align: middle;
  margin: 5px;
  margin-left: 15px;
  display: table-cell;
  position: relative;
}


/*======// Header Search //========*/
.search_menu{
    flex: 0 0 15%;
}
.header_search{
  position: relative;
  display: flex;
  justify-content: end;
}
.header_search input[type=search]{
  margin: 10px 15px 0px 0px;
  padding: 5px 10px;
  background: #f7f6f5;
  border: none;
  border-top: 1px solid #dad9d8;
  border-left: 1px solid #dad9d8;
  border-bottom: 1px solid #dad9d8;
  font-size: 14px;
  width: 220px;
}
.header_search input:focus[type=search]{
  outline: none;
  background: #f7f6f5;
  width: 550%;
  position: absolute;
  top: 0;
  right: 36px;
  padding: 6.5px;
}
.header_search input::placeholder {
  color: #5f5753;
}
.header_search button{
  margin: 10px 15px 0px -15px;
  padding: 5px 10px;
  background: #f7f6f5;
  outline: none;
  border: none;
  border-top: 1px solid #dad9d8;
  border-right: 1px solid #dad9d8;
  border-bottom: 1px solid #dad9d8;
  color: #5f5753;
}
/*===========// Mobile Menu //=========*/
.mobile_nav_menu{
  display: none;
}
.ipads_menu{
  display: none;
}
/*===========// Main Manu //=========*/
.nav_menu_wrapper{
  position: relative;
  display: flex;
  background-color: #fff;
  justify-content: space-between;
  border-bottom: 4px solid #efefef;
}
.menu_item_wrapper{
  display: flex;
  justify-content: center;
}
.sub_menu_wrapper .fa-solid{
  color: #ae0a46;
}
.mb_sh{
  display: none;
}
/*---------------------
    Active Show-Hide
----------------------*/
.sub_menu_wrapper {
  z-index: 100;
  width: 100%;
  display:none;
  opacity:0;
  background-color: #eee;
  position: absolute;
  top: 56px;
  right: 0;
}
.menu_btn_active {
  opacity: 1;
  display:block;
}
/*---------End-------*/

.mr-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.mr-animate-left{animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.mr-animate-right{animation:animateright 0.4s}@keyframes animateright{from{right:-200px;opacity:0} to{right:0;opacity:1}}
.mr-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}


/*---------------------
        Menu style
----------------------*/
.menu_item{
  margin-bottom: -4px;
}
.menu_item button{
    position: relative;
    border: none;
    outline: none;
    background: none;
  padding: 16px 8px;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 4.5px solid none;
  transition: .4s;
}
.menu_item button:hover{
  border: none;
  background: none;
  padding: 16px 8px;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 4.5px solid #ae0a46;
}


/* Sub menu Button Design */
.back_menu{
  background: #eee;
  display: none;
}
.sub_menu {
    display: flex;
    padding: 10px 5px;
    background-color: #fff;
    border-top: 4px solid #ae0a46;
  }
  .colum-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0px 20px;
  }
  .sub_menu h3{
    color: #222;
    font-size: 20px;
    font-family: arial;
  }
  .sub_menu p{
    color: #5f5753;
    background: none;
    font-size: 16px;
    font-family: arial;
  }
  .sub_menu a{
    display: block;
    color: #5f5753;
    background: none;
    font-size: 16px;
    margin: 10px 0px;
    font-family: arial;
  }
  .sub_menu a:hover{
    color: #6f062d;
    border-bottom: none;
    background: none;
    text-decoration: none;
  }
  

  .sub_menu_footer{
    background: #eee;
    display: flex;
  }
  .sub_menu_footer_item{
    width: 25%;
    padding: 10px 20px;
  }
  .sub_menu_footer a{
    color: #222;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
  }
  .sub_menu_footer a:hover{
    color: #ae0a46;
  }
  
  /*---sub_menu_footer_icon*/
  .sub_menu_footer_icon{
    margin: 0;
    padding: 0;
    display: flex;
  }
  .sub_menu_footer_icon li{
    margin: 5px;
    padding: 0;
    list-style-type: none;
  }
  .sub_menu_footer_icon li:hover{
    color: var(--dark-crimson);
  }

/*======================================*/
  /*=================================
                MOBILE MENU
    ===============================*/
/*=======================================*/
@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {


}
/* iPads (portrait and landscape)  */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}


/*max-width:500px == anything < 500px*/
/*min-width:500px == anything > 500px*/


@media screen and (min-width:1200px) {
    .menu_item button:focus::after{
        content: "";
        position: absolute;
        left: 40%;
        border: solid transparent;
        border-bottom: solid 10px #ae0a46;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
        top: 45px;
    }
}
/*User iPads (landscape)*/
@media screen and (max-width:992px) {
 .ipads_menu{
    display: inline;
    font-size: 16px;
    margin-left: 5px;
    margin-bottom: 5px;
    font-weight: 500;
  }

/*======================
   Header Menu Wrapper 
========================*/
.header_bottom_wrapper{
    background-color: #fff;
  }
  .nav_menu_wrapper{
    position: relative;
    display: block;
  }
  
  /*=======// Header logo //=======*/
  
  .header_logo img{
    width: 65px;
    margin: 2px;
    margin-bottom: 0px;
  }
  .mobile_nav_menu{
    display: none;
  }
  
  /*========// Mobile View //========*/
  .mobile_view_wrapper{
    display: flex;
    justify-content: space-between;
  }
  .mobile_nav_menu{
    display: block;
    margin: 8px;
  }
  .menu_icon{
    display: block;
  }
  .menu_icon a{
    color: #5f5753;
    font-size: 16px;
    margin-left: 15px;
    cursor: pointer;
  }
  
  /*========// Main Manu //========*/
  .nav_menu_wrapper{
    position: relative;
    display: block;
    justify-content: space-between;
    border-bottom: 4px solid #efefef;
  }
  .menu_item_wrapper{
    display: flex;
    justify-content: center;
    
    border-top: 4px solid #ae0a46;
  }
  .mb_sh{
    display: block;
  }
  /*---------------------
        Menu Style
  ----------------------*/
  .menu_item_wrapper{
    display: block;
  }
  .menu_item{
    margin-bottom: -0px;
    border-bottom: none;
  }
  .menu_item button{
    border: none;
    outline: none;
    background: none;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    transition: .4s;
    width: 100%;
    text-align: start;
    border-bottom: 1px solid silver;
  }
  .menu_item button:hover{
    border: none;
    background: none;
    padding: 10px 23px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #ae0a46;
  }
  
  
  
  
  
  .back_button_style{
    border: none;
    outline: none;
    background: none;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
    transition: .4s;
    width: 100%;
    cursor: pointer;
    padding-left: 20px;
  }
  
  /* Sub menu Button Design */
  .back_menu{
    background: #eee;
    display: block;
    border-bottom: 1px solid silver;
  }
  .sub_menu {
      display: block;
      padding: 0px;
      background-color: #fff;
      border-top: none;
    }
  .colum-12 {
    flex: 0 0 25%;
    max-width: 100%;
    padding: 0px;
  }
    .sub_menu h3{
      color: #222;
      font-size: 14px;
      font-family: arial;
      cursor: pointer;
      display: block;
      width: 100%;
      border-bottom: 1px solid silver;
      padding: 5px 20px;
      margin: 0px;
      transition: .4s;
    }
    .sub_menu h3:hover{
      border-bottom: 1px solid #ae0a46;
      padding: 5px 22px;
    }
    .sub_menu p{
      color: #5f5753;
      background: none;
      font-size: 16px;
      font-family: arial;
      display: none;
    }
    .sub_menu a{
      display: block;
      color: #5f5753;
      background: none;
      font-size: 16px;
      margin: 10px 0px;
      font-family: arial;
    }
    .sub_menu a:hover{
      color: #6f062d;
      border-bottom: none;
      background: none;
      text-decoration: none;
    }
    
  .sub_menu_wrapper{
    position: relative;
  }
  .sub_sub_item{
    background: #fff;
    top: 0px;
    width: 100%;
    height: 100%;
  }
  .sub_sub_item a{
    padding: 2px 30px;
    margin: 0px;
    font-size: 14px;
    background-color: #eee;
    border-bottom: 1px solid silver;
    transition: .4s;
  }
  .sub_sub_item a:hover{
    padding: 2px 32px;
    border-bottom: 1px solid #ae0a46;
  }
  
  
  /*=======================*/
    .sub_menu_footer{
      background: #fff;
      display: block;
    }
    .sub_menu_footer_item{
      width: 100%;
      padding: 3px 10px;
      border-bottom: 1px solid silver;
    }
    .sub_menu_footer a{
      color: #222;
      font-size: 14px;
      font-weight: 400;
      text-decoration: none;
      margin-left: 10px;
    }
    .sub_menu_footer a:hover{
      color: #ae0a46;
    }
  /*---------------------
      Active Show-Hide
      Dont Change That
  ----------------------*/
  .sub_menu_wrapper {
    z-index: 100;
    display:none;
    opacity:0;
    background-color: #fff;
    position: absolute;
    top: 44px;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .menu_btn_active {
    opacity: 1;
    display:block;
  }
  /*-------sub sub-------*/
  .item{
    margin:5px;
    border:1px solid #efefef;
    padding:5px;
  }
  .hidden{
    display:none;
  }
  /*---------End-------*/
  
  /*=======/// Script Show Hide///=======*/
  .display_none{
    display: none;
  }
  .display_block{
    display: block;
  }
  /*=========/// Script Show Hide///========*/
  
  
  /*==========// Header Search //=======*/
  .search_menu{
    background-color: #eee;
    width: 100%;
    position: absolute;
    padding-bottom: 100%;
    z-index: 99999;
  }
  
  .header_search{
    display: flex;
    justify-content: end;
  }
  .header_search input[type=search]{
    margin: 10px 15px 0px 15px;
    padding: 5px 10px;
    background: #f7f6f5;
    border: none;
    border-top: 1px solid #dad9d8;
    border-left: 1px solid #dad9d8;
    border-bottom: 1px solid #dad9d8;
    font-size: 14px;
    width: 92%;
  }
  .header_search input:focus[type=search]{
      margin: 10px 15px 0px 15px;
      padding: 5px 10px;
      background: #f7f6f5;
      border: none;
      border-top: 1px solid #dad9d8;
      border-left: 1px solid #dad9d8;
      border-bottom: 1px solid #dad9d8;
      font-size: 16px;
      width: 82%;
  }
  .header_search input::placeholder {
    color: #5f5753;
  }
  .header_search button{
    margin: 10px 15px 0px -15px;
    padding: 5px 10px;
    background: #f7f6f5;
    outline: none;
    border: none;
    border-top: 1px solid #dad9d8;
    border-right: 1px solid #dad9d8;
    border-bottom: 1px solid #dad9d8;
    color: #5f5753;
  }
}
 


@media screen and (max-width:786px) {  
    .ipads_menu{
        display: none;
    }
}

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

/*=============================================*/
/*============================
            Nasted Tab Section
        ==========================*/
/*==============================================*/
[data-tabs] {
    background: none;
}
[data-tabs] .active {
    background: #ae0a46;
    color: #fff;
}
[data-panes]{
    border-top: none;
}
[data-panes] > * {
    display: none;
    border-top: none;
}
[data-panes] > .active {
    display: block;
}
/*===========================*/
.tabbar_wrapper{
    border: 1px solid #ae0a46;
    margin-top: 40px;
}
.tabbar_header_title{
    background: #eee;
    padding: 10px 15px 9px 15px;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid silver;
}
.data_tabs_button{
    display: block;
    margin: 0;
    padding: 0;
    height: 300px;
    overflow-y: auto;
    background-color: #eee;
}

.data_tabs_button button{
    display: block;
    width: 100%;
    text-align: start;
    padding: 10px 0px 10px 20px;
    border: none;
    outline: none;
    background: #eee;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid silver;
    transition: 0.3s;
}
.data_tabs_button button:hover{
    background: #ae0a46;
    color: #fff;
}
/* 
background: #ae0a46; */

.data_tabs_content{
    margin: 0;
    padding: 0;
}
/*-----Sub Tab Style----*/
.sub_tabs_button{
    border-bottom: 2px solid silver;
    padding-top: 10px;
    background: #eee;
}
.sub_tabs_button button {
    min-width: 100px;
    text-align: center;
    padding: 10px 20px;
    border: none;
    outline: none;
    background: #fff;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    border-radius: 15px 15px 0px 0px;
    border: 1px solid silver;
    border-bottom: none;
}
.sub_tabs_button button:hover {
    background: #ae0a46;
    color: #fff;
}
.sub_tabs_button .active{
    color: #fff;
}
.sub_tabs_content{
    margin-top: 15px;
    padding: 0px;
    margin-left: 20px;
}
@media only screen and (max-width:992px) {
    /* For mobile phones: */
    .sub_tabs_button{
        border-bottom: 2px solid silver;
        padding-top: 0px;
    }
    .sub_tabs_button button {
        min-width: 100px;
        text-align: center;
        padding: 10px 20px;
        border: none;
        outline: none;
        background: #eee;
        color: #222;
        font-size: 16px;
        font-weight: 500;
        border-radius: 0px 0px 0px 0px;
        border: 1px solid silver;
        margin-top: 10px;
    }
}
@media only screen and (max-width:420px) {
    /* For mobile phones: */
    .sub_tabs_button{
        border-bottom: 2px solid silver;
        padding-top: 0px;
    }
    .sub_tabs_button button {
        min-width: 100%;
    }
}
/*=============================================*/
/*============================
            Job Details Page
        ==========================*/
/*==============================================*/
.job_details_content_wrapper{
    padding-right: 30px;
}
.job_details_content h6{
    color: #5C5C5C;
    font-weight: bold;
}
.job_details_content p{
    color: #5C5C5C;
    font-size: 14px;
    margin-left: 20px;
}
.job_details_content ul{
    color: #5C5C5C;
    font-size: 14px;
}

.job_apply_button{
    margin: 0 5%;
    padding: 15px;
    border-top: 1px dotted var(--crimson);
    border-bottom: 1px dotted var(--crimson);
}
.job_apply_button a{
    color: var(--crimson);
}
/*=============================================*/
/*============================
            Job Post Page
        ==========================*/
/*==============================================*/

/*----Header Title-------*/
.search_job_post form {
    width: 100%;
    height: 44px;
    padding-left: 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 20px;
}

.search_job_post input {
    all: unset;
    font: 16px system-ui;
    color: #ae0a46;
    background: #dfdfdd;
    width: 80%;
    height: auto;
    padding: 10px 0px;
    padding-left: 20px;
    outline: none;
}

.search_job_post button {
    color: #fff;
    width: 20%;
    padding: 10px 0px;
    margin-left: 1%;
    outline: none;
    background: #ae0a46;
    border: none;
}

.search_job_post button:hover {
    background: #860333;
    transition: .3s;
}

.search_job_post ::placeholder {
    color: #ae0a46;
}

/*-------Content----------*/
.job_post_wrapper{
    margin: 40px;
}
.job_post_card {
    transition: all linear 0.3s;
    display: flex;
    padding: 20px 5px;
    border-radius: 5px;
    border: 2px solid silver;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.job_post_card:hover {
    transform: translateY(-8px);
    opacity: 1;
}
/*--------------*/
.job_post_card_img{
    position: relative;
    width: 30%;
}
.job_post_card_img img {
    padding: 10px;
    text-align: center;
    border: 10px solid white;
}

.job_post_card_details{
    width: 70%;
}
.job_post_card_details h6{
    color: #222;
}
/* .job_post_card_details p{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;   
} */

.job_post_card_details ul {
    padding: 0px;
    margin: 0px;
    line-height: 30px;
    font-family: arial;
    font-size: 14px;
    color: #3e332d;
    list-style-type: none;
    
}

.job_post_card_details ul li{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.job_post_card_details ul li i{
    margin-right: 5px;
}
.job_post_end_date{
    margin: 8px 20px 0px;
    cursor: default;
}
.job_post_end_date p{
    text-align: center;
    margin: 0px;
    font-size: 12px;
}
/*--------------*/
.job_post_btn {
    padding: 5px 15px;
    margin-top: 10px;
    cursor: pointer;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    border: 1px solid #3e332d;
    display: inline-block;
    background-color: #ffffff;
    color: #3e332d;
}

.job_post_btn:hover {
    background-color: #3e332d;
    color: white;
    transition: .3s;
}

/*==========================================*/
/*============================
            Job Apply form Page
        ==========================*/
/*===========================================*/
/*----Show Hide Properties----*/
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
/*-------------*/


.apply_job_form_title {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
}
.apply_job_form_title span {
    text-align: center;
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    padding: 0px 20px;
    background-color: var(--crimson);
    border-radius: 50px;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.apply_job_form_title h1 {
    text-align: center;
    font-family: lato;
    color: white;
    font-size: 56px;
    font-weight: 100;
}
/*-------------------*/
.apply_job_form_wrapper{
    margin-top: 50px;
}
.job_apply_form label{
    color: white;
    font-weight: 500;
    font-size: 16px;
}
.apply_item_wrapper{
    background-color: #ae0a46;
    padding: 10px 15px;
    margin: 10px 0px;
}
.apply_item_wrapper a{
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 500;
}
.apply_item_wrapper a:hover{
    color: #fff;
}
.job_apply_form{
    margin-top: 0px;
}
/*----------Text Type------------*/
.job_apply_select_option{
    display: block;
    width: 100%;
    padding: 2px 10px;
    margin-bottom: 5px;
    border: none;
    border-bottom: 2px solid silver;
    color: rgb(125, 125, 125);
}
.job_apply_select_option:focus{
    border: none;
    outline: none;
    border-bottom: 2px solid var(--crimson);
}
/*----------Text Type------------*/
.job_apply_form input[type=text] {
    color: transparent;
    display: block;
    width: 100%;
    padding: 2px 10px;
    margin-bottom: 5px;
    color: black;
    border: none;
    border-bottom: 2px solid silver;
  }
.job_apply_form input[type=text]:focus {
    border: none;
    outline: none;
    border-bottom: 2px solid var(--crimson);
}
  /*---------Email Type-------------*/
.job_apply_form input[type=email] {
    color: transparent;
    display: block;
    width: 100%;
    padding: 2px 10px;
    margin-bottom: 5px;
    color: black;
    border: none;
    border-bottom: 2px solid silver;
  }
.job_apply_form input[type=email]:focus {
    border: none;
    outline: none;
    
    border-bottom: 2px solid var(--crimson);
}
  /*---------Number Type-------------*/
.job_apply_form input[type=number] {
    color: transparent;
    display: block;
    width: 100%;
    padding: 2px 10px;
    margin-bottom: 5px;
    color: black;
    border: none;
    border-bottom: 2px solid silver;
  }
.job_apply_form input[type=number]:focus {
    border: none;
    outline: none;
    
    border-bottom: 2px solid var(--crimson);
}
  /*---------Date Type-------------*/
  .job_apply_form span{
    width: 40%;
    border: 1px solid #fff;
    padding: 4px 6px;
    font-weight: 500;
    color: #fff;
  }
  .job_apply_form input[type=date] {
    color: transparent;
    display: inline;
    width: 60%;
    padding: 2px 10px;
    margin-bottom: 5px;
    color: black;
    border: none;
    border-bottom: 2px solid silver;
    text-align: end;
  }
.job_apply_form input[type=date]:focus {
    border: none;
    outline: none;   
    border-bottom: 2px solid var(--crimson);
}

  /*----------File Type------------*/
.job_apply_form input[type=file] {
    color: transparent;
    display: block;
    width: 100%;
    margin-top: 20px;
  }
.job_apply_form input[type=file]::-webkit-file-upload-button {
    visibility: hidden;
}
.job_apply_form input[type=file]::before {
    content: 'Upload CV';
    color: rgb(125, 125, 125);
    display: inline-block;
    border: 2px solid silver;
    border-radius: 3px;
    padding: 10px;
    width: 100%;
    text-align: center;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
    transition: .4s;
}
.job_apply_form input[type=file]:hover::before {
    border: 2px solid var(--crimson);
    color: var(--crimson);
}
.job_apply_form input[type=file]:active {
    outline: 0;
}
.job_apply_form input[type=file]:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}

/*----------Url Type------------*/
.linkdin_profile_link{
    border: 1px solid silver;
    margin: 0px;
    margin-top: 20px;
}
.linkdin_profile_link label{
    padding: 10px;
    width: 100%;
    margin: 0px;
}
.job_apply_form input[type=url]{
    padding: 10px 0px 10px 15px;
    border: none;
    outline: none;
    border-left: 1px solid silver;
    width: 100%;
}
.job_apply_form input[type=url]:focus{
    border-left: .5px solid #ae0a46;
}


.job_submit_btn{
    margin-top: 40px;
    padding: 10px 40px;
    cursor: pointer;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    background-color: var(--crimson);
    transition: .3s;
    outline: none;
    border: none;
    color: white;
}
.job_submit_btn:hover{
    background: var(--dark-crimson);
}

/*============================================*/
/*========================
           Support assistance Page
        ==========================*/
/*=============================================*/

.support_assistance_header {
    background-image: url("../images/buy-category-hero.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
}
.support_assistance_header span {
    text-align: center;
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    padding: 0px 20px;
    background-color: var(--crimson);
    border-radius: 50px;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.support_assistance_header h1 {
    text-align: center;
    font-family: lato;
    color: white;
    font-size: 56px;
    font-weight: 100;
}

/*---------------------*/
.support_assistance_wrapper{
    margin-top: 60px;
}
.support_assistance_content p{
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #4a4949;
    margin-bottom: 40px;
}

.support_assistance_content h3{
    font-size: 36px;
    font-family: lato;
    font-weight: 100;
    color: #312b2d;
    margin-bottom: 20px;
}
.support_assistance_content a{
    color: var(--crimson);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
}
.support_assistance_content a:hover{
    color: var(--dark-crimson);
}
.support_assistance_content span{
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #4a4949;
}
.support_assistance_content img{
    margin-top: 50px;
}

.contact_hline_call {
    overflow :hidden;
    color: gray;
    text-align: left;
    line-height: 1.6em;
  }
  
  .contact_hline_call:before {
    display: block;
    float: right;
    margin-top: .8em; /* half the line-height */
    border-top: 2px solid silver;
    width: 70%;
    content: "";
  }
  
.contact_hline_email {
    overflow :hidden;
    color: gray;
    text-align: left;
    line-height: 1.6em;
  }
  .contact_hline_email:before {
    display: block;
    float: right;
    margin-top: .8em; /* half the line-height */
    border-top: 2px solid silver;
    width: 60%;
    content: "";
  }

/*-------------*/
.support_assistance_contact_us{
    background: #f7f6f5;
    padding: 20px 30px;
}
.support_assistance_contact_us h4{
    font-size: 36px;
    color: #312b2d;
    margin-bottom: 20px;
    font-family: lato;
}
.support_assistance_contact_us label{
    font-weight: bold;
}
/*==========================================*/
/*========================
           Account Benefits Page
        ==========================*/
/*===========================================*/

.account_benefits_header {
    background-image: url("../images/buy-category-hero.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0px;
}

.account_benefits_header h1 {
    text-align: center;
    font-family: lato;
    color: white;
    font-size: 56px;
    font-weight: 100;
}

.account_benefits_header h3 {
    text-align: center;
    font-size: 20px;
    line-height: 44px;
    color: rgb(255, 252, 252);
    padding: 0px 15%;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

/*-----------*/
.challenges_face_title{
    margin: 50px;
}
.challenges_face_title h3{
    text-align: center;
    font-family: lato;
    font-size: 32px;
    color: #3e332d;
    font-weight: 100;
}
.challenges_face_title p{
    text-align: center;
    font-size: 16px;
    color: #3e332d;
}
.challenges_face_icon img{
    height: 100px;
}
.challenges_face_icon a {
    text-align: center;
    margin-bottom: 10px;
    color: #222;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;*/
}
.challenges_face_icon a:hover {
    color: #ae0a46;
}

/*------------*/
.account_benefits_section_wp{
    background: #f7f6f5;
    padding: 60px 0px;
    color: #3e332d;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}
.account_benefits_section_bg{
    padding: 60px 0px;
    color: #3e332d;
}
.account_benefits_section_wp a{
    color: var(--dark-crimson);
}
.account_benefits_section_wp a:hover{
    color: var(--dark-crimson);
}
.account_benefits_section_bg a{
    color: var(--dark-crimson);
}
.account_benefits_section_wp a:hover{
    color: var(--dark-crimson);
}
.account_benefits_section{
    padding-right: 20px;
}
.account_benefits_section h3{
    font-family: lato;
    font-size: 32px;
    color: #3e332d;
    font-weight: 100;
    padding-bottom: 20px;
    border-bottom: 1px solid silver;
}
.account_benefits_section p{
    font-size: 16px;
}
.account_benefits_section a{
    color: var(--crimson);
}
.account_benefits_section a:hover{
    color: var(--dark-crimson);
}
/*===================================*/
/*====================
        Tech Deals Page
        =================*/
/*==================================*/

.tech_deals_header {
    background-image: url("../images/buy-category-hero.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}

.tech_deals_header h1 {
    text-align: center;
    color: white;
    font-size: 60px;
    font-weight: 100;
}

.tech_deals_header h3 {
    text-align: center;
    font-size: 18px;
    line-height: 44px;
    color: rgb(255, 252, 252);
    padding: 0% 10%;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.search_all_tech_deals_btn {
    padding: 20px 40px;
    cursor: pointer;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    display: inline-block;
    background-color: #ae0a46;
    color: #fff;
}

.search_all_tech_deals_btn:hover {
    background-color: #880736;
    color: white;
    transition: .3s;
}

.shop_refurbished_btn {
    padding: 20px 40px;
    cursor: pointer;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    color: #ae0a46;
}

.shop_refurbished_btn:hover {
    background-color: #5f5753;
    color: white;
    transition: .3s;
}
.tech_deals_featured_item_title {
    text-align: center;
    margin: 40px 0px;
}

.tech_deals_featured_item_title h3 {
    font-family: lato;
    color: #383d41;
}

.trust_refurbished_title{
    text-align: center;
}
.trust_refurbished_title a{
    color: var(--crimson);
}
.trust_refurbished_title a:hover{
    color: var(--dark-crimson);
}
.trust_refurbished_title h2{
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: lato;
    color: #383d41;
}



/*-------*/
.tech_deals_thumbnail {
    width: 100%;
    max-width: 150px;
    height: auto;
    max-height: 120px;
    margin: 0px auto;
    margin-bottom: 10px;
}

.tech_deals_thumbnail img {
    width: 100%;
    display: block;
    object-fit: cover;
}

.tech_deals_content_name{
    margin-bottom: 10px;
    color: #222;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.tech_deals_content_name:hover {
    color: #7a0631;
}

.tech_deals_item_price {
    margin-bottom: 10px;
}

.tech_deals_product_item_price {
    margin-bottom: 10px;
}
.product_item_price span {
    margin-bottom: 10px;
}

.tech_deals_shop_btn {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 15px 25px;
    background-color: #fff;
    color: #ae0a46;
    border: 2px solid;
    border-color: #5f5753;
    font-size: 16px;
    line-height: 15px;
    transition: all linear 0.3s;
    font-weight: bold;
}

.tech_deals_shop_btn:hover {
    background-color: #5f5753;
    color: #fff;
    transition: all linear 0.3s;
}
.tech_deals_title_topline{
    width: 10.0%;
    margin: 0 auto 10px;
    height: 5px;
    background-color: #9f177a !important;
    border: none;            
}
/*--------*/
.purchased_warranty {
    background-image: url(../images/help-background-imges.jpg);
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
}

.purchased_warranty h2 {
    text-align: justify;
    color: white;
    font-size: 32px;
    font-weight: 100;
}

/*=======================================*/
/*========================
           Feedback Page
        ==========================*/
/*=======================================*/
  .feedbacksidebar {
    height: 55%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 20%;
    right: -18px;
    background-color: rgb(237, 237, 237);
    border-top: 2px solid rgb(166, 166, 166);
    border-right: none;
    border-bottom: 2px solid rgb(166, 166, 166);
    border-left: 2px solid rgb(166, 166, 166);
    overflow-x: hidden;
    transition: 0.5s;
    bottom: 20%;
  }
  
  .feedbacksidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  
  .feedbacksidebar a:hover {
    color: #f1f1f1;
  }
  
  .openbtnfeedback {
    font-size: 18px;
    cursor: pointer;
    position: fixed;
    bottom: 50%;
    right: -40px;
    background-color: var(--crimson);
    color: white;
    padding: 5px 10px;
    border: none;
    z-index: 1;
    transition: 0.5s;
    transform: rotate(-90deg);
  }
  
  .openbtnfeedback:hover {
    background-color: var(--dark-crimson);
  }
  .openbtnfeedback:focus {
    outline: none;
    border: none;
  }
  #feedback_btn {
    transition: margin-left .5s;
  }
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
  
  @media screen and (max-height: 450px) {
    .sidebar {
      padding-top: 15px;
    }
    .sidebar a {
      font-size: 18px;
    }
  }
  /*---- Feedback Content -----*/
  .feedback_header_logo{
    position: relative;
    padding: 10px 5px 10px 10px;
  }
  .close_feedback{
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    outline: none;
  }
  .close_feedback:focus{
    outline: none;
    border: none;
    background: none;
  }
  .modal_logo_feedback{
    border-bottom: linear-gradient(90deg, #ae0a46, #a80b6e 25%, #582873 75%);
  }
  .modal_logo_feedback img{
    width: 65px;
  }
  .feedback_continue_btn{
    background: var(--crimson);
    color: white;
    border: none;
    outline: none;
    padding: 5px 10px;
    margin: 40px 10px 20px 0px;
    float: right;
  }
  .feedback_details p{
    padding: 10px 5px 10px 10px;
    color: #222;
  }
  .feedback_continue_btn:hover{
    background: var(--dark-crimson);
  }
  .feedback_continue_btn:focus{
    outline: none;
    border: none;
  }
/*-===// Checkbox  Details //===-*/
  .checkbox_wrapper{
    background-color: #ccc;
    padding: 8px 15px 1px 15px;
    margin-bottom: 10px;
  }
.feedback_details_checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .feedback_details_checkbox input {
    position: absolute;
    opacity: 1;
    cursor: pointer;
    height: 0;
    width: 0;
    border-radius: 12px;
  }
  .checkmark_feedback {
    position: absolute;
    top: 4px;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #ccc;
    border-radius: 5px;
    border: 1px solid #6a6a6a;
  }
  .feedback_details_checkbox:hover input ~ .checkmark_feedback {
    background-color: #ccc;
  }
  .feedback_details_checkbox input:checked ~ .checkmark_feedback {
    background-color: var(--crimson);
    border-radius: 5px;
  }
  .checkmark_feedback:after {
    content: "";
    position: absolute;
    display: block;
    border: 1px solid silver;
  }
  .feedback_details_checkbox input:checked ~ .checkmark_feedback:after {
    display: block;
  }
  .feedback_details_checkbox .checkmark_feedback:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }


  /*Round Checkmark*/
  .checkrounded_wrapper{
    background-color: #ccc;
    margin-bottom: 10px;
  }
.feedback_details_checkrounded {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .feedback_details_checkrounded input {
    position: absolute;
    opacity: 1;
    cursor: pointer;
    height: 0;
    width: 0;
    border-radius: 100%;
  }
  .feedback_details_checkrounded p{
    text-align: center;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 40px;
  }
  .checkmark_rounded {
    position: absolute;
    top: 36px;
    left: 47%;
    height: 28px;
    width: 28px;
    background-color: #ccc;
    border-radius: 100%;
    border: 1px solid #6a6a6a;
  }
  .feedback_details_checkrounded:hover input ~ .checkmark_rounded {
    background-color: #ccc;
  }
  .feedback_details_checkrounded input:checked ~ .checkmark_rounded {
    background-color: var(--crimson);
    border-radius: 100%;
  }
  .checkmark_rounded:after {
    content: "";
    position: absolute;
    display: block;
    border: 1px solid silver;
  }
  .feedback_details_checkrounded input:checked ~ .checkmark_rounded:after {
    display: block;
  }
  .feedback_details_checkrounded .checkmark_rounded:after {
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
/*===============================================*/
/*========================
           Cookies Settings Pop up
        ==========================*/
/*================================================*/

.cookises_settings_wrapper input[type="checkbox"] {
    display: none;
}

.cookises_settings_pop {
    display: none;
    background: #fff;
    width: 730px;
    height: 95%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: fixed;
}

#show_cookies:checked~.cookises_settings_pop {
    display: block;
}

.new {}

.cookises_settings_pop .close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 22px;
    cursor: pointer;
}

.cookises_settings_pop .close-btn:hover {
    color: #3498db;
}

/*--Tab Content Style--*/

.modal_title_cookises {
    padding: 15px;
    border-bottom: 1px solid silver;
}

.modal_title_cookises img {
    width: 95px;
    display: inline-block;
    margin-left: 10px;
}

.modal_title_cookises h2 {
    margin: 0px 0px 0px 40px;
    display: inline-block;
    font-family: arial;
    font-weight: 600;
    color: #3e332d;
    font-size: 24px;
}





/*-----Tab Start----*/
.tab_cookises_wrapper {
    display: flex;
    margin-bottom: 40px;
    height: calc(100% - 160px);
}

.tab_cookises_wrapper::-webkit-scrollbar {
    width: 0px;
}

.tab_cookises_settings {
    width: 30%;
    overflow-y: auto;
}

/* Style the buttons inside the tab */
.tab_cookises_settings button {
    display: block;
    background-color: #F4F4F4;
    font-family: arial;
    font-weight: bolder;
    font-size: 14px;
    color: #3e332d;
    padding: 10px 20px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    border-bottom: 1px solid silver;
}

.tab_cookises_settings button:hover {
    background-color: #ddd;
}

.tab_cookises_settings button.active {
    background-color: white;
    border-left: 10px solid var(--crimson);
    padding-left: 10px;
}

.tab_cookises_settings button.active:last-child {
    border-bottom: none;
}

/* Style the tab content */

.tab_cookises_tabcontent {
    padding: 20px 20px 20px 40px;
    width: 70%;
    border-left: none;
    overflow-y: auto;
}



.tab_cookises_tabcontent h5 {
    font-family: arial;
    font-weight: bold;
    color: #3e332d;
    margin-bottom: 10px;
    cursor: pointer;
}

.tab_cookises_tabcontent p {
    text-align: justify;
    font-family: arial;
    font-weight: bold;
    color: #3e332d;
    font-size: 14px;
    height: auto;
    overflow: auto;
    cursor: pointer;
}

.tab_cookises_tabcontent a {
    color: var(--crimson);
    transition: .3s;
    font-weight: bold;
    font-size: 14px;
}

.tab_cookises_tabcontent a:hover {
    color: var(--dark-crimson);
    text-decoration: underline;
}

/*-----On Off Button-----*/
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 15px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

switch input:checked+.slider {
    background-color: var(--crimson);
}

.slider:before {
    position: absolute;
    content: "";
    height: 28px;
    width: 28px;
    left: 0px;
    bottom: -6px;
    background-color: #7d7d7d;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(25px);
    background-color: #ae0a46;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}


/*---------Cookie List-----------*/
.Cookies_details_wrapper {
    display: none;
    position: absolute;
    top: 80px;
    left: 0px;
    width: 100%;
    height: calc(100% - 192px);
}


.cookie_list_filter {
    border-bottom: 1px solid silver;
    width: 100%;
    margin: 0px;
    display: flex;
}

.cookie_list_filter div:first-child {
    margin-top: 15px;
}

.cookie_list_filter div:first-child h5 {
    margin-left: 20px;
    margin-top: 1px;
    color: #222;
    font-family: arial;
    font-weight: bold;
}

.cookies_search_btn {
    width: 70%;
}

.cookies_search_btn input {
    border-radius: 25px;
    height: 38px;
    width: 100%;
    margin-top: 10px;
    border: 1px solid silver;
    padding: 0px 20px;
}

.cookies_search_btn input:focus {
    border: 1px solid silver;
    color: var(--crimson);
    outline: none;
}

.cookies_search_btn button {
    border: none;
    background: none;
    margin-left: -40px;
}

.cookies_search_btn button:focus {
    border: none;
    outline: none;
}

.cookie_filter_icon {
    background-color: var(--crimson);
    color: #fff;
    margin: 10px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    outline: none;
    border: none;
    text-align: center;
    font-size: 12px;
}

/*----------------*/
.cookie_list_content {
    height: calc(100% - 56px);
    overflow: auto;
    padding: 10px 40px;
}

/*----------------*/
.cookie_list_content_item .collapsible {
    color: var(--gray-dark);
    cursor: pointer;
    padding: 10px 15px;
    width: 100%;
    font-weight: bold;
    text-align: left;
    outline: none;
    font-size: 15px;
    border: 1px solid silver;
    background: none;
}

.active,
.collapsible:focus {
    border: none;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
}

.collapsible:after {
    content: '\002B';
    color: var(--gray-dark);
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.actives:after {
    content: "\2212";
}

.content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
}

.content ul {
    background: #F8F8F8;
    width: 70%;
    margin: 0px;
    padding: 10px 15px;
    margin-bottom: 20px;
}

.content ul li {
    list-style-type: none;
}

.cookie_veiw_name {
    width: 40%;
    display: inline-block;
}

.cookie_veiw_title {
    width: 55%;
    display: inline-block;
}






/*---------------------------*/
.modal_footer_cookises {
    border-top: 1px solid silver;
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: white;
}

.btn_footer_cookises {
    padding: 10px 20px;
    cursor: pointer;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    background-color: var(--crimson);
    transition: .3s;
    outline: none;
    border: none;
    color: white;
    margin: 15px 10px;
}

.btn_footer_cookises:hover {
    background-color: var(--dark-crimson);
}

.text_footer_cookises {
    display: flex;
    justify-content: end;
    background-color: #F4F4F4;
    padding: 5px;
    padding-right: 15px;
}

.text_footer_cookises p {
    margin: 0px;
}


/*-----Tab End----*/

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
    .cookises_settings_pop {
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }
}

/*=========================================*/
/*=================================
          Brand Common page
        ==========================*/
/*========================================*/
.brand_header_wrapper{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}
.brand_header_wrapper h1{
    font-size: 42px;
    font-family: cambria;
    color: #fff;
    text-align: center;
}
.brand_header_wrapper h3{
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 400;
}
/*=========================================*/
/*=================================
          Tech glossary page
        ==========================*/
/*========================================*/
.tech_glossary_header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}

.tech_glossary_header h3 {
    text-align: center;
    font-size: 24px;
    line-height: 44px;
    color: #fff;
    font-weight: bolder;
    padding: 0% 10%;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.tech_glossary_header h1 {
    text-align: center;
    color: white;
    font-family: lato;
    font-style: normal;
    font-size: 60px;
    font-weight: 100;
}

.tech_glossary_area_left p {
    margin-bottom: 20px;
    text-align: justify;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    text-rendering: optimizeLegibility;
    color: #3e332d;
}

/*-------Browse Alphabetically--------*/
.tech_glossary_area_left h4 {
    color: #222;
    font-family: lato;
    font-style: normal;
    font-size: 26px;
    font-weight: 100;
}

.tech_glossary_area_left .search_glossary input {
    outline: none;
    margin: 1px 0px 40px 0px;
    width: 100%;
    border: 1px solid silver;
    padding: 5px 20px;
    color: var(--crimson);
}

.tech_glossary_area_left .search_glossary input:focus::placeholder {
    color: var(--dark);
    opacity: .5;
}

.tech_glossary_area_left .search_glossary input:focus {
    border: 1px solid #005885;
}


.tech_glossary_area_left .browse_alphabetically h2 {
    font-weight: 100;
    font-size: 36px;
    line-height: 1.16em;
    font-family: lato;
    text-rendering: optimizeLegibility;
    color: #222;
}

.browse_alphabetically .advanceto_index {
    margin: 10px 0px 20px 0px;
    cursor: pointer;
}

.advanceto_index a {
    color: var(--crimson);
    margin-right: 5px;
    cursor: pointer;
}

.advanceto_index a:hover {
    color: var(--blue);
}

.letter_content_item .letter_content_title {
    font-size: 28px;
    padding-bottom: 5px;
    color: #222;
    font-family: lato;
    font-weight: 100;
    border-bottom: 1px solid silver;
    margin-top: 10px;
}

.letter_content_type {
    margin: 0px;
    padding: 0px;
}

.letter_content_type ul {
    margin: 0px;
    padding: 0px;
}

.letter_content_type ul .col-sm-6,
.col-lg-3 {
    margin: 5px 0px;
    padding: 0px 10px 0px 0px;
}

.letter_content_type ul li {
    list-style-type: none;
    font-size: 16px;
}

.letter_content_type ul li a {
    color: #584f53;
}


/*----------------Tech Glossary ~ Sidebar---------------------*/
.tech_sidebar_topheader {
    color: #222;
    font-size: 26px;
    font-family: lato;
}

.fourThickLine {
    background-color: #a80b6e;
    display: block;
    width: 8.0%;
    height: 5px;
    margin-bottom: 8px;
}
.tech_glossary_area_right a {
    margin-bottom: 20px;
    text-align: justify;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    text-rendering: optimizeLegibility;
    color: #3e332d;
}

.tech_glossary_area_right div:first-child ul li a {
    color: var(--crimson);
}

.featured_articles_item h3 {
    color: #222;
    font-size: 16px;
    font-weight: 100;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.featured_articles_item h3 span {
    display: block;
    color: #666768;
}

/*------Single page-------*/
.glossary_related_terms{
    border-left: 1px solid var(--crimson);
    padding-left: 20px;
}
.glossary_related_terms h3{
    color: #222;
    font-size: 26px;
    font-family: lato;
}
.glossary_related_terms ul li{
    margin-bottom: 10px;
}

/*===============================================*/
/*========================
           Sitemap page
        ==========================*/
/*================================================*/
.sitemap_content {}

.sitemap_content h2 {
    font-size: 32px;
    padding-bottom: 5px;
    color: #222;
    font-family: lato;
    font-weight: 100;
    margin-top: 10px;
}

.sitemap_content button {
    outline: none;
    border: none;
    background: none;
    font-size: 18px;
    font-weight: bold;
    color: var(--crimson);
    display: flex;
    margin-top: 10px;
}

.sitemap_content button a {
    outline: none;
    border: none;
    background: none;
    font-size: 18px;
    font-weight: bold;
    color: var(--crimson);
    display: flex;
    margin-top: 10px;
}

.sitemap_content ul li {
    font-size: 18px;
    font-family: arial;
    font-style: normal;
    margin-bottom: 10px;
}

.sitemap_content ul li ul li {
    margin-bottom: 10px;
}

.sitemap_content ul li a {
    color: var(--crimson);
    opacity: .7;
}

.sitemap_content ul li ul li a {
    color: var(--crimson);
    opacity: .7;
}



/*===============================================*/
/*========================
           All Terms & Policies page
        ==========================*/
/*================================================*/
.header_title_terms_policy {
    padding: 20px;
    background: linear-gradient(to right, #ae0a46 0%, #a80b6e 51%, #582873 100%);
}

.header_title_terms_policy h2 {
    text-align: start;
    color: white;
    font-size: 36px;
    font-weight: 100;
}

/*---------Left Terms Policy------*/

.left_terms_policy {
    margin: 0px;
    padding: 0px;
}

.left_terms_policy h3 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
    font-family: lato;
}

.left_terms_policy h5 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #d40e8c;
}

.left_terms_policy ul li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 500;
}

.left_terms_policy ul li em {
    color: var(--text-gray) !important;
}


.left_terms_policy a {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    color: var(--crimson);
    font-weight: 500;
}

.left_terms_policy a:hover {
    color: var(--dark-crimson);
}

.left_terms_policy a strong {
    font-size: 14px;
}

/*---------Right Terms Policy------*/
.right_terms_policy {
    margin: 0px;
}

.right_terms_policy h4 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
    font-family: lato;
}

.right_terms_policy input[type=Search] {
    outline: none;
    width: 100%;
    border: 1px solid gray;
    color: gray;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 5px;
}

/*--------*/
.order-table {
    border: 1px solid #d4d0ca;
    margin-top: 20px;
}

.order-table tr th {
    background-color: #d40e8c;
    color: #fff;
}

.order-table tr td.firstLine {
    border-right: 1px solid #d4d0ca;
}

.order-table tr td a {
    color: #d40e8c;
    font-size: 14px;
    font-weight: bold;
}



/*================================================*/
/*========================
            Web accessibility page
        ==========================*/
/*================================================*/

/*Web accessibility-Content*/
.header_title_privacy_policy {
    padding: 20px;
    background: linear-gradient(to right, #ae0a46 0%, #a80b6e 51%, #582873 100%);
}

.header_title_privacy_policy h2 {
    text-align: start;
    color: white;
    font-size: 36px;
    font-weight: 100;
}

.content_web_accessibility {
    padding-right: 50px;
}

.content_web_accessibility p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    color: var(--text-gray);
    font-weight: 500;
    text-align: justify;
}

.content_web_accessibility a {
    color: var(--crimson);
}

.content_web_accessibility a:hover {
    color: var(--dark-crimson);
}

.content_web_accessibility h1 {
    font-size: 60px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
    font-family: lato;
}

.content_web_accessibility h3 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
    font-family: lato;
}

/*---------Web accessibility-Sidebar------*/
.sidebar_web_accessibility {
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
}

.sidebar_web_accessibility h3 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
    font-family: lato;
}

.sidebar_web_accessibility a {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    color: var(--crimson);
    font-weight: 500;
}

.sidebar_web_accessibility a:hover {
    color: var(--dark-crimson);
}

/*-----Contect Form-----*/
.specialist_contect_form {
    margin: 0px;
    position: relative;
    margin-top: 20px;
    padding: 40px 10px;
    background-color: #f7f6f5;
}

.specialist_contect_form::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 100%;
    background: linear-gradient(90deg, #ae0a46, #a80b6e 25%, #582873 75%);
    top: 0px;
    left: 0px;
}

.form_item_wp {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.form_input {
    color: #6e6664;
    display: block;
    border: none;
    padding: 18px 0 10px;
    width: 100%;
    background-color: var(--bgColor);
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    outline: none;
    border-bottom: solid 1px #CBC4C3;
}

.form_label {
    color: var(--mainColor);
    position: absolute;
    top: 0px;
    z-index: 1;
    font-size: 10px;
    display: none;
}

.form_input:focus::placeholder {
    color: transparent;
}

.form_input:focus~.form_label {
    display: block;
}

/*=================================================*/
/*===============================
            Privacy Policy page
        ==========================*/
/*===================================================*/
/*---------Privacy Policy-Content------*/

.header_title_privacy_policy {
    padding: 20px;
    background: linear-gradient(to right, #ae0a46 0%, #a80b6e 51%, #582873 100%);
}

.header_title_privacy_policy h2 {
    text-align: start;
    color: white;
    font-size: 36px;
    font-weight: 100;
}

.content_privacy_policy {
    padding-right: 40px;
}

.content_privacy_policy p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    color: var(--text-gray);
    font-weight: 500;
}

.content_privacy_policy a {
    color: var(--crimson);
}

.content_privacy_policy a:hover {
    color: var(--dark-crimson);
}

.content_privacy_policy h1 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
    font-family: lato;
}

.content_privacy_policy h5 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}

.content_privacy_policy ul li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    color: var(--text-gray);
    font-weight: 500;
}

/*---------Privacy Policy-Sidebar------*/

.sidebar_privacy_policy {
    margin: 0px;
    padding: 0px;
    padding-left: 40px;
    border-left: 1px solid var(--crimson);
}

.sidebar_privacy_policy h3 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 100;
    color: var(--text-gray);
    font-family: lato;
}

.sidebar_privacy_policy h5 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 10px;
    color: var(--text-gray);
}

.sidebar_privacy_policy ul li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 500;
}

.sidebar_privacy_policy ul li em {
    color: var(--text-gray) !important;
}


.sidebar_privacy_policy a {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    color: var(--crimson);
    font-weight: 500;
}

.sidebar_privacy_policy a:hover {
    color: var(--dark-crimson);
}

.sidebar_privacy_policy a strong {
    font-size: 14px;
}


/*===================================*/
/*========================
        Common Product page
        ==================*/
/*==================================*/

.common_product_header {
    background-image: url("../images/buy-category-hero.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}

.common_product_header h1 {
    text-align: center;
    color: white;
    font-size: 60px;
    font-weight: 100;
}

.common_product_header h3 {
    text-align: center;
    font-size: 18px;
    line-height: 44px;
    color: rgb(255, 252, 252);
    padding: 0% 10%;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.search_all_product_btn {
    padding: 20px 40px;
    cursor: pointer;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    display: inline-block;
    background-color: #ae0a46;
    color: #fff;
}

.search_all_product_btn:hover {
    background-color: #880736;
    color: white;
    transition: .3s;
}

.create_your_account_btn {
    padding: 20px 40px;
    cursor: pointer;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    color: #ae0a46;
}

.create_your_account_btn:hover {
    background-color: #5f5753;
    color: white;
    transition: .3s;
}

.common_product_item_title {
    text-align: center;
    margin: 40px 0px;
}

.common_product_item_title h3 {
    font-family: lato;
    color: #383d41;
}

/*-------*/
.common_product_item_text a {
    text-align: center;
    margin-bottom: 10px;
    color: #ae0a46;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.common_product_item_text a:hover {
    color: #7a0631;
}

/*--------*/
.need_help_finding_prodcut {
    background-image: url(../images/help-background-imges.jpg);
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0px;
}

.need_help_finding_prodcut h2 {
    text-align: center;
    color: white;
    font-size: 40px;
    font-weight: 100;
}

.need_help_finding_prodcut h3 {
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    color: rgb(255, 252, 252);
    padding: 0% 10%;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.finding_product_btn {
    padding: 20px 40px;
    cursor: pointer;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    color: #ae0a46;
    margin-top: 20px;
}

.finding_product_btn:hover {
    background-color: #5f5753;
    color: white;
    transition: .3s;
}

/*-------------*/
.transform_devices_wrapper {
    padding: 50px 100px;
}

.transform_devices_blog {
    background-color: #f7f6f5;
    padding: 20px 10px 20px 40px;
}

.transform_devices_blog img {
    height: 60px;
}

.transform_devices_blog h2 {
    font-family: lato;
    color: #383d41;
    margin-bottom: 20px;
}

.transform_devices_blog p {
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #88817d;
}

.transform_devices_blog a {
    padding: 10px 40px;
    cursor: pointer;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    color: #ae0a46;
    border: 1px solid black;
    margin-top: 20px;
}

.transform_devices_blog a:hover {
    background-color: #5f5753;
    color: white;
    transition: .3s;
}

/*----------*/
.common_product_technolgy_deals_wrapper {
    background-color: #f7f6f5;
    padding: 50px 0px;
}

.technolgy_deals_blog {
    padding: 40px 0px 0px 40px;
}

.technolgy_deals_blog h2 {
    font-family: lato;
    color: #383d41;
    margin-bottom: 20px;
}

.technolgy_deals_blog p {
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #88817d;
}

.technolgy_deals_blog a {
    color: #ae0a46;
}

/*===================================*/
/*========================
        Single Product page
        ==================*/
/*==================================*/

/*images gallary*/
.single_product_images {
    padding: 10px 20px;
}

.img_gallery_wrapper {
    margin-top: 50px;
}

.geeks:hover {
    transform: scale(1.1);
    transition: 0.5s;
    cursor: crosshair;
}

.img_gallery_wrapper img {
    width: 100px;
    opacity: 0.5;
}

.img_gallery_wrapper img:hover {
    width: 100px;
    opacity: 1;
    transform: scale(1.1);
    transition: 0.5s;
    cursor: pointer;
}



/*single-product about*/

.product__details__text {
    margin-left: 20px;
}

.product__details__text h3 {
    color: #252525;
    margin-bottom: 16px;
}

.list_price p {
    font-size: 16px;
    font-weight: bold;
}

.product__details__text h6 {
    font-size: 19px;
    margin-left: 10px;
}

.product__details__rating img {
    width: 25px;
    height: 25px;
}

.product__details__rating span {
    color: #d51a5f;
    margin-left: 4px;
}

.product__details__price {
    font-size: 30px;
    color: #6e6259;
    font-weight: 600;
}

.product-specs {
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.product__details__text .primary-btn {
    padding: 16px 28px 14px;
    margin-right: 6px;
    margin-bottom: 5px;
}

.spec-label0 {
    padding-left: 20px;
}

.product__details__text ul {
    border-top: 1px solid #ebebeb;
    padding-top: 40px;
    margin-top: 50px;
}

.product__details__text ul li {
    font-size: 16px;
    color: #1c1c1c;
    list-style: none;
    line-height: 36px;
}

.product__details__text ul li b {
    font-weight: 700;
    width: 170px;
    display: inline-block;
}

.product__details__text ul li span samp {
    color: #dd2222;
}

.product__details__text ul li .share {
    display: inline-block;
}

.product__details__text ul li .share a {
    display: inline-block;
    font-size: 15px;
    color: #1c1c1c;
    margin-right: 25px;
}

.product__details__text ul li .share a:last-child {
    margin-right: 0;
}

/*---------------------------*/
.product_quantity_wraper {
    background-color: #ebebeb;
    padding: 10px;
    margin-bottom: 20px;
}

.pro-qty {
    width: 220px;
    height: 65px;
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #cbc4c3;
}

.counter {
    width: 150px;
    margin: auto;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.counter input {
    width: 50px;
    border: 0;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    background: #d51a5f;
    color: #fff;
    appearance: none;
    outline: 0;
}

.counter span {
    display: block;
    font-size: 25px;
    padding: 0 10px;
    cursor: pointer;
    color: #d51a5f;
    user-select: none;
}

.product_add_to_card {
    width: 220px;
    padding: 20px;
    text-align: center;
    height: 65px;
    background-color: #d51a5f;
    font-family: arial;
    border: none;
}

.product_add_to_card:hover {
    background-color: #6f062d;
    transition: 1s;
}

.product_add_to_card a {
    color: white;
}

.need_help {
    display: inline-block;
    color: #666666;
    text-align: center;
}

.product_your_purchase {
    text-decoration: none;
    color: #d51a5f;
}

/*Tab sidebar-product Start*/

.tab_sidebar_single_product {
    padding: 0px;
    border: 1px solid #ccc;
}

/* Style the tab */
.tab {
    float: left;
    background-color: #f1f1f1;
    width: 30%;
    height: 100%;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    content: none;
    background-color: white;
    border-right: none;

}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 10px 15px;
    width: 70%;
    height: auto;
}

/*----------------*/
.tab_sidebar_specification ul {
    padding: 5px;
}

.tab_sidebar_specification ul li {
    list-style-type: none;
    line-height: 30px;
}

/*Related Product*/

.related-product {
    padding-bottom: 30px;
}

.related__product__title {
    margin-bottom: 70px;
}

.title_top_heading {
    font-size: 36px;
    line-height: 48px;
    color: var(--heading);
    margin-bottom: 14px;
    font-weight: 100;
}

.product_item {
    padding: 15px;
    transition: all linear 0.3s;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 5%);
    margin: 0px 10px;
}

.product_item_thumbnail {
    width: 100%;
    max-width: 150px;
    height: auto;
    max-height: 120px;
    margin: 0px auto;
    margin-bottom: 10px;
}

.product_item_thumbnail img {
    width: 100%;
    display: block;
    object-fit: cover;
}

.product_item_content {
    text-align: center;
}

.product_item_content_name {
    margin-bottom: 10px;
    color: #ae0a46;
    font-weight: 500;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.product_item_content_name:hover {
    color: #7a0631;
}

.product_item_price {
    margin-bottom: 10px;
}

.product_button {
    display: inline-block;
    padding: 18px 36px;
    background-color: #fff;
    color: #ae0a46;
    border: 2px solid;
    border-color: #5f5753;
    font-size: 14px;
    line-height: 15px;
    transition: all linear 0.3s;
}

.product_button:hover {
    background-color: #5f5753;
    color: #fff;
    transition: all linear 0.3s;
}




/*================================*/
/*=======================
        All Solution page
    =====================*/
/*=================================*/


.solution_top_layout {
    background-color: #f7f6f5;
    border-bottom: 1px solid #d4d0ca;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 50px;
}

.outcome_assetType {
    text-align: center;
    margin: 20px 0px;
}

.outcome_assetType a {
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    margin: 0 auto 25px !important;
    padding: 8px 20px 7px;
    color: #fff;
    background: #5f5753;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 11.0px;
}

.outcome_assetType a:hover {
    background-color: #6f0448;
    transition: 1s;
}
/*------Key business outcomes-----------*/
.solution_business_titele{
    text-align: center;
    color: #5f5753;
    font-family: lato;
    font-size: 36px;
    font-weight: 500;
    margin-top: 60px;
}
.solution_business_item{
    text-align: center;
    margin: 0px;
}
.business_item_content a{
    color: var(--crimson);
}
.business_item_content a:hover{
    color: var(--dark-crimson);
}
/*---Icon slide learn more---*/
.business_item_button:hover .business_item_button_icon{
    transform: translateX(10px);
}
.business_item_button {
    justify-content: center;
    color: var(--mainColor);
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.business_item_button:hover{
    color: var(--mainColor);
}

.business_item_button_icon{
    position: relative;
    transition: all linear 0.3s;
}

.business_item:hover .business_item_button_icon{
    transform: translateX(10px);
}


.business_item_button_icon i{
    display: flex;
}
/*-----------------*/

.tech_solution_item{
    padding: 20px 30px 30px;
    background-color: #fff;
    margin-bottom: 20px;
    box-shadow: 0px 3px 4px 0px #e6e6e5;
    border-radius: 10px;
}
/*-----------------*/


.outcome_headline h1 {
    background-image: linear-gradient(45deg, #ae0a46, #582873);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    text-align: center;
    margin: 20px 0px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.beTopLine {
    border-top: 6px solid #9f177a;
    padding-top: 5px;
}
.beUnderLine {
    border-bottom: 6px solid #9f177a;
}

.outcome_smail_bussiness_title {
    margin-bottom: 50px;
}
.outcome_smail_bussiness_title h2 {
    font-size: 36px;
    font-family: cursive;
    line-height: 44px;
    color: #222;
    text-align: center;
}

.outcome_smail_bussiness_title .lineTop {
    width: 10.0%;
    margin: 0 auto 30px;
    height: 1px;
    background-color: #9f177a !important;
    border: none;
    opacity: 1;
}

.outcome_smail_bussiness_title .lineBottom {
    width: 10.0%;
    margin: 30px auto 0px;
    height: 1px;
    background-color: #9f177a !important;
    border: none;
    opacity: 1;
}
/*-----------------*/
.solution_number_wrapper h3{
    color: #222;
    opacity: .8;
    font-size: 32px;
    font-weight: 500;
    font-family: Georgia, 'Times New Roman', Times, serif;
    margin: 20px 0px;
}
.tech_solution_wrapper {
    
}

.tech_solution_item{
    padding: 20px 30px 30px;
    background-color: #fff;
    margin-bottom: 20px;
    box-shadow: 0px 3px 4px 0px #e6e6e5;
    border-radius: 10px;
}

.tech_solution_title {
    font-size: 3em;
    font-family: cursive;
    background: linear-gradient(to right, #ae0a46 0%, #a80b6e 49%, #582873 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
    line-height: inherit;
}

.tech_solution_text{
    color: #222;
    font-family: allumi-2-std, Verdana, sans-serif;
    font-weight: 100;
    display: block;
    font-size: 13px;
    line-height: 24px !important;
    height: 90px;
    margin-bottom: 0;
}

.tech_solution_award{
    font-size: 12px;
    color: var(--navColor);
}

/*---------------*/
.content_profile_statas {
    margin: 50px 0px;
    padding: 0% 10%;
    justify-content: center;
}

.startQuote {
    display: block;
    font-size: 5.275em;
    color: #9f177a;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: -10px;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    text-align: center;
}

.content_profile_statas p {
    text-align: center;
    font-size: 36px;
    line-height: 44px;
    color: #222;
    font-weight: 100;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.circleImage {
    border-radius: 50%;
}

/*-------------*/
.why_chooses_content h2 {
    margin: 50px 0;
}

.why_chooses_content p {
    font-size: 18px;
    color: #3e332d;
    font-weight: 100;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    margin-top: 30px;
    margin-bottom: 30px;
}

.why_Choose_lineTop {
    border-top: 6px solid #9f177a;
}



/*-----Contect Form-----*/
.solution_contact_wrapper{
    background-color: #252525;
    padding: 40px 0px;
}
.thing_together_wrapper {
    padding: 0px 40px;
}
.thing_together_wrapper h4{
    color: #fff;
    font-size: 42px;
    font-family: lato;
    font-weight: 400;
    margin-top: 30px;
}
.thing_together_wrapper p{
    color: #fff;
    font-size: 28px;
    font-family: cursive;
    font-weight: 400;
    margin: 40px 0px;
}
.thing_together_wrapper h5{
    color: #fff;
    font-size: 32px;
    margin-top: 30px;
}
.thing_together_wrapper h5 i{
    margin-right: 40px;
}
.specialist_contect_form {
    margin: 0px;
    position: relative;
    margin-top: 20px;
    padding: 40px 10px;
    background-color: #f7f6f5;
}

.specialist_contect_form::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 100%;
    background: linear-gradient(90deg, #ae0a46, #a80b6e 25%, #582873 75%);
    top: 0px;
    left: 0px;
}

.solution_form_item_wp {
    position: relative;
    margin-bottom: 30px;
}

.form_input {
    color: #6e6664;
    display: block;
    border: none;
    padding: 18px 0 10px;
    width: 100%;
    background-color: var(--bgColor);
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    outline: none;
    border-bottom: solid 1px #CBC4C3;
}

.form_label {
    color: var(--mainColor);
    position: absolute;
    top: 0px;
    z-index: 1;
    font-size: 10px;
    display: none;
}

.form_input:focus::placeholder {
    color: transparent;
}

.form_input:focus~.form_label {
    display: block;
}

/*=================================================*/
/*================================
            Product Filtering Page
            =====================*/
/*===================================================*/
.header_title_product_filter {
    background-image: url("../images/desktop-shop-hero.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}

.header_title_product_filter h1 {
    text-align: center;
    color: white;
    font-size: 60px;
    font-weight: 100;
}

/*---------Top Nav Bar-------*/
.product_go_to_next_pge a {
    color: #ae0a46;
    margin-top: 10px;
    font-size: 18px;
}

.product_apply_filter_btn a {
    padding: 10px 30px;
    background-color: #ae0a46;
    color: white;
    text-align: center;
}

.product_apply_filter_btn a:hover {
    background-color: #76022d;
    color: white;
    transition: .3s;
}

/*-------Product~content item-------*/

.product_content_item a {
    color: #ae0a46;
    ;
}

.product_content_item a:hover {
    color: #810834;
    transition: 0.3s;
}

.product_content_item h4 {
    margin: 10px 0;
    color: black;
    font-size: 16px;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.product_content_item h3 {
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    line-height: 1.2;
    font-style: normal;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
}

.product_content_item h6 {
    margin: 10px 0;
    color: #6c757d;
    font-size: 14px;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.product_content_item p {
    color: #3e332d;
    font-size: 14px;
    font-weight: 100;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 0;
}

.product_add_bascket_btn a {
    padding: 10px 30px;
    background-color: #ae0a46;
    color: white;
    text-align: center;
}

.product_add_bascket_btn a:hover {
    background-color: #76022d;
    color: white;

}

/*Qantity Button*/
.quantity {
    position: relative;
}

.quantity input {
    width: 65px;
    height: 42px;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: 1px solid #eee;
}



/*=========================================*/
/*===========================
            Solution Filter Page
        =====================*/
/*=======================================*/

/*---------Solution filter ~ Featured------*/

.featured_client_stories_wrapper {}

.header_title_clinet_stories {
    padding: 20px;
    background: linear-gradient(to right, #ae0a46 0%, #a80b6e 51%, #582873 100%);
}

.header_title_clinet_stories h1 {
    text-align: center;
    color: white;
    font-size: 60px;
    font-weight: 100;
}

/*-------------------------------*/
.featured_client_stories {
    margin-top: 20px;
    overflow: hidden;
}

.featured_client_stories_title {
    margin: 20px 0px;
}

.featured_client_stories_title h1 {
    font-size: 36px;
    color: #495057;
    font-weight: 100;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.client_stories_item {
    opacity: 0.8;
    transition: all linear 0.3s;
    margin-bottom: 10px;
}

.client_stories_item:hover {
    transform: translateY(-8px);
    opacity: 1;
}

.client_stories_item a {
    color: #222;
}

.client_stories_item a:hover {
    color: #ae0a46;
}

.client_stories_item h4 {
    color: #6c757d;
    font-size: 18px;
    margin: 10px 0;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;

}

.client_stories_item h3 {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}



/*--------Solution ~ Filter Topbar------------*/
.clinet_stories_filter_top_bar {}

.clinet_stories_filter_top_bar label {
    color: #6c757d;
    font-size: 18px;
}

.client_story_filter_page select {
    padding: 10px;
    border: aqua;
    font-size: 18px;
}

.client_story_filter_all_year select {
    padding: 10px;
    border: aqua;
    font-size: 18px;
}

/*------------solution filter ~ Sidebar---------------*/

.client_stories_narrow_content input {
    border: 1px solid rgb(185, 185, 185);
    padding: 20px;
    width: 100%;
}

.client_stories_filter_category h6 {
    color: #5f5753;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.client_stories_filter_category input[type="checkbox"] {
    color: red;
}

#filter_category .form-check {
    margin: 10px 0px;
}

#filter_category .form-check .custom {
    width: 16px;
    height: 16px;
    border: solid 1px #ccc;
    background: #fff;
}

/*------------Solution Filter ~ Content Item------------*/

.client_stories_content_item {
    opacity: 1;
}

.client_stories_content_item:hover {
    transition: 0.3s;
    opacity: 0.8;
}

.client_stories_content_item a {
    color: #222;
    ;
}

.client_stories_content_item a:hover {
    color: #ae0a46;
}

.client_stories_content_item h4 {
    margin: 10px 0;
    color: #6c757d;
    font-size: 14px;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.client_stories_content_item h3 {
    font-size: 18px;
    text-align: left;
    font-weight: 100;
    line-height: 1.2;
    font-style: normal;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
}

.client_stories_content_item p {
    color: #3e332d;
    font-size: 14px;
    font-weight: 100;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    line-height: 24px;
}

/*------------Solution ~ Paginatiion------------*/
.pagination {
    margin: 20px 0px;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #ae0a46;
    border-color: #ae0a46;
}

.pagination li a {
    color: #ae0a46;
    display: inline-block;
    padding: 1px 11px;
    text-decoration: none;
    transition: all 1ms linear 1ms;
}

.pagination li a:hover {
    background-color: #ae0a46;
    color: #ffffff;
    display: inline-block;
    padding: 1px 11px;
    text-decoration: none;
    transition: all 1ms linear 1ms;
    border-color: #ae0a46;
}

/*================================*/
/*=======================
        Solution Blog Page
    =====================*/
/*=================================*/

/*---------single blog ~ page (imgaes)-----------*/
.assetType {
    text-align: center;
    margin: 20px 0px;
}

.assetType a {
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    border-top: 0px solid #d40e8c;
    margin: 0 auto 25px !important;
    padding: 8px 20px 7px;
    color: #fff;
    background: #A80B6E;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 11.0px;
}

.assetType a:hover {
    background-color: #6f0448;
    transition: 1s;
}

.headline {
    margin: 20px 0px;
}

.headline h1 {
    text-align: center;
    font-size: 55px;
    font-weight: 100;
    font-family: lato;
    color: #383d41;
}


.aria-text {
    margin-bottom: 20px;
}

.aria-text h2 {
    font-size: 35px;
    font-weight: 100;
    font-family: lato;
    text-align: justify;
    color: #6c757d;
}


.byTopics {
    font-weight: bold;
}

.byTopics p {
    color: #495057;
}

.byTopics a {
    color: #ae0a46;
}

.byTopics a:hover {
    color: #77052f;
    transition: 0.3s;
}

.byTopics span {
    color: 6c757d;
}

.bySocial ul li {
    list-style-type: none;
    float: left;
    margin-left: 10px;
}

.bySocial ul li a {
    color: #383d41;
}

.bySocial ul li a:hover {
    color: #ae0a46;
}

/*-----------------single blog ~ content_wrapper-------------------*/


.blog_text_area h2 {
    margin: 10px 0px 30px 0px;
    font-weight: 100;
    font-size: 36px;
    line-height: 1.16em;
    font-family: lato;
    text-rendering: optimizeLegibility;
    color: #222;
}

.blog_text_area p {
    margin-bottom: 30px;
    text-align: justify;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
    text-rendering: optimizeLegibility;
    color: #3e332d;
}

.dwonload_button {
    margin: 50px 0px;
}

.dwonload_button a {
    padding: 20px 40px;
    background: #ae0a46;
    color: white;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-style: normal;
}

.dwonload_button a:hover {
    background: #790630;
    color: white;
    transition: 0.3s;
}

.infographic {
    margin: 0 10%;
}

.infographic p {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.infographic a {
    color: #ae0a46;
}

.callout {
    margin: 0 10%;
    padding: 40px;
    border-top: 1px dotted #f00;
    border-bottom: 1px dotted #f00;
}

.callout p {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin-bottom: 0px;
}

.callout a {
    color: #ae0a46;
}

/*----------------Single blog ~ Sidebar---------------------*/
.discover_more_item h3 {
    color: #222;
    font-size: 16px;
    font-weight: 100;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.discover_more_item h3 span {
    display: block;
    color: #666768;
}

/*----------------Single blog ~ related-post-----------------*/
.related_posts_wrapper {
    background-color: #f7f6f5;
    border-top: 1px solid #dbdbdb;
    padding-bottom: 20px;
}

.related_posts_title {
    margin: 50px 0px;
}

.related_posts_title h1 {
    font-size: 36px;
    color: #495057;
    font-weight: 500;
    font-family: lato;
}

.related-item {
    opacity: 1;
    transition: all linear 0.3s;
    margin-bottom: 10px;
}

.related-item:hover {
    transform: translateY(-8px);
    opacity: 0.8;
}

.related-item a {
    color: #222;
}

.related-item a:hover {
    color: #ae0a46;
}

.related-item h4 {
    color: #3e332d;
    font-size: 18px;
    margin: 10px 0;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.related-item h3 {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}



/*=======================================*/
/*============================
           User Dashboard Master
        ==========================*/
/*=======================================*/

/*common button*/
.common_button_dashboard {
    padding: 10px 40px;
    cursor: pointer;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    background-color: #ae0a46;
    color: white;
}

.common_button_dashboard:hover {
    background-color: #7a0932;
    color: white;
    transition: .3s;
}
/*-----End-----*/

/*Sidebar & Content Show hide Setting*/
.content_wrapper{
    position: relative;
}
#mySidebar {
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #5f5753;
    overflow-x: hidden;
    transition: 0.2s;
    width: 320px;
}
#Content_Wrapper{
    transition:.2s;
    padding: 10px 0px 20px 20px;
    background:#dfdfdd;
    margin-left:320px
}
#userSideButton_wrapper{
    background: #d6d1ca;
    display: none;
}

/*---------------------*/
.sidebarButtonStyle {
    font-size: 20px;
    cursor: pointer;
    background-color: #c0b7ae;
    color: #222;
    padding: 10px 15px;
    border: none;
    z-index: 1;
    transition: 0.5s;
  }
  
.sidebarButtonStyle:focus{
    border: none;
    outline: none;
}
.sidebarButtonStyle:hover {
    background-color: #8d867f;
}


/*=====================================
    User Dahboard -- Profile Page
======================================*/
.client_db_profile_header {
    margin: 0px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ae0a46;
}

.client_db_profile_header img {
    clip-path: circle();
    width: 250px;
    display: inline;
}

.client_db_profile_title h3 {
    margin-top: 20px;
    color: #222;
    font-family: arial;
    font-style: normal;
}

.client_db_profile_title p {}

.client_db_details h3 {
    color: #222;
    font-family: lato;
    font-style: normal;
}

.client_db_about h3 {
    color: #222;
    font-family: lato;
    font-style: normal;
}

.client_db_about p {
    font-size: 16px;
    color: #222;
    font-family: arial;
    font-style: normal;
}

.client_db_about ul {
    margin: 0px;
    padding: 0px;
}

.client_db_about ul li {
    list-style-type: none;
    float: left;
    margin-right: 10px;
    color: white;
}

.client_db_about ul li a {
    color: white;
    background-color: #ae0a46;
    padding: 4px 8px;
    border-radius: 5px;
}

.client_db_about ul li a:hover {
    background-color: #510320;

}

/*=====================================
    User Dahboard -- Add Product Page
======================================*/
.client_dashboard_personal_product_list h2 {
    font-family: lato;
    font-style: normal;
    font-weight: 100;
    color: #383d41;
}

.client_dashboard_personal_product_list p {}

.personal_product_list_add_item label {
    color: #222;
    font-size: 16px;
    font-weight: 100;
    font-family: arial;
    margin-top: 10px;
}

#product_input {
    width: 35%;
    margin-left: 10px;
    color: #495057;
}

#product_input input[type=text] {
    border: 1px solid gray;
    color: #495057;
    outline: none;
    background-color: white;
    padding: 10px;
    opacity: 0.7;
    width: 100%;
}

.personal_product_list_add_item button {
    color: white;
    background-color: #ae0a46;
    padding: 10px 20px;
    outline: none;
    border: 1px solid gray;
    opacity: 0.7;
    margin-left: 10px;
}

.btn_delete {
    background-color: white;
    border: none;
    color: #ae0a46;
    outline: none;
    font-size: 18px;
}

.btn_add_to_card {
    background-color: #ae0a46;
    color: #fff;
    padding: 10px 20px;
    outline: none;
    border: none;
}

/*=====================================
    User Dahboard -- Content-resources
======================================*/
.header_title_content_resources {
    background-image: url("../images/desktop-shop-hero.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0px;
}

.header_title_content_resources h1 {
    text-align: center;
    font-family: lato;
    color: white;
    font-size: 60px;
    font-weight: 100;
    margin-bottom: 20px;
}

.content_resources_search form {
    width: 80%;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.content_resources_search input[type=text] {
    width: 75%;
    height: auto;
    background-color: #ffffff;
    color: #5f5753;
    border: none;
    font-weight: bold;
    padding: 10px 0px;
    padding-left: 20px;
    outline: none;
}

.content_resources_search button {
    width: 23%;
    background-color: #ae0a46;
    border: none;
    color: #fff;
    padding: 10px 0px;
    outline: none;
}

.content_resources_search button:hover {
    background-color: #7a0932;
    color: white;
    transition: .3s;
}

/*----------------*/
.title_h2 {
    text-align: center;
    color: #222;
    margin: 10px 0;
    cursor: default;
    font-family: lato;
    margin: 40px 0px;
}

.faq-answers a {
    color: #222;
}

.faq-answers a:hover {
    color: #ae0a46;
}

.terms_list a {
    color: #ae0a46;
}

.terms_list a:hover {
    color: #6a0aae;
}

/*------------------*/
.explore_knowledge_wrapper {
    margin-bottom: 50px;
}

.popular_published_answers_wrapper {
    background-color: #f7f6f5;
    padding: 40px 0px;
}

.terms_conditions_wrapper {
    background-color: #f7f6f5;
    padding: 40px 0px;
    margin-top: 60px;
}

/*======================================
    User Dashboard -- Order Track Page 
=========================================*/

/*order track*/
.search_order_tracking form {
    width: 100%;
    height: 44px;
    padding-left: 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.search_order_tracking input {
    all: unset;
    font: 16px system-ui;
    color: #ae0a46;
    background: #dfdfdd;
    width: 80%;
    height: auto;
    padding: 10px 0px;
    padding-left: 20px;
    outline: none;
}

.search_order_tracking button {
    color: #fff;
    width: 20%;
    padding: 10px 0px;
    margin-left: 1%;
    outline: none;
    background: #ae0a46;
    border: none;
}

.search_order_tracking button:hover {
    background: #860333;
    transition: .3s;
}

.search_order_tracking ::placeholder {
    color: #ae0a46;
}

/*-----------------*/
.card-img img {
    margin-top: -60px;
    border-radius: 50%;
    width: 100px;
    padding: 10px;
    background-color: #f7f6f5;
    border: 10px solid white;
    filter: saturate(10) hue-rotate(320deg);
}

.card-thumb {
    transition: all linear 0.3s;
    margin-top: 80px;
    padding-bottom: 20px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.card-thumb:hover {
    transform: translateY(-8px);
    opacity: 1;
    color: #ae0a46;
}

.card-thumb h4 {
    text-align: center;
    font-size: 18px;
    margin: 10px 0;
    cursor: default;
    font-family: "allumi-2-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.card-thumb ul {
    margin: 20px 0px;
    padding: 0px;
    text-align: center;
    line-height: 30px;
    font-family: roboto;
    font-size: 14px;
    color: #3e332d;
}

.card-thumb ul li {
    list-style-type: none;

}

.card-thumb ul li a {
    color: #222;
}

.card-thumb ul li a:hover {
    color: #ae0a46;
}

.order_tracking_btn a {
    padding: 10px 20px;
    cursor: pointer;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    border: 1px solid #3e332d;
    display: inline-block;
    background-color: #ffffff;
    color: #3e332d;
}

.order_tracking_btn a:hover {
    background-color: #3e332d;
    color: white;
    transition: .3s;
}

/*order details*/
.client_db_oredr_details {
    margin: 40px 0px;
    width: 100%;
}

.client_db_oredr_details table {
    margin: 0px;
    padding: 0px;
}

.client_db_oredr_details .btn_action {
    background-color: rgb(0, 94, 255);
    padding: 5px 10px;
    color: white;
    border-radius: 50px;
}


/*=============================
    User Dashboard -- Home page
===============================*/
#wrapper {
    background: #dfdfdd;
}

/*---sidebar Toggle---*/
#click_advance {
    margin-left: 300px;
    margin-top: 30px;
    position: absolute;
    z-index: 50000;
    color: #222;
}

#click_advance .fa-align-left {
    margin-left: -260px;
    color: #5f5753;
    display: block;
}

/*---sidebar menu---*/
.sidebar_manu_wrapper {
    width: 100%;
    height: 100%;
    background-color: #5f5753;
}

.user_dashboard_sidebar_title {
    background-color: white;
    padding: 15px;
}

.user_dashboard_sidebar_title h2 {
    font-size: 28px;
    line-height: 44px;
    color: rgb(66, 65, 65);
    font-family: lato;
    font-weight: 100;
}

.user_dashboard_sidebar_title p {
    font-size: 13px;
    color: rgb(66, 65, 65);
    font-family: lato;
}

.common_button_logout {
    padding: 5px 20px;
    cursor: pointer;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    background-color: #ae0a46;
    color: white;
}

.user_dashboard_sidebar_nav {
    display: block;
    color: white;
}

.user_dashboard_sidebar_nav p {
    padding: 20px 0px;
    padding-left: 20px;
    margin: 0;
    cursor: pointer;
}

.user_dashboard_sidebar_nav p:hover {
    padding: 20px 0px;
    padding-left: 20px;
    background-color: #312b2d;
    display: block;
    ;
}

.user_dashboard_sidebar_nav a {
    display: block;
    color: white;
    padding: 20px 0px;
    padding-left: 20px;
}

.user_dashboard_sidebar_nav a:hover {
    background-color: #312b2d;
    display: block;
    color: white;
    padding: 20px 0px;
    padding-left: 20px;
}

.accordion-body a {
    background-color: #ffffff;
    color: #222;
}

.plusminus {
    font-weight: bolder;
    font-size: 20px;
}

.common_button_logout:hover {
    background-color: #7a0932;
    color: white;
    transition: .3s;
}

/*---Content----*/
.client_dashboard_content_wp {
    padding: 20px;
    background:#fff;
    width: 100%;
}

.client_dashboard_welcome_section {
    margin-top: 0px;
}

.client_dashboard_welcome_section h2 {
    font-size: 36px;
    line-height: 44px;
    color: rgb(66, 65, 65);
    font-family: lato;
    margin: 10px 0px 20px;
}

.client_dashboard_welcome_section p {
    font-size: 18px;
    line-height: 44px;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    color: #222;
}

.client_dashboard_blog {
    margin-top: 20px;
}

.client_dashboard_blog h2 {
    font-size: 36px;
    line-height: 44px;
    color: rgb(66, 65, 65);
    font-family: lato;
    margin-bottom: 20px;
}

.client_dashboard_blog ul li a {
    font-size: 18px;
    line-height: 44px;
    font-family: "klinic-slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    color: #ae0a46;
}


/*=============Motiur=============*/
    /*=======================
         About Us Page
    =========================*/
/*============= Edit ==============*/

.about_seo_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about_seo_imgage {
    padding: 25px 25px 0;
}

.about_seo_imgage img {
    height: 230px;
    width: 230px;
    border-radius: 50%;
    display: block;
    object-fit: cover;
    border: 2.0px solid rgb(247, 246, 245);
}

.about_seo_content {
    padding: 25px 25px 0;
}

.about_seo_text {
    margin: 0 0 30px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd;
    color: #fff;
}

.about_seo_text h4 {
    font-size: 34px;
    color: white;
    font-family: cursive;
    margin-bottom: 20px;
}

.about_seo_text p {
    font-size: 14px;
    color: white;
    font-family: monospace;
}

.about_seo_text p strong {
    display: block;
}

.about_ceo_btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.about_ceo_btn a {
    font-size: 20px !important;
    font-weight: 500;
    padding: 30px 45px;
}


/*apple_resaler*/
.apple_resaler_wrapper{
    border-radius: 50px;
    background: linear-gradient(90deg, rgba(174,10,70,1) 0%, rgba(168,11,110,1) 25%, rgba(88,40,115,1) 100%);
    padding: 30px;
}

.apple_resaler_content{
    width: 100%;
}

.apple_resaler_content_logo img {
    max-width: 100%;
}

.apple_reselar_title{
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}

.pro-qty input {
	height: 100%;
	width: 100%;
	font-size: 16px;
	color: #6f6f6f;
	width: 218px;
	/* border: none; */
	background: #f5f5f5;
	text-align: center;
}
.apple_reselar_maint {
    font-weight: 600;
    color: #fff;
    margin-bottom: 25px;
    font-size: 36px;
    font-family: cursive;
}

.product_button{}

.apple_resaler_image{
    width: 100%;
}

/*================================*/
    /*=======================
         Add To Cart Page
    =========================*/
/*================================*/

.cart_page{
    background-color: var(--bgColor);
}

.cart_page_content{
    padding: 20px;
}
.cart_header{
    padding: 15px 20px;
    background-color: var(--primaryColor);
    margin-bottom: 10px;
    border: 1px solid #cbc4c3;
}

.cart_header_wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart_header_title{
    font-size: 32px;
    color: var(--navColor);
    line-height: 42px;
    margin: 0px 10px;
    font-weight: 300;
}

.cart_header_right_inner ul li{
    list-style-type: none;
}
.cart_header_right_inner ul li a{
    color: var(--mainColor);
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.cart_body_wrapper{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
}

.cart_body_left{
    width: 100%;
}

.your_cart {
    background-color: var(--primaryColor);
    border: 1px solid #cbc4c3;
}

.your_cart_header{
    background-color: #fff;
    padding: 0.625rem;
    border-bottom: 1px solid #cbc4c3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.your_cart_title{
    font-size: 20px;
    color: #5f5753;
    font-weight: 300;
    line-height: 22px;
}

.your_cart_empty a{
    font-size: 18px;
    color: var(--mainColor);
    font-weight: 500;
}


.your_cart_item{
    padding: .625rem;
    position: relative;
}
.your_cart_item:not(:last-child){
    border-bottom: 1px solid #cbc4c3;
}

.your_cart_item_wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
}
.cart_item_image{
    width: 100%;
    display: unset;
}

.cart_item_image img{
    display: inline-block;
    max-width: 100%;
}

.cart_item_content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.cart_item_content_utitlity {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
}

.cart_content_details{
    
}

.cart_produt_name {
    max-width: 400px;
    display: flex;
    font-size: 17px;
    color: var(--mainColor);
}

.cart_product_price {
    color: var(--heading);
    font-size: 16px;
    font-weight: 500;
}

.cart_product_price small{
    color: gray;
    font-weight: 300;
}

.card_product_counter{}

.cart_input {
    padding: 15px 20px;
    display: flex;
    width: 120px;
}


.cart_item_delete {
    width: 20px;
    display: grid;
    place-content: center;
    position: absolute;
    top: 15px;
    right: 30px;
}


.cart_sidebar_sumury{
    width: 100%;
    background-color: var(--primaryColor);
    border: 1px solid #cbc4c3;
}

.cart_summury_title{
    background-color: #fff;
    padding: 0.625rem;
    border-bottom: 1px solid #cbc4c3;
}

.summury_count{
    padding: 0.625rem;
}

.summury_count ul{
    border-bottom: 1px solid #cbc4c3;
    padding-bottom: 10px;
}


.summury_count ul li,
.summury_count_total{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
}

.summury_count ul li span,
.summury_count_total{
    color: var(--heading);
    font-size: 16px;
    font-weight: 500;
}

.summury_count ul li span small,
.summury_count_total span small{
    color: gray;
    font-weight: 300;
}


/* check out form */

.checkout_form{
    padding: 20px;
}

.checkout_form_wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.check_form_inner{}

.check_form_inner label{
    color: var(--navColor);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    display: inline-block;
}

.check_form_inner label sup{
    color: var(--mainColor);
}

.check_form{
    display: block;
    width: 100%;
    display: block;
    outline: none;
    background-color: #fff;
    border: 1px solid #cbc4c3;
    border-radius: 0;
    color: #3e332d;
    padding: 11px;
    height: 40px;
}

.check_form[type=file] {
    color: var(--mainColor);
    padding: 4px;
}

.check_form:focus{
    border-color: #005885;
}

@media(min-width: 540px) {
    .cart_item_content_utitlity {
        align-items: center;;
        flex-direction: row;
        gap: 50px;
    }
}

@media(min-width: 767px) {
    .your_cart_item_wrapper{
        flex-direction: row;
    }
    .cart_item_image{
        max-width: 150px;
        width: 100%;
        display: grid;
        place-content: center;
    }

    .your_cart_item_wrapper {
        align-items: center;
    }

    .cart_item_delete {
        position: unset;
    }

    .cart_item_content {
        width: calc(100% - 150px);
    }

    .cart_item_content_utitlity {
        width: calc(100% - 20px);
    }
}

@media(min-width: 1200px) {
    .cart_body_wrapper{
        flex-direction: row;
    }

    .cart_body_left{
        width: calc(100% - 25%);
    }

    .cart_sidebar_sumury{
        width: 25%;
    }
}
/*================================*/
    /*=======================
         Contact Page
    =========================*/
/*================================*/
.contact_banner{
    height: 280px;
    display: grid;
    place-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner_contact_title {
    text-align: center;
    color: var(--primaryColor);
    font-size: 54px;
    line-height: 62px;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
}

.banner_contact_title::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 40px;
    background-color: var(--primaryColor);
    bottom: -15%;
    left: 6px;
}

/*----Contact left content-----*/

.contact_left_content{
    width: 100%;
}

.contact_left_title{
    font-size: 22px;
    color: var(--heading);
    line-height: 33px;
    margin-bottom: 10px;
    font-weight: 300;
}

.contact_left_text{
    font-size: 16px;
    color: var(--navColor);
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 10px;
}
.contact_left_text a{
    color: var(--mainColor);
}

.contact_anything_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0px;
}

.contact_call{
    width: 50%;
    padding-right: 10px;
}

.contact_call_title{
    font-size: 40px;
    font-weight: 500;
    color: var(--heading);
    line-height: 47px;
    margin-bottom: 10px;
}

.contact_call_number {
    font-size: 22px;
    color: var(--mainColor);
    font-weight: 500;
    font-family: cursive;
}

.contact_chat{
    padding-left: 20px;
    border-left: 1px solid var(--bgColor);
}

.contact_chat_button {
    padding: 10px 15px;
    background: var(--mainColor);
    color: var(--primaryColor);
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.contact_chat_button:hover {
    color: var(--primaryColor);
}

.contact_chat_button span {
    font-size: 14px;
    font-weight: 600;
}

.contact_chat_button span i{
    font-size: 20px;
    display: flex;
}

.contact_global {

}

.contact_global_title{
    font-size: 34px;
    line-height: 42px;
    color: var(--heading);
    font-weight: 200;
    margin-bottom: 20px;
}

.gloabal_content_address {
    font-size: 16px;
    line-height: 22px;
    color: var(--navColor);
    font-weight: 300;
    margin-bottom: 15px;
}


.global_contact_phone{
    margin-bottom: 50px;
}

.global_contact_phone_item:not(:last-child) {
    margin-bottom: 5px;
}

.global_contact_phone span {
    font-size: 16px;
    color: var(--navColor);
    font-weight: 600;
    line-height: 22px;
}

.global_contact_phone a{
    font-size: 16px;
    color: var(--mainColor);
    font-weight: 300;
    line-height: 22px;
    margin-left: 10px;
}

/*================================*/
    /*=======================
         Service single Page
    =========================*/
/*================================*/
.managed_service_title{
    padding: 0px 20%;
}
.managed_service_title h4{
    font-size: 32px;
    font-weight: 400;
    margin: 10px 0px;
    font-family: cambria;
    text-align: center;
    opacity: 9.2;
}
.managed_service_title p{
    font-size: 16px;
    text-align: center;
}
.managed_service_title button{
    font-size: 16px;
    text-align: center;
    outline: none;
    border-radius: 20px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid silver;
}
.managed_service_item h5{
    font-size: 28px;
    font-weight: 400;
    margin: 10px 0px;
    margin-bottom: 20px;
    font-family: cambria;
}
.managed_service_item {}

.serviceTopLine{
    border-top: 2px solid #582873;
}

.area_expertise ul li a{
    line-height: 40px;
    color: #ae0a46;
}
.area_expertise ul li a:hover{
    line-height: 40px;
    color: #70032b;
}
/*================================*/
    /*=======================
         Service Common Page
    =========================*/
/*================================*/
.radius_text_button{
    background-color: #222;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 20px;
}
.service_common_content h3{
    font-size: 36px;
    opacity: .9;
    font-family: cambria;
    font-weight: 500;
    font-style: normal;
    color: #222;
    margin: 30px 0px;
}
.service_common_content h5{
    font-size: 30px;
    opacity: .9;
    font-family: cambria;
    font-style: normal;
    font-weight: 500;
    color: #222;
}
.service_common_content h6{
    font-size: 18px;
    opacity: .9;
    font-family: cambria;
    font-style: normal;
    font-weight: 500;
    color: #222;
}
.service_common_content_block a{
    color: #222;
}
.service_common_content_block a:hover h6{
    color: var(--mainColor);
}
.service_common_content_block a:hover span{
    color: #77052f;
}
.service_common_content_block a span{
    color: #ae0a46;
}
.service_common_content_block a h6{
    font-size: 20px;
    opacity: .9;
    font-family: cambria;
    font-style: normal;
    font-weight: 500;
    color: #222;
}
/*================================*/
    /*=======================
         Solution Common Page
    =========================*/
/*================================*/
.inFream{
    background-image: url(../images/single-page/banner/hero-after.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto;
    min-height: 475px;
    overflow: hidden;
}
.solution_common_header{

}
.solution_common_header h1{
    font-size: 48px;
    font-weight: 100;
    font-family: cambria;
    padding: 0px 35%;
}
@media only screen and (max-width: 600px) {
    .solution_common_header h1{
        padding: 0px 5%; 
    }
}
.topLine{
    border-top: 6px solid #ae0a46;
}
.bottomLine{
    padding-bottom: 5px;
    border-bottom: 6px solid #ae0a46;
}

/*Cart Effect*/
.solution_card_wrapper {
    display : flex;
    align-items : center;
    justify-content : center;
  }
  
  .solution_card {
    position : relative;
    width : 1100px;
    display : flex;
    align-items : center;
    justify-content : center;
    flex-warp : warp;
    padding : 30px;
    height: 450px;
  }
  .card_item {
    position: relative;
    max-width : 300px;
    height : 215px;  
    background-color : #fff;
    margin : 30px 10px;
    padding : 20px 15px;
    
    display : flex;
    flex-direction : column;
    box-shadow : 0 5px 20px rgba(0,0,0,0.5);
    transition : 0.3s ease-in-out;
    border-radius : 15px;
  }
  .card_item:hover {
    height : 350px;    
  }
  .card_item .card_item_image {
    position : relative;
    width : 260px;
    height : 260px;
    
    top : -40%;
    box-shadow : 0 5px 20px rgba(0,0,0,0.2);
    z-index : 1;
  }
  .card_item .card_item_image img {
    max-width : 100%;
    border-radius : 15px;
  }
  .card_item .solution_cart_content {
    position : relative;
    top : -140px;
    padding : 10px 15px;
    color : #111;
    text-align : center;
    
    visibility : hidden;
    opacity : 0;
    transition : 0.3s ease-in-out;
      
  }
  .card_item:hover .solution_cart_content {
     margin-top : 30px;
     visibility : visible;
     opacity : 1;
     transition-delay: 0.2s;
  }
  .solution_cart_content p{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
} 
/*================================*/
    /*=======================
         Industry single Page
    =========================*/
/*================================*/
.industry_single_help_list{
    padding-left: 60px;
}
.industry_single_help_list h5{
    font-size: 24px;
    font-family: cambria;
    font-weight: 500;
    padding-top: 20px;
}
.industry_single_help_list ul{
    margin: 0;
    padding: 0;
    margin-top: 20px;
}
.industry_single_help_list ul li{
    list-style-type: none;
    margin-bottom: 20px;
}
.industry_single_help_list ul li a{
    color: #ae0a46;
}
.industry_single_help_list ul li a:hover{
    color: #850635;
}

/*- Background Color--*/
.integrated_security {
    padding: 60px 0px;
    background: linear-gradient(to right, #ae0a46 0%, #a80b6e 51%, #582873 100%);
}
/*================================*/
    /*=======================
         Industry Common Page
    =========================*/
/*================================*/

/* industry page */

.industry_solution_item_content{
    border: 1px solid #e3e3e3;
    background-color: #fff;
    padding: 20px;
    margin-top: 60px;
}

.industy_solution_item_image{
    background-color: white;
    margin-top: -60px;
    width: 80px;

}
.industy_solution_item_image img{
    width: 100%;
    display: block;
}

.industy_solution_item_name p{
    color: #5f5753;
    font-size: 22px;
    line-height: 30px;
    margin-top: 4px;
    margin-bottom: 6px;
    font-weight: 500;
}

.industy_solution_item_text p{
    font-size: 18px;
    line-height: 24px;
    color: var(--navColor);
    font-weight: 300;
}

.industry_solution_item_button{
    padding: 17px;
    padding-right: 0px;
    display: block;
    background-color: var(--mainColor);
    color: var(--primaryColor);
    transition: all linear 0.3s;
}

.industry_solution_item_button:hover{
    color: var(--primaryColor);
    background-color: var(--topHover);
}

/* industry page end */
/*================================*/
    /*=======================
         Hardware Single Page
    =========================*/
/*================================*/

.product_veiw_details_item {
    text-align: center;
}

.product_veiw_details_item_image img {
    max-width: 100%;
    display: block;
    margin: 0px auto;
}

.product_veiw_details_item_content p {
    font-size: 21px;
    color: var(--heading);
    font-weight: 300;
}
/**/

.industry_section_item {
    border-style: solid;
    border-width: thin;
    border-color: #d4d0ca;
    padding: 20px;
    margin-bottom: 40px;
    background-color: #fff;
}

.industry_section_item_thumbnail {
    margin-bottom: 10px;
}

.industry_section_item_thumbnail img {
    max-width: 100%;
    display: block;
    margin: 0px auto;
}

/*================================*/
    /*=======================
         Softwer Single Page
    =========================*/
/*================================*/

/*Benefits of Software*/
.software_chose_item {
    background-color: var(--primaryColor);
    padding: 15px;
    border: 1px solid #d4d0ca;
    box-shadow: 0px 0px 10px #00000008;
    border-top: 10px solid #582873;
    cursor: context-menu;
}

.software_chose_item_title{
    color: var(--subColor);
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    padding-bottom: 10px;
    margin: 4px 0px;
    text-align: center;
}

.software_chose_item_text{
    font-size: 18px;
    line-height: 24px;
    color: var(--navColor);
    margin-bottom: 30px;
    text-align: center;
    font-weight: 300;
}
/*Call_to Action*/
.call_to_action{
    padding: 80px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.call_to_action_text h4{
    font-size: 40px;
    margin-bottom: 25px;
    font-weight: 400;
    color: var(--primaryColor);
    text-align: center;
}

.call_to_action_text p{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
    font-weight: 300;
    text-align: center;
    padding: 0px 15%;
    color: var(--primaryColor);
}


/*================================*/
    /*=======================
         Softwer All Page
    =========================*/
/*================================*/
.softwer_common_header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
}

/*---- Nasted -Tab Content-----*/
.nasted_tabbar_title h5{
    font-family: cambian;
    opacity:.9;
    font-size: 32px;
    font-weight: 500;
    text-align: center;
}
.nasted_tabbar_title p{
    color: var(--navColor);
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}
/*----Tab Content-----*/

.tab-content .active,
.collapsible:focus {
    border: none;
}
.data_tabs_content .active,
.collapsible:focus {
    border: none;
}

.clint_tab_section{
    background: var(--bgColor);
    border: 1px solid #e7e7e6;
    border-radius: 50px;
    margin: 60px 5%;
    padding: 30px 0px;
}




.clint_tab_btn_content ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.clint_tab_btn_content ul li{}

.clint_tab_btn_content ul li a {
    background-color: var(--primaryColor) !important;
    border: 1px solid var(--subColor) !important;
    padding: 5px 20px 5px !important;
    border-radius: 20px !important;
    font-size: 11.0px;
    font-weight: 400;
    color: var(--mainColor) !important;
    text-transform: uppercase;
    display: block;
    cursor: pointer;
}

.clint_tab_btn_content ul li a.nav-link.active {
    color: var(--primaryColor) !important;
    background-color: var(--topHover) !important;
}

.clint_tab_area_thumbnail_image{
    margin-bottom: 40px;
}

.clint_tab_area_thumbnail_image img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 30px;
}

.clint_tab_area_thumbnail_caption {
    margin-left: 0px;
    width: 100%;
    position: relative;
    
}

.clint_tab_area_thumbnail_caption::after{
    content: "";
    position: absolute;
    height: 2px;
    width: 25px;
    background: #582873;
    left: 0px;
    top: -10px;
}

.clint_tab_area_thumbnail_caption p{
    font-size: 22px;
    color: var(--heading);
    font-weight: 300;
    font-family: cursive;
}
.clint_tab_content_title {
    font-size: 2rem;
    line-height: 1.16667;
    color: var(--heading);
    font-weight: 200;
    margin-bottom: 10px;
}

.clint_tab_content_text_area{
    margin-bottom: 24px;
}

.clint_tab_content_text_title{
    font-size: 22px;
    color: var(--heading);
    font-weight: 300;
    margin-bottom: 10px;
}

.clint_tab_content_text_paragraph{
    font-size: 16px;
    font-weight: 200;
    color: var(--navColor);
}

.clint_tab_content_text_area_list,
.clint_tab_content_text_area_list_marker{
    margin-bottom: 25px;
}

.clint_tab_content_text_area_list ul,
.clint_tab_content_text_area_list_marker ul{
    padding-left: 25px;
}

.clint_tab_content_text_area_list ul li,
.clint_tab_content_text_area_list_marker ul li{
    color: var(--navColor);
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 5px;
    position: relative;
}

.clint_tab_content_text_area_list_marker ul li::after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 6px 0 0 -22px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: var(--heading);
}

.clint_tab_content_text_area_list ul li::after{
    content: "";
    position: absolute;
    width: 7px;
    height: 12px;
    border: solid #9f177a;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: block;
    margin: 6px 0 0 -22px;
    top: 0px;
    left: 0px;
}


/*---Softwer Show-----*/

.solution_business_item{
    margin: 60px 0px;
}

/*-----Clint help-----*/
.clint_help_section{
    padding: 40px 5%;
}
.clint_help_item{
    box-shadow: 0px 3px 4px 0px #e6e6e5;
    transition: all linear 0.3s;
}

.clint_help_item:hover{
    transform: translateY(-10px);
    box-shadow: 0 22px 43px rgb(0 0 0 / 15%);
}

.clint_help_item_thumbnail img{
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}

.clint_help_item_content{
    padding: 25px 40px 30px;
}

.clint_help_item_title{
    font-size: 26px;
    color: var(--heading);
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 20px;
}

.clint_help_item_text{
    font-size: 16px;
    font-weight: 300;
    color: var(--navColor);
    margin-bottom: 20px;
}

.clint_help_button{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px;
    background-color: var(--mainColor);
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px 0px 10px 10px;
    transition: all linear 0.3s;
}

.clint_help_button:hover{
    background-color: var(--topHover);
    color: var(--primaryColor);
}

/*---globa call section----*/

.global_call_section{
    position: relative;
    z-index: 1;
}

.global_call_section::after {
    content: "";
    position: absolute;
    height: 230px;
    background: url(../images/service/globalbanner.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    background-color: #CBC4C3;
    top: 25%;
    left: 0px;
    z-index: -1;
}

.global_call_section_content{
    max-width: 575px;
    background-color: var(--heading);
    padding: 50px;
}
/*--We serve--*/

.we_serve_wrapper{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.we_serve_content{
    width: 66%;
}


.we_serve_title p{
    font-size: 18px;
    color: var(--heading);
    font-weight: 300;
    position: relative;
}

.we_serve_title p::after {
    content: "";
    position: absolute;
    height: 2px;
    background-color: #582873;
    width: 25px;
    top: -5px;
    left: 0px;
}

.we_serve_itemWrapper {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.we_serve_item {
    box-shadow: 0px 3px 4px 0px #e6e6e5;
    padding: 20px 20px 30px;
    border: 1px solid #e6e6e5;
    display: block;
}

.we_serve_item_image {
    height: 60px;
    width: 60px;
    margin: 0px auto 6px;
}

.we_serve_item_image img{
    max-width: 100%;
    display: block;
}

.we_serve_sidebar{
    width: 25%;
}

.we_serve_item_text{
    font-size: 16px;
    font-weight: 500;
    color: var(--mainColor);
    text-align: center;
}

.we_serve_sidebar_list{
    margin-top: 20px;
}
.we_serve_sidebar_list ul{
    padding: 0;
    padding-left: 15px;
}

.we_serve_sidebar_list ul li{
    margin-bottom: 20px;
    background-color: #2f2b27;
    padding-top: 5px;
    list-style-type: none;
}
.we_serve_sidebar_list ul li:hover{
    background: url(../images/serveicon/hover.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}

.we_serve_sidebar_list ul li a {
    font-size: 20px;
    line-height: 30px;
    display: block;
    font-weight: 300;
    color: var(--primaryColor);
    padding: 15px;
    
}


/*=============================*/
    /*====================
            Home Page
    ======================*/
/*=============================*/
/*------- Header Image-------*/
.banner_section{
    margin-bottom: -135px;
}
.slider_inage img {
    width: 100%;
    object-fit: fill;
    display: block;
    height: 480px;
}
@media only screen and (max-width: 600px) {
    .slider_inage img {
        width: 100%;
        object-fit: fill;
        display: block;
        height: 200px;
    }
}
/*----------Cart Top----------------*/

.home_card_item {
    max-width: 490px;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    background-color: #f7f6f5;
    padding: 30px 30px 48px;
    margin-bottom: 20px;
}

.home_card_item_title{
    font-size: 30px;
    font-weight: 300;
    color: var(--heading);
    text-align: center;
    line-height: 38px;
    margin-bottom: 24px;
}

.home_card_button{
    text-align: center;
}

.home_card_button a{
    display: inline-block;
    padding: 18px 36px;
    color: var(--mainColor);
    border: 1px solid var(--subColor);
    font-size: 14px;
    font-weight: 500;
    background: var(--primaryColor);
    transition: all 0.3s linear;
}

.home_card_button a:hover{
    color: var(--primaryColor);
    background-color: var(--subColor);
}
/*----- Bussinees Section------*/
.home_title{
    padding:0 10%;
    margin-top: 50px;
    text-align: center;
}

.home_title_heading {
    font-size: 30px;
    color: var(--heading);
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 40px;
}

.home_title_heading span{
    position: relative;
}

.home_title_heading span::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 20px;
    background: #9f177a;
    top: -5px;
    left: 0px;
}

.home_title_text {
    color: var(--navColor);
    text-align: center;
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
}
.business_seftion_button {
    text-align: center;
    margin: 10px 0px;
}

.business_seftion_button a {
    display: inline-block;
    padding: 18px 36px;
    color: var(--mainColor);
    border: 1px solid var(--subColor);
    font-size: 14px;
    font-weight: 500;
    background: var(--primaryColor);
    transition: all 0.3s linear;
}

.business_seftion_button a:hover{
    color: var(--primaryColor);
    background-color: var(--subColor);
}

/*------Learn clint history (Style.css)------*/

.learn_clint_history_btn{
    text-align: center;
    margin-top: 24px;
}

.learn_clint_history_btn a{
    display: inline-block;
    color: var(--mainColor);
    font-size: 18px;
    position: relative;
}

.learn_clint_history_btn a::after{
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    width: 0;
    bottom: -5px;
    background: #ae0a46;
    height: 3px;
    transition: 0.4s ease-out;
}

.learn_clint_history_btn a:hover::after{
    left: 0;
    width: 100%;
}


/*------Shop Product section------*/

.home_shop_product_wrapper h5{
    font-size: 34px;
    font-family: Cambria;
    font-weight: 100;
    opacity: .8;
    margin-bottom: 20px;
}
.home_shop_product_wrapper p{
    font-size: 16px;
    font-family: Arial;
    margin-bottom: 20px;
}

.shop_product_brand_list{
    padding-left: 20%;
    margin-top: 20px;
}
.shop_product_brand_list li{
    margin-bottom: 20px;
    border-left: 2px solid #cbc4c3;
    padding-left: 20px;list-style-type: none;
}
.shop_product_brand_list li a{
    color: var(--mainColor);
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
}
.shop_product_brand_list li a:hover{
    color: var(--topHover);
}
/*------our success section------*/
.our_success_wrapper{
    margin-bottom: 50px;
}


.our_success_item_title {
    position: relative;
    background: var(--mainColor);
    text-align: center;
    min-height: 48px;
    display: grid;
    place-content: center;
    font-size: 22px;
    font-family: monospace;
    color: var(--primaryColor);
}

.our_success_item_title2{
    background-color: #9f177a;
}

.our_success_item_title3{
    background-color: #582873;
}

.our_success_item_title2::after{
    border-top: solid 15px #9f177a !important;
}

.our_success_item_title3::after{
    border-top: solid 15px #582873 !important;
}
.our_success_item_title2::after,
.our_success_item_title3::after,
.our_success_item_title::after{
    content: "";
    position: absolute;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    border-top: solid 15px #ae0a46;
    border-left: solid 30px transparent;
    border-right: solid 30px transparent;
    top: 100%;
    margin-left: -30px;
}
.our_success_item_body {
    font-size: 16px;
    color: var(--navColor);
    line-height: 22px;
    font-weight: 300;
    font-family: 'Poppins';
    background: var(--bgColor);
    border: 1px solid #d4d0ca;
    margin-top: -2px;
    min-height: 175px;
    text-align: center;
    padding: 40px 20px 0px 20px;
}

/*=============Motiur=============*/
    /*=======================
         footer section 
    =========================*/
/*============ Start ==============*/

.footer_top {
    padding: 24px 0px;
    background: linear-gradient(90deg, #ae0a46, #a80b6e, #582873);
}

.footer_top p {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    color: var(--text-white);
    font-family: cursive;
}

/*------------------------*/
.footer_middle_wrapper {
    padding: 20px 40px;
    margin: 0px;
    background-color: #222222;
}

.footer_item_wrapper {
    padding: 20px;
}

.footer_item_wrapper h6 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 12px;
    color: var(--text-white);
}

.footer_item_wrapper p {
    color: var(--text-white);
    padding-right: 5%px;
    text-align: justify;
}

.footer_item_logo {
    margin-top: 40px;
}

.footer_item_logo h6 a {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;
    color: var(--text-white);
}

.footer_item_logo h6 a:hover {
    color: var(--light);
}

.footer_item_logo img {
    width: 100px;
}

.footer_nav_list ul {
    margin: 0px;
    padding: 0px;
}

.footer_nav_list ul li {
    list-style-type: none;
}

.footer_nav_list ul li a {
    color: var(--text-white);
}

.footer_nav_list ul li a:hover {
    color: hsla(30, 11%, 96%, .7);
}



.social_icon_wrapper {
    background-color: #222222;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

.footer_social_icon ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 0px;
}

.footer_social_icon ul li {
    list-style-type: none;
    margin: 20px 20px;
}

.footer_social_icon ul li a i {
    color: var(--text-white);
    font-size: 18px;
    transition: .4s;
}

.footer_social_icon ul li a i:hover {
    color: var(--dark-crimson);
}


/*-------------------------*/

.footer_bottom {
    padding: 20px 50px;
    background-color: #222222;
}

.footer_bottom_wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    color: var(--white);
}

.footer_copy {
    width: 120px;
}

.footer_bottom_list ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0px;
    margin: 0px;
}

.footer_bottom_list ul li {
    list-style-type: none;
}

.footer_bottom_list ul li a {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    color: var(--text-white);
}

.footer_bottom_list ul li a:hover {
    color: hsla(30, 11%, 96%, .7);
}

/*Modal-coocies setting*/
.footer_bottom_list ul li label {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    color: var(--text-white);
}

.footer_bottom_list ul li label:hover {
    color: hsla(30, 11%, 96%, .7);
}

/* 
======================
 footer section End
======================
*/


/* Smartphones (portrait) */
@media only screen and (max-width: 320px) {
    /* Styles */
}

/* iPads (portrait and landscape)  */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Styles */
}


/*max-width:500px == anything < 500px*/
/*min-width:500px == anything > 500px*/

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

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

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

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