: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) {

    .banner_section {text-align: center;}
    .banner_section .banner_text h1 {font-size: 40px;}
    .banner_section .banner_slider {margin-top: 20px;}
    .banner_section .banner_slider .slider_frame {
        width: 275px;
    }
    .banner_section .banner_slider #frame_slider, .banner_section .banner_slider #frmae_slider {
        width: 267px;
    }
    /* .banner_section .banner_slider .slider_img img {
        width: 267px;
    } */

    .section_title h2 {font-size: 30px;}

    /* pricing section */
    .pricing_section .pricing_inner{ padding: 50px 30px 30px 30px; }
    .pricing_section .pricing_pannel .pricing_block {padding-left: 15px; padding-right: 15px; padding-top: 30px;}

    .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;}
    .navbar-brand { padding: 4px 0 10px; margin: 0; }
    .navbar-brand img { width: 100px; }
    .navbar-brand span { font-size: 15px; margin-left: 0px; line-height: 20px; display: block;}
    .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::before {width: 350px; height: 350px;}

    .follow_section .section_title {text-align: center; margin-bottom: 45px;}
    .follow_section .follow_list li {padding-left: 0; margin-bottom: 30px;}
    .follow_section .follow_list 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: 40px 20px 20px 20px; }
    .pricing_section .pricing_pannel .pricing_block {padding-left: 15px; padding-right: 15px; padding-top: 30px;}


    .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;}
}