.myhome .symbols-pulse > div {
    background-image: linear-gradient(
            -180deg
            , rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 65%, rgba(255, 255, 255, 0.04) 100%);
    width: 28rem;
    height: 28rem;
}
.myhome .parallax-effect{opacity: .3;}
.myhome{
    padding-top: 200px;
    align-items: start;
    background-image: -moz-linear-gradient(125deg, #8dccab 0%, #205671 100%);
    background-image: -webkit-linear-gradient(125deg , #8dccab 0%, #205671 100%);
    background-image: -ms-linear-gradient(125deg, #8dccab 0%, #205671 100%);
}
.noscroll{overflow-y: hidden;}
.navbar-brand{margin-top: -10px;}
.i-header .navbar-brand img, .i-body .f-logo{max-height: 70px; max-width: 173px;}
.i-header .btn_get{color: #225274;}
.i-header.navbar_fixed .btn_get{border-color: #225274!important;}
.i-header .btn_get:hover{background: #225274;border-color: #225274;color: #fff;}
.i-header.navbar_fixed .btn_get:hover{border-color: #142d40!important;}
.i-body .payment_footer_area {background: #142d40;padding: 0;}
.demo-action-btn{color: #fff!important; background-color: #225274;}
.demo-action-btn:hover{color: #225274!important;}
.i-body .analytices_logo img{max-width: 100%;}
.i-body .seo_fact_info .seo_fact_item{margin-top: 0;}
.i-body .seo_fact_info:before {background: url(../img/dot.png) no-repeat center center;}
.i-body .h_analytices_features_area{padding-bottom: 0;}
.i-body .h_action_promo_area {background: #226474;}
.i-body .h_action_promo_area .hosting_btn{color: #226474!important;}
.i-body .breadcrumb_area{padding: 170px 0 40px;}
.h_data_collect_img{display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.h_data_collect_img img:not(.data_img_center){position: absolute;max-width: 90px;z-index: 1}
.h_data_collect_img img.data_img_center{position: relative; z-index: 0;width: 250px;}
.h_data_collect_img img.data_img_lines{top:50%; left: 50%; transform: translate(-50%, -50%)}
.h_data_collect_img img.data_img1{top:37%; left: 12%;}
.h_data_collect_img img.data_img2{bottom:0; right: 7%; max-width: 6.25rem;}
.h_data_collect_img img.data_img3{top:0; left: 7%; max-width: 6.25rem;}
.h_data_collect_img img.data_img4{top:3%; right: 5%; max-width: 6.25rem;}
.h_data_collect_img img.data_img5{bottom:0; left: 10%; max-width: 6.25rem;}
.h_data_collect_img img.data_img6{bottom: -4%; right: 31%;}
.h_data_collect_img img.data_img7{top:-3%; left: 33%;}
.h_data_collect_img img.data_img8{top:42%; right: 10%;}
.h_data_collect_img img.data_img9{top: -2%; right: 27%;}
.h_data_collect_img img.data_img10{bottom: -2%; left: 33%;}
/*.h_data_collect_img svg [id^='line_']{stroke-dasharray: 1000; stroke-dashoffset: 1000;stroke-width: 2;}*/
/*.h_data_collect_img svg [id^='line_'].reverse{stroke-dasharray: 700;}*/
/*.h_data_collect_img svg #ioner_line{stroke-dasharray: 2000; stroke-dashoffset: 2000;}*/
/*.h_data_collect_img.animated svg [id^='line_']:not(.reverse) {animation: line-dash 1.2s ease 1.2s forwards;}*/
/*.h_data_collect_img.animated svg [id^='line_'].reverse {animation: line-dash-reverse 1.2s ease 1.2s forwards;}*/
.h_data_collect_img.animated svg #ioner_line {
    animation: logo-dash 1s ease 1.5s forwards;
}
.paths {
    fill: none;
    stroke: #215274;
    stroke-dasharray: 12;
    stroke-width: 4;
    stroke-linejoin: round;
}
.mask {
    fill: none;
    stroke: white;
    stroke-width: 10;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 5s linear alternate forwards;
}

/* does not work in IE, need JS to animate there */
@keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes line-dash {
    from {
        stroke-dasharray: 1000;
    }
    to {
        stroke-dasharray: 1400;
    }
}
@keyframes line-dash-reverse {
    from {
        stroke-dasharray: 700;
    }
    to {
        stroke-dasharray: 500;
    }
}
@keyframes logo-dash {
    from {
        stroke-dasharray: 2000;
    }
    to {
        stroke-dasharray: 3600;
    }
}

.h_analytices_features_item {padding: 60px 0;}
.cmms-area{background-color: #225274;}
.h_action_img img{position: absolute;}
.h_action_img #coins_img{position: relative; width: 100%;}
.h_action_img #boxes_img{height: 78.2%; bottom: 9.2%;}
.h_action_img #pc_img{bottom: 9.2%; width: 72.5%; left: 10.2%;}
.h_action_img #card1_img{width: 25%; left: 22.5%; bottom: 25%;}
.h_action_img #card2_img{width: 19%; left: 50%; bottom: 27%;}
.h_action_img #man_img{height: 88%; right: 13.5%; bottom: 0;}
.h_action_img #msg_img {width: 7.2%; right: 28.2%; top: 20%;}
.h_action_img #dollar1_img {width: 5.5%; right: 36.2%; top: 19%;}
.h_action_img #dollar2_img {width: 4%; right: 33%; top: 12%;}


.i-body .get_started_area{
    padding: 90px 0 80px;
    background-image: -moz-linear-gradient(140deg, #225274 0%, #66b390 100%);
    background-image: -webkit-linear-gradient(140deg, #225274 0%, #66b390 100%);
    background-image: -ms-linear-gradient(140deg, #225274 0%, #66b390 100%);
}
.i-body .faq_accordian_two .card:before{background-image: linear-gradient(90deg, #225274 0%, #66b390 100%);}
.i-body .faq_accordian_two .card:not(.active) .card-header h5 .btn-link i{color: #337e89;}
.i-body .i-header.navbar_fixed #landing_page .w_menu .nav-item .nav-link.active,
.i-body .i-header.navbar_fixed #landing_page .w_menu .nav-item .nav-link:hover{color: #337e89;}
.i-body #landing_page ul li a.active{color: #337e89;}
.i-body .i-header.navbar_fixed #landing_page .w_menu .nav-item .nav-link:before{background: #337e89;}
.i-footer .company_widget a {color: #c4c7d0!important;}
.i-footer .company_widget span {color: #909ab4!important; padding-left: 0!important;}
.bf_gradient:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(125deg, #8dccab 0%, #205671 100%);
    background-image: -webkit-linear-gradient(
            125deg , #8dccab 0%, #205671 100%);
    background-image: -ms-linear-gradient(125deg, #8dccab 0%, #205671 100%);
    opacity: .65;
}
.bf_gradient .container{position: relative;}
.app_buttons .app_btn{border-color: #645fe8;margin-right: 20px;}
.app_buttons .app_btn:hover{border-color: #66b390;background: rgba(34, 82, 116,.15) !important; color: #225274!important; }
#demo-form label.error {color: #912828;display: block;}
.demo-form-modal {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s;
}
.demo-form-modal.open{
    pointer-events: auto;
    opacity: 1;
    background-size: cover;
}
.demo-form-modal .cover{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    right: 100%;
    background-color: #205671;
    z-index: 1;
}
.demo-form-modal.open .cover{
    animation: cover-anim .8s ease forwards;
}
.modal-close-btn{position: absolute;top: 30px; right: 30px;z-index: 5;}
.modal-left {
    position: fixed;
    width: 35%;
    height: 100%;
    top: 0;
    left: 0;
}
.left-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../img/home_bg.jpg")top right no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity 0s linear .4s;
}
.open .left-bg{opacity: 1;}
.modal-right{
    margin-left: 35%;
    padding: 90px 120px;
    height: 100%;
    background-color: #f5f5f5;
    position: relative;
    opacity: 0;
}
.demo-form-modal.open .modal-right{animation: fadeInUp .4s ease forwards;}
.modal-right img{position: absolute;width: 100%;bottom: 0;left: 0;}
.demo-form-modal .left-content {padding: 6rem 4rem;position: relative;}
.demo-form-modal .left-content h1{overflow: hidden; font-weight: normal; opacity: 0;}
/*.demo-form-modal .left-content h1 span{transform: translateY(42px);display: block; transition: all .3s cubic-bezier(0, 0.55, 0.45, 1) 1s;}*/
/*.demo-form-modal.open .left-content h1 span{transform: translateY(0);}*/
.demo-form-modal.open .left-content h1{animation: fadeInLeft .3s .75s forwards;}
.checkout_content .l_text{color: #677294;}
.demo-form-left-logo{opacity: 0; margin-bottom: 2rem;}
.demo-form-modal.open .demo-form-left-logo{animation: fadeInLeft .3s .65s forwards;}
#demo-form textarea{
    width: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: 0 2px 3px 0 rgba(0, 11, 40, .06);
    height: 170px;
    font: 400 14px/20px "Poppins", sans-serif;
    color: #222d39;
    padding-left: 30px;
    padding-top: 20px;
}
#demo-form textarea.placeholder {color: #9ca3b9;}
#demo-form textarea:-moz-placeholder {color: #9ca3b9;}
#demo-form textarea::-moz-placeholder {color: #9ca3b9;}
#demo-form textarea::-webkit-input-placeholder {color: #9ca3b9;}
#demo-form textarea:focus {outline: none;}
#demo-form .selectpickers {
    width: 100%;
    border-radius: 0px;
    border: 0px;
    box-shadow: 0px 2px 3px 0px rgba(0, 11, 40, 0.06);
    font: 400 14px/60px "Poppins", sans-serif;
    background: #fff;
    height: 60px;
    color: #222d39;
    padding-left: 30px;
}
#demo-form .selectpickers:after {right: 30px;}
#demo-form .selectpickers ul {width: 100%;}
.footer_bottom .f_menu li a:hover {color: #e5e5e5;}
.contact_form_box, #demo-form{position: relative; z-index: 1;}
.contact_form_box .btn_three{background: #195583; border-color: #142d40;}
.contact_form_box .btn_three:hover{color: #142d40;}
#kvkkModal .modal-dialog{max-width: 75%;}
span.emp-text {
    display: inline;
    font-weight: 500;
    padding: 0;
}
span.emp-text:not(.text-white){color: #142d40!important;}
.fw-600{font-weight: 600!important;}
.privacy-col{margin-bottom: 0;}
label[for="kvkk"].error{padding: 0 15px;width: 100%;}
.bootstrap-select {width: 100% !important;}
.bootstrap-select>.dropdown-toggle{background-color: #fff;height: 60px;box-shadow: 0 2px 4px 0 rgb(12 0 46 / 4%);color: #222d39;}
.bootstrap-select>.dropdown-toggle:focus{border-color: #f2effc;box-shadow: 0 10px 14px 0 rgb(12 0 46 / 6%);outline: none!important;}
.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#9ca3b9;}
.bootstrap-select>.dropdown-toggle .filter-option{padding-top: 10px;font-size: 15px;}
.dropdown-item.active, .dropdown-item:active{background-color: #e9e9e9;color:#333;}


.f2{padding: 0 0 10px;}
.f2 > .container{border-top: 1px solid; padding-top: 10px;}
@keyframes cover-anim {
    50%{right: 0;width: 100%;}
    100%{right:0; width: 4px;}
}
@keyframes cover-anim-vertical {
    50%{bottom: 0;height: 120px;}
    100%{bottom:0; height: 4px;}
}

@media screen and (max-width: 414px){
    .demo-form-modal .left-content{display: block!important; padding: 1.5rem 2rem 0!important;}
    .modal-right{padding: 90px 30px;}
}
@media screen and (max-width: 812px){
    .demo-form-modal{overflow-y: auto;}
    .modal-left{width: 100%;height: 120px;}
    .demo-form-modal .cover{
        top: initial;
        right: initial;
        bottom: 100%;
    }
    .modal-close-btn{top: 140px;}
    .demo-form-modal .left-content {
        padding: 2rem 2rem 0;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
    }
    .demo-form-left-logo{width: 125px; margin-bottom: 0;}
    .demo-form-modal .left-content h1{text-align: right; font-size: 1.8rem;}
    .demo-form-modal.open .cover{
        animation: cover-anim-vertical .8s ease forwards;
    }
    .modal-right{
        margin-left: 0;
        margin-top: 120px;
        padding: 60px 30px;
        height: auto;
    }
    .privacy-col{display: flex;align-items: flex-start;}
    .privacy-col input{margin: 8px 10px 0 0;}
}
@media screen and (max-width: 991px){
    .i-header #landing_page .w_menu .nav-item .nav-link.active{color: #337e89;}
    .i-header #landing_page .w_menu .nav-item .nav-link:before{background: #337e89;}
}
@media screen and (max-width: 576px){
    .i-body .payment_footer_area {
        padding: 75px 0;
    }
}