*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    
}
body
{
    font-family: 'Inter Regular';
    font-size: 20px;
    line-height: 28px;
    color: #242A56;
}
@media (min-width: 1500px)
{
    .container, .container-lg, .container-md, .container-sm, .container-xl 
    {
        max-width: 1400px;
    }
    
}
ul,ol, 
.navbar-expand-lg .navbar-nav .nav-link
{
    padding: 0;
    margin: 0;
}
p
{
    margin-bottom: 0;
}
.button
{
    display: inline-block;
    font-family: 'Inter Bold';
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    padding: 14px 24px;
    border: 1px solid #FFFFFF;
    border-radius: 12px;
    transition: .3s all ease;
}
.button.button_outline_white
{
    color: #C1D3DE;
    border-color: #C1D3DE;

}
.button:hover
{
    border-color: #fff;
    color: #fff;
}
.button.button_white
{
    padding: 18px 15px;
    color: #376FFF;
    line-height: 24px;
}
.button.button_white img
{
    margin-left: 18px;
}

.sec
{
    padding: 80px 0;
}
.section_title
{
    font-family: 'Inter Extra Bold';
    font-size: 38px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 60px;
}
/* HERO begin */
.hero
{
    background-image: url(../images/hero_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 93px;

}
.hero header
{
    padding: 24px 0;
    margin-bottom: 95px;
}
.hero .navbar-nav
{
    margin-right: 60px;
}
.hero .nav-item
{
    margin-right: 40px;
    position: relative;
}
.hero .nav-item:last-child
{
    margin-right: 0;
}
.hero .nav-item:hover .nav-link
{
    color: #fff;
}
.hero .nav-item::after
{
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: .3s all ease;
}
.hero .nav-item:hover::after
{
    bottom: -20px;
    opacity: 1;
}
.hero .nav-link
{    
    font-family: 'Inter Medium';
    font-size: 16px;
    line-height: 19px;
    color: #C1D3DE;

}
.hero .call_back_btns
{
    display: flex;
}
.hero .call_back_btns li
{
    margin-right: 24px;
}
.hero_title
{
    font-family: 'Inter Extra Bold';
    font-size: 68px;
    line-height: 79px;
    color: #fff;
    margin-bottom: 30px;
}
.hero_description
{
    color: #fff;
}

/* HERO end */

/* ADS IN GOOGLE begin */

.ads_in_google
{
    background-image: url(../images/section_bg.jpg);
    padding: 55px 0;
}
.ads_in_google .row
{
    align-items: center;
}
.ads_in_google .ads_img img
{
    width: 100%;
}
.ads_in_google .ads_info .ads_title
{
    font-family: 'Inter Bold';
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 40px;
}
.ads_in_google .ads_info .ads_middle
{
    background: #FBF7F1;
    border: 1px solid #C1D3DE;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    margin-bottom: 40px;
    gap: 20px;
}
.ads_in_google .ads_info .ads_description p:first-child
{
    margin-bottom: 10px;
}
/* ADS IN GOOGLE end */

/* WHO SEE begin */
.who_see .row
{
    align-items: flex-start;
}
.who_see .see_img 
{
   text-align: center;
   margin-bottom: 40px;
}
.who_see .see_img img
{
    padding: 30px;
    border: 1px solid #C1D3DE;
    border-radius: 12px;
}
.who_see .see_title
{  
    text-align: center;
    font-family: 'Inter Bold';
}

/* WHO SEE end */

/* PRICE begin */

.price
{
    background-image: url(../images/section_bg.jpg);

}
.price .row
{
    align-items: flex-end;
}
.price .row_1
{
    margin-bottom: 65px;
}
.price .col-md-4:first-child
{
    padding-bottom: 100px;
}
.price_tarif
{
    padding: 40px;
    background: #FFFFFF;
    border: 1px solid #C1D3DE;
    border-radius: 12px;
}
.price_tarif .table
{
    margin-bottom: 20px;
}
.price_tarif .tarif_name
{
    font-family: 'Inter Bold';
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 12px;
}
.price_tarif .tarif_budget
{
    margin-bottom: 15px;
}
.price_tarif .tarif_budget .tarif_qty
{
    font-family: 'Inter Bold';
}
.price .row .col-md-4:first-child .table-striped>tbody>tr:nth-of-type(odd)>*,
.price .row .col-md-4:first-child .table-striped>tbody>tr:nth-of-type(2n)>*
{
    font-family: 'Inter Bold';
    color: #393A56;
}
.price .row .table-striped>tbody>tr:nth-of-type(odd)>*,
.price .row .table-striped>tbody>tr:nth-of-type(2n)>*
{
    color: #393A56;
}
.price .row .col-md-4:first-child .table-striped>tbody>tr:nth-of-type(odd)>*
{
    --bs-table-accent-bg: none;
}
.price .row .col-md-4:first-child .table-striped>tbody>tr:nth-of-type(2n)>*
{
    background: rgba(255, 255, 255, .5);
}
.table-striped>tbody>tr:nth-of-type(odd)>*
{
    background: rgba(237, 244, 250, .5);
}
.price table img
{
   height: 19px;
}
.price .price_tarif .button.button_blue
{
    padding: 15px 65px;
    font-family: 'Inter Bold';
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    color: #FFFFFF;
    background: #376FFF;
    border-radius: 12px;
    display: inline-block;
}
.price .price_tarif .button_blue img
{
    margin-left: 25px;
    transition: .3s all ease;
}
.price .price_tarif .button_blue:hover img
{
    transform: translate(15px);
}
.price .price_info
{
    background: #EDF4FA;
    border: 1px solid #C1D3DE;
    border-radius: 12px;
    padding: 40px;
}
.price_info img 
{
    margin-right: 20px;
}

/* PRICE end */

/* WHAT IS ADS begin */
.what_is_ads .row
{
    margin-bottom: 80px;
}
.what_is_ads .row:last-child
{
    margin-bottom: 0;
}
.what_is_ads .what_title
{
    font-family: 'Inter Bold';
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 25px;
}
.what_is_ads .what_description p
{
    margin-bottom: 10px;
}
.what_is_ads .what_img img
{
    width: 100%;
}
/* WHAT IS ADS end */

/* OFFER begin */
.offer
{
    background-color: #393A56;
}
.offer_item
{
    border-top: 1px solid #8B9BAB;
}
.offer
{
    color: #FFFFFF;
}
.offer_img
{
    margin: 40px 0;
}
.offer_title
{
    font-family: 'Inter Bold';
    font-size: 26px;
    line-height: 130%;
    color: #FFFFFF;
    margin-bottom: 25px;
}
.offer_description
{
    color: #fff;
}
/* OFFER end */
/* STEPS begin */
.steps.sec
{
    padding-bottom: 20px;
}
.steps .offer_item
{
    border-top-color: #C1D3DE;
    margin-bottom: 60px;
}
.steps .offer_title,
.steps .offer_description
{
    color:  #393A56;
}
/* STEPS end */

/* RESULTS begin */
.results
{
    background-image: url(../images/section_bg.jpg);
}
.results.sec
{
    padding-bottom: 20px;
}

.results .result_item
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}
.results .result_item:last-child
{
    margin-bottom: 0;
}
.results .result_item .result_img
{
    flex: 0 0 auto;
    width: 10%;
}
.results .result_item .result_img img
{
    max-width: 48px;
}
.results .result_item .result_title
{
    flex: 0 0 auto;
    width: 88%;
}

/* RESULTS end */

/* CLIENT begin */
.client .clients_block
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.client .clients_block
{
    margin-bottom: 80px;
}
.client .clients_block .client_item
{
    flex: 0 0 auto;
    width: 19%;
    border: 2px solid #C1D3DE;
    border-radius: 12px;
    margin-bottom: 20px;
    text-align: center;
}
.client .clients_block .client_item img
{
    width: 100%;
}
.client .contact
{
    padding: 60px;
    background: #376FFF;
    border-radius: 12px;
}
.client .contact .contact_title
{
    font-family: 'Inter Extra Bold';
    font-size: 38px;
    line-height: 46px;
    color: #FFFFFF;
    margin-bottom: 40px;
}
.client .contact .contact_subtitle
{   
    font-size: 26px;
    line-height: 130%;
    color: #FFFFFF;
}
.client .contact .contact_tel
{
    font-family: 'Inter Bold';
    font-size: 58px;
    line-height: 79px;
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 5px solid #fff;
}
/* CLIENT end */

/* FOOTER begin */
footer
{
    background-image: url(../images/section_bg.jpg);
    padding: 80px 0 60px 0;
}
footer .logo
{
    width: 100%;
    margin-bottom: 40px;
}
footer .f_title
{
    font-family: 'Inter Semi Bold';
    color: #8B9BAB;
    margin-bottom: 15px;
}
footer .title_hidden
{
    opacity: 0;
}
footer .f_title ~ a
{
    display: inline-block;
    font-family: 'Inter Semi Bold';
    font-size: 26px;
    line-height: 130%;
    color: #376FFF;
    margin-bottom: 40px;
    text-decoration: none;
    border-bottom: 2px solid #376FFF;
}
footer .f_subtitle
{
    font-family: 'Inter Semi Bold';
    color: #393A56;
}
footer .row .col-6:first-child .row:nth-child(2)
{
    margin-bottom: 45px;
}
footer .map
{
    border-radius: 12px;
    overflow: hidden;
}
footer .footer_form
{
    padding: 60px;
    background-color: #376FFF;
    border-radius: 12px;
    color: #fff;
}
.footer_form .form_title
{
    font-family: 'Inter Extra Bold';
    font-size: 38px;
    line-height: 40px;
    margin-bottom: 25px;
}
.footer_form .form_subtitle
{
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 40px;
}
.footer_form .input_item
{
    margin-bottom: 20px;
}
.footer_form .form-control
{
    background: transparent;
    padding: 18px 32px;
    color: #fff;

}
.footer_form .form-control::placeholder
{
    font-size: 16px;
    line-height: 24px;
    color: #C1D3DE;
}
.footer_form textarea.form-control
{
    height: 120px;
    padding: 18px 32px;
}
.footer_form .action .button
{
    min-width: 160px;
}
.footer_form .action .agreement
{
    flex: 0 0 60%;
}
.footer_form .action .agreement p,
.footer_form .action .agreement p a
{
    font-size: 16px;
    line-height: 24px;
    color: #C1D3DE;
}
.footer_form .agreement [name="agreement"]
{
    display: none;
}
.footer_form .agreement .checkmark
{
    display: block;
    height: 20px;
    width: 20px;
    border: 2px solid #C1D3DE;
    border-radius: 4px;
    background-color: transparent;
    flex: 0 0 20px;
    margin-right: 10px;
}
.footer_form .agreement [name="agreement"]:checked ~ .checkmark
{
    background-color: #fff;
}
footer .copyright
{
    margin-top: 40px;
    font-size: 16px;
    line-height: 24px;
    color: #8B9BAB;
}
/* FOOTER end */
.price table td
{
    display: flex;
    align-items: center;
}
.results .result_title
{
    font-family: 'Inter Bold';
}
.tab, .mobile, .open, .close
{
    display: none;
}
/* MEDIA begin */

@media (max-width: 1200px) {


    .hero .navbar-nav
    {
        margin-right: 10px;
        width: 60%;
        justify-content: space-evenly;
    }
    .hero .nav-item
    {
        margin-right: 0;
    }
    .navbar-brand img
    {
        max-width: 150px;
    }
    .price_tarif
    {
        padding: 40px 20px 20px 20px;
    }
    .price_tarif .tarif_name
    {
        font-size: 18px;
        line-height: 26px;
    }
    .price .row_1
    {
        margin-bottom: 45px;
    }
    .price .price_info
    {
        padding: 20px 40px;
    }
    
    .client .contact .contact_title
    {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 24px;
    }
    .client .contact .contact_subtitle
    {
        font-size: 18px;
        line-height: 26px;
    }
    .client .contact .contact_tel
    {
        font-size: 40px;
        line-height: 48px;
    }
    footer .f_title ~ a
    {
        font-size: 18px;
        line-height: 26px;
    }
    .footer_form .form_title
    {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 15px;
    }
    .footer_form .form_subtitle
    {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .footer_form .input_item
    {
        margin-bottom: 12px;
    }
    .footer_form .input_item:last-child
    {
        flex-wrap: wrap;
    }
    .footer_form .button
    {
        margin-bottom: 20px;
    }
    .footer_form .button,
    .footer_form .action .agreement
    {
        flex: 0 0 100%;
    }



}

@media (max-width: 1025px) {
    body
    {
        font-size: 16px;
        line-height: 24px;
    }
    .hero
    {
        background-image: url(../images/hero_1024.jpg);
        background-position: center left;
    }
    .desctop
    {
        display: none;
    }
    .tab
    {
        display: block;
    }
    .hero header
    {
        padding: 0;
    }
    header .navbar-nav
    {
        margin-top: 40px;
        margin-left: 0 !important;
    }
    .navbar .nav-item
    {
        margin-bottom: 10px;
    }
    .navbar .nav-item .nav-link
    {
        font-family: 'Inter Medium';
        font-size: 16px;
        line-height: 19px;
    }
    .navbar-brand img
    {
        max-width: 150px;
    }
    .navbar.tab
    {
        padding: 16px 0;
        background-color: #fff;
    }
    .button.button_outline_white
    {
        border-color: #376FFF;
        color: #8B9BAB;;
    }
    .button.button_outline_white:hover
    {
        color: #376FFF;
    }
    .navbar-toggler
    {
        border: none;
    }
    .ads_in_google .ads_info .ads_title
    {
        font-size: 18px;
        line-height: 26px;
    }
    .ads_in_google .row
    {
        align-items: flex-start;
    }
    .section_title
    {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 35px;
    }
    .who_see .see_img
    {
        margin-bottom: 20px;
    }
    .sec
    {
        padding: 60px 0;
    }
    .price_tarif
    {
        padding: 40px 20px 20px 20px;
    }
    .price_tarif .tarif_name
    {
        font-size: 18px;
        line-height: 26px;
    }
    .price .row_1
    {
        margin-bottom: 45px;
    }
    .price .price_info
    {
        padding: 20px 40px;
    }
    .what_is_ads .what_title
    {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    .offer_img
    {
        margin: 30px 0 20px 0;
    }
    .offer_title
    {
        font-size: 18px;
        line-height: 26px; 
        margin-bottom: 12px;   
    }
    .steps .offer_img
    {
        margin: 20px 0;
    }
    .client .clients_block
    {
        margin-bottom: 60px;
    }
    .client .contact .contact_title
    {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 24px;
    }
    .client .contact .contact_subtitle
    {
        font-size: 18px;
        line-height: 26px;
    }
    .client .contact .contact_tel
    {
        font-size: 40px;
        line-height: 48px;
    }
    footer .f_title ~ a
    {
        font-size: 18px;
        line-height: 26px;
    }
    .footer_form .form_title
    {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 15px;
    }
    .footer_form .form_subtitle
    {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .footer_form .input_item
    {
        margin-bottom: 12px;
    }
    .footer_form .input_item:last-child
    {
        flex-wrap: wrap;
    }
    .footer_form .button
    {
        margin-bottom: 20px;
    }
    .footer_form .button,
    .footer_form .action .agreement
    {
        flex: 0 0 100%;
    }
}

@media (max-width: 993px) {
    .hero
    {
        padding-bottom: 50px;
    }
    .hero header
    {
        margin-bottom: 50px;
    }
    .hero .hero_title
    {
        font-size: 48px;
        line-height: 56px;
    }
    .sec
    {
        padding: 40px 0;
    }
    .ads_in_google 
    {
        max-height: 415px;
        overflow: auto;
    }
    .ads_in_google .ads_info .ads_title
    {
        margin-bottom: 24px;
        
    }
    .ads_in_google::-webkit-scrollbar
    {
        width: 4px;
    }
    .ads_in_google::-webkit-scrollbar-track
    {
        background-color: #C1D3DE;
    }
    .ads_in_google::-webkit-scrollbar-thumb
    {
        background-color: #8B9BAB;
        border-radius: 2px;
        height: 70px;
        width: 4px;
    }
    .ads_in_google .ads_info .ads_middle
    {
        padding: 16px;
        gap: 10px;
        margin-bottom: 25px;
    }
    .price_tarif
    {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .price_tarif .tarif_name
    {
        margin-bottom: 8px;
    }
    table th,
    table td
    {
        flex: 0 0 auto;
        height: 55px; 
    }
    .price .col-md-4:first-child
    {
        padding-bottom: 80px;
    }
    .price .price_tarif .button.button_blue
    {
        padding: 15px 25px;
    }
    .price .row_1
    {
        margin-bottom: 30px;
    }
    .what_is_ads .row
    {
        margin-bottom: 30px;
    }
    .results .result_item
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .results .result_item .result_img
    {
        flex: 0 0 auto;
        width: 10%; 
    }
    .results .result_item .result_title
    {
        flex: 0 0 auto;
        width: 76%;
    }
    .client .clients_block
    {
        justify-content: center;
        gap: 10px;
    }
    .client .clients_block .client_item
    {
        flex: 0 0 auto;
        width: 23%;
    }
    .client .clients_block
    {
        margin-bottom: 30px;
    }
    .client .contact
    {
        padding: 40px;
    }
    .client .contact .contact_tel
    {
        font-size: 32px;
    }
    footer .logo
    {
        margin-bottom: 30px;
    }
    footer .logo img
    {
        max-width: 215px;
    }
    footer .title_hidden
    {
        display: none;
    }
    footer .f_title ~ a
    {
        margin-bottom: 0;
    }
    footer .f_contact_item
    {
        margin-bottom: 30px;
    }
    footer .map
    {
        height: 100%;
    }
    footer .map img 
    {
        max-height: 235px;
    }
    footer .row .col-6:first-child .row:nth-child(2)
    {
        margin-bottom: 20px;
    }
    footer .footer_form
    {
        padding: 40px 40px 15px 40px;
    }
    
}
@media (max-width: 769px) 
{
    .mobile
    {
        display: block;
    }
    .price .row .col-md-4:first-child
    {
        display: none;
    }
    .price .price_tarif
    {
        margin-bottom: 10px;
    }
    .price table tr
    {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }
    .price table th
    {
        flex: 0 0 auto;
        width: 55%;
        font-size: 12px;
        line-height: 16px;
    }
    .price table td
    {
        flex: 0 0 auto;
        width: 45%;
        font-size: 14px;
        line-height: 20px;
    }
    .price .price_tarif .button.button_blue
    {
        padding: 12px 60px;
        text-align: center;
    }
    .price .price_info img
    {
        display: block;
        margin-bottom: 10px;
    }
    .steps .container
    {
        overflow: auto;
    }
    .steps .row
    {
        flex-wrap: nowrap;
    }
    .steps .offer_item
    {
        margin-bottom: 10px;
    }
    footer .col-md-6:first-child
    {
        order: 2;
    }
    footer .col-md-6:last-child
    {
        order: 1;
        margin-bottom: 40px;
    }
    footer .logo img
    {
        max-width: 115px;
    }
    footer .footer_form
    {
        padding: 40px 20px;
    }
    footer .row .col-md-6:first-child .row:nth-child(2)
    {
        margin-bottom: 25px;
    } 
    

}

@media (max-width: 576px) {
    .mobile, .open, .close
    {
        display: block;
    }
    .hero
    {
        background-image: url(../images/hero_320.jpg);
        padding-bottom: 65px;
    }
    .hero header
    {
        margin-bottom: 40px;
    }
    .navbar.tab
    {
        padding: 14px 0;
    }
    .call_back_btns.mob
    {
        display: none;
    }
    .call_back_btns
    {
        flex-direction: column;
    }
    .call_back_btns li
    {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 24px;
    }
    .hero .button
    {
        width: 100%;
        text-align: center;
    }
    .hero .hero_title
    {
        font-size: 32px;
        line-height: 40px;
    }
    .ads_in_google
    {
        max-height: none;
        padding: 40px 0;
    }
    .ads_in_google .ads_info .ads_title
    {
        margin-bottom: 20px;
    }
    .ads_in_google .ads_info .ads_middle
    {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }
    .who_see .see_item
    {
        margin-bottom: 32px;
    }
    .price .row .col-md-4:first-child
    {
        display: none;
    }
    .price .price_tarif
    {
        margin-bottom: 10px;
    }
    .price table tr
    {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }
    .price table th
    {
        flex: 0 0 auto;
        width: 55%;
        font-size: 12px;
        line-height: 16px;
    }
    .price table td
    {
        flex: 0 0 auto;
        width: 45%;
        font-size: 14px;
        line-height: 20px;
    }
    .price .price_tarif .button.button_blue
    {
        padding: 12px 60px;
        text-align: center;
    }
    .price .price_info img
    {
        display: block;
        margin-bottom: 10px;
    }
    .what_is_ads .row .col-md-7
    {
        order: 1;
        margin-bottom: 24px;
    }
    .what_is_ads .row .col-md-5
    {
        order: 2;
        margin-bottom: 32;
    }
    .what_is_ads .what_description
    {
        height: 120px;
        overflow: auto;
    }
    .offer .container,
    .steps .container
    {
        overflow: auto;
    }
    .offer .row,
    .steps .row
    {
        flex-wrap: nowrap;
    }
    .offer .col-md-3
    {
        background-color: #393A56;
    }
    .steps .offer_item
    {
        margin-bottom: 10px;
    }
    .results .result_item
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .results .result_item:last-child
    {
        margin-bottom: 0;
    }
    .results .result_item .result_img
    {
        flex: 0 0 auto;
        width: 15%;
    }
    .results .result_item .result_img img
    {
        max-width: 48px;
    }
    .results .result_item .result_title
    {
        flex: 0 0 auto;
        width: 80%;
    }
    .client .clients_block .client_item
    {
        width: 48%;
    }
    .client .contact .contact_info
    {
        margin-bottom: 25px;
    }
    .client .contact .contact_tel
    {
        font-size: 28px;
        line-height: 36px;
    }
    footer .col-md-6:first-child
    {
        order: 2;
    }
    footer .col-md-6:last-child
    {
        order: 1;
        margin-bottom: 40px;
    }
    footer .logo img
    {
        max-width: 115px;
    }
    footer .footer_form
    {
        padding: 40px 20px;
    }
    footer .row .col-md-6:first-child .row:nth-child(2)
    {
        margin-bottom: 25px;
    }    

    
}


/* MEDIA end */