@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
@import url('icon-pack.css');

html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    min-height:100%;
}

body {
    overflow: hidden;
    width: 100%;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    min-height: 100vh;
}

.content_section{
    font-family: 'Poppins', sans-serif;
}

/*
* {
    box-sizing: border-box;
}
*/

label,
p {
    margin: 0;
    font-weight:normal
}

button,
input,
select,
textarea {
    background: 0 0;
    border: none;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

textarea{
    vertical-align:middle;
}

ul {
    padding: 0;
    margin: 0
}
li{
    list-style:none;
}

dl,
ol,
ul {
    margin-bottom: 0
}
.htmlFixed{
    overflow:hidden
}

a,
a:active,
a:focus,
a:hover,
a:link,
a:visited {
    text-decoration: none;
    outline: 0
}
.topSpacing{
    background: #E6E6E6;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 30px;
    position: relative;
    z-index: 4;
}
.container77{
    width: 1137px;
    padding: 0 30px;
    max-width: 100%;
    margin: 0 auto;
}
.the_header{
    background: linear-gradient(180deg, #FFFFFF 41.07%, #E6E6E6 100%);
    height: 80px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 6;
}
.header_content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
}
.header_left{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 192px);
    pointer-events: all;
}
.minimal_logo img{
    height: 25px;
}
.header_menu > ul{
    display: flex;
}
.header_menu > ul > li + li{
    margin-left: 23px;
}
.header_menu ul > li > a{
    color: #444444;
    font-size: 17px;
    cursor: pointer;
}
a.rwam{
    padding: 0 15px 0 40px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    background: #BA3286;
    border-radius: 15px;
    line-height: 27px;
    position: relative;
}
.rwam i{
    position: absolute;
    left: 15px;
    top: 1px;
    font-size: 18px;
}
.header_social{
    display: flex;
    align-items: center;
}
.header_social li + li{
    margin-left: 12px;
}
.header_social li a{
    color: #004494;
    font-size: 16px;;
}
.logo_right{
    background-color: #fff;
    padding: 25px;
    position: relative;
    top: 35px;
    pointer-events: all;
}
.logo_right img{
    width: 112px;
}
.dropdown_item{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #e6e6e6;
    min-height: 435px;
    padding-top: 15px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.dropdown_item.active{
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}
.dropdown_item::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    bottom: 0;
    background-color: #f8f8f8;
    pointer-events: none;
}
.dropdown_item ul{
    width: 33.33333333%;
    position: relative;
    background: #f8f8f8;
}
.dropdown_item ul li{
    clear: both;
}
.dropdown_item ul li > a{
    clear: both;
    line-height: 42px;
    padding-left: 44px;
    color: #444444;
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
    width: 100%;
    position: relative;
    padding-right: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropdown_item ul li.mega_dropdown > a::after{
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: inherit;
    font-size: 20px;
}
.dropdown_item ul li.mega_dropdown ul{
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    background: #e6e6e6;
    height: 100%;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
}
.dropdown_item .container77{
    position: relative;
}
.dropdown_item .container77::before{
    content: '';
    position: absolute;
    left: 30px;
    top: -15px;
    height: 15px;
    width: calc(33.33333333% - 19px);
    background-color: #f8f8f8;
}
.menu_image{
    position: absolute;
    right: 0;
    top: 0;
    width: 350px;
    z-index: 4;
}
.menu_image img{
    width: 100%;
}
.menu_image a{
    padding-left: 0;
}
.menu_image a span{
    position: absolute;
    background: #004494;
    left: 0;
    bottom: 0;
    padding: 16px 63px 16px 16px;
    line-height: normal;
    color: #fff;
    font-size: 16px;
    width: 100%;
}
.menu_image a span::before{
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    right: 19px;
    top: 50%;
    transform: translateY(-50%);
    color: #004494;
    font-size: 28px;
    background-color: #fff;
}
.menu_trigger{
    display: none;
}
@media(min-width:993px){
    .total_component .create_order:hover{
        background-color: #004494;
    }
    .go_cmp1:hover{
        background-color: transparent;
        color: #fff;
    }
    .footer_box ul li a:hover,
    .footer_bottom ul li a:hover{
        text-decoration: underline;
    }
    .header_menu ul > li > a:hover{
        color: #004494;
    }
    .sol_item:hover .gnl_btn{
        padding-left: 40px;
    }
    .sol_item:hover .gnl_btn:before{
        visibility: visible;
        opacity: 1;
        transform: none;
        transform: translateY(-50%) translateX(0);
    }
    .adv_item:hover{
        transform: translateY(-10px);
    }
    .have_dropdown .dropdown_active + .dropdown_item{
        visibility: visible;
        opacity: 1;
        pointer-events: all;
    }
    .have_dropdown .dropdown_active{
        color: #004494;
    }
    .header_menu ul > li > a.xrt04{
        color: #004494;
    }
    .header_menu ul > li > a.xrt05{
        color: #004494;
    }
    .dropdown_item ul li.have_dropdown ul li a:hover{
        background-color: #004494;
        color: #fff;
    }
    .logo_smaller .logo_right{
        padding: 12px;top:0
    }
    .logo_smaller .logo_right img{
        width:60px
    }
    .dropdown_item ul li.active > a{
        background-color: #004494;
        color: #fff;
    }
    .dropdown_item ul li.active .menu_image,
    .dropdown_item ul li.mega_dropdown.active ul{
        visibility: visible;
        opacity: 1;
        z-index: 2;
        display: block !important;
    }
    .dropdown_item ul li.have_dropdown ul{
        display: block !important;
    }
    .dropdown_item{
        display: block !important;
    }
}
.menu_overlay,
.menu_copyright{
    display: none;
}
.main_area{
    position: relative;
}
.main_area::before,
.main_area::after{
    content: '';
    position: absolute;
    left: 38%;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 605px 0 0 3500px;
    border-color: transparent transparent transparent #fff;
    transform: translateX(-100%);
    pointer-events: none;
    z-index: 2;
}
.main_area::before{

}
.main_area::after{
    border-width: 525px 3000px 0 0;
    border-color: transparent #fff transparent transparent;
    transform: none;
}
.mainSwiper .container77{
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}
.ms_texts{
    width: 450px;
    max-width: 100%;
    cursor: default;
}
.ms_texts h1{
    margin: 0 0 25px;
    font-weight: bold;
    color: #004494;
    font-size: 40px;
    word-spacing: 0;
}
.ms_texts p{
    color: #444444;
    font-size: 18px;
    width: 350px;
    line-height: 1.2;
    max-width: 100%;
}
a.gnl_btn,
.gnl_btn{
    display: inline-block;
    vertical-align: middle;
    margin-top: 25px;
    background: #BA3286;
    border-radius: 20px;
    line-height: 40px;
    padding: 0 25px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    position: relative;
    transition: all .3s;
    font-style: normal;
}
a.gnl_btn::before,
.gnl_btn::before{
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%) translateX(-15px);
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
}
a.gnl_btn:hover,
.gnl_btn:hover{
    padding-left: 40px;
}
a.gnl_btn:hover::before,
.gnl_btn:hover::before{
    visibility: visible;
    opacity: 1;
    transform: none;
    transform: translateY(-50%) translateX(0);
}
.mainSwiper img{
    width: 100%;
    min-height: 500px;
    object-fit: cover;
}
.main_area > .container77{
    position: absolute;
    bottom: -39px;
    left: 50%;
    transform: translateX(-50%);
    text-align: right;
    z-index: 4;
    pointer-events: none;
}
.main_area > .container77 img{
    height: 92px;
}
.button_container{
    position: absolute;
    width: 1550px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    padding: 0 30px;
    display: flex;
    justify-content: space-between;
    z-index: 2;
    margin-top: -70px;
    pointer-events: none;
}
.button_container button{
    font-size: 90px;
    color: #fff;
    text-shadow: 0 0 20px #777;
    pointer-events: all;
}
#mainPagination{
    display: none;
}
.mainSwiper .swiper-slide{
    overflow: hidden;
}
.text_section{
    padding: 130px 0;
    text-align: center;
}
.text_section h1{
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    color: #004494;
    margin: 0 0 20px;
}
.text_section p{
    font-size: 18px;
    line-height: 23px;
    color: #444444;
    width: 800px;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.text_section a{
    margin-top: 60px;
}
.likeRow::before{
    display: table;
    content: " ";
}
.likeRow::after{
    display: table;
    content: " ";
    clear: both;
}
.three_box{
    margin-bottom: 200px;
}
.tbx_item{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.tbx_item img{
    width: 100%;
    transition: all .5s;
}
.tbx_item:hover img{
    transform: scale(1.1);
}
.tbx_item span{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: #fff;
    background: rgb(3 78 162 / 80%);
    padding: 10px 15px;
    font-size: 18px;
    z-index: 2;
}
.tbx_item::before,
.tbx_item::after{
    content: '';
    position: absolute;
    left: 38%;
    bottom: 0;
    z-index: 2;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 525px 0 0 3000px;
    border-color: transparent transparent transparent #fff;
    transform: translateX(-100%) translate3d(0,0,0);
    pointer-events: none;
}
.tbx_item::after{
    border-width: 430px 3000px 0 0;
    border-color: transparent #fff transparent transparent;
    transform: none;
}
.solution_sec{
    background: #F2F2F2;
    position: relative;
    z-index: 2;
    margin: -120px 0;
}
.sec_title{
    text-align: center;
    margin: 0 0 110px;
    font-weight: 700;
    font-size: 36px;
    letter-spacing: -1px;
    color: #004494;
}
.sec_title span{
    display: block;
    font-weight: 400;
    font-size: 24px;
    color: #BA3286;
    margin-top: 10px;
}
.sol_item{
    overflow: hidden;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    transition: all .3s;
}
.sol_item > div{
    position: relative;
}
.sol_item img{
    width: 100%;
}
.sol_item span{
    font-weight: 700;
    font-size: 24px;
    color: #004494;
    margin: 27px 0 20px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    width: 100%;
}
.sol_item p{
    font-size: 18px;
    color: #444444;
    line-height: 1.2;
}
.sol_item > div::before,
.sol_item > div::after{
    content: '';
    position: absolute;
    left: 38%;
    bottom: 0;
    z-index: 2;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 525px 0 0 3000px;
    border-color: transparent transparent transparent #F2F2F2;
    transform: translateX(-100%) translate3d(0,0,0);
    pointer-events: none;
}
.sol_item > div::after{
    border-width: 430px 3000px 0 0;
    border-color: transparent #F2F2F2 transparent transparent;
    transform: none;
}
.story_sec{
    padding: 170px 0;
}
.s_item{
    display: flex;
    align-items: center;
    background: #F2F2F2;
    padding: 30px;
}
.s_item > div:last-child{
    width: 240px;
    overflow: hidden;
}
.s_item > div:first-child{
    flex: 1;
    padding-right: 40px;
}
.s_item > div:first-child span{
    font-weight: 700;
    font-size: 28px;
    color: #004494;
    display: block;
    margin-bottom: 10px;
}
.s_item > div:first-child i{
    font-size: 18px;
    font-style: normal;
    color: #BA3286;
}
.s_item > div:first-child p{
    font-size: 18px;
    color: #444444;
    margin-top: 10px;
    line-height: 1.2;
}
.s_item > div:last-child img{
    width: 100%;
    transition: all .5s;
}
.s_item:hover > div:last-child img{
    transform: scale(1.1);
}
.story_overlay .s_item + .s_item{
    margin-top: 30px;
}
.story_overlay .s_item:nth-child(2n+2){
    flex-direction: row-reverse;
}
.story_overlay .s_item:nth-child(2n+2) > div:first-child{
    padding: 0 0 0 40px;
}
footer{
    padding: 100px 0 40px;
}
.footer_row{
    margin: 0 -30px;
}
.footer_row > div{
    float: left;
    width: 25%;
    padding: 0 30px;
}
.footer_box h3{
    margin: 0 0 15px;
    font-weight: 700;
    font-size: 24px;
    color: #004494;
}
.footer_box ul li{
    clear: both;
}
.footer_box ul li a{
    font-size: 18px;
    line-height: 1.7;
    color: #444444;
}
.footer_box + .footer_box{
    margin-top: 27px;
}
.footer_budget{
    display: inline-block;
    vertical-align: middle;
    margin-top: 40px;
}
.footer_budget img{
    width: 140px;
}
.footer_bottom{
    margin-top: 45px;
    padding-top: 45px;
    border-top: 1px solid #808080;
    display: flex;
    justify-content: space-between;
    padding-right: 30px;
}
.footer_bottom span{
    font-size: 18px;
    color: #444444;
}
.footer_bottom ul{
    display: flex;
}
.footer_bottom li{
    position: relative;
}
.footer_bottom li + li::after{
    content: '';
    position: absolute;
    left: 9px;
    height: 14px;
    width: 1px;
    background-color: #444;
    top: 10px;
}
.footer_bottom li + li{
    padding-left: 20px;
}
.footer_bottom ul li a{
    font-size: 18px;
    line-height: 30px;
    color: #444444;
}
.modal_item{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999999999999;
    padding: 30px;
    overflow-y: auto;
}
.modal_item > span{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(68, 68, 68, 0.8);
}
.modal_item > div{
    background-color: #fff;
    border-radius: 10px;
    width: 600px;
    max-width: 94%;
    padding: 45px 90px 60px;
    position: relative;
    z-index: 2;
}
.mi_logo{
    text-align: center;
    margin-bottom: 50px;
}
.mi_logo img{
    width: 135px;
}
.cookie_bar + .cookie_bar{
    margin-top: 25px;
}
.cookie_bar h3{
    color: #BA3286;
    font-weight: 700;
    font-size: 22px;
    position: relative;
    margin: 0 0 15px;
}
.cookie_bar label{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.cookie_bar label input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.cookie_bar label i{
    height: 27px;
    background: #444444;
    border-radius: 15px;
    width: 58px;
    display: block;
    transition: all .3s;
}
.cookie_bar label i::before{
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #fff;
    transition: all .3s;
}
.cookie_bar label input:checked ~ i{
    background: #BA3286;
}
.cookie_bar label input:checked ~ i::before{
    transform: translateX(31px);
}
.cookie_bar p{
    color: #444444;
    font-size: 18px;
    line-height: 1.2;
}
.acc_bar{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin-top: 50px;
}
.acc_bar li{
    width: 100%;
}
.acc_bar li button{
    display: inline-block;
    vertical-align: middle;
    background: #BA3286;
    border-radius: 20px;
    line-height: 40px;
    padding: 0 25px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}
.acc_bar li:last-child button{
    background-color: transparent;
    color: #444;
    font-weight: normal;
    font-size: 18px;
    margin-top: 10px;
}
#all_cookies .acc_bar li:first-child button{
    background:#004494
}
#all_cookies .cookie_bar{
    text-align: center;
}
#all_cookies .cookie_bar p{
    line-height: 1.5;
    margin-top: 30px;
}
.xtr001{
    vertical-align: middle;
}
.triangle_overlay .xtr001:last-child{
    transform: rotate(180deg);
}
.triangle_overlay svg{
    pointer-events: none;
}
.beam {
    position: absolute;
    bottom: -60px;
    right: 50%;
    transform: translateX(50%);
    width: 2000px;
    height: 275px;
    overflow: hidden;
    background: url(../img/beam.png) no-repeat 0 0/cover;
    animation: beam 5s infinite steps(23);
    z-index: 3;
}
@keyframes beam {
    90% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -6325px;
    }
}
.content_section{
    padding: 100px 0;
}
.cs_header{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px;
}
.dwn_right{
    padding-left: 30px;
    display: flex;
}
.dwn_right > div + div{
    margin-left: 20px;
}
.dwn_right a.blueFill{
    border-color: #004494;
    color: #fff;
    background-color: #004494;
}
.dwn_right a.blueFill:hover{
    background-color: #fff;
    border-color: #004494;
    color: #004494;
}
.cs_header > div:first-child{
    flex:1;
}
.cs_header > div:first-child ul{
    display: flex;
    width: 100%;
    overflow-y: auto;
}
.cs_header > div:first-child ul li{
    position: relative;
}
.cs_header > div:first-child ul li + li{
    margin-left: 15px;
}
.cs_header > div:first-child ul li + li::before{
    content: '\00BB';
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    color: #BA3286;
}
.cs_header > div:first-child ul li a{
    color: #BA3286;
    white-space: nowrap;
}
.cs_header > div:first-child ul li:last-child a{
    font-weight: bold;
    pointer-events: none;
}
.cs_header > div:first-child h1{
    font-weight: 700;
    color: #004494;
    margin: 20px 0 0;
}
.dwn_right img{
    height: 28px;
    margin-right: 10px;
}
.dwn_right a{
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    line-height: 30px;
    padding: 0 25px;
    color: #BA3286;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #BA3286;
    transition: all .3s;
}
.dwn_right a:hover{
    color: #fff;
    background-color: #BA3286;
}
.content_inner p{
    /*color: #444444;
    font-size: 20px;
    line-height: 1.3; */
}
.content_inner p + p{
    /* margin-top: 30px; */
}
.content_video{
    float: right;
    margin: 0 0 30px 30px;
    position: relative;
}
.content_video a img{
    width: 100%;
}
.content_video > img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    height: 80px;
}
.content_video span{
    display: block;
    text-align: center;
    font-size: 14px;
    color: #444444;
    margin-top: 15px;
}
.videopopupjs{

    background-color: rgba(0,0,0,0.4);
    width:100%;
    height:100%;

    position:
            fixed;
    top:0;
    left:0;
    z-index:99999;

    text-align: start!important;

    display: flex;

    align-items: center;

    justify-content: center;
}
.videopopupjs--hide{
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: videoPopupJsHide;
    animation-name: videoPopupJsHide;
}
.videopopupjs__close{

    cursor:
            pointer;

    display:
            block;

    margin-bottom: 12px;

    color: #fff;

    position: absolute;

    bottom: 100%;

    white-space: nowrap;

    right: 0;

    font-size: 18px;

    font-weight: 500;
}
.videopopupjs__close:after{
}
.videopopupjs__close:hover{
}
.videopopupjs--animation{
    opacity: 0;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: videoPopupJs;
    animation-name: videoPopupJs;
}
.videopopupjs__content{
    margin:0 auto;

    height:500px;
    width:100%;
    background: #ffff;
    padding: 45px;
    position: relative;
    border-radius: 10px;
}
.videopopupjs__content iframe{
    width:100%;
    height:100%;
}
.videopopupjs__block--notfound{
    position:absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width:100%;
    height:500px;
    background-color:#fff;
    text-align:center;
    vertical-align: middle;
    line-height: 500px;
    font-family:'Arial';
    font-size:20px;
}
@media(max-width: 768px){
    .videopopupjs__content{
        max-width:90%!important;
    }
}
@-webkit-keyframes videoPopupJs{
    0%{
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}

@keyframes videoPopupJs{
    0%{
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}

@-webkit-keyframes videoPopupJsHide{
    0%{
        opacity: 1;
    }

    100%{
        opacity: 0;
    }
}

@keyframes videoPopupJsHide{
    0%{
        opacity: 1;
    }

    100%{
        opacity: 0;
    }
}
.adv_row_overlay{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-bottom: -60px;
}
.adv_row{
    margin: 0 -20px -60px;
}
.adv_row > div{
    float: left;
    width: 25%;
    padding: 0 20px;
    margin-bottom: 60px;
}
.adv_row > div:nth-child(4n+1){
    clear: left;
}
.adv_item{
    text-align: center;
    transition: all .3s;
}
.adv_item img{
    height: 100px;
    margin-bottom: 50px;
}
.adv_item p{
    font-weight: 700;
    font-size: 18px;
    color: #7B7B7A;
}
.white_news .solution_sec{
    margin: 0;
    background-color: #fff;
    padding: 110px 0;
}
.white_news .solution_sec .sol_item > div::before,
.white_news .solution_sec .sol_item > div::after{
    border-color: transparent transparent transparent #fff;
}
.white_news .solution_sec .sol_item > div::after{
    border-color:transparent #fff transparent transparent
}
.xtr001{
    pointer-events: none;
}
.xtr001 + footer{
    padding-top: 0;
    background-color: #F2F2F2;
    position: relative;
    z-index: 2;
    margin-top: -150px;
}
.check_squares{
    margin: 0 -7px;
}
.check_squares > div{
    float: left;
    width: 20%;
    padding: 0 7px;
    margin-bottom: 14px;
}
.cs_outer{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 80px 0 -14px;
}
.cs_item{
    position: relative;
    width: 100%;
    cursor: pointer;
}
.cs_item input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.cs_item u{
    position: absolute;
    left: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #808080;
}
.cs_item div u::before{
    content: '';
    position: absolute;
    top: 4px;
    right: 4px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    border-radius: inherit;
    transition: all .3s;
    opacity: 0;
}
.cs_item input:checked ~ div u{
    border-color: #fff;
}
.cs_item input:checked ~ div u::before{
    opacity: 1;
}
.cs_item i{
    font-size: 50px;
    color: #004494;
    transition: all .3s;
}
.cs_item input:checked ~ div i{
    color: #fff;
}
.cs_item span{
    display: block;
    text-align: center;
    color: #444444;
    font-size: 20px;
    line-height: 1.3;
    width: 100%;
    margin-top: 12px;
}
.cs_item input:checked ~ div span{
    color: #fff;
}
.cs_item > div{
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(100, 100, 100, 0.14902);
    height: 210px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    transition: all .3s;
    overflow: hidden;
}
.cs_item input:checked ~ div{
    background: #004494;
}
.text_inputs{
    margin-top: 90px;
}
.input_row input{
    transition: all .3s;
    height: 60px;
    padding-left: 24px;
    border: 1px solid #C6C6C6;
    font-size: 20px;
    width: 100%;
    color: #000;
}
.input_row input:focus,
.input_row textarea:focus{
    border-color: #000;
}
.input_row input::placeholder,
.input_row textarea::placeholder{
    color: #7B7B7A;
}
.input_row{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.input_row + .input_row{
    margin-top: 20px;
}
.two_row > div{
    width: calc(50% - 10px);
}
.input_row textarea{
    width: 100%;
    height: 250px;
    padding: 24px;
    resize: none;
    border: 1px solid #C6C6C6;
    font-size: 20px;
    transition: all .3s;
}
.checkrow{
    position: relative;
    /* margin-top: 40px; */
    font-size: 20px;
    color: #444444;
    padding-left: 30px;
}
.checkrow + .checkrow{
    margin-top: 15px;
}
.checkrow label{
    margin: 0;
    cursor: pointer;
}
.checkrow label a{
    color: #444444;
    text-decoration: underline;
}
.checkrow i{
    position: absolute;
    left: 0;
    top: 2px;
    width: 25px;
    height: 25px;
    border: 1px solid #808080;
}
.checkrow input:checked ~ i::before{
    content:
            '\f00c';
    position: absolute;
    left: 3px;
    /*top: 0; */
    top: -7px;
    color: #004494;
    font-size: 18px;
    font-family: 'FontAwesome';
    font-style: normal;
}

.send_form{
    margin-top: 60px;
    text-align: center;
}

.tl_sign{
    font-size: 16px !important;
}

.send_form button{
    transition: all .3s !important;
    border: 1px solid #fff !important;
    background-color: #fff !important;
    color: #004494 !important;
    font-weight: 700 !important;
    line-height: 48px !important;
    text-align: center !important;
    display: inline-block !important;
    width: 100% !important;
    font-size: 20px !important;
    vertical-align: middle !important;
    margin-top: 5px !important;
    border-radius: 10px 10px 10px 10px !important;
}

.send_form button:hover{
    background-color: transparent;
    color: #fff;
}

.have_dropdown > a > i{
    display: none;
}
.have_dropdown > a.xrt04{
    position: relative;
}
.have_dropdown > a.xrt04 > i{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.cs_span{
    font-weight: 700;
    font-size: 20px;
    color: #004494;
    margin: 0 0 30px;
    display: block;
}
.step_item{
    margin-top: 80px;
}
.step_title{
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    justify-content: space-between;
    margin: 0 0 34px;
}
.step_title i{
    width: 25px;
    height: 25px;
    color: #fff;
    border-radius: 50%;
    font-weight: 700;
    font-size: 18px;
    background: #004494;
    font-style: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}
.step_title::after{
    content: '';
    background-color: #C6C6C6;
    height: 1px;
    flex:1;
    margin: 0 0 0 25px;
}
.tw_selects{
    display: flex;
    justify-content: space-between;
}
.tw_selects > div{
    width: calc(50% - 10px);
}
.cst_select select{
    transition: all .3s;
    height: 60px;
    padding-left: 24px;
    border: 1px solid #C6C6C6;
    font-size: 20px;
    width: 100%;
    color: #7B7B7A;
}
.cst_select select:hover{
    border-color: #000;
}
.cst_select{
    position: relative;
}
.cst_select::before{
    content: '\f0d7';
    font-family: 'FontAwesome';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    color: #7B7B7A;
    pointer-events: none;
}
.select_service{
    border: 1px solid #C6C6C6;
    padding: 65px 60px 45px 110px;
    transition: all .3s;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.select_service ul{
    width: 100%;
}
.select_service h3{
    margin: 0 0 50px;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
    color: #004494;
    transition: inherit;
    width: 100%;
}
.select_service h3 i{
    font-size: 65px;
    margin-right: 5px;
}
.select_service h3 i::before{
    margin: 0;
}
.select_service ul li{
    clear: both;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000000;
    font-size: 20px;
    color: #000;
}
.select_service ul li::before{
    content: '\e80a';
    font-family: 'icon-pack';
    position: absolute;
    left: -50px;
    top: 0;
    width: 32px;
    height: 32px;
    border: 2px solid #004494;
    border-radius: 5px;
    color: #004494;
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: inherit
}
.tw_selects > div > label{
    width: 100%;
    cursor: pointer;
    position: relative;
    height: 100%;
}
.tw_selects > div > label input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.price_bar{
    display: flex;
    width: 100%;
    color: #000000;
    font-size: 20px;
    align-items: end;
    margin-top: 40px;
    transition: inherit
}
.price_bar span{
    color: #004494;
    font-size: 36px;
    margin-right: 25px;
    line-height: normal;
    margin-bottom: -3px;
    transition: inherit;
}
.tw_selects > div > label input:checked ~ .select_service{
    background-color: #004494;
    border-color: #004494;
}
.tw_selects > div > label input:checked ~ .select_service h3{
    color: #fff;
}
.tw_selects > div > label input:checked ~ .select_service ul li::before{
    border-color: #fff;
    color: #fff;
}
.tw_selects > div > label input:checked ~ .select_service ul li{
    color: #fff;
    border-color: #fff;
}
.tw_selects > div > label input:checked ~ .select_service .price_bar{
    color: #fff;
}
.tw_selects > div > label input:checked ~ .select_service .price_bar span{
    color: #fff;
}
.range_wrapper{
    display: flex;
    align-items: flex-end;
}
.rw_title{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 30px;
}
.rw_title h4{
    padding-right: 20px;
    font-weight: 700;
    font-size: 22px;
    color: #717171;
    margin: 0;
}
.rw_title > div{
    position: relative;
}
.rw_title > div i{
    color: #BA3286;
    font-size: 25px;
    cursor: pointer;
}
.rw_title > div > div{
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: 15px;
    background: #BA3286;
    border-radius: 5px;
    color: #fff;
    width: 322px;
    padding: 20px;
    font-size: 20px;
    line-height: 1.3;
    display: none;
    z-index: 2;
}
.rw_title > div > div.active{
    display: block;
}
.rw_piece{
    font-size: 30px;
    color: #444444;
    min-width: 90px;
}
.rw_piece span{
    margin-right: 20px;
}
.rw_left{
    flex: 1;
    padding-right: 40px;
}
input[type=range].demoinput {
    height: 36px;
    -webkit-appearance: none;
    margin: 0;
    width: 100%;
}
input[type=range].demoinput:focus {
    outline: none;
}
input[type=range].demoinput::-webkit-slider-runnable-track {
    width: 100%;
    height: 23px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #FFFFFF;
    background: #FFFFFF;
    border-radius: 30px;
    border: 1px solid #DCDCDC;
}
input[type=range].demoinput::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 0px solid #000000;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    background: #004494;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -4px;
}
input[type=range].demoinput:focus::-webkit-slider-runnable-track {
    background: #FFFFFF;
}
input[type=range].demoinput::-moz-range-track {
    width: 100%;
    height: 23px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #FFFFFF;
    background: #FFFFFF;
    border-radius: 30px;
    border: 1px solid #DCDCDC;
}
input[type=range].demoinput::-moz-range-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 0px solid #000000;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    background: #004494;
    cursor: pointer;
}
input[type=range].demoinput::-ms-track {
    width: 100%;
    height: 23px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range].demoinput::-ms-fill-lower {
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 60px;
    box-shadow: 1px 1px 1px #FFFFFF;
}
input[type=range].demoinput::-ms-fill-upper {
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 60px;
    box-shadow: 1px 1px 1px #FFFFFF;
}
input[type=range].demoinput::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 0px #000000;
    border: 0px solid #000000;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    background: #004494;
    cursor: pointer;
}
input[type=range].demoinput:focus::-ms-fill-lower {
    background: #FFFFFF;
}
input[type=range].demoinput:focus::-ms-fill-upper {
    background: #FFFFFF;
}
.range_wrapper + .range_wrapper{
    margin-top: 40px;
}
.service_type{
    display: flex;
    align-items: center;
}
.service_type span{
    font-weight: 700;
    font-size: 22px;
    color: #717171;
    padding-right: 40px;
}
.service_type .cst_select{
    flex: 1;
}
.service_type .cst_select select{
    border-radius: 30px;
}
.total_component{
    margin-top: 90px;
    padding-top: 70px;
    border-top: 1px solid #C6C6C6;
    text-align: center;
}
.total_component *{
    margin-top: 15px;
}
.total_component span{
    font-size: 22px;
    color: #717171;
    display: block;
}
.total_component strong{
    display: block;
    font-weight: 700;
    font-size: 45px;
    color: #004494;
}
.total_component i{
    display: block;
    font-size: 22px;
    color: #004494;
    font-style: normal;
}
.total_component .create_order{
    background: #BA3286;
    margin-top: 45px;
    border-radius: 30px;
    line-height: 60px;
    width: 470px;
    display: inline-block;
    text-align: center;
    max-width: 100%;
    font-size: 20px;
    color: #FFFFFF;
    transition: all .3s;
}

.thr_selects{
    display: flex;
    justify-content: space-between;
}

.thr_selects > div{
    width: calc(33.33333333% - 10px);
    border-radius: 5px 5px 5px 5px !important;

}

.thr_selects > div:hover{
    background-color: #004494 !important;
    color: white !important;
}

.thr_selects label{
    position: relative;
    width: 100%;
    cursor: pointer;
}

.thr_selects label input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.thr_selects label span{
    border: 1px solid #C6C6C6;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    color: #172B4D;
    transition: all .3s;
}

.thr_selects label input:checked ~ span{
    background-color: #F2F2F2;
    border-color: #F2F2F2;
}
.select_plan{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.select_plan > div{
    width: calc(25% - 10px);
}
.plan_item{
    width: 100%;
    cursor: pointer;
    height: 100%;
}
.plan_item input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.plan_item > div{
    border: 1px solid #C6C6C6;
    padding: 25px;
    text-align: center;
    height: 100%;
}
.plan_item > div > img{
    max-height: 57px;
    max-width: 100%;
}
.pi_price{
    margin: 20px 0;
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #000000;
}
.pi_price span{
    margin-bottom: 13px;
    display: block;
    font-size: 45px;
    color: #000000;
}
.plan_item ul{
    text-align: left;
}
.plan_item ul li{
    line-height: 1.2;
    clear: both;
    color: #000;
    /* font-weight: 700; */
    padding-left: 32px;
    font-size: 18px;
    position: relative;
}
.plan_item ul li + li{
    margin-top: 10px;
}
.plan_item ul li::before{
    content: '\e80a';
    font-family: 'icon-pack';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #004494;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    border-radius: 2px;
    color: #004494;
}
.plan_item input:checked ~ div{
    background-color: #F2F2F2;
    border-color: #F2F2F2;
}
.plan_item.blue_result{
    background: #004494;
    border-color: #004494;
    text-align: left;
    display: block;
}
.blue_result > div h1{
    color: #fff;
    margin: 0 0 30px;
    text-align: left;
}
.br_row{
    color: #fff;
    text-align: left;
}
.br_row p{
    font-weight: 700;
    font-size: 18px;
}

.price_rop{
    display: flex;
    font-size: 16px;
    color: #000000;
    align-items: flex-start;
    margin-top: 20px;
    line-height: 1.2;
}

.price_rop span{
    font-size: 45px;
    padding-right: 15px;
    line-height: normal;
    margin-top: -7px;
}
.br_row + .br_row{
    margin-top: 15px;
}

.plan_footer{
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.pf_left{
    width: calc(100% - 270px);
    font-size:16px;
    background-color: #F2F2F2;
    padding: 20px 10px 10px 20px;
    border-radius: 10px;
}

.pf_right{
    width: calc(25% - 10px);
}

.pf_left h3{
    font-weight: 700;
    font-size: 20px;
    color: #000;
    margin: 0 0 20px;
}
.pf_right{
    padding: 30px;
    background: #F2F2F2;
    border-radius: 10px;
}

.go_cmp1{
    transition: all .3s;
    border: 1px solid #fff;
    background-color: #fff;
    color: #004494;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    vertical-align: middle;
    margin-top: 5px;
    border-radius: 8px 8px 8px 8px;
}

.pf_left .cst_select select{
    color: #000;
}
.total_list{
    margin-top: 60px;
}
.total_list li{
    clear: both;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.total_list li + li{
    margin-top: 20px;
}
.total_list li div{
    font-size: 20px;
    display: flex;
    color: #444444;
}
.total_list li div::before{
    content: '\e80a';
    font-family: 'icon-pack';
    width: 32px;
    height: 32px;
    border: 2px solid #004494;
    border-radius: 5px;
    color: #004494;
    font-size: 19px;
    display: flex;
    margin-right: 20px;
    align-items: center;
    justify-content: center;
    transition: inherit
}
.total_list li span{
    font-weight: 700;
    font-size: 20px;
    padding-left: 15px;
    color: #444444;
}
.total_list ul{
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #C6C6C6;
}
.total_list > span{
    font-weight: 700;
    font-size: 30px;
    color: #004494;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.total_list > span i{
    margin-right: 60px;
    font-size: 22px;
    font-style: normal;
}
.blogLister{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -60px;
}
.blogLister > div{
    width: calc(33.33333333% - 15px);
    margin-bottom: 60px;
}
#blogLister .sol_item span{
    overflow: hidden;
    display: block;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 58px;
}
.sol_item p{
    height: 44px;
    overflow: hidden;
    display: block;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.customPagination{
    margin-top: 80px;
    display:inline-block;
    vertical-align:middle;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -1px rgb(0 0 0 / 0.00);
    background:#fff;
    border-radius:30px;
    border: 1px solid #eaeaea;
}
.customPagination li{
    float:left;
    position:relative
}
.customPagination li a{
    text-align:center;
    display:inline-block;
    vertical-align:middle;
    width:50px;
    line-height:50px;
    color:#000;
    font-weight:600;
    font-size: 17px;
}
.customPagination li a span{
    font-weight:inherit
}
.customPagination li a.wauto{
    padding:0 15px;
    width:auto
}
.customPagination li:last-child a.wauto{
    padding-left:0
}
.customPagination li:first-child a.wauto{
    padding-right:0
}
.customPagination li a span{
    position:relative;
    z-index:2
}
.customPagination li.cp_active::before{
    content:'';
    position:absolute;
    left:5px;
    top:5px;
    right:5px;
    bottom:5px;
    border-radius:50%;
    pointer-events:none;
    background: #ba3286;
}
.customPagination.blackPagination li.cp_active::before{
    background:#333;
}
.customPagination li.cp_active a{
    color:#fff;
}
.blog_detail_title{
    width: 100%;
    height: 400px;
    background-color: #034ea2;
    display: flex;
    align-items: center;
}
.blog_detail_title > div.container77{
    position: static;
    padding: 0 30px 60px 30px;
    background-color: transparent;
    height: auto;
    transform: none;
}
.blog_detail_title div{
    font-size: 46px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 60px;
}
.dwn_right ul{
    display: flex;
}
.dwn_right ul li + li{
    margin-left: 10px;
}
.dwn_right ul li a{
    color: #BA3286;
    font-size: 16px;
    width: 30px;
    padding: 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dwn_right > span{
    display: block;
    color: #BA3286;
    font-weight: bold;
    margin-bottom: 10px;
}
#mapFrame iframe{
    width: 100%;
    height: 60vh;
}
.contact_boxes{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    flex-wrap: wrap;
}
.contact_boxes > div{
    margin-bottom: 30px;
    width: calc(25% - 15px);
    box-shadow: 0px 0px 20px rgb(100 100 100 / 15%);
    background-color: #fff;
    padding: 30px;
}
.contact_boxes h3{
    margin: 0 0 15px;
    font-weight: 700;
    color: #BA3286;
}
.contact_boxes p{
    display: block;
    margin: 0;
    font-size: 17px;
}
.contact_boxes > div img{
    height: 50px;
    margin-bottom: 15px;
}
.have_dropdown > a::after{
    content: '\f107';
    font-family: 'FontAwesome';
    color: inherit;
    margin-left: 5px;
}
.have_dropdown > a.dropdown_active::after{
    content: '\f106';
}
.header_lng{
    display: flex;
}
.header_lng li + li{
    margin-left: 15px;
}
.header_lng li a img{
    height: 35px;
}



/* responsive */

@media(max-width:1600px){
    .xtr001 + footer{
        margin-top: -70px;
    }
    .modal_item:not(#all_cookies){
        align-items: flex-start;
    }
    .modal_item > div{
        padding: 30px 50px;
    }
    .mi_logo img{
        width: 100px;
    }
}
@media(max-width:1200px){
    .contact_boxes > div{
        width: calc(50% - 15px);
    }
}
@media(max-width:1250px){
    .solution_sec{
        margin: -40px 0;
    }
}
@media(max-width:1070px){
    .header_menu ul > li > a{
        font-size: 16px;
    }
    .header_left{
        width: calc(100% - 165px);
    }
    .videopopupjs__content{
        width:94%;
        padding:15px
    }
    .header_menu > ul > li + li {
        margin-left: 15px;
    }
    .logo_right{
        top: 21px;
    }
    .logo_right img{
        width: 80px;
    }
}
@media(max-width:992px){
    .blogLister > div{
        width: calc(50% - 15px);
    }
    .select_plan > div{
        width: calc(50% - 10px);
        margin-bottom: 30px;
    }
    .plan_footer{
        margin-top: 0;
    }
    .pf_left,
    .pf_right{
        width: calc(50% - 10px);
    }
    .tw_selects{
        flex-wrap: wrap;
    }
    .tw_selects > div{
        width: 100%;
    }
    .tw_selects > div + div{
        margin-top: 30px;
    }
    .dropdown_item .menu_image{
        display: none;
    }
    .dropdown_item ul li.mega_dropdown > a::after{
        transform: translateY(-50%) rotate(90deg);
    }
    .dropdown_item ul li.mega_dropdown > a.act::after{
        content: '\f104';
    }
    .have_dropdown > a > i{
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: inherit;
        font-size: 20px;
        font-style: normal;
    }
    .have_dropdown > a > i::before{
        content: '\f107';
        font-family: 'FontAwesome';
    }
    .have_dropdown > a{
        position: relative;
    }
    .have_dropdown > a.forMinus::after{
        transform: translateY(-50%) rotate(-90deg);
    }
    .xtr001 + footer{
        margin-top: 0;
    }
    .content_video{
        float: none;
        width: 100%;
        margin: 0 0 30px;
    }
    .adv_row > div{
        width: 50%;
    }
    .adv_row > div:nth-child(4n+1){
        clear: none;
    }
    .adv_row > div:nth-child(2n+1){
        clear: left;
    }
    .footer_bottom{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .footer_bottom span{
        width: 100%;
        margin-top: 15px;
        text-align: center;
    }
    .footer_bottom ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer_bottom span,
    .footer_bottom ul li a{
        font-size: 16px;
    }
    .footer_row > div{
        width: 50%;
    }
    .footer_row > div:nth-child(2n+3),
    .footer_row > div:nth-child(2n+4){
        margin-top: 30px;
    }
    .footer_row > div:nth-child(2n+1){
        clear: left;
    }
    .dropdown_item ul li.mega_dropdown ul{
        display: none;
    }
    .dropdown_item ul li.have_dropdown > a::after{
        transform: translateY(-50%) rotate(90deg);
    }
    .dropdown_item ul li > a{
        padding-left: 20px;
    }
    .menu_copyright{
        display: block;
        position: absolute;
        bottom: 40px;
        left: 40px;
    }
    .menu_copyright img{
        height: 60px;
    }
    .menu_copyright span{
        display: block;
        color: #004494;
        font-weight: 700;
        font-size: 17px;
        margin-top: 20px;
    }
    .dropdown_item{
        position: static;
        background-color: #fff;
        left: 0;
        top: 0;
        bottom: 0;
        padding-top: 0;
        margin-top: 20px;
        display: none;
        min-height: auto;
        visibility: visible;
        opacity: 1;
        pointer-events: all;
    }
    .dropdown_item::before,
    .dropdown_item .container77::before{
        display: none;
    }
    .dropdown_item ul li.mega_dropdown ul,
    .dropdown_item ul{
        width: 100%;
        position: static;
        visibility: visible;
        opacity: 1;
    }
    .dropdown_item .menu_image{
        display: none;
    }
    .dropdown_item .container77{
        padding: 0;
    }
    .menu_overlay{
        display: block;
        position: fixed;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.7);
        z-index: 9998;
        visibility: hidden;
        opacity: 0;
        transition: all .3s;
    }
    .menu_overlay.active{
        visibility: visible;
        opacity: 1;
    }
    .header_menu{
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        height: 100%;
        width: 320px;
        background-color: #fff;
        padding: 40px;
        visibility: hidden;
        opacity: 0;
        transition: all .3s;
        transform: translateX(-320px);
    }
    .header_menu.active{
        visibility: visible;
        opacity: 1;
        transform: none;
    }
    .header_menu > ul{
        display: block;
        position: absolute;
        left: 40px;
        right: 40px;
        top: 40px;
        bottom: 174px;
        overflow-y: auto;
    }
    .header_menu > ul > li + li{
        margin-left: 0;
        margin-top: 15px;
    }
    .header_menu ul > li > a{
        font-size: 18px;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .menu_trigger{
        display: block;
        font-size: 36px;
        color: #444;
    }
    .minimal_logo{
        display: none;
    }
    a.rwam{
        position: absolute;
        left: 30px;
        top: -40px;
    }
    .header_social{
        position: absolute;
        right: 30px;
        top: -40px;
        display: none;
    }
    .check_squares > div{
        width: 33.33333333%;
    }
}
@media(max-width:768px){
    .dwn_right a{
        padding: 0 15px;
    }
    .contact_boxes > div {
        width: 100%;
        margin-bottom: 15px;
    }
    .contact_boxes > div img{
        height: 40px;
    }
    #ggx04 > div.container77{
        display: none;
    }
    div.blog_detail_title div.container77{
        padding: 0 15px 20px;
        font-size: 27px;
    }
    .blog_detail_title{
        height: 200px;
    }
    .customPagination{
        margin-top: 60px;
    }
    .customPagination li a{
        font-size: 15px;
        width:45px;
        line-height:45px;
    }
    .blogLister > div{
        width: 100%;
    }
    .total_list li div{
        font-size: 18px;
        line-height: 1.2;
    }
    .total_list li div::before{
        width: 22px;
        height: 22px;
        font-size: 15px;
        top: 3px;
        position: relative;
        margin-right: 10px;
    }
    .total_list li span{
        font-size: 16px;
        padding-left: 10px;
    }
    .total_list > span{
        font-size: 24px;
    }
    .total_list > span i{
        font-size: 18px;
        margin-right: 30px;
    }
    .send_form{
        /* margin-top: 40px; */
    }
    .thr_selects > div {
        width: 100%;
    }
    .thr_selects{
        flex-wrap: wrap;
    }
    .thr_selects > div + div{
        margin-top: 15px;
    }
    .thr_selects label span{
        font-size: 18px;
    }
    .br_row p br{
        display: none;
    }
    .select_plan > div{
        width: 100%;
        margin-bottom: 15px;
    }
    .plan_footer{
        flex-wrap: wrap;
    }
    .pf_left,
    .pf_right{
        width: 100%;
    }
    .pf_left{
        margin-bottom: 15px;
    }
    .rw_title > div > div{
        font-size: 16px;
        width: 200px;
        padding: 15px;
    }
    .total_component{
        margin-top: 50px;
        padding-top: 30px;
    }
    .total_component span{
        font-size: 18px;
    }
    .total_component strong{
        font-size: 36px;
    }
    .total_component i{
        font-size: 18px;
    }
    .total_component .create_order{
        line-height: 50px;
        font-size: 18px;
        margin-top: 20px;
    }
    .service_type{
        display: block;
        margin-top: -56px;
    }
    .cst_select select{
        height: 50px;
        font-size: 16px;
    }
    .cst_select::before{
        right: 15px;
        font-size: 18px;
    }
    .service_type .cst_select{
        width: 100%;
        margin-top: 15px;
    }
    .service_type span{
        font-size: 18px;
    }
    .rw_piece{
        font-size: 20px;
        min-width: 80px;
        text-align: right;
    }
    .rw_left{
        padding-right: 20px;
    }
    .tw_selects > div + div {
        margin-top: 15px;
    }
    .step_item{
        margin-top: 40px;
    }
    .cs_span{
        font-size: 16px;
    }
    .rw_title h4{
        font-size: 18px;
    }
    .price_bar{
        font-size: 14px;
        margin-top: 30px;
    }
    .price_bar span{
        font-size: 22px;
        margin-right: 15px;
        margin-bottom: 0;
    }
    .select_service h3{
        font-size: 18px;
        margin-bottom: 30px;
    }
    .select_service h3 i{
        font-size: 40px;
    }
    .select_service{
        padding: 30px 40px 30px 65px;
    }
    .select_service ul li::before{
        left: -35px;
        width: 22px;
        height: 22px;
        font-size: 15px;
    }
    .select_service ul li{
        font-size: 16px;
        padding-bottom: 10px;
    }
    .check_squares > div{
        width: 50%;
    }
    .cs_item span{
        font-size: 18px;
    }
    .cs_item i{
        font-size: 45px;
    }
    /*.send_form button{
        line-height: 50px;
        font-size: 18px;
    }*/
    .checkrow{
        font-size: 18px;
    }
    .cs_item > div{
        height: 180px;
    }
    .text_inputs,
    .cs_outer{
        margin-top: 60px;
    }
    .input_row{
        flex-wrap: wrap;
    }
    .two_row > div{
        width: 100%;
    }
    .two_row > div + div{
        margin-top: 20px;
    }
    .input_row input{
        height: 50px;
    }
    .input_row textarea{
        height: 150px;
    }
    .input_row input,
    .input_row textarea{
        font-size: 18px;
    }
    .white_news .solution_sec{
        padding: 40px 0;
    }
    .breadcrmb.main_area > .container77{
        bottom: 15px;
        text-align: left;
    }
    .content_inner p{
        /* font-size: 18px; */
    }
    .content_section {
        padding: 50px 0;
        margin: 0;
    }
    .cs_header{
        flex-wrap: wrap;
    }
    .cs_header > div{
        width: 100%;
    }
    .cs_header > div:first-child h1{
        margin-top: 0;
        font-size: 24px;
    }
    .dwn_right{
        padding-left: 0;
        margin-top: 15px;
    }
    .sec_title span{
        font-size: 18px;
    }
    .adv_item img{
        height: 60px;
        margin-bottom: 20px;
    }
    .adv_item p{
        font-size: 14px;
    }
    .adv_row > div{
        margin-bottom: 30px;
    }
    .adv_row_overlay{
        margin-bottom: -30px;
    }
    .beam{
        display: none;
    }
    #all_cookies{
        align-items: flex-start;
    }
    .modal_item{
        padding: 15px 0;
    }
    .modal_item > div {
        padding: 30px 30px;
    }
    .footer_budget img{
        width: 80px;
    }
    .footer_budget{
        margin-top: 15px;
    }
    .footer_box h3{
        font-size: 20px;
        margin-bottom: 10px
    }
    .footer_box ul li a{
        font-size: 16px;
    }
    .s_item > div,
    .s_item > div:last-child{
        width: 100%;
    }
    .story_overlay .s_item:nth-child(2n+2) > div:first-child,
    .s_item > div:first-child{
        padding: 0;
    }
    .s_item > div:first-child{
        margin-bottom: 40px;
    }
    .story_overlay .s_item + .s_item {
        margin-top: 15px;
    }
    .sec_title{
        margin-bottom: 40px;
        font-size: 28px;
    }
    .s_item > div:first-child span{
        font-size: 22px;
    }
    .solution_sec{
        margin: 0;
    }
    .story_sec{
        padding: 80px 0;
    }
    .s_item{
        flex-wrap: wrap;
    }
    .three_box{
        margin-bottom: 80px;
    }
    .text_section h1{
        font-size: 20px;
    }
    .text_section p{
        font-size: 16px;
    }
    .text_section a{
        margin-top: 40px;
    }
    .text_section{
        padding: 100px 0 60px;
    }
    #mainPagination{
        display: block;
    }
    #mainPagination{
        position:
                absolute;
        left: 15px;
        top: 17px;
        z-index:2;
        width:
                auto;
        bottom: auto;
    }
    #mainPagination span{
        opacity: .5;
        background:#004494;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        transition:
                all .3s;
    }
    #mainPagination span.swiper-pagination-bullet-active{
        opacity: 1;
    }
    .button_container{
        justify-content: flex-start;
        top: 20px;
        transform: none;
        left: 0;
        margin: 0;
        padding: 0 15px;
        flex-wrap: wrap;
        width: 60px;
        display: none;
    }
    .button_container button{
        font-size: 36px;
        color: #ba3286;
        display: block;
        width: 100%;
        line-height: normal;
    }
    .button_container button + button{
        /* margin-left: 20px; */
    }
    .main_area > .container77 img{
        height: 49px;
    }
    .main_area > .container77{
        bottom: -49px;
    }
    .mainSwiper img{
        min-height: 200px;
    }
    .ms_texts a{
        margin-top: 15px;
    }
    .main_area::before, .main_area::after{
        display: none;
    }
    .mainSwiper .container77{
        position: static;
        transform: none;
        background-color: #e6e6e6;
        padding: 30px 30px 50px 30px;
        font-size: 30px;
    }
    .mainSwiper .container77::before,
    .mainSwiper .container77::after{
        content: '';
        position: absolute;
        left: 38%;
        bottom: 0;
        z-index: 1;
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 605px 0 0 3000px;
        border-color: transparent transparent transparent #fff;
        transform: translateX(-100%);
        pointer-events: none;
    }
    .mainSwiper .container77::after{
        border-width: 525px 3000px 0 0;
        border-color: transparent #fff transparent transparent;
        transform: none;
        right: 50%;
    }
    .mainSwiper .container77 .ms_texts h1 br{
        display: none;
    }
    .ms_texts p{
        width: 100%;
        font-size: 17px;
    }
    .ms_texts{
        width: 100%;
    }
    .ms_texts h1{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .menu_copyright{
        left: 30px;
    }
    .header_menu > ul {
        left: 30px;
        right: 30px;
        top: 30px;
    }
    .header_menu{
        width: 280px;
        transform: translateX(-280px);
    }
    .header_menu.active{
        transform: none;
    }
    .the_header{
        height: 50px;
    }
    .container77{
        padding: 0 15px;
    }
    a.rwam{
        left: 15px;
        top: -33px;
        font-size: 11px;
        line-height: 25px;
        padding-left: 35px;
    }
    .header_social{
        right: 15px;
        top: -30px;
    }
    .header_social li a{
        font-size: 14px;
    }
    .menu_trigger{
        font-size: 24px;
    }
    .logo_right img {
        width: 60px;
    }
    .logo_right{
        top: 17px;
        padding: 15px;
    }
    .topSpacing{
        height: 40px;
        padding: 0 15px;
    }
    .rwam i{
        left: 10px;
        font-size: 16px;
    }
    .header_lng li a img{
        height: 30px;
    }
}

.footer{
    background-image: url('../img/bg-pattern.svg');
    background-repeat: no-repeat !important;
    background-position: 100% 100% !important;
    background-size: contain !important;
}

.price-box-area {
  display: flex;
  justify-content: space-between;
}

.price-box-area .price-boxes {
  width: 32%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border: solid 1px #e2e2e2;
  border-radius: 10px;
  padding: 30px 0;
}

.price-box-area .price-boxes .price-head {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.price-box-area .price-boxes .price-head img {
  width: 50px;
}

.price-box-area .price-boxes .price-head .price-name {
  font-weight: bold;
  font-size: 37px;
  margin-left: 10px;
  color: #004593;
}

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

.price-desc p {
  font-size: 14px;
  color: #000;
  line-height: 18px;
}

.switch {
  display: flex;
  justify-content: center;
}

.price-xx {
  margin: 50px;
  display: flex;
  justify-content: center;
}

.price-xx .tl {
  font-weight: bold;
  font-size: 45px;
}