:root {
    --light-purple: #F6F4FE;
    --purple: #012F6B;
    --bg-purple: #012F6B;
    --dark-purple: #32236F;
    --body-text-purple: #3E3F66;
    --text-white: #ffffff;
    --bg-white: #ffffff;
    --slider-dots-color: #D4D2DD;
    --light-bg: #DFDAF3;
}




@media screen and (max-width:1200px) {
    .row_am {padding: 50px 0;}
    .banner_section .banner_slider .right_icon {right: -30px;}
    .contact_page_section .contact_inner {margin-top: -120px;}
    .contact_page_section .contact_inner .contact_form {width: 520px; padding: 50px 30px;}
    .contact_page_section .contact_inner .section_title h2 {font-size: 34px;}
}

@media screen and (max-width:992px) {
    .section_title h2 {font-size: 30px;}
    header.fix_style {padding: 5px 0;}

    .banner_section {text-align: center;}
    .banner_section .banner_text h1 {font-size: 40px;}
    .banner_section .banner_slider {margin-top: 50px;}
    .banner_section .banner_slider .left_icon {left: 0;}
    .banner_section .banner_slider .right_icon {right: 0;}

    /* pricing section */
    .pricing_section .pricing_pannel .pricing_block {padding-left: 15px; padding-right: 15px; min-height: 600px; padding-top: 30px;}
    .pricing_section .pricing_pannel .pricing_block .price {font-size: 36px;}
    .pricing_section .pricing_pannel .pricing_block .benifits li p {font-size: 14px;}

    

    .contact_page_section .contact_inner {flex-direction: column; margin-top: 60px;}
    .contact_page_section .contact_inner .contact_form {width: 100%;}
}

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

    body {font-size: 14px; text-align: center;}
    .row_am {padding: 30px 0;}
    .section_title p br {display: none;}
    .section_title h2 {font-size: 24px;}

    .banner_section {margin-top: 60px;}
    .banner_section .banner_text h1 {font-size: 30px;}
    .banner_section .banner_slider .left_icon {left: -40px;}
    .banner_section .banner_slider .right_icon {right: -40px; z-index: 1000;}
    .banner_section .banner_slider::before {width: 350px; height: 350px;}

    .modern_ui_section .section_title {text-align: center;}
    .modern_ui_section .design_block li {padding-left: 0; margin-bottom: 30px;}
    .modern_ui_section .design_block li::before {position: relative; left: auto; top: auto; display: inline-block;}


    .anim_line , .anim_line.dark_bg {width: 140%;}

    .go_top {bottom: 30px; z-index: 999; right: 10px;}

/* pricing section */
    .pricing_section .pricing_inner{ padding: 50px 30px 30px 30px; }
    .pricing_section .pricing_pannel .pricing_block {min-height: auto; padding: 30px 15px;}
    .pricing_section .pricing_pannel .pricing_block .icon {margin-bottom: 15px;}
    .pricing_section .contact_text {margin-top: -20px;}

    .signup_form {width: calc(100% - 30px); margin: 0 15px;} 
    .signup_form form {padding: 0 20px;}
    .signup_form form .form-group .form-control {font-size: 14px; height: 50px;}
    .signup_section .back_btn {top: 15px;}
    .signup_section .top_part {padding-top: 35px; padding-bottom: 35px;}


    .contact_page_section .contact_inner {margin-top: 40px;}
    .contact_page_section .contact_inner .contact_form {padding: 30px 20px;}
    .contact_page_section .contact_inner .section_title h2 {font-size: 24px;}
    .contact_page_section .contact_inner .contact_form form .form-group .form-control {height: 50px; font-size: 14px;}
    .contact_page_section .contact_inner .contact_form form .term_check label {text-align: left; line-height: 1.3;}
    .contact_page_section .contact_inner .contact_form form .term_check {align-items: flex-start;}
}