* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

body {
    font-family: "Inter", sans-serif;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

/* Header Sec */
.header_sec {
    position: absolute;
    padding: 14px 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    border-bottom: 1px solid #eaeaea;
    background: #fff;
}
.header_sec.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    animation: slide-down 0.7s;
    opacity: 1;
    animation-duration: 1s;
    animation-direction: normal;
    animation-delay: 0s;
}

@keyframes slide-down{
    0%{opacity:0;transform:translateY(-100%);} 
    50%{opacity:0;transform:translateY(-100%);} 
    100%{opacity:1;transform:translateY(0);} 
}
.header_sec .logo {
    display: flex;
    width: 180px;
    align-items: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    color: #f0b90b;
    text-decoration: none;
}

.header_sec .logo img {
    width: 28px;
    margin-right: 10px;
}
.header_sec .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_sec .navbar .download_menu .download_btn {
    display: none;
}
.header_sec .sign_in {
    padding: 8px 30px;
    border-radius: 25px;
    font-size: 15px;
    text-decoration: none;
    background-color: #1652f0;
    border: 1px solid #1652f0;
    color: #fff;
}
.header_sec .sign_in:hover {
    background-color: #3e6ff1;
}
.header_sec .navbar-nav li a {
    color: #fff;
    padding: 10px 40px !important;
}

/* Header Sec */

.support_page {
    margin-top: 88px;
}
.support_page .top_sec {
    margin-bottom: 40px;
}
.support_page .top_sec .title {
    margin-bottom: 30px;
}
/* Search Banner Sec */

.breadcrumb_sec {
    padding-top: 20px;
    color: #3C3C3C;
}
.breadcrumb_menu {
    list-style-type: none;
    padding: 0;
    display: flex;
    margin: 0 auto 60px;
}
.breadcrumb_menu li {
    margin-right: 10px;
    color: #c4c2c2;
}
.breadcrumb_menu li a {
    color: #c4c2c2;
    font-size: 16px;
}


.breadcrumb_menu li i {
    font-size: 9px;
    margin-left: 5px;
    color: #c4c2c2;
}

/* Self Service Sec */


/* Search Box */
.search_box {
    width: 100%;
    position: relative;
    padding: 0 0px;
}
.search_box input[type="search"] {
    border: none;
    background: #eef0f3;
    width: 100%;
    height: 53px;
    border-radius: 40px;
    padding: 4px 30px 4px 57px;
    font-size: 15px;
    outline: none;
}
.search_box i {
    position: absolute;
    left: 30px;
    top: 20px;
    margin: auto;
}
/* Search Box */



/* Support Sec */
.support_sec .container {
    max-width: 680px;
}
.support_page .support_content a {
    display: flex;
    padding: 20px;
    text-decoration: none;
    justify-content: space-between;
    color: #010101;
    font-weight: 700;
    border-radius: 5px;
}
.support_page .support_content a:hover {
    background: #f8f9fb;
}
.support_page .support_content a span {
    color: #cf202f;
}
/* Support Sec */

/* Support Sec */
.help_sec {
    width: 60%;
    margin-top: 60px;
}
.help_sec .title {
    font-size: 20px;
    font-weight: 600;
    color: #111;
    margin-bottom: 20px;
    padding: 0 20px;
}

.help_content a {
    display: flex;
    padding: 20px;
    text-decoration: none;
    justify-content: space-between;
    color: #010101;
    font-weight: 700;
    border-radius: 5px;
    align-items: center;
}
.help_content a:hover {
    background: #f8f9fb;
}

.help_content a .help_title {
    font-size: 18px;
    margin-bottom: 2px;
    font-weight: 700;
}

.help_content a .des {
    margin: 0;
    font-weight: 400;
    color: #5b616e;
    font-size: 15px;
}

.help_content a .icon {
    background: #e9e8e8;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
}
/* Support Sec */


/* Support Modal Sec */
.support_modal_sec .modal-dialog {
    max-width: 30%;
}
.support_modal_sec .modal-dialog .modal-content .modal-header {
    text-align: center;
    position: relative;
}
.support_modal_sec .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 18px;
    display: block;
    text-align: center;
    width: 100%;
}
.support_modal_sec .modal-dialog .modal-content .modal-header .btn-close {
    position: absolute;
    right: 20px;
    border: none;
    background: no-repeat;
}
.support_modal_sec .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: none;
}
.support_modal_sec .modal-dialog .modal-content .modal-header .btn-close i {
    font-size: 20px;
}
.support_modal_sec .modal-dialog .modal-content .modal-body {
    padding: 30px 40px;
}
.support_modal_sec .modal-dialog .modal-content .modal-body .text_content .contact_sec {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.support_modal_sec .modal-dialog .modal-content .modal-body .text_content .contact_sec .icon {
    margin-right: 19px;
}

.support_modal_sec .modal-dialog .modal-content .modal-body .text_content .contact_sec .icon i {
    font-size: 20px;
    color: #111;
}
.support_modal_sec .modal-dialog .modal-content .modal-body .text_content .contact_sec .contact_text .des {
    margin: 0;
    font-size: 18px;
    color: #898282;
}
/* Support Modal Sec */


/* Footer Sec */
.footer_sec {
    padding: 80px 0 20px;
}
.footer_sec .f_about_sec .f_logo {
    display: block;
    width: 110px;
}
.footer_sec .des {
    align-items: center;
    color: #66666699;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    padding-top: 30px;
}
.footer_sec .f_socail_sec a {
    color: #66666699;
    text-decoration: none;
    font-size: 16px;
}
.footer_sec .support_menu .f_title {
    font-size: 18px;
    margin-bottom: 16px;
}

.footer_sec .support_menu .menu_list {
    margin: 0;
    list-style-type: none;
}

.footer_sec .support_menu .menu_list li a {
    color: #66666699;
    text-decoration: none;
}
.footer_sec .support_menu .menu_list li a:hover {
    color: #3e3c3c99;
}

.footer_sec .support_menu .menu_list li {
    margin-bottom: 5px;
}

/* Footer Sec */


@media only screen and (max-width: 1600px) {
   
    
    .support_modal_sec .modal-dialog {
        max-width: 38%;
    }

    
}
@media only screen and (max-width: 1400px) {

   
  
}
@media only screen and (max-width: 1200px) {

    .support_modal_sec .modal-dialog {
        max-width: 50%;
    }
}
@media only screen and (max-width: 991px) {
  
    .support_modal_sec .modal-dialog {
        max-width: 70%;
    }
    
}

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

    .help_sec {
        width: 100%;
        margin-top: 40px;
    }
    .support_modal_sec .modal-dialog {
        max-width: 100%;
    }
    .support_modal_sec .modal-dialog .modal-content .modal-body {
        padding: 12px 20px;
    }
    /* Footer Sec */
    .footer_sec .f_about_sec {
        margin-bottom: 30px;
    }
    .footer_sec .support_menu {
        margin-bottom: 30px;
    }
    /* Footer Sec */
}


@media only screen and (max-width: 480px) {
    
}