:root {
    --text-color: #00243A;
    --button-color: #083f88;

  }



*,
:after,
:before {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth !important;
}

body {
    box-sizing: border-box;
    font-size: 14px !important;
    font-family: 'Noto Sans Bengali', sans-serif !important;
    font-family: 'Poppins', sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
    overflow-y: scroll;
}

@media(min-width:320px){
    body{
        margin-top: 3rem !important;
    }
}
@media(min-width:600px){
    body{
        margin-top: 5rem !important;
    }
}


/* =====Nav Bar Start====== */
.active:hover {
    color: #083f88 !important;
}

@media (min-width: 320px) {


    .side_bars {
        display: none !important;
    }

    .dropdown_icon1 {
        display: none !important;
    }

    .dropdown_icon2 {
        display: inline !important;
    }

    .about {
        position: relative;
    }

    #dropdown_show {
        background-color: #083f88;
        padding: 2px 6px 2px 6px;
        border-radius: 3px;
        position: absolute;
        left: 97.01%;
        top: 0px;
    }
}

@media (min-width: 400px) {
    .side_bars {
        display: none !important;
    }

    .dropdown_icon1 {
        display: none !important;
    }

    .dropdown_icon2 {
        display: inline !important;
    }

    .about {
        position: relative;
    }

    #dropdown_show {
        background-color: #083f88;
        padding: 2px 6px 2px 6px;
        border-radius: 3px;
        position: absolute;
        left: 97.01%;
        top: 0px;
    }
}


@media (min-width: 480px) {


    .side_bars {
        display: none !important;
    }

    .dropdown_icon1 {
        display: none !important;
    }

    .dropdown_icon2 {
        display: none !important;
        text-decoration: none;
    }

    .about {
        position: relative;
    }

    #dropdown_show {
        background-color: #083f88;
        padding: 2px 6px 2px 6px;
        border-radius: 3px;
        position: absolute;
        left: 96.01%;
        top: 0px;
    }
}


@media (max-width: 768px) {
    body {
        margin-top: 4.5rem !important;
    }
    .side_bars {
        display: none !important;
    }

    .dropdown_icon1 {
        display: none !important;
    }

    .dropdown_icon2 {
        display: inline-flex !important;
    }

    .about {
        position: relative;
    }

    #dropdown_show {
        background-color: #083f88;
        padding: 2px 6px 2px 6px;
        border-radius: 3px;
        position: absolute;
        left: 98.2%;
        top: 6px;

    }
}
@media(max-width:400px){
    #web_logo {
        width: 180px;
    }
}
@media screen and (min-width: 400px) and (max-width: 768px) {
    #web_logo {
        width: 200px;
    }
  }
  @media screen and (min-width: 768px) {
    #web_logo {
        width: 210px;
    }
  }
@media (max-width: 1000px) {
    body {
        margin-top: 4.5rem !important;
    }
    .side_bars {
        display: none !important;
    }

    .dropdown_icon1 {
        display: none !important;
    }

    .dropdown_icon2 {
        display: inline-flex !important;
    }

    .about {
        position: relative;
    }

    #dropdown_show {
        background-color: #083f88;
        padding: 2px 6px 2px 6px;
        border-radius: 3px;
        position: absolute;
        left: 98.2%;
        top: 6px;
    }
}

@media (min-width: 992px) {
    body {
        margin-top: 5rem !important;
    }
    .side_bars {
        display: none !important;
    }

    .dropdown_icon1 {
        display: inline !important;
    }

    .dropdown_icon2 {
        display: none !important;
    }

    #dropdown_show {
        display: none;
    }
}

@media (min-width: 1024px) {
    body {
        margin-top: 6rem !important;
    }
    .side_bars {
        display: flex !important;
        align-items: center;
        justify-content: center;
        justify-items: center;
        padding: .575rem .675rem !important;
    }

    .dropdown_icon1 {
        display: inline !important;
    }

    .dropdown_icon2 {
        display: none !important;
    }

    #dropdown_show {
        display: none;
    }
}

@media (min-width: 1200px) {
    body {
        margin-top: 6rem !important;
    }
    .side_bars {
        display: flex !important;
        align-items: center;
        justify-content: center;
        justify-items: center;
        padding: .575rem .675rem !important;
    }

    .dropdown_icon1 {
        display: inline !important;
    }

    .dropdown_icon2 {
        display: none !important;
    }

    #dropdown_show {
        display: none;
    }
}

@media (min-width: 1440px) {
    body {
        margin-top: 6rem !important;
    }
    .side_bars {
        display: flex !important;
        align-items: center;
        justify-content: center;
        justify-items: center;
        padding: .575rem .675rem !important;
    }

    .dropdown_icon1 {
        display: inline !important;
    }

    .dropdown_icon2 {
        display: none !important;
    }

    #dropdown_show {
        display: none;
    }
}


.side_bars:focus {
    color: #939393;
    background-color: #ffffffff;
    border-color: inherit;
    outline: 0;
    box-shadow: none !important;
}

.btn-close {
    color: #939393;
    background-color: #ffffffff;
    border-color: inherit;
    outline: 0;
    box-shadow: none !important;
}

.nav-option {
    margin-right: 15px;
}

.mobile_bar:focus {
    color: #939393;
    background-color: #ffffffff;
    border-color: inherit;
    outline: 0;
    box-shadow: none !important;
}

@media all and (min-width: 992px) {
    .navbar .dropdown-menu-end {
        right: 0;
        left: auto;
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .7s;
        margin-top: 0;
    }

    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }

    .navbar .dropdown-menu.fade-up {
        top: 100%;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transition: .7s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }
}

.dropdown-item:hover {
    background-color: #083f88 !important;
    color: #ffffffff !important;
    border-radius: 5px;
    width: 230px;
}

.dropdown-box-item {
    width: 250px;
    padding: 10px !important;
    transition: 0.3s;
}

.dropdown-item {
    font-size: 14px;
    padding: 10px !important;
    transition: 0.5s;
}

#bar {
    background-color: #083f88;
}

#bar:hover {
    background-color: #00243A;
}

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

.offcanvas_text {
    text-align: justify;
}

#offcanvas_image {
    max-width: 100%;
}

/* =====Nav Bar End====== */




/* ============ Home Page Start ============ */


/* Second Part Start */

.first_part_title {
    font-family: 'K2D';
}

.elevate_section_link {
    text-decoration: none;
    background-color: #083f88;
    color: #ffffffff;
    padding: 12px 18px 12px 18px;
    border-radius: 3px;
    transition: 0.3s;
}

.elevate_section_link:hover {
    background-color: #00243A;
    color: #ffffffff;
}

.first_part_para {
    font-family: 'K2D';
}

@media (max-width: 500px) {
    #second_part {
        margin-top: 5rem;
    }

    .first_part_title {
        font-weight: 600;
        font-size: 22px;
        margin-bottom: 1.5rem;
    }

    .first_part_para {
        margin-bottom: 2rem;
        font-size: 14px;
    }

    #first_part_bg {
        margin-top: 4rem !important;
    }
}

@media (max-width: 740px) {
    #second_part {
        margin-top: 3rem;
    }

    .first_part_title {
        font-weight: 600;
        font-size: 22px;
        margin-bottom: 1.5rem;
    }

    .first_part_para {
        margin-bottom: 2rem;
        font-size: 14px;
    }

    #first_part_bg {
        margin-top: 4rem !important;
    }
}

@media (min-width: 768px) {
    .first_part_title {
        font-weight: 600;
        font-size: 23px;
        margin-top: 3rem;
        margin-bottom: 1.5rem;
    }

    .first_part_para {
        margin-bottom: 2rem;
        font-size: 16px;
    }
}

@media (min-width: 1024px) {
    .first_part_title {
        font-weight: 600;
        font-size: 30px;
        margin-top: 3rem;
        margin-bottom: 2rem;
    }

    .first_part_para {
        margin-bottom: 3rem;
        font-size: 18px;
    }
}

@media (min-width: 1440px) {
    .first_part_title {
        font-weight: 900;
        font-size: 44px;
        margin-top: 7rem;
        margin-bottom: 3rem;
    }

    .first_part_para {
        margin-bottom: 5.2rem;
        font-size: 20px;
    }
}

#first_part_bg {
    width: 100%;
    margin-top: 30px;
}

/* =====Second Part End ====== */


/* =====Third Part Start ====== */

.eliminate_guesswork_text {
    text-align: justify;
    text-align-last: center;
}

@media (max-width: 500px) {
    .eliminate_guesswork_title {
        font-family: 'K2D';
        text-align: center;
        font-weight: 600;
        font-size: 22px;
    }
}

@media (max-width: 740px) {
    .eliminate_guesswork_title {
        font-family: 'K2D';
        text-align: center;
        font-weight: 600;
        font-size: 22px;
    }
}

@media (min-width: 768px) {
    .eliminate_guesswork_title {
        font-family: 'K2D';
        text-align: center;
        font-weight: 600;
        font-size: 23px;
    }
}

@media (min-width: 1024px) {
    .eliminate_guesswork_title {
        font-family: 'K2D';
        text-align: center;
        font-weight: 600;
        font-size: 30px;
    }
}

@media (min-width: 1440px) {
    .eliminate_guesswork_title {
        font-family: 'K2D';
        text-align: center;
        font-weight: 900;
        font-size: 44px;
    }
}

/* =====Third Part End ======= */

/* =====Fourth Part Start ==== */
.service_img {
    width: 100px;
    margin: auto;
    display: block;
    margin-top: 30px;
    margin-bottom: 40px;
}

.service_card {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
    transition: background-color .2s ease-out 100ms;
    transition: .5s ease-in-out 100ms;
    background: #ffffffff;
    border-radius: 15px;
}

.card_details {
    text-align: center;
}

.read_more_link {
    text-decoration: none;
    text-align: center;
    margin-top: 20px;
}

@media (min-width: 320px) {
    .card_title {
        font-size: 16px;
        font-family: 'K2D';
        font-weight: 500;
        text-align: center;
        margin-bottom: 30px;
    }

    .second_line_br {
        display: none;
    }

    .third_card_line_br {
        display: none;
    }
}

@media (min-width: 400px) {
    .card_title {
        font-size: 17px;
        font-family: 'K2D';
        font-weight: 500;
        text-align: center;
        margin-bottom: 30px;
    }

    .second_line_br {
        display: none;
    }
}

@media (min-width: 480px) {
    .card_title {
        font-size: 17px;
        font-family: 'K2D';
        font-weight: 500;
        text-align: center;
        margin-bottom: 30px;
    }

    .second_line_br {
        display: none;
    }
}

@media (min-width: 768px) {
    .card_title {
        font-size: 18px;
        font-family: 'K2D';
        font-weight: 700;
        text-align: center;
        margin-bottom: 30px;
    }

    .second_line_br {
        display: none;
    }
}

@media (min-width: 1024px) {
    .card_title {
        font-size: 20px;
        font-family: 'K2D';
        font-weight: 700;
        text-align: center;
        margin-bottom: 30px;
    }

    .second_line_br {
        display: block;
    }

    .third_card_line_br {
        display: block;
    }
}

@media (min-width: 1200px) {
    .card_title {
        font-size: 20px;
        font-family: 'K2D';
        font-weight: 700;
        text-align: center;
        margin-bottom: 30px;
    }

    .second_line_br {
        display: none;
    }

    .third_card_line_br {
        display: block;
    }
}

/* =====Fourth Part End ====== */

/* ============ Home Page Start ============ */

/* ================================= Footer Start ================================= */

.footer_logo {
    width: 200px;
}

.follow_text {
    margin-top: 15px;
    font-size: 13px;
}

.footer_social_icon {
    padding-top: 1px !important;
    font-size: 25px;
    padding-left: 0px;
    padding-right: 7px !important;
}

h5 {
    font-weight: 500 !important;
}

.footer_link {
    text-decoration: none;
    color: #ffffffff;
    font-size: 15px;
    transition: .3s;
    cursor: pointer;
}

.footer_link:hover {
    color: #acacac;
}

.footer_address {
    color: #ffffffff;
    font-size: 15px;
}

@media (min-width: 320px) {
    .address {
        padding-left: 24px !important;
    }
}

@media (min-width: 375px) {
    .address {
        padding-left: 24px !important;
    }
}

@media (min-width: 400px) {
    .address {
        padding-left: 24px !important;
    }
}

@media (min-width: 1024px) {
    #menu_bar {
        padding-left: 120px !important;
    }

    #footer_service {
        padding-left: 50px !important;
    }

    .footer_social_icon {
        padding-right: 1px;
    }

    .address {
        padding-left: 24px;
    }

}

@media (min-width: 1440px) {
    #menu_bar {
        padding-left: 170px !important;
    }

    #footer_service {
        padding-left: 60px !important;
    }

    .address {
        padding-left: 24px !important;
    }
}

.copy_right {
    text-align: center;
    margin-bottom: 0px;
    font-size: 13px;
}

/* ================================= Footer End ================================= */


/* ================================= ABOUT START================================ */

.about_us_images {
    width: 90%;
    transition: 0.3s;
    margin: auto;
    text-align: center;
}

.about_us_images:hover {
    transform: scale(1.02);
}

/* About Us Page Start */
.about_us_page_content {
    text-align: justify;
}

/* About Us Page End */

/* Why Somikorn Start */

.why_somikorn_text1 {
    text-align: justify;
}

/* Why Somikorn End */


/* Mission & Vision Start */

@media (min-width: 320px) {
    .about_us_title {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .about_us_title {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1024px) {
    .about_us_title {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1440px) {
    .about_us_title {
        margin-top: 100px;
        margin-bottom: 30px;
    }
}

/* Mission & Vision End */

/* Our Team Start */
.team_image {
    width: 100%;
    border-radius: 4px;
    transition: all 0.6s;

}

.team_name {
    font-family: 'K2D';
    margin-top: 10px;
    text-align: center;
}

.team_social {
    font-size: 24px;
    color: #083f88;

}

/* Our Team End */

/* ================================= ABOUT END================================ */




/* ================================= SERVICES START =========================== */

/* Recommendation Engine Start */
.service_title {
    font-family: 'K2D';
}

.recomendation_engine_bg {
    max-width: 95%;
    margin: auto;
    display: block;
    margin-top: 50px;
    transition: 0.3s;
}

.recomendation_engine_bg:hover {
    transform: scale(1.05);
}

.recomendation_engine_text {
    text-align: justify;
}

.try_demo_button {
    background-color: #083f88;
    color: #ffffffff;
    text-decoration: none;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    transition: 0.3s;
}

.try_demo_button:hover {
    background-color: #00243A;
    color: #ffffffff;
}

/* Recommendation Engine End */


/* ================================= SERVICES END ============================== */




/* ================================= BLOG START ============================== */
.search_button {
    background-color: #083f88 !important;
    color: #ffffffff !important;
    font-size: 13px !important;
}

.search_button:hover {
    background-color: #00243A !important;
}

.search_button:focus {
    color: #939393;
    background-color: #ffffffff;
    border-color: inherit;
    outline: 0;
    box-shadow: none !important;
}

.blog_title_image {
    width: 100%;
    border-radius: 5px;
    height: 100%;
}

.blog_title {
    font-family: 'K2D';
    font-size: 16px;
}

.blog_link {
    text-decoration: none;
    color: #083f88;
}

.blog_card_title {
    font-family: 'K2D';
}

.blog_read_more-button {
    text-decoration: none;
    background-color: #083f88;
    color: #ffffffff;
    font-size: 13px;
    padding: 8px 18px 8px 18px;
    border-radius: 3px;
    transition: .3s;
}

.blog_read_more-button:hover {
    background-color: #00243A;
    color: #ffffffff;
}

.page-link:focus {
    color: #939393;
    background-color: #ffffffff;
    border-color: inherit;
    outline: 0;
    box-shadow: none !important;
}


/* ================================= BLOG END ============================== */


/* ================================= SINGLE BLOG START ============================== */
.single_blog_page_title {
    font-family: 'K2D';
}

@media (min-width: 320px) {
    .single_blog_page_title {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .single_blog_page_title {
        margin-top: 150px;
    }
}


.single_page_blog_header_image {
    max-width: 60%;
    margin: auto;
    display: block;
}


.blog_text_title {
    font-family: 'K2D';
}

.blog_para_title {
    font-family: 'K2D';
    margin-bottom: 20px;
}

.blog_text {
    text-align: justify;
}

.blog__point_list {
    font-weight: 900;
}

/* ================================= SINGLE BLOG END ============================== */



/* =========================BLOG CATEGORY START=================== */
.blog_category_image {
    max-width: 100%;
}

.category_title {
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: 'K2D';
}

/* =========================BLOG CATEGORY END=================== */

















/* ================================= CONTACT US START ========================== */

.form-control {
    padding: 12px !important;
    transition: 0.2s;
    font-size: 14px !important;
}

.form-control:focus {
    color: #939393;
    background-color: #ffffffff;
    border-color: inherit;
    outline: 0;
    box-shadow: none !important;
}

.btn-color {
    background-color: #083f88 !important;
    color: #ffffffff !important;
    font-size: 13px !important;
    padding: 15px !important;
}

.message_btn:focus {
    color: #939393;
    background-color: #ffffffff;
    border-color: inherit;
    outline: 0;
    box-shadow: none !important;
}

iframe {
    width: 100% !important;
    height: 400px;
}

@media (min-width: 768px) {
    .address_details {
        margin-left: 50px;
    }
}

@media (min-width: 1024px) {
    .address_details {
        margin-left: 100px;
    }
}

@media (min-width: 1200px) {
    .address_details {
        margin-left: 100px;
    }
}

@media (min-width: 1440px) {
    .address_details {
        margin-left: 100px;
    }
}

/* ================================= CONTACT US END =========================== */
/* =======about us  ======= */
.about-us .about-content span{
    font-size:19px;
    position:relative;
    color:var(--button-color);
    text-transform: uppercase;
}
.about-us .about-content h1{
    font-size: 32px;
    font-weight: 600;
}
.about-us .about-content p{
    font-size:16px;
}
/* .about-us .about-content span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--button-color);
    bottom: -8%;
    left: 50%;
    transform: translate(-50%, -3%);
} */

/* ----- mission and vision */

#mission_section .mission-wrap{
    /* padding: 25px; */
    /* -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11); */
    border-radius: 10px;
    min-height: 270px;

  }
  #mission_section .mission-wrap h1{
    font-size: 25px;
    color: var(--text-color);
    position: relative;
    font-weight: 800;
    font-family: 'K2D' ;

  }
  #mission_section .mission-wrap p{
    font-size: 15.5px;
    color: #282828;
    line-height: 28px;
  }

  #mission_section .mission-wrap .underline{
   width: 20px;
   height: 2px;
   background-color: var(--button-color);

  }
  .pt-40{
    padding-top:40px;

  }
  .pt-50{
    padding-top:50px;

  }
  .pb-40{
    padding-bottom:40px;

  }
  .pb-50{
    padding-bottom:50px;
  }
  @media(max-width:768px){
    .pt-40{
        padding-top:30px !important;

      }
      .pb-40{
        padding-bottom:30px !important;

      }
      .pb-50{
        padding-bottom:40px !important;
      }
      .pt-50{
        padding-top:40px !important;

      }
  }
  .team-shadow{
    box-shadow:0 5px 40px 0 rgba(0, 0, 0, 0.11);
  }
  .why-somikoron p{
    font-size:16px;
  }
  .service-section p{
    font-size: 16px;
  }
  .service-list li{
    font-size:16px;
  }
  .blog-shadow{
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    border-radius: 7px;
    padding: 13px;
  }

  .date-blog{
    text-decoration: none;
    background-color: #00243A;
    color: #fff;
    font-size: 13px;
    padding: 8px 18px 8px 18px;
    border-radius: 1px;
    transition: .3s;
    width: fit-content;
    position: absolute;
    bottom: 0%;
    border-top-right-radius:5px;
    left: 0%;
  }
  .blog-by{
    padding-top: 14px;
    padding-bottom: 8px;
  }

  .blog-read-more{
    text-decoration: none;
    font-weight: 800;
    padding-bottom: 4px;
    display:flex;
    align-items:center;
    color:#083f8f;
    gap:5px;
    width: fit-content;
    position: relative;
  }
  .blog-read-more:hover{
    color:#083f8f;
  }
  .blog-read-more::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    background: #083f8f;
    height: 1px;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
  }
  .blog-read-more:hover::before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}
  .blog-read-more i{
    font-weight: 800;
    font-size: 13px;
  }
  .box-shadow{
    background-color: #fff;
    box-shadow: 0 2px 26px rgba(0,0,0,.09);

  }
  .card_title{

    padding-bottom: 5px;
    margin-bottom: 20px;
    text-transform: capitalize;
    position: relative;
    font-weight: 700;


  }

  .pr-0{
    padding-right: 0px !important;
  }
  .category-list{
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .category-list li{
  position: relative;
  margin-bottom: 12px;
  color: #57647c;
  padding-left: 14px;
  font-size: 14.5px;
  font-family: Dosis,sans-serif;
  font-weight: 600;
  }
  .category-list li::before{
    background: #083f8f;
    height: 7px;
    width: 7px;
    content: "";
    left: 0;
    top: 7px;
    position: absolute;
  }
  .blog-box:hover img{
    transform: scale(1.1);
  }
  .blog-box{
    display: flex;
    align-items: center;
    justify-content: center;

  }

  .blog-box img{
    overflow: hidden;
    transition: all 0.5s;
    display: inline;
    height: 198px!important;

    border-radius: 5px;
  }
  .blog-box .blog_link h5{


    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #212c4f;
    font-family: poppins;
    font-size: 21px;
    font-weight: 800 !important;
    line-height: 30px;
    letter-spacing: .02em;
    text-align: left;
    margin-bottom: 10px!important;
  }
  .blog-box .blog-dec{

    color: #6e6c6c;
    margin-top: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
  }
  .blog-box .blog-content{
    padding: 0 40px 0 20px;
  }
  /* blog details */
  .banner-bg{
   background-position: center;
   background:url('/asset/image/blog-page/single_page_blog/blog-banner.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   padding: 30px 0px;

  }
  .connect-box{
    padding:20px 32px 40px;
  }
  .connect-box .connect-img{
    margin:auto;
    text-align:center;
    padding-top:32px
  }
  .contect-details h4{
    font-size:19px;
    font-weight: 800 !important;

  }
  .contect-details h5{
    margin-top: 12px;
    max-height: 35px;
    font-size:15px;
    font-weight: 600 !important;
  }
  .contect-details p{
    padding-top: 15px;
    font-size:15px;

  }
  .connect-btn{
    background: #083f88 !important;
    color: #fff !important;
    padding: 8.5px 18px !important;
  }
  .connect-btn:hover{
    background: #00243A !important;
  }
  /* .list-gap-blog{
    gap:20px;
  } */
  .tab-blog {
    padding-top:65px;
  }
  .tab-blog .nav-tabs{
    border:none;
  }
  .tab-blog .nav-tabs .nav-link{
    border:none;
    color:var(--text-color) !important;
    font-size:15.5px;
    padding:.4rem 1.4rem !important;
    font-weight: 500 ;
    background: transparent;
    border-radius: 22px;
  }
  .tab-blog .nav-tabs .nav-link.active{
    background: var(--button-color);
    border-radius: 22px;
    color: #fff !important;
  }
  .tab-blog .tab-content{
    margin-top:40px !important;
  }
  /*======= blog grid box ======== */
  .blog-grid-box .blog-grid-img img{
    border-radius: 10px;
    max-height: 230px;
  }
  .blog-grid-box .blog-grid-content{
    padding:10px;
  }
  .blog-grid-box .blog-grid-content .blog-grid-category{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
  }
  .blog-grid-box .blog-grid-content .blog-grid-category a{
    text-decoration:none;
    color:var(--button-color);
    font-size:15px;
  }
  .blog-grid-box .blog-grid-content .blog-grid-title{
    font-size:17px;
    font-weight: 600 ;
    margin-top:15px;
    line-height: 25px;
  }
  .blog-grid-box .blog-grid-content .blog-grid-title a{
    text-decoration:none;
    color:var(--text-color) !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: pre-wrap;
    transition:all 0.5s;
  }
  .blog-grid-box .blog-grid-content .blog-grid-title a:hover{
    color:var(--button-color) !important;
  }
  .blog-grid-box .blog-grid-content .date_author{
    display:flex;
    align-items:center;
    padding-top:13px;

  }
  .blog-grid-box .blog-grid-content .date_author .author{
    border-right: 1px solid #a5a5a5;
    padding-right: 12px;
    color: #464545;
    font-size: 15px;
  }
  .blog-grid-box .blog-grid-content .date_author .author .author-name{

    color: #2e2e2e;
  }
  .blog-grid-box .blog-grid-content .date_author .date{
    color: #464545;
    padding-left:20px;
    font-size: 15px;
  }
  /* ==== single blog ======= */
  .blog-details .b_details_content .cetagory_name{
    text-align: center;
    margin: auto;
    background-color: rgba(29,36,138,.1);
    border-radius: 40px;
    padding: 4px 15px;
    font-size: 14px;
    color: var(--button-color);
    width: fit-content;

  }

  .blog-details .b_details_content .b_title_content h1{
    font-size: 28px;
    font-weight: bolder;
    line-height: 48px;
    text-align: center;
    margin: auto;
    padding: 25px 0px;
  }
  .blog-details .b_details_content .b_title_content .author_container{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: auto;
  }
  .blog-details .b_details_content .b_title_content .author_container .author_name{
    padding-right: 20px;
    border-right: 1px solid grey;
    font-size: 16px;
  }
  .blog-details .b_details_content .b_title_content .author_container .author_name a{
    color: #3f3f3f;
  }
  .blog-details .b_details_content .b_title_content .author_container .date{
    padding-left: 20px;
    font-size: 16px;

  }
  .blog-details .b_details p{
    font-size: 16px;
    margin-bottom: 20px;

  }
  .blog-details .b_details h4,h2,h4,h5{
    font-weight: 800;
    font-size: 26px;
    margin-bottom: 10px;

  }
  .blog-details .b_details img{
    width: 100%;
    height:auto;
    margin-bottom: 20px;
  }
  .blog-details .social-icon{
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: center;
  }
  .blog-details .social-icon .blog_icon{
    display: flex;
    align-items: center;
    justify-content: center;
    padding:5px 5px 5px 5px ;
    border-radius: 6px 6px 6px 6px;

    color: #fff;
    text-decoration: none;
  }
  .facebook_icon{
    background: #3b5998;
  }
  .messenger_icon{
    background: #448AFF;
  }
  .twitter_icon {
    background-color:#1DA1F2 ;
  }
  .linkdin_icon{
    background-color: #0077b5 ;
  }

  .blog-details .social-icon i {
    font-size: 20px;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .single-connect-box{
    padding: 10px;
  }
  .single-connect-box .connect-img{
    margin:auto;
    text-align:center;
    margin-top: 20px;

  }
  .single-connect-box .connect-img img{
    width: 70%;
  }
  .single-connect-box .contect-details h4{
    font-size: 15px;
  }
  .single-connect-box .contect-details .connect-btn{
    background: #083f88 !important;
    color: #fff !important;
    font-size: 13px !important;
    padding: 7.5px 12px !important;
  }
  .recent_post h3{
    font-weight: bold;
    font-size: 23px;
    padding-bottom: 12px;
  }
  .recent_post ul{
    list-style: none;
    gap:8px
  }
  .recent_post ul li a{
    text-decoration: none;
    color:#111;
    font-size:17px;
    cursor:pointer;
  }
  .recent_post ul li a:hover{
    text-decoration: underline;
  }
  /* blog category section */
  #blog-category-section .tab-blog{
    padding-top: 30px !important;

  }

  /* contact page  */
  .contact-page-box{
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    padding: 30px;
  }
     /* ==== hidden arrow input type number =====*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
      /* ==== hidden arrow input type number =====*/
.contact-us-info a{
    text-decoration: none;
    color: #212529;
    font-size: 15px;
}
.contact-us-info a:hover{
    color: var(--button-color);
}
.contact-us-info i{
    font-size: 16px;
}
.contact-us-info div{
    padding-bottom: 15px;
    font-size: 15px;
    display: flex;
    align-items: center;
}
.contact-us-info div:last-child{
    margin-bottom: 0px;
}
.contact-social{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 5px 5px 5px;
    border-radius: 6px 6px 6px 6px;
    color: #fff;
    transition: all 0.5s;
    width: fit-content;
    text-decoration: none;
}
.contact-social i {
    font-size: 18px;
    height: 22px;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-social:hover{
    background-color: var(--button-color);
    color: #fff;
}
.map_box{
    padding: 10px 14px;
}

/*============= video section ============== */
#company-intro .video-intro-content h2{
    margin-top: 0;
    margin-bottom: 3.198vw;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}
#company-intro .video-intro-content p{
    font-size: 19px;
    line-height: 30px;
     margin-bottom: 25px;
}
#company-intro .video-intro-content p span{
    color: var(--button-color);
}
#company-intro .video-intro-content .service_tag{
   margin-top: 40px;
}
#company-intro .video-intro-content .service_tag a{
    text-decoration: none;
    background-color: #083f88;
    color: #ffffffff;
    padding:12px 18px 12px 18px;
    border-radius: 3px;
    transition: 0.3s;
    font-size: 15px;
}
#company-intro .video-intro-content .service_tag a:hover{
    background-color: #00243A;
    color: #ffffffff;
}
#company-intro .video-option iframe{
    border-radius: 15px;
}
/* What we do section */
.section-title{
    text-align: center;
    margin: auto;
    width: 70%;
    padding-bottom: 2px;
}
.section-title span{
    font-size: 19px;
    position: relative;
    color: var(--button-color);
    text-transform: uppercase;
    display: block;
    margin-bottom: 7px;
}
.section-title h2{
    font-weight: 700;
    font-size: 30px;
}
.section-title p{
    color: #666666;
    line-height: 28px;
    margin: 0 0 15px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    text-align: justify;
}
.what_WeDO_tab{
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;

}
.what_WeDO_tab .nav-tabs{
    border-bottom: none;
    margin-bottom: 40px !important;
}
.what_WeDO_tab .nav-link{
    position: relative;
    display: block;
    border: 1px solid #e9ecef !important;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px 25px;
    position: relative;
    z-index: 1;
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
    font-weight: 400;
    color: #202020 !important;

}
.what_WeDO_tab .nav-link.active{
    background: rgba(8, 63, 136, 1) !important;
    color: #ffff !important;
}
.what_WeDO_tab .nav-link.active::before {
    position: absolute;
    left: 50%;
    bottom: -24px;
    content: "";
    height: 10px;
    width: 10px;
    border: 2px solid var(--button-color);
    margin-left: -5px;
    border-radius: 50%;
}
.what_WeDO_tab .nav-link.active::after {
    position: absolute;
    left: 50%;
    bottom: -15px;
    content: "";
    height: 15px;
    width: 1px;
    background: var(--button-color);
}
.different-tab .tab-content{
    padding: 50px;
    background: #ffffff;
    border-top: 3px solid var(--button-color);
    box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57)
}
.different-tab .info ul{
  padding: 0px;
  list-style: none;
}

.different-tab .info ul li{
    color: #4e4e4e;
    line-height: 28px;
    margin: 0 0 15px;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;


        padding-left: 30px;

        position: relative;

}
.different-tab .info ul li i{
    background-color: #d3d3d6;
    border-radius: 50%;
    color: #221638;
    font-size: 9px;
    height: 20px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s;
    width: 20px;
}
.different-tab .info h3{
    margin-bottom: 20px;
    font-weight: 700;
    color: #232323;

}
.different-tab .info p{
    color: #4e4e4e;
    line-height: 28px;
    margin: 0 0 15px;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
}
.checkMark{
    list-style: none;
    padding: 0px;
}
.checkMark li{
    color: #4e4e4e;
    line-height: 20px;
    margin: 0 0 15px;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    padding-left: 30px;
    position: relative;
}
.checkMark li i{
    background-color: #d3d3d6;
    border-radius: 50%;
    color: #221638;
    font-size: 9px;
    height: 20px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s;
    width: 20px;

}
.mission-icon {
    padding-bottom: 6px;
}
.mission-icon img{
    width: 65%;
    margin: auto;
    text-align: center;
}
.core_value ul{
    list-style: none;
    padding: 0px !important;
}
.core_value ul li{
    font-size: 17px;
    margin-bottom: 6px;

    color: #282828 !important;
}
.core_value ul li i{
    font-size: 16px;
    color: gray;
}
@media (max-width: 767px){
    .section-title{
        width: 100%;
    }
    .what_WeDO_tab .nav-link{
        width: 100%;
    }
    .different-tab .tab-content{
        padding: 25px;
    }
    .blog-grid-box .blog-grid-img img{
        max-height: 210px;
    }
    .tecnology-grid{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)) !important;
        gap: 20px;
        justify-content: space-between;
    }
}
@media (max-width: 1024px){
    .what_WeDO_tab .nav-link.active::after{
        display: none;
    }
    .what_WeDO_tab .nav-link.active::before{
        display: none;
    }

}

/* technology used */
.tecnology-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    justify-content: space-between;
}
.technology-item-box{
    background-color: #F1F6FF;
}
.technology-item-box .technology-item-content h3{
    font-size: 19px;
    color: var(--button-color);
}
.technology-item-box .technology-item-content p{
    font-size: 15px;
    padding-top: 8px;
}

/* another */
.technology-owl .tecnology-img{
    width: 172px !important;
    height: unset !important;
}
.technology-owl .tecnology-img img{
    box-shadow: 0px 7px 60px rgba(200, 203, 208, 0.3);
    padding: 12px 38px;
    border-radius: 5px;
    width: 100%;
    height: 55px;

}

.about_us p{
    text-align: left;
    font-size: 15.3px;
    color: #363636;
}
.mission_vision{
    width: 80%;
    margin: auto;
}
.mission_vision p{
    text-align: center;
    font-size: 15.5px;
    color: #262626;
}
.mission_bg{
    background: #083f8808;
}
.we_do .icon{
    width: 46px;
    height: 46px;
    background: rgba(8, 63, 136, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
}
.we_do .icon i{
    font-size: 21px;
    color: #fff;
}
.we_do .we_do_content h3{
    font-size: 20px;
    font-weight: 600;
}
.we_do .we_do_content p{
    font-size: 16px;

}
.we_do .we_do_content ul{
   list-style: none;
   padding: 0px;
   display: flex;
   flex-direction: column;
   gap: 7px;
   color: #363636;
   font-size: 14.7px;
}
.we_do .we_do_content ul li i{
    color: var(--text-color);
    font-size: 14.7px;
}
.we_do .we_do_content ul li .mr-2{
  margin-right: 6px;
}
.we_do .we_do_box{
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
    transition: background-color .2s ease-out 100ms;
    transition: .5s ease-in-out 100ms;
    background: #ffffffff;
    border-radius: 15px;
    padding: 35px;
    margin-bottom: 20px;
    min-height: 419px;
}
.our_values{
    width: 52%;
    margin: auto;
}
@media (max-width: 767px){
    .our_values{
        width: 100%;
        margin: auto;
    }
    .we_do .we_do_box{
        padding: 25px;
    }
    .mission_vision{
        width: 100%;

    }
}
.our_values span{
    font-size: 15.5px;
}
.our_values .mr-2{
    margin-right: 6px;
    color: var(--button-color);
}
/* team new design */
.team_box{
padding: 8px;
background: #fff;
}
.team_box .team_name{
    font-size: 18px;
}
.team_box .designation{
    margin-bottom: 12px;
}
.team_box .team_name a{
   text-decoration: none;
   color: #00243A;
}
.single-team .team-inner-box{
    /* padding: 20px 20px 20px;
    background: #f7f7fc;

    text-align: center; */

}
.single-team .team-inner-box .ps-image{
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

}
.single-team .team-inner-box .ps-image img{
    border-radius: 5px;
}
.single-team .team-inner-box .ps-image .member_content{
    padding: 20px;
    text-align: left;
}
.single-team .team-inner-box .ps-image .member_content h3{
    font-size: 19px;
    font-weight: 600;
}
.single-team .team-inner-box .ps-image .member_content p{
   margin-bottom: 0px;
   font-size: 14px;
}

.single-team .team-inner-box  .social-box{
    margin-top: 25px;
    background-color: #ffffff;
    padding: 25px;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
}
.single-team .team-inner-box  .social-box h3{
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
}
.single-team .team-inner-box  .social_info{
    padding: 0;
    list-style: none;
    margin-bottom: 0px;
}
.single-team .team-inner-box  .social_info li{
    margin: 5px 0 0;
    padding: 0;
    display: block;
}
.single-team .team-inner-box  .social_info li a{
    color:#666666;
    text-decoration: none;
}



.single-team  .ps-information h4{
    margin-bottom: 17px;
    font-size: 21px;
    font-weight: 800;
    color: #2a2a2a;

}
/* .single-team  .ps-information .social_info,
.single-team  .ps-information .personal_info{

    padding: 0;
    list-style: none;

} */
/* .single-team  .ps-information .personal_info li{
    margin: 5px 0 0;
    padding: 0;
    display: block;
}
.single-team  .ps-information .personal_info li a{
    color:#666666;
    text-decoration: none;
} */
.single-team .team-content{
    background-color: #fff;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    padding: 25px;
    border-radius: 5px;

}
.single-team .team-content h4{
    position: relative;
    font-size: 21px;
    padding-bottom: 12px;

}
.single-team .team-content h4::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 2px;
    display: inline-block;
    background: var(--button-color)
}
.designation-info{
    display: block;
    color: var(--button-color);
    margin-top: 0;
    padding-bottom: 5px;
    font-size: 18px;
}
.title-bg-gray{
    color: #333333;
    padding-bottom: 0px;
    margin-bottom: 10px;
    font-weight: bold;
}
.single-team .team-content .short-desc{
    font-size: 15px;
    color: #3c3c3c;
    margin-top: 10px;
    line-height: 25px;
}
.cursor-pointer{
    cursor: pointer;
}
.team_box:hover .team_image{
    transform: scale(1.1);
    border-radius: 5px;
}
.team_box:hover .content-overlay{
    opacity: 1;
}
.team_box .content-overlay{
    background: rgba(0,0,0,0.4);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }

.team_box:hover .content-details{
    top: 50%;
    left: 50%;
    opacity: 1;
  }

.team_box .content-details h3{
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
  }

.team_box .content-details p{
    color: #fff;
    font-size: 1em;
    margin-bottom: 0px;
  }
.team_box .content-details button{
    color: #fff;
    font-size: 1.1em;
    padding: 4px 10px !important;
    border: 1px solid #fff;
    border-radius: 5px;
    outline: 0;

  }
  .team_box .content-details button:focus{
    outline:none;
    box-shadow: none;

  }
.team_box .fadeIn-bottom{
    top: 80%;
  }

  /* why how can help you */
  .help_box h4{
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
  }
  .help_box p{
    font-size: 15px;
    line-height: 27px;
  }
.WhyWork_box .WhyWork_box_content h4{
    font-size: 17px;
    padding-top: 15px;
    color: var(--text-color);
    font-weight: 600;
}
.WhyWork_box .WhyWork_box_content p{
    font-size: 15.3px;
    color: #2a2a2a;
    line-height: 27px;
}

.quick-contact h3{
    color: #000;

    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    margin-bottom: 15px
}

.quick-contact .contact_btn{
    color: #ffffff;
    background-color:var(--button-color);

    height: 46px;
   border: none;
    border-radius: 4px 4px 4px 4px;
    padding: 8px 35px 8px 35px;
    font-size: 19px;
}
.quick-contact .contact_btn:hover{
    outline: none;
    border: none;
    color: #fff;
    box-shadow: none;
}
.section-primary{
    background-color: var(--button-color);
    color: #fff;
}
.recomendation_industry .industry_box{

    border: 1px solid rgba(229, 229, 229, 0.60);

    border-radius: 5px 5px 5px 5px;
    padding: 15px !important;
    min-height: 296px;
}
.recomendation_industry .industry_box ul{
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.recomendation_industry .industry_box:hover{
    box-shadow: 0px 0px 20.5717px rgba(89, 66, 208, 0.07);
}
.recomendation_industry .industry_box .icon{
 width: 40px;
 height: 40px;
 background-color: rgba(8, 63, 136, 0.7);
 border-radius:6px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
}
.recomendation_industry .industry_box .icon i{
    font-size: 18px;
}
.recomendation_industry .industry_box .we_do_content h3{
    color: #393838;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    text-align: left;
    padding-bottom: 10px;

}
#working_process .process_content h3{

    font-size: 26px;
    font-weight: 600;
    line-height: 40.03px;
    letter-spacing: 0.12px;
    padding-bottom: 10px;
}
@media (max-width: 768px) {
    #working_process .process_content h3{
        font-size: 21px;
        padding-top: 0px;
        margin-bottom: 0px;
    }
}
#working_process .process_content p{

    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0.12px;
}

.grid-team {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}

/* demo design 1 */
/* .grid-quarter{
    margin:0 auto;
    width: 200px;
    object-fit: contain;
    height: 200px;
    border-radius: 100%;
    border: 1px solid #dbdbdb;
    transition: all 0.6s;
    margin-top: 24px;
    margin-bottom: 24px;
} */
/* @media only screen and (max-width: 600px){
    .grid-quarter{
        width: 170px;
        height: 170px;
    }
}
@media only screen and (max-width: 400px){
    .grid-quarter{
        width: 125px;
        height: 125px;
    }
} */
.icon_social{
    gap: 12px;
}
.team-content{
padding-bottom: 9px;
}

/*=========== design 2 ============*/
.grid-quarter2{

   margin: 10px 10px 11px 10px !important;

    object-fit: contain !important;
    border-radius: 5px;
    transition: all 0.6s !important;


}
@media screen and (min-device-width: 1167px) and (max-device-width: 3200px) {
    .grid-quarter2{
        height: 235px  !important;
    }
}
@media only screen and (max-width: 600px){
    .grid-quarter2{
        margin: 5px 5px 10px 5px !important;
    }
    .team-content2{

        padding: 0px 4px;
        /* width: 236px !important; */
    }
    .team_box{
        padding: 2px;
    }
}
.grid-quarter2 img{
    border-radius: 5px;
    /* height: 100%; */
}

.team-content2{
    padding-bottom:6px ;
    padding: 0px 11px;
    /* width: 236px !important; */
}
.title_name{
    display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 767px){
    .title_name{
        display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
}


/* faq section */
#faq .faq_container {
    border-bottom: 1px solid var(--button-color);
 }
#faq .faq_question {
  font-size: 1rem;
  font-weight: 600;
  padding: 2px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
#faq .answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}
#faq .answer {
  padding: 0 2px 2px;
  line-height: 1.5rem;
}
#faq .answer p{
    font-size: 15px;
    color: rgb(80, 80, 80);
}
#faq .fqa_headline_container h2 span { font-weight: 700; }
#faq .faq_question-text h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
 }
@media(max-width:768px){
    #faq .faq_question-text h3 {
        font-size: 15px;
    }
}
#faq .icon.active {
  background: transparent;
  border: 2px solid #fff;
}
#faq .icon:hover { cursor: pointer; }
#faq .icon-shape { position: relative; width: 50px; height: 50px; }
#faq .icon .icon-shape::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 4px;
  background: var(--button-color);
  border-radius: 3px;
  transition: all 0.5s ease;
}
#faq .icon .icon-shape::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 20px;
  background: var(--button-color);
  border-radius: 3px;
  transition: all 0.5s ease;
}
@media(max-width:768px){

    #faq .icon .icon-shape::before { width: 18px; height: 3px; }
    #faq .icon .icon-shape::after { width: 3px; height: 18px; }
}
#faq .icon .icon-shape.active::before {
  transform: translate(-50%, -50%) rotate(180deg);
  transition: all 0.5s ease;
}
#faq .icon .icon-shape.active::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.5s ease;
}

/* faq section */
/* start benefits */
#benefits .benefits_box{

    height: 100%;
    padding:35px 15px 25px;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 1px 10px rgba(50, 95, 156, 0.2),0 4px 5px rgba(50,95,156,.12),0 2px 4px rgba(50,95,195,.14);
    transition: box-shadow .2s
}
#benefits .benefits_box .icon{

    border-radius: 100%;
    display: flex;
    align-self: center;
    justify-content: center;

}
#benefits .benefits_box .benefit_content .benefit_title{
    font-size: 17px;
    font-weight: 600;
    line-height: 27px;
    text-align: center;
}
#benefits .benefits_box .benefit_content .benefit_dec{
    margin-top: 10px;
    line-height: 27px;
    text-align: center;
}

/* back  to top */
.scrollToTopBtn {
    background-color: var(--text-color);
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    font-size: 23px;
    line-height: 38px;
    width: 38px;
        /* place it at the bottom right corner */
    position: fixed;
    bottom: 30px;
    right: 30px;
        /* keep it on top of everything else */
    z-index: 100;
        /* hide with opacity */
    opacity: 0;
        /* also add a translate effect */
    transform: translateY(100px);
        /* and a transition */
    transition: all .5s ease
  }
  .scrollToTopBtn:hover{
    background-color: #042c46;
  }
  .showBtn {
    opacity: 1;
    transform: translateY(0)
  }
  /* single blog  */
.recent_post{
    position: sticky;
    top: 90px;
}
.blog_social{
    position: sticky;
    top: 90px;
}

/* demo blog site */
#single_blog_section .blog_right_side .blog_content_box{
   padding: 25px;
  background-color: #fff;
  box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.06);
   border-radius: 10px;
}
#single_blog_section .blog_right_side .blog_content_box .b_part_name h4{
   font-size: 19px;
   font-weight: 700;
   padding-bottom: 13px;
   position: relative;
}
#single_blog_section .blog_right_side .blog_content_box .b_part_name h4::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 2px;
    display: inline-block;
    background: var(--button-color);
}
#single_blog_section .blog_right_side .blog_content_box .category_list{
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
#single_blog_section .blog_right_side .blog_content_box .category_list li a{
    font-size: 15px;
    transition: all 0.5s;
    padding: 11px 17px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    transition: all 0.5s;
    display: block;
}

#single_blog_section .blog_right_side .blog_content_box .category_list li a:hover{
  color: var(--button-color);
  border-color: var(--button-color);
}
#single_blog_section .blog_right_side .blog_content_box .category_list li a{
  text-decoration: none;
  color: #4a4949;
}
#single_blog_section .blog_right_side .blog_content_box .category_list li i{
    font-size: 12px;
    padding-right: 10px;
    color: var(--button-color);
}
#single_blog_section .blog_right_side .blog_content_box .recent_blog_wrap {
   padding-top: 15px;
}
#single_blog_section .blog_right_side .blog_content_box .recent_blog_wrap .recent_blog_content h4 {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 7px;
}
#single_blog_section .blog_right_side .blog_content_box .recent_blog_wrap .recent_blog_content h4 a {
  text-decoration: none;
  color: var(--button-color);
  transition: all   0.5s;
}
#single_blog_section .blog_right_side .blog_content_box .recent_blog_wrap .recent_blog_content h4 a:hover {

  color: var(--text-color);
}
#single_blog_section .blog_right_side .blog_content_box .recent_blog_wrap .recent_blog_img img{
    border-radius: 7px;
    width: 100%;
}
#single_blog_section .blog_right_side .blog_content_box .recent_blog_wrap .recent_blog_content .recent_blog_meta {
  display: flex;
  align-items: center;
  gap: 10px;
}
#single_blog_section .blog_right_side .blog_content_box .recent_blog_wrap{
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
#single_blog_section .blog_left_side .blog_details_content .blog_img img{
 width: 100%;
 border-radius: 5px;
 height: auto;

}
#single_blog_section .blog_left_side .blog_details_content .blog_title{
 padding-bottom: 20px;
}
#single_blog_section .blog_left_side .blog_details_content .blog_title h1{
 font-size: 32px;
 font-weight: 700;
 color: var(--button-color);
 margin: 0px;
 padding-top: 10px;

}
#single_blog_section .blog_left_side .blog_details_content .blog_title .blog_author p{
 font-size: 17px;
}
#single_blog_section .blog_left_side .blog_details_content .blog_title .blog_author p .author_name{
 color: var(--button-color);
}
#single_blog_section .blog_left_side .blog_details_content .blog-content p{
 font-size: 16px;
 margin-bottom: 16px;
}
#single_blog_section .blog_left_side .blog_details_content .blog-content h2,
#single_blog_section .blog_left_side .blog_details_content .blog-content h2{
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 14px;
}
#single_blog_section .blog_left_side .blog_details_content .blog-content h3,
#single_blog_section .blog_left_side .blog_details_content .blog-content h4,
#single_blog_section .blog_left_side .blog_details_content .blog-content h5,
#single_blog_section .blog_left_side .blog_details_content .blog-content h2{
    font-size: 21px;
    color: var(--button-color);
    font-weight: 600;
    margin-bottom: 14px;
    border-left: 4px solid var(--button-color);
    padding-left: 12px;
}
#single_blog_section .blog_left_side .blog_details_content .blog-social-info .blog-social-icon{
    display: flex;
    align-items: center;
    gap: 10px;
}
#single_blog_section .blog_left_side .blog_details_content .blog-social-info .blog-social-icon a{
    position: relative;
    display: inline-block;
    width: 130px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    top: 0;
    transition:opacity 0.2s ease-in, top 0.2s ease-in;
    -webkit-transition:opacity 0.2s ease-in, top 0.2s ease-in;
}
#single_blog_section .blog_left_side .blog_details_content .blog-social-info .blog-social-icon a:hover{
    opacity: .8;
    top: -4px;

}
#single_blog_section .blog_left_side .blog_details_content .blog-social-info h5{
    font-size: 17px;
    margin-bottom: 24px;
    color: var(--text-color);
    font-weight: 500 !important;
}
#single_blog_section .blog_left_side .blog_details_content .blog-social-info .blog-social-icon a img{
    margin-right: 10px;
    display: inline-block;
    height: 16px;
    width: 16px;
    position: relative;
    vertical-align: middle;
    top: -2px;
}
#single_blog_section .blog_left_side .blog_details_content .blog-social-info .blog-social-icon a i{
    margin-right: 10px;
    font-size: 12px;
}
#single_blog_section .blog_left_side .blog_details_content .blog_creator{
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
#single_blog_section .blog_left_side .blog_details_content .blog_creator .blog_date{
    display: flex;
    align-items: center;
    gap: 7px;
}
#single_blog_section .blog_left_side .blog_details_content .blog_creator .blog_author{
    display: flex;
    align-items: center;
    gap: 7px;
}
#single_blog_section .blog_left_side .blog_details_content .blog_creator .blog_category{
    display: flex;
    align-items: center;
    gap: 7px;
}
#single_blog_section .blog-content-shadow{
    box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.06);
    padding: 25px;
    border-radius: 10px;
}
#single_blog_section .recent_post_part{
    position: sticky;
    top: 80px;
}
@media(max-width:767px){
    #single_blog_section .blog-content-shadow{
        padding: 10px;
    }
    #single_blog_section .blog_right_side .blog_content_box{
        padding: 15px;

     }
     #single_blog_section .blog_left_side .blog_details_content .blog_creator{

        gap: 7px;
     }
     #single_blog_section .blog_left_side .blog_details_content .blog_title h1{
        font-size: 24px;
     }
     #single_blog_section .blog_left_side .blog_details_content .blog-content p{
        font-size: 15px;
     }
     #single_blog_section .blog_left_side .blog_details_content .blog-content h2,
#single_blog_section .blog_left_side .blog_details_content .blog-content h2{
    font-size: 19px;

    margin-bottom: 10px;
}
#single_blog_section .blog_left_side .blog_details_content .blog-content h3,
#single_blog_section .blog_left_side .blog_details_content .blog-content h4,
#single_blog_section .blog_left_side .blog_details_content .blog-content h5,
#single_blog_section .blog_left_side .blog_details_content .blog-content h2{
    font-size: 19px;

    margin-bottom: 10px;
    border-left: 4px solid var(--button-color);
    padding-left: 8px;
}

}
@media(max-width:1024px){
    #single_blog_section .blog_left_side .blog_details_content .blog-social-info .blog-social-icon a{
        width: 50px;
    }
    #single_blog_section .blog_left_side .blog_details_content .blog-social-info .blog-social-icon a span{
        display: none;
    }
    #single_blog_section .blog_left_side .blog_details_content .blog-social-info .blog-social-icon a i{
        margin-right: 0px;
        font-size: 14px;
    }
    #single_blog_section .blog_left_side .blog_details_content .blog-social-info .blog-social-icon a img{
        margin-right: 0px;
    }
    #single_blog_section .blog_left_side .blog_details_content .blog-social-info .blog-social-icon a img{
        width: 18px;
        height: 18px;
    }
}

/* blog grid section */
.blog_grid .single_blog_grid{
    background-color: #ffffff;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04);
    border-radius: 5px 5px 5px 5px;

    margin-bottom: 20px;
}
.blog_grid .single_blog_grid .blog-content{
    padding: 20px;
}
@media(max-width:350px){
    .blog_grid .single_blog_grid .blog-content{
        padding: 10px;
    }
}

.blog_grid .single_blog_grid .read_more{
    font-size: 16px;
    list-style: none;
    text-decoration: none;
    color: var(--button-color);
    transition:all 0.2s ease-in;
}
.blog_grid .single_blog_grid .read_more:hover{
    color: var(--text-color);
}
.blog_grid .single_blog_grid .read_more:hover i{
    color: var(--text-color);
    transform: translateX(4px);
}
.blog_grid .single_blog_grid .read_more i{
    margin-left: 5px;
    font-size: 14px;
    transition:all 0.2s ease-in;
}
.blog_grid .single_blog_grid .blog-content .blog-subtitle{
    font-size: 15px;
    margin: 10px 0px;
    color: #464646;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog_grid .single_blog_grid .blog_img img{
    border-radius: 5px 5px 5px 5px;
}
.blog_grid .single_blog_grid .blog_title h2{
    font-size: 22px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.blog_grid .single_blog_grid .author_wrap{
    display: flex;
    align-items: center;
    gap: 5px;

}
.blog_grid .single_blog_grid .blog_date{
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14.5px;
    color: #747474;

}
.blog_grid .single_blog_grid .hr{
    width: 2px;
    height: 15px;
    background: #7c7c7c;

}
.blog_grid .single_blog_grid .blog_author{
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14.5px;
    color: #747474;
}
.blog_grid .single_blog_grid .blog_author .author_name{

    color: var(--button-color);
}
.blog-carousel .single_blog_grid{
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #e9e9e9;
}
/* .blog-carousel .owl-stage-outer{
    overflow: unset !important;
} */

#work_process .process_flow{
    padding: 0;
    margin-bottom: 30px;
    position: relative;
    width: 100%;

}
#work_process .process_flow::before{
    background-image: url(../image/home_page/26.png);
    content: "";
    display: inline-block;
    position: absolute;
    right: -143px;
    background-repeat: no-repeat;
    width: 240px;
    height: 200px;

}
#work_process .last::before{

    background-image: none !important;
    content: "";
    display: inline-block;
    position: absolute;
    right: -143px;
    background-repeat: no-repeat;
    width: 240px;
    height: 200px;
}
#work_process .process_flow .circle-effect{
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 110px;
    margin-bottom: 30px;
    border-radius: 90px;
    background: #eff1fe;
    box-shadow: 0 0 0 14px rgb(239, 241, 254, 0.3);
    text-align: center;
}
#work_process .process_flow .circle-effect img{
    margin: 0px 0 15px;
    width: 50%;
}
#work_process .process_flow h4{
   font-size: 20px;
   font-weight: 700 !important;
}
#work_process .process_flow p{
   font-size: 16px;

}
/* live product 1 */
#live_product1 .live_preview{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    box-shadow: 0 1px 10px rgba(50, 95, 156, 0.2),0 4px 5px rgba(50,95,156,.12),0 2px 4px rgba(50,95,195,.14);
    padding: 30px 25px;
    position: relative;
    border-radius: 10px;
}
@media(max-width:767px){
    #live_product1 .live_preview{
        flex-direction: column;
        justify-content: start;
        align-items: flex-start;
    }
}
#live_product1 .live_preview::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 40px;
    transform: translate(-0%,-50%);
    background-color: var(--button-color);

    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#live_product1 .live_preview .left_side{
    display: flex;
    align-items:center;
    gap: 10px;
}
#live_product1 .live_preview .left_side h2{
    font-size: 19px;
    font-weight: 700;
    padding-bottom: 0px;
    margin-bottom: 0px;

}
#live_product1 .live_preview .left_side span{
    font-size: 19px;


}
#live_product1 .live_preview .left_side .hr{
    height: 20px;
    width: 2px;
    background: var(--button-color);

}
#live_product1 .live_preview .right_side .live_btn{
  padding: 10px 25px;
  background-color: var(--button-color);
  color: #fff;
  white-space: nowrap;
  border-radius: 5px;
}
/* live product 2 */
#live_product2 .preview_product{
    padding: 30px 30px;
    background-color: #083f8f;
    border-radius: 10px;
    border-bottom: 6px solid #00243a;
}
#live_product2 .preview_product .live_content{
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-wrap: wrap;
}
@media(max-width: 768px){
    #live_product2 .preview_product .live_content{
        flex-direction: column;
        align-items: flex-start;
    }
    #live_product2 .preview_product{
        padding: 20px 20px;
    }
}
#live_product2 .preview_product .live_content .announce_name{
 font-size: 25px;
 color: #fff;
 font-weight: 800;
 line-height: 36px;
 font-family: sans-serif;
}
#live_product2 .preview_product .live_content .product_live_btn{
 border: 1px solid #fff;
 color: #fff;
 padding: 12px 30px;
 font-size: 17px;
 white-space: nowrap;
}
/*======= career page ===== */
#career_heading .career_heading_wrap{

    margin: 0 auto;
    text-align: center;
}
#career_heading .career_heading_wrap h1{
    font-weight: bold;
    font-size: 32px;
}
#career_heading .career_heading_wrap p{
   font-size: 16px;
   padding-top: 10px;
}
.career_title h3{
    font-size: 24px;
    font-weight: bold;
    margin: auto;
    text-align: center;
}
.position_list{
    margin-top: 30px;
}
.position_desinaton h4{
    color: var(--button-color);
    font-size: 21px;
    font-weight: 700;
}
.single_position{
    box-shadow:0 0px 6px 0 rgba(0, 0, 0, 0.11);
    padding: 15px;
    border-radius: 5px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;

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

}
.position_name a{
    text-decoration: none;
    font-weight: 700;
    color: var(--text-color);
    transition: all 0.5s;
}
.position_name a:hover{
    color: var(--button-color);
}
.position_name a h6{
    font-size: 18px;
}
.position_name span{
    font-size: 15px;
    color:#2a2a2a;
}
.position_name .location{
    font-weight: 600;
    font-size: 14.5px !important;
}
.deadline_content strong{
    font-size: 16px;
}
.deadline_content span{
    font-size: 16px;
}
.position_details_link{
    font-size: 14px !important;
    background-color: var(--button-color) !important;
    color: #fff !important;
    padding: 5px 13px !important;
    transition: all 0.5s ease-in-out !important;
}
.position_details_link:hover{
    background-color: var(--text-color) !important;
}
.Perks_box{
    text-align: center;
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
    transition: background-color .2s ease-out 100ms;
    transition: .5s ease-in-out 100ms;
    background: #ffffffff;
    border-radius: 15px;
    padding: 30px;
    border-radius: 10px;
    min-height: 259px;
}
.Perks_box h4{
    color: #000000;
    font-size: 17px;
    font-weight: 600;
    line-height: 15px;
    text-align: center;
    padding-top: 15px;
}
.Perks_box p{
    font-size: 14.5px;
    margin-bottom: 0px;
    padding-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.preks_grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-gap: 20px;
}
.position_details .position_title{
    font-size:30px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
}
.position_summery h3{
    font-size: 19px;
    font-weight: 700;
    color: var(--button-color);

}
.position_summery p{
    font-size: 15.5px;
}
.position_summery ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.position_summery ul li{
    font-size: 15.5px;
}
.position_summery .date_line{
    font-size: 18px;
    color: red;
}
.apply_btn button{
    background-color: var(--button-color);
    color: #fff;
    border: none;

    padding: 13px 30px;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}
.apply_btn i{
    transition: all 0.5s;
}
.apply_btn button:hover{
    background-color: var(--text-color);
}
.apply_btn button:hover i{
   transform: translateX(5px);
}

/* demo job details */
.job_summery{
    padding: 30px;
    background-color: #F4F4F4;
    border-radius: 8px;
    margin-right: 0px;
}
.job_summery h3{
    font-size: 18px;
    text-align: left;
    font-weight: 900;
    padding-bottom: 7px;
    border-bottom: 1px solid #e5e5e5;
}
.summery_type{
    margin-top: 10px;
}
.summery_type h4{
    padding-bottom: .3em;
    color: #999;
    color: var(--button-color);
    display: block;
    font-size: 15.4px;
    font-weight: 800;
    margin: 15px 0 5px;
    margin-bottom: 0px;
}
.summery_type p{
    font-size: 15.5px;
    color: #3e3e3e;
}
.job_summery_position{
    position: sticky;
    top: 80px;
}
.back_job_btn {
    padding: 10px 0px !important;
    background-color: #F4F4F4 !important;
    margin-top: 20px;
    font-size: 16px;
    outline: 0 !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.5s ease-in-out;
}
.back_job_btn:hover{
    background-color: #00243a !important;
    color: #fff !important;
}
/* application form */

.application_form h1{
    color: var(--button-color);
    font-size: 35px;
    font-weight: 800;
}
@media (max-width: 768px) {
    .application_form h1{

        font-size: 30px;

    }
}
@media (max-width: 991px) {
   #work_process .process_flow::before{
        display: none;
   }
}
.application_form .form_wrap{
   background: #F6F8F8;
   margin-top: 25px;
   padding: 25px;
}
.application_form .form_wrap label{
   font-size: 17px;
   padding-bottom: 7px;
}
.application_form .form_wrap input{
   padding: 10px 10px !important;
}
.application_form .form_wrap input:focus{
   border-color: var(--button-color);
}
.application_form .form_wrap .file-input{
   padding: 10px 10px !important;
}
.application_form .job_submit_btn{
   padding: 8px 30px !important;
   background: var(--button-color) !important;
   color: #fff !important;
   border: none !important;
   box-shadow: none !important;
   transition: all 0.5s ease-in-out;
}
.application_form .job_submit_btn:hover{
    background: var(--text-color) !important;
}
.file-input > [type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
  }

  .file-input > .button {
    display: inline-block;
    cursor: pointer;
    background: var(--button-color);
    padding: 5px 16px;
    border-radius: 2px;
    margin-right: 8px;
    color: #fff;
  }

  .file-input:hover > .button {
    background: var(--text-color);
    color: #ffffff;
  }

  .file-input > .label {
    color: #333;
    white-space: nowrap;
    opacity: .3;
  }

  .file-input.-chosen > .label {
    opacity: 1;
  }
  .form-control:focus{
    box-shadow: none !important;
  }
/* .hero_description{
    z-index: 10;
} */

/*end 2 ====================== */
.product_heightLight{
    text-decoration: none;
    text-align: center;
    background:linear-gradient(-45deg, var(--button-color), var(--text-color));
    padding: 9px 22px;
    color: #fff;
    font-size: 17px;
    line-height: 17px;
    border-radius: 4px;
    position: absolute;
    left: 45%;
    top: 90%;
    font-size: 14px;
    z-index: 88;
    background-size: 400% 400%;
    transform: translateY(-45%);
    animation:grow 1.2s ease-in-out infinite ;
}
.product_heightLight:hover{
    color: #fff;
}
@keyframes grow{
    0%{
        transform: scale(1);
        background-position: 0% 50%
    }
    50%{
        transform: scale(1.1);
        background-position: 100% 50%
    }
    100%{
        transform: scale(1);
        background-position: 0% 50%
    }
}
@media (max-width: 768px){
    .product_heightLight{
        left: 27%;
        transform: translateY(-27%);
    }
}