/*
    - Template Name: Fox
    - Template URI: 
    - Author: Mohamed Kamel
    - Author URI: https://www.facebook.com/M.Kamel090
    - Description: Fox This is html5 template for App Landing Page
    - Version: 1.0
    - Tags: HTML, Mobile App, Template, Landing Page , Responsive, Bootstrap 4 
*/

/* ----------------------------------------------------
    CSS INDEX        

    01. START GENERAL STYLE (font, body, btn, section-title, section-padding, margins ... etc)
    02. START PRELOADER STYLE
    03. START HEADER STYLE
    04. START SLIDE STYLE
    05. START BOXES SECTION
    06. START WHY US SECTION
    07. START MAIN FEATURES SECTION
    08. START OTHER FEATURES SECTION
    09. START WATCH VIDEO SECTION
    10. START SCREENSHOTS SECTION
    11. START TESTIMONIAL SECTION
    12. START FUN FACTS SECTION
    13. START PRICE TABLE SECTION
    14. START TEAM SECTION
    15. START FAQ SECTION
    16. START LOGOS SECTION
    17. START RECENT NEWS SECTION
    18. START DOWNLOAD APP SECTION
    19. START GET IN TOUCH SECTION
    20. START MAP SECTION
    21. START FOOTER SECTION
    22. START BLOG PAGE
    23. START SIDEBAR
    24. START SINGLE BLOG PAGE

/* ----------------------------------------------------*/

/*------------------------------
    01. START GENERAL STYLE
------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&subset=latin-ext');

body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    position: relative;
    overflow-x: hidden;
}

p {
    font-weight: 400;
    line-height: 30px;
}

.lnr {
    display: inline-block;
    fill: currentColor;
    width: 1em;
    height: 1em;
    vertical-align: -0.05em;
}

a:focus {
    outline: none;
    outline-offset: none;
}

a:hover {
    text-decoration: none;
}


.background-fullwidth {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.background-fixed {
    background-attachment: fixed;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

.height-100 {
    height: 100vh;
    min-height: 600px;
}

.btn-primary {
    border-radius: 50px;
    padding: 15px 45px;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    border: 0;
}

.btn-colord {
    color: #fff;
}

.btn-colord:hover {
    color: #fff;
}

.btn-white {
    background: #fff;
}

.btn-theme {
    position: relative;
    overflow: hidden;
    outline: none !important;
    border: none;
    box-shadow: none !important;
}

.btn-theme:hover,
.prices .price-table:hover .btn-theme {
    color: #fff;
}

.btn-theme.btn-white:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    background: #fff;
}

.btn-theme.btn-colord:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
}

.btn-theme:hover:before,
.prices .price-table:hover .btn-theme:before {
    opacity: 0 !important;
}

.btn-theme>span {
    position: relative;
}

.shadow {
    box-shadow: 0.5px 0.866px 10px 0px rgb(0, 0, 0);
}

a,
.btn-white,
.btn-theme:before,
.foxapp-header .dropdown-menu .dropdown-item,
.slide .content-bottom,
.slide .content-bottom h2,
.boxes .box:hover .lnr,
.other-features .other-features-slider .item,
.screenshots .screenshots-slider .item,
.clients-testimonial .testimonial-slider .slick-dots li,
.clients-testimonial .testimonial-slider .slick-dots li button,
.our-team .team-slider .person,
.our-team .team-slider .person h3,
.our-team .team-slider .person ul,
.our-team .team-slider .person ul li a,
.our-team .team-slider .slick-dots li,
.our-team .team-slider .slick-dots li button,
.faq .accordion .card .card-header h5 .btn,
.faq .accordion .card .card-header h5 .btn:before,
.faq .accordion .card .card-header h5 .btn:after,
.recent-news .recent-news-slider .slick-dots li,
.recent-news .recent-news-slider .slick-dots li button,
.download-app a,
footer .subscribe .subscribe-form-2 label,
footer .subscribe .subscribe-form-2 .form-group {
    transition: all ease 0.3s;
}

.space-15 {
    height: 15px;
}

.space-20 {
    height: 20px;
}

.space-25 {
    height: 25px;
}

.space-50 {
    height: 50px;
}

.padding-100 {
    padding: 100px 0;
}


.lity-close {
    text-shadow: none !important;
}

.lity-content:after {
    box-shadow: none !important;
}

.section-title h3 {
    font-size: 60px;
    font-weight: 900;
    margin: 0;
}

.section-title h3 span.white {
    color: #fff !important;

}

.section-title p {
    font-size: 18px;
    font-weight: 600;
    max-width: 750px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .section-title h3 {
        font-size: 40px;
    }
}

/*------------------------------
    01. END GENERAL STYLE
------------------------------*/

/*------------------------------
    02. START PRELOADER STYLE
------------------------------*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}

.loader-wrapper {
    width: 70px;
    height: 35px;
    overflow: hidden;
    position: absolute;
    top: calc(50% - 17px);
    left: calc(50% - 35px);
}

.loader {
    width: 70px;
    height: 70px;
    border-style: solid;
    border-top-color: #FFF;
    border-right-color: #FFF;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotate 3s ease-in-out infinite;
    transform: rotate(-200deg)
}

@keyframes rotate {
    0% {
        border-width: 10px;
    }

    25% {
        border-width: 3px;
    }

    50% {
        transform: rotate(115deg);
        border-width: 10px;
    }

    75% {
        border-width: 3px;
    }

    100% {
        border-width: 10px;
    }
}

/*------------------------------
    02. End Preloader Style
------------------------------*/

/*------------------------------
    03. START HEADER STYLE
------------------------------*/

.foxapp-header {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 999;
    border-radius: 0;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.foxapp-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0px 13px 35px -12px rgba(0, 0, 0, 0.15);
    animation: menu_sticky 0.7s ease-in-out;
}

@keyframes menu_sticky {
    0% {
        margin-top: -120px;
        opacity: 0;
    }

    50% {
        margin-top: -64px;
        opacity: 0;
    }

    100% {
        margin-top: 0;
        opacity: 1;
    }
}

.foxapp-header .navbar {
    padding: 0;
}

.foxapp-header .navbar-light .navbar-toggler {
    border-color: #fff;
    outline: none;
}

.foxapp-header .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='' stroke-miterlimit='0' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.foxapp-header .navbar .navbar-nav .nav-item>.nav-link {
    color: #fff;
    /* margin: 20px 10px; */
    font-weight: 400;
    position: relative;
    padding: 20px;
}

.foxapp-header .navbar .navbar-nav .nav-item>.nav-link:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 3px;
    background-color: #fff;
    transform: translateX(-50%);
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.foxapp-header .navbar .navbar-nav .nav-item>.nav-link:hover:before {
    width: 100%;
}

.foxapp-header .navbar .navbar-nav .nav-item>.nav-link.active:before {
    width: 100%;
}

.foxapp-header .dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: 0;
    transform: translateY(-15px);
    animation: hide_dropdown_menu 0.2s ease-in-out;
    display: block;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .04);
    height: 0;
    transition: all ease 0.1s;
}

@keyframes hide_dropdown_menu {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(15px);
        opacity: 0;
    }
}

.foxapp-header .dropdown-menu.show {
    animation: show_dropdown_menu 0.2s ease-in-out forwards;
    visibility: visible;
    height: auto;
}

@keyframes show_dropdown_menu {
    0% {
        transform: translateY(15px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.foxapp-header .dropdown-menu .dropdown-item {
    padding: .75rem 1.5rem;
}

.foxapp-header .dropdown-menu .dropdown-item:hover {
    color: #fff;
}

@media (max-width: 992px) {
    .foxapp-header {
        padding: 1em;
    }

    .foxapp-header .dropdown-menu {
        display: none;
    }

    .foxapp-header .dropdown-menu.show {
        display: block;
    }

    .foxapp-header .navbar .navbar-nav .nav-item>.nav-link {
        padding: 10px;
    }

    .foxapp-header .dropdown-menu .dropdown-item {
        padding: 10px;
    }
}

/*------------------------------
    03. End HEADER STYLE
------------------------------*/

/*------------------------------
    04. START SLIDE STYLE
------------------------------*/

.slide {
    position: relative;
}

.slide:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 0;
    border-right: 100vw solid #fff;
    border-top: 200px solid transparent;
    width: 0;
    z-index: 0;
}

.slide .content-bottom {
    padding-top: 200px;
    position: relative;
    z-index: 1;
}

.slide .content-bottom h2 {
    font-size: 52px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: 50px;
}

.slide .content-bottom p {
    color: #fff;
    max-width: 400px;
}

@media (max-width: 1366px) {
    .slide .content-bottom {
        padding-top: 170px;
    }
}

@media (min-width: 992px) {
    .slide .content-bottom img {
        max-width: 400px;
    }
}

@media (max-width: 768px) {
    .slide .content-bottom h2 {
        font-size: 60px;
        line-height: 60px;
    }
}

/*------------------------------
    04. END SLIDE STYLE
------------------------------*/

/*------------------------------
    05. START BOXES SECTION
------------------------------*/

.boxes .box {
    padding: 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.boxes .box:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 5px;
    transform: translateX(-50%);
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.boxes .box:hover:after {
    width: 100%;
}

.boxes .box .icon {
    padding: 25px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 110px;
    height: 110px;
}

.boxes .box .lnr {
    font-size: 55px;
    line-height: 60px;
}

.boxes .box h4 {
    color: #fff;
    margin: 0;
}

.boxes .box p {
    color: #fff;
    margin: 0 auto;
    font-size: 18px;
}

@media (max-width: 767px) {
    .boxes .box {
        margin-bottom: 30px;
    }
}

/*------------------------------
    05. END BOXES SECTION
------------------------------*/

/*------------------------------
    06. START WHY US SECTION
------------------------------*/

.why-us h3 {
    font-size: 40px;
    font-weight: 900;
}

.why-us p {
    font-weight: 400;
    margin: 0;
}

.why-us .why-us-icon {
    margin-bottom: 20px;
}

.why-us .why-us-icon .lnr {
    font-size: 35px;
}

/*------------------------------
    06. END WHY US SECTION
------------------------------*/

/*------------------------------
    07. START MAIN FEATURES SECTION
------------------------------*/

.main-features .features-circle {
    position: relative;
}

.features-circle .circle-svg {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    z-index: -1;
    max-width: 100%;
    margin: 0 auto;
}

.features-circle svg g {
    transform-origin: 50%;
}

.main-features .one-feature {
    margin-bottom: 5em;
}

.main-features .one-feature h5 {
    font-size: 20px;
    line-height: 45px;
    display: inline-block;
    margin: 0 10px .5rem;
}

.main-features .one-feature .lnr {
    font-size: 35px;
}

.main-features .one-feature p {
    margin-bottom: 0;
}

.main-features .left-side .one-feature span {
    float: right;
}

.main-features .left-side .one-feature:nth-child(3),
.main-features .right-side .one-feature:nth-child(3) {
    margin-bottom: 0;
}

.main-features .right-side .one-feature span {
    float: left;
}

@media (min-width: 992px) {

    .main-features .left-side .one-feature:nth-child(1),
    .main-features .left-side .one-feature:nth-child(3) {
        position: relative;
        left: 50px;
    }

    .main-features .right-side .one-feature:nth-child(1),
    .main-features .right-side .one-feature:nth-child(3) {
        position: relative;
        right: 50px;
    }
}

@media (max-width: 992px) {
    .main-features .one-feature {
        margin-bottom: 1.5em;
    }

    .main-features .left-side .one-feature span {
        float: left;
    }
}

@media (max-width: 414px) {
    .features-circle svg {
        max-width: 100%;
        height: 410px;
    }
}

@media (max-width: 375px) {
    .features-circle svg {
        height: 350px;
    }
}

/*------------------------------
    07. END MAIN FEATURES SECTION
------------------------------*/

/*------------------------------
    08. START OTHER FEATURES SECTION
------------------------------*/

.other-features .other-features-slider {
    margin: 0 -15px;
}

.other-features .other-features-slider .item {
    background: #fff;
    padding: 2em 1em;
    border-radius: 50px;
    opacity: 0.6;
    margin: 0 35px;
    outline: none;
    cursor: pointer;
}

.other-features .other-features-slider .item.slick-center {
    opacity: 1;
}

.other-features .other-features-slider .item span {
    margin-bottom: 20px;
    display: inline-block;
}

.other-features .other-features-slider .item .lnr {
    font-size: 40px;
}

.other-features .other-features-slider .item h4 {
    font-size: 20px;
}

.other-features .other-features-slider .item p {
    max-width: 300px;
    margin: 0 auto;
}

/*------------------------------
    08. END OTHER FEATURES SECTION
------------------------------*/

/*------------------------------
    09. START WATCH VIDEO SECTION
------------------------------*/
.watch-video .video {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.watch-video .video:before {
    position: absolute;
    content: '';
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
}

.watch-video .video img {
    position: relative;
}

.watch-video .video a {
    position: absolute;
    height: 80px;
    width: 80px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 2px solid #fff;
    border-radius: 50%;
    animation: ripple_shadow 2s linear infinite;
}

.watch-video .video a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-left: 25px solid #fff;
    border-bottom: 17px solid transparent;
    left: 55%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

@keyframes ripple_shadow {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
    }
}

/*------------------------------
    09. END WATCH VIDEO SECTION
------------------------------*/


/*------------------------------
    10. START SCREENSHOTS SECTION
------------------------------*/

.screenshots .screenshots-slider {
    margin: 0 -15px;
}

.screenshots .screenshots-slider .item {
    opacity: 0.6;
    margin: 0 35px;
    outline: none;
    cursor: pointer;
}

.screenshots .screenshots-slider .item.slick-center {
    opacity: 1;
}

/*------------------------------
    10. END SCREENSHOTS SECTION
------------------------------*/

/*------------------------------
    11. START TESTIMONIAL SECTION
------------------------------*/

.clients-testimonial .testimonial-slider {
    margin-bottom: 60px;
}

.clients-testimonial .testimonial-slider .item {
    outline: none;
    margin: 0 15px;
}

.clients-testimonial .testimonial-slider .item .client-testimonial {
    padding: 3em;
    position: relative;
}

.clients-testimonial .testimonial-slider .item .client-testimonial:after {
    position: absolute;
    content: '';
    bottom: -15px;
    width: 0;
    left: 45px;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: transparent transparent transparent transparent;
}

.clients-testimonial .testimonial-slider .item .client-testimonial p {
    color: #fff;
    font-size: 17px;
    margin: 0;
    position: relative;
}

.clients-testimonial .testimonial-slider .item .client-testimonial p:after,
.clients-testimonial .testimonial-slider .item .client-testimonial p:before {
    position: absolute;
    font-size: 400px;
    opacity: 0.2;
    color: #fff;
}

.clients-testimonial .testimonial-slider .item .client-testimonial p:before {
    content: '\f10d';
    font-family: 'Font Awesome\ 5 Free';
    font-size: 85px;
    font-weight: 900;
    line-height: 85px;
    top: -50px;
    left: -40px;
}

.clients-testimonial .testimonial-slider .item .client-testimonial p:after {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f10e';
    font-size: 85px;
    font-weight: 900;
    line-height: 85px;
    bottom: -50px;
    right: -40px;
}

.clients-testimonial .testimonial-slider .item .client-info {
    padding: 30px 15px;
}

.clients-testimonial .testimonial-slider .item .client-info figure {
    width: 60px;
    height: 60px;
    border: 3px solid transparent;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 15px;
}

.clients-testimonial .testimonial-slider .item .client-info h3 {
    font-size: 20px;
    margin: 0;
}

.clients-testimonial .testimonial-slider .slick-dots {
    bottom: -60px;
}

.clients-testimonial .testimonial-slider .slick-dots li {
    width: 20px;
    height: 15px;
}

.clients-testimonial .testimonial-slider .slick-dots li.slick-active {
    width: 40px;
}

.clients-testimonial .testimonial-slider .slick-dots li button:before {
    display: none;
}

.clients-testimonial .testimonial-slider .slick-dots li button {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #dcdfe7;
    margin: 0 auto;
}

/*------------------------------
    11. END TESTIMONIAL SECTION
------------------------------*/

/*------------------------------
    12. START FUN FACTS SECTION
------------------------------*/

.fun-facts .fact-box {
    padding: 2em;
    background: #fff;
    border-radius: 50px;
    margin-bottom: 1em;
}

.fun-facts .fact-box .lnr {
    font-size: 50px;
    margin: 10px 0 20px;
}

.fun-facts .fact-box h5 {
    font-size: 55px;
    font-weight: 900;
}

.fun-facts .fact-box h6 {
    font-size: 25px;
}

/*------------------------------
    12. END FUN FACTS SECTION
------------------------------*/

/*------------------------------
    13. START PRICE TABLE SECTION
------------------------------*/

.prices .price-table {
    margin-bottom: 30px;
}

.prices .price-table .top {
    padding: 25px;
    position: relative;
    overflow: hidden;
}

.prices .price-table .top .offer {
    width: 200px;
    font-weight: 300;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    left: -58px;
    top: 30px;
    padding: 2px 0;
    letter-spacing: 2px;
    transform: rotate(-45deg);
}

.prices .price-table .top h4 {
    font-size: 25px;
    font-weight: 600;
}

.prices .price-table .top h3 {
    font-size: 80px;
    font-weight: 600;
    margin: 0;
}

.prices .price-table .top h3 span {
    font-size: 20px;
}

.prices .price-table .top h5 {
    font-size: 16px;
    margin: 0;
}

.prices .price-table .bottom {
    padding: 25px 0;
}

.prices .price-table .bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.prices .price-table .bottom ul li {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    border-bottom: 1px solid #f6f6f647;
    padding: 15px;
}

/*------------------------------
    13. END PRICE TABLE SECTION
------------------------------*/

/*------------------------------
    14. START TEAM SECTION
------------------------------*/

.our-team .team-slider .person {
    background: #fff;
    padding: 30px;
    margin: 0 15px;
    position: relative;
    margin-bottom: 100px;
    outline: none;
}

.our-team .team-slider .person img {
    border-radius: 50%;
    width: 130px;
    height: 130px;
    object-fit: cover;
}

.our-team .team-slider .person h3 {
    font-weight: 800;
    font-size: 18px;
    margin: 0;
}

.our-team .team-slider .person h5 {
    font-size: 16px;
    margin: 0;
}

.our-team .team-slider .person p {
    margin: 0;
}

.our-team .team-slider .person ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    z-index: -1;
    background: #fff;
}

.our-team .team-slider .person ul li {
    display: inline-block;
}

.our-team .team-slider .person ul li a {
    display: block;
    padding: 5px;
    width: 35px;
    border-radius: 50%;
}

.our-team .team-slider .person:hover ul {
    transform: translateY(100%);
}

.our-team .team-slider .slick-dots li {
    width: 20px;
    height: 15px;
}

.our-team .team-slider .slick-dots li.slick-active {
    width: 40px;
}

.our-team .team-slider .slick-dots li button:before {
    display: none;
}

.our-team .team-slider .slick-dots li button {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #fff;
    margin: 0 auto;
}

/*------------------------------
    14. END TEAM SECTION
------------------------------*/

/*------------------------------
    15. START FAQ SECTION
------------------------------*/

.faq .accordion .card {
    margin-bottom: 1em;
    border-radius: 28px !important;
    overflow: hidden;
    background: #fff;
}

.faq .accordion .card,
.faq .accordion .card .card-header {
    border: none;
}

.faq .accordion .card .card-header {
    padding: 0;
}

.faq .accordion .card .card-header h5 .btn {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    white-space: unset;
    text-decoration: none;
    padding: 15px 60px 15px 30px;
    color: #2a3659;
    position: relative;
}

.faq .accordion .card .card-header h5 .btn:before,
.faq .accordion .card .card-header h5 .btn:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    background: #ccc;
}

.faq .accordion .card .card-header h5 .btn:before {
    width: 2px;
    height: 12px;
    right: 30px;
}

.faq .accordion .card .card-header h5 .btn:after {
    width: 12px;
    height: 2px;
    right: 25px;
}

.faq .accordion .card .card-header h5 .btn.collapsed:before,
.faq .accordion .card .card-header h5 .btn.collapsed:after {
    background: #fff;
    transform: translateY(-50%) rotate(0deg);
}

.faq .accordion .card .card-header h5 .btn.collapsed {
    color: #fff;
}

.faq .accordion .card .card-body {
    padding: 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

/*------------------------------
    15. END FAQ SECTION
------------------------------*/

/*------------------------------
    16. START LOGOS SECTION
------------------------------*/

.logos {
    padding: 35px 0;
}

.logos .logos-slider .item {
    outline: none;
    margin: 0 30px;
}

@media (max-width: 768px) {
    .logos .logos-slider .slick-next {
        right: 0;
    }

    .logos .logos-slider .slick-prev {
        left: 0;
        z-index: 1;
    }
}

/*------------------------------
    16. END LOGOS SECTION
------------------------------*/

/*------------------------------
    17. START RECENT NEWS SECTION
------------------------------*/

.recent-news .recent-news-slider .item {
    outline: none;
    margin-bottom: 100px;
}

.recent-news .recent-news-slider .item h3 {
    font-size: 24px;
    font-weight: 900;
    margin: 0;
}

.recent-news .recent-news-slider .item p {
    font-size: 18px;
    margin: 0;
}

.news-meta {
    padding: 0;
    list-style: none;
    margin: 0;
}

.news-meta li {
    display: inline-block;
    font-size: 14px;
    color: #c2c2c2;
    margin-right: 15px;
}

.news-meta ul li span {
    margin-right: 5px;
}

.recent-news .recent-news-slider .slick-dots li {
    width: 20px;
    height: 15px;
}

.recent-news .recent-news-slider .slick-dots li.slick-active {
    width: 40px;
}

.recent-news .recent-news-slider .slick-dots li button:before {
    display: none;
}

.recent-news .recent-news-slider .slick-dots li button {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #dcdfe7;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .recent-news .recent-news-slider .item h3 {
        margin-top: 15px;
    }
}

/*------------------------------
    17. END RECENT NEWS SECTION
------------------------------*/

/*------------------------------
    18. START DOWNLOAD APP SECTION
------------------------------*/

.download-app h2 {
    font-size: 40px;
    font-weight: 900;
}

.download-app p {
    font-size: 18px;
}

.download-app a {
    position: relative;
    padding-left: 80px;
    text-align: left;
    text-transform: none;
    margin-right: 30px;
}

.download-app a:last-child {
    margin: 0;
}

.download-app a i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 35px;
    left: 35px;
}

@media (max-width: 414px) {
    .download-app a {
        padding: 10px;
        padding-left: 55px;
        padding-right: 20px;
        font-size: 12px;
        margin-right: 10px;
    }

    .download-app a i {
        left: 20px;
        font-size: 25px;
    }

    .download-app a:last-child {
        margin: 0;
    }
}

/*------------------------------
    18. END DOWNLOAD APP SECTION
------------------------------*/

/*------------------------------
    19. START GET IN TOUCH SECTION
------------------------------*/
.git-in-touch .form-group {
    position: relative;
}

.git-in-touch .form-group .form-control {
    border: none;
    border-bottom: 2px solid;
    border-radius: 0;
    font-weight: 300;
    padding: 10px 20px;
    margin-bottom: 1.5em;
}

.git-in-touch .form-group .form-control~.focus-border {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 3px;
    transform: translateX(-50%);
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.git-in-touch .form-group .form-control:focus~.focus-border {
    width: 100%;
}

.git-in-touch .form-group .form-control:focus {
    outline: none;
    box-shadow: none;
}

.git-in-touch .contact-info .info-box {
    padding: 1em 2em;
}

.git-in-touch .contact-info .info-box span {
    display: block;
    margin-bottom: 20px;
}

.git-in-touch .contact-info .info-box .lnr {
    font-size: 60px;
    text-align: center;
    margin: 0 auto 20px;
}

.git-in-touch .contact-info .info-box h5,
.git-in-touch .contact-info .info-box a {
    font-size: 18px;
    line-height: 30px;
    display: block;
}

/*------------------------------
    19. END GET IN TOUCH SECTION
------------------------------*/

/*------------------------------
    20. START MAP SECTION
------------------------------*/
.map {
    line-height: 0;
}

.map iframe {
    width: 100%;
    height: 500px;
}


/*------------------------------
    20. END MAP SECTION
------------------------------*/

/*------------------------------
    21. START FOOTER SECTION
------------------------------*/
footer {
    background: url('../img/footer-bg.jpg') no-repeat center center/cover;
}

footer .subscribe .subscribe-form {
    background: #fff;
    padding: 25px;
    position: relative;
    overflow: hidden;
    border-radius: 80px;
}

footer .subscribe .subscribe-form .form-group .form-control {
    border: none;
    border-bottom: 2px solid;
    border-radius: 0;
    font-weight: 300;
    padding: 14px 20px;
    background: transparent;
    margin-bottom: 0;
    background: rgba(158, 158, 158, 0.1);
    border-radius: 50px;
    border: none;
}

footer .subscribe .subscribe-form .form-group .form-control:focus {
    outline: none;
    box-shadow: none;
}

footer .footer-widgets .widget {
    color: #fff;
    margin-bottom: 1em;
}

footer .footer-widgets .widget img {
    margin-bottom: 15px;
}

footer .footer-widgets .widget h6 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1.5em;
    color: #fff;
}

footer .footer-widgets .widget ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

footer .footer-widgets .widget ul li {
    margin-bottom: 1em;
    line-height: 30px;
}

footer .footer-widgets .widget ul li span {
    color: #fff;
}

footer .footer-widgets .widget ul li a {
    color: #fff;
}


footer .copyright {
    padding: 15px 0;
    background: rgba(0, 0, 0, 0.2);
}

footer .copyright p {
    font-weight: 400;
    margin: 0;
    line-height: 40px;
    color: #fff;
}

/*------------------------------
    21. END FOOTER SECTION
------------------------------*/


/*------------------------------
    22. START BLOG PAGE
------------------------------*/
.page-head {
    position: relative;
    padding: 125px 0;
}

.page-head h1 {
    font-size: 60px;
    font-weight: 900;
    margin: 0;
    padding: 100px 0 10px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 15px;
}

.blog-page .blog-box {
    margin-bottom: 30px;
}

.blog-page .blog-box .blog-details {
    padding: 0 15px
}

.blog-page .blog-box .blog-details h3 {
    font-size: 18px;
    font-weight: 900;
    margin: 0;
}

.blog-page .blog-box .blog-img a {
    display: block;
}

.blog-page .blog-box .blog-img a img {
    width: 100%;
}

.blog-page .blog-box .blog-details h3 a {
    transition: all ease 0.3s;
}

.blog-page .blog-box .blog-details p {
    font-size: 14px;
    line-height: 25px;
    margin: 0;
}

nav .pagination {
    padding: 15px 35px;
    margin: 0 auto;
    justify-content: center;
}

nav .pagination li:first-child a,
nav .pagination li:last-child a {
    line-height: 28px;
    border-radius: 50% !important;
    background: transparent !important;
}

nav .pagination li {
    margin: 0 10px;
}

nav .pagination li a {
    font-size: 14px;
    border-radius: 50%;
    border: none;
    color: #fff;
    padding: 0;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 24px;
    background: transparent;
}

nav .pagination li a:hover {
    color: #333;
    background: rgba(158, 158, 158, 0.1);
}

@media (max-width: 992px) {
    nav .pagination {
        margin-bottom: 30px;
    }
}

/*------------------------------
    22. END BLOG PAGE
------------------------------*/

/*------------------------------
    23. START SIDEBAR 
------------------------------*/
aside.sidebar .gray-panel {
    background: rgba(158, 158, 158, 0.1);
    padding: 15px 30px;
    margin-bottom: 30px;
}

aside.sidebar .search .form-group {
    position: relative;
}

aside.sidebar .search .form-group .form-control {
    border: none;
    border-bottom: 2px solid;
    border-radius: 0;
    font-weight: 300;
    padding: 10px 20px;
    background: transparent;
}

aside.sidebar .search .form-group .form-control~.focus-border {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 3px;
    transform: translateX(-50%);
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

aside.sidebar .search .form-group .form-control:focus~.focus-border {
    width: 100%;
}

aside.sidebar .gray-panel h3 {
    font-size: 18px;
    font-weight: 600;
    padding: 15px 0;
    position: relative;
    margin-bottom: 15px;
}

aside.sidebar .gray-panel h3:after {
    position: absolute;
    width: 50px;
    height: 2px;
    background: #fff;
    content: '';
    bottom: 0;
    left: 0;
}

aside.sidebar .follow-me ul {
    padding: 0;
    list-style: none;
    margin: 0 0 20px;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

aside.sidebar .follow-me ul li {
    margin-right: 10px;
    margin-bottom: 10px;
}

aside.sidebar .follow-me ul li a {
    font-size: 30px;
    height: 80px;
    width: 60px;
    background: #ccc;
    display: block;
    text-align: center;
    line-height: 80px;
    color: #fff;
}

aside.sidebar .follow-me ul li.facebook a {
    background: #4B69B1;
}

aside.sidebar .follow-me ul li.instagram a {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

aside.sidebar .follow-me ul li.linkedin a {
    background: #1278B6;
}

aside.sidebar .follow-me ul li.twitter a {
    background: #2BB2E1;
}

aside.sidebar .categories ul {
    padding: 0;
    list-style: none;
    margin: 0 0 20px;
}

aside.sidebar .categories ul li a {
    font-size: 16px;
    text-decoration: none;
    margin-bottom: 7px;
    display: block;
}

aside.sidebar .categories ul li:last-child a {
    margin: 0;
}

aside.sidebar .recent-post .post {
    margin-bottom: 15px;
}

aside.sidebar .recent-post .post figure {
    height: 60px;
    margin: 0 10px 0 0;
    flex: 0 0 60px;
}

aside.sidebar .recent-post .post h4 {
    font-weight: 600;
    font-size: 16px;
}

aside.sidebar .tags ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

aside.sidebar .tags ul li {
    display: inline-block;
    margin: 0 20px 15px 0;
}

/*------------------------------
    23. END SIDEBAR 
------------------------------*/


/*------------------------------
    24. START SINGLE BLOG PAGE
------------------------------*/
.single-blog-with-sidebar {
    padding-bottom: 100px;
}

.single-blog-page .blog-box .blog-details {
    padding: 0 15px
}

.single-blog-page .blog-box .blog-details h3 {
    font-size: 22px;
    font-weight: 900;
    margin: 0;
}

.single-blog-page .blog-box .blog-img img {
    width: 100%;
}

.single-blog-page .blog-box .blog-details h3 {
    transition: all ease 0.3s;
}

.single-blog-page .blog-box .blog-details p {
    font-size: 16px;
    line-height: 25px;
    margin: 0;
    font-weight: 400;
    margin-bottom: 30px;
}

.single-blog-page .blog-box .blog-details blockquote {
    padding: 30px 45px;
    background: rgba(158, 158, 158, 0.1);
    margin-bottom: 30px;
    border-left: 5px solid;
}

.single-blog-page .blog-box .blog-details blockquote p {
    margin: 0;
    font-size: 20px;
    font-style: italic;
    line-height: 30px;
}

.single-blog-page hr {
    border-top: 1px solid rgba(124, 124, 124, 0.1);
}

.single-blog-page .blog-box .post-tag-area {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 15px 10px;
    margin-bottom: 30px;
}

.single-blog-page .blog-box .post-tag-area ul {
    padding: 0;
    padding-bottom: 10px;
    margin: 0;
}

.single-blog-page .blog-box .post-tag-area ul li {
    display: inline-block;
    font-size: 18px;
    color: #3e3e3e;
}

.single-blog-page .blog-box .post-tag-area ul li a {
    display: block;
    text-align: center;
}

.single-blog-page .blog-box .post-tag-area .share-icon li a {
    width: 30px;
    font-size: 16px;
}

.single-blog-page .blog-box .post-tag-area .tags li a {
    font-size: 16px;
}

.comments-container {
    padding: 15px;
}

.comments-container h3 {
    font-size: 22px;
    margin-bottom: 30px;
}

.comments-container .comments-list {
    padding: 0;
    list-style: none;
    margin: 0;
}

.comments-container .comments-list li {
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

.comments-container .comments-list li:last-child {
    border: none;
}

.comments-container .comments-list li figure {
    flex: 0 0 60px;
    max-width: 60px;
    margin: 0;
    margin-right: 30px;
}

.comments-container .comments-list li h4 {
    font-size: 22px;
    margin-bottom: 12px;
    line-height: 16px;
}

.comments-container .comments-list li h6 {
    font-size: 14px;
    margin-bottom: 8px;
}

.comments-container .comments-list li p {
    margin-bottom: 10px;
}

.comments-container .comments-list li .reply {
    font-size: 14px;
}

.comments-container .comments-list li .reply i {
    margin-right: 5px;
}

.comments-container .comments-list li.comment-reply {
    margin-left: 100px;
}

.comments-form h3 {
    font-size: 22px;
    margin-bottom: 30px;
}

.comments-form .form-group {
    position: relative;
}

.comments-form .form-group .form-control {
    border: none;
    border-bottom: 2px solid;
    border-radius: 0;
    font-weight: 300;
    padding: 10px 20px;
    background: transparent;
}

.comments-form .form-group .form-control~.focus-border {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 3px;
    transform: translateX(-50%);
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.comments-form .form-group .form-control:focus~.focus-border {
    width: 100%;
}

@media (max-width: 992px) {
    .comments-form .btn {
        margin-bottom: 30px;
    }
}

/*------------------------------
    24. END SINGLE BLOG PAGE
------------------------------*/


/* ----------------------- */

.themes-colors {
    position: fixed;
    left: -200px;
    top: 10%;
    width: 200px;
    background: #fff;
    z-index: 99;
    padding: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05) !important;
}

.themes-colors h3 {
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 30px;
    color: #222;
}

.themes-colors h6 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #585858;
}

.themes-colors span {
    color: #fff;
    display: block;
    padding: 15px;
    text-align: center;
    background: #fff;
    position: absolute;
    top: 0px;
    right: -52px;
    font-size: 22px;
    line-height: 15px;
    cursor: pointer;
    background:  #ef8d04

}

.themes-colors span i {
    color: #fff;
    animation: gear 3s linear infinite forwards;
}

@keyframes gear {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg)
    }
}

.themes-colors ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.themes-colors ul:last-child {
    margin: 0;
}

.themes-colors ul li {
    margin-right: 8px;
    margin-bottom: 10px;
}

.themes-colors ul li:nth-child(5),
.themes-colors ul li:nth-child(10) {
    margin: 0;
}

.themes-colors ul li a {
    color: #585858;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.themes-colors.open {
    left: 0;
}

.themes-colors ul.solid li a {
    background: #ccc;
}

.themes-colors ul.solid li:nth-child(1) a {
    background:  #ef8d04
}

.themes-colors ul.solid li:nth-child(2) a {
    background: #fcd04d;
}

.themes-colors ul.solid li:nth-child(3) a {
    background: #FE676E;
}

.themes-colors ul.solid li:nth-child(4) a {
    background: #ffbeba;
}

.themes-colors ul.solid li:nth-child(5) a {
    background: #6c4874;
}

.themes-colors ul.solid li:nth-child(6) a {
    background: #02416c;
}

.themes-colors ul.solid li:nth-child(7) a {
    background: #316d77;
}

.themes-colors ul.solid li:nth-child(8) a {
    background: #690431;
}

.themes-colors ul.solid li:nth-child(9) a {
    background: #F2884B;
}

.themes-colors ul.solid li:nth-child(10) a {
    background: #333333;
}



.themes-colors ul.gradient li a {
    background: #fff;
}

.themes-colors ul.gradient li:nth-child(1) a {
    background-image: -moz-linear-gradient(90deg, rgb(3, 17, 24) 0%, rgb(4, 89, 133) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(3, 17, 24) 0%, rgb(4, 89, 133) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(3, 17, 24) 0%, rgb(4, 89, 133) 100%);
}

.themes-colors ul.gradient li:nth-child(2) a {
    background-image: -moz-linear-gradient(-45deg, rgb(0, 205, 205) 0%, rgb(159, 21, 161) 70%);
    background-image: -webkit-linear-gradient(-45deg, rgb(0, 205, 205) 0%, rgb(159, 21, 161) 70%);
    background-image: -ms-linear-gradient(-45deg, rgb(0, 205, 205) 0%, rgb(159, 21, 161) 70%);
}

.themes-colors ul.gradient li:nth-child(3) a {
    background-image: -moz-linear-gradient(-45deg, rgb(47, 27, 64) 0%, rgb(159, 21, 161) 100%);
    background-image: -webkit-linear-gradient(-45deg, rgb(47, 27, 64) 0%, rgb(159, 21, 161) 100%);
    background-image: -ms-linear-gradient(-45deg, rgb(47, 27, 64) 0%, rgb(159, 21, 161) 100%);
}

.themes-colors ul.gradient li:nth-child(4) a {
    background-image: -moz-linear-gradient(-45deg, rgb(115, 75, 109) 0%, rgb(47, 27, 64) 60%);
    background-image: -webkit-linear-gradient(-45deg, rgb(115, 75, 109) 0%, rgb(47, 27, 64) 60%);
    background-image: -ms-linear-gradient(-45deg, rgb(115, 75, 109) 0%, rgb(47, 27, 64) 60%);
}

.themes-colors ul.gradient li:nth-child(5) a {
    background-image: -moz-linear-gradient(-45deg, rgb(255, 95, 109) 15%, rgb(255, 195, 113) 100%);
    background-image: -webkit-linear-gradient(-45deg, rgb(255, 95, 109) 15%, rgb(255, 195, 113) 100%);
    background-image: -ms-linear-gradient(-45deg, rgb(255, 95, 109) 15%, rgb(255, 195, 113) 100%);
}

.themes-colors ul.gradient li:nth-child(6) a {
    background-image: -moz-linear-gradient(-135deg, rgb(252, 208, 77) 0%, rgb(255, 190, 186) 70%);
    background-image: -webkit-linear-gradient(-135deg, rgb(252, 208, 77) 0%, rgb(255, 190, 186) 70%);
    background-image: -ms-linear-gradient(-135deg, rgb(252, 208, 77) 0%, rgb(255, 190, 186) 70%);
}

.themes-colors ul.gradient li:nth-child(7) a {
    background-image: -moz-linear-gradient(-45deg, rgb(133, 161, 201) 0%, rgb(158, 115, 156) 65%);
    background-image: -webkit-linear-gradient(-45deg, rgb(133, 161, 201) 0%, rgb(158, 115, 156) 65%);
    background-image: -ms-linear-gradient(-45deg, rgb(133, 161, 201) 0%, rgb(158, 115, 156) 65%);
}

.themes-colors ul.gradient li:nth-child(8) a {
    background-image: -moz-linear-gradient(-45deg, rgb(227, 164, 173) 0%, rgb(176, 136, 145) 60%);
    background-image: -webkit-linear-gradient(-45deg, rgb(227, 164, 173) 0%, rgb(176, 136, 145) 60%);
    background-image: -ms-linear-gradient(-45deg, rgb(227, 164, 173) 0%, rgb(176, 136, 145) 60%);
}

.themes-colors ul.gradient li:nth-child(9) a {
    background-image: -moz-linear-gradient(-45deg, rgb(208, 230, 165) 0%, rgb(134, 227, 206) 70%);
    background-image: -webkit-linear-gradient(-45deg, rgb(208, 230, 165) 0%, rgb(134, 227, 206) 70%);
    background-image: -ms-linear-gradient(-45deg, rgb(208, 230, 165) 0%, rgb(134, 227, 206) 70%);
}

.themes-colors ul.gradient li:nth-child(10) a {
    background-image: -moz-linear-gradient(90deg, rgb(39, 77, 90) 50%, rgb(61, 130, 121) 120%);
    background-image: -webkit-linear-gradient(90deg, rgb(39, 77, 90) 50%, rgb(61, 130, 121) 120%);
    background-image: -ms-linear-gradient(90deg, rgb(39, 77, 90) 50%, rgb(61, 130, 121) 120%);
}
.accordion .card {
    border: none;
}

.accordion .card-header {
    background-color: #f8f9fa; /* Set the desired background color */
    border: none;
    padding: 15px;
}

.accordion .card-header h5 button {
    color: #495057; /* Set the desired text color */
}

.accordion .card-body {
    background-color: #f8f9fa; /* Set the desired background color */
    padding: 15px;
}



.Features-img {
    height: 35px;
}
.Features1-img {
    height: 40px;
    margin: 11px auto;
}

.dawnload-img {
    height: 350px;
}











/* breadcrumb */
.astro_breadcrumb_section {
    background-color: #ef8d04;
  }
  .astro_breadcrumb_section {
    width: 100%;
    z-index: 2;
    height: auto;
    display: block;
    min-height: 260px;
    background-size: 100%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-blend-mode: multiply;
    
    text-align: center;
  }
  #bed-stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 776px 1187px #fff, 121px 521px #fff, 1634px 618px #fff, 1962px 1535px #fff, 1730px 1109px #fff, 393px 1468px #fff, 485px 1386px #fff, 607px 1521px #fff, 1592px 1243px #fff, 1756px 1438px #fff, 475px 108px #fff, 1623px 836px #fff, 1258px 1251px #fff, 1200px 811px #fff, 1976px 217px #fff, 1470px 1643px #fff, 533px 224px #fff, 647px 1282px #fff, 1846px 628px #fff, 1308px 30px #fff, 1661px 1462px #fff, 654px 1211px #fff, 155px 1159px #fff, 491px 636px #fff, 1611px 401px #fff, 980px 73px #fff, 1948px 1650px #fff, 1870px 944px #fff, 479px 1969px #fff, 879px 373px #fff, 1523px 1767px #fff, 967px 1019px #fff, 43px 376px #fff, 31px 691px #fff, 1708px 654px #fff, 1193px 636px #fff, 84px 689px #fff, 570px 732px #fff, 472px 514px #fff, 292px 1038px #fff, 281px 1010px #fff, 1701px 1801px #fff, 434px 1150px #fff, 1819px 1311px #fff, 1731px 897px #fff, 1164px 1612px #fff, 376px 509px #fff, 2px 380px #fff, 385px 1773px #fff, 1536px 197px #fff, 845px 829px #fff, 187px 1833px #fff, 418px 623px #fff, 1737px 1409px #fff, 1754px 973px #fff, 1083px 1832px #fff, 1645px 1113px #fff, 1279px 1771px #fff, 1876px 1962px #fff, 1010px 1113px #fff, 1650px 628px #fff, 1456px 198px #fff, 386px 1367px #fff, 674px 198px #fff, 717px 935px #fff, 682px 270px #fff, 1377px 1482px #fff, 681px 1611px #fff, 919px 1565px #fff, 1989px 557px #fff, 1504px 145px #fff, 1267px 1278px #fff, 471px 1362px #fff, 1346px 1650px #fff, 495px 1388px #fff, 1203px 650px #fff, 920px 723px #fff, 1674px 294px #fff, 188px 633px #fff, 80px 1694px #fff, 1488px 1838px #fff, 1621px 1861px #fff, 391px 26px #fff, 462px 1698px #fff, 592px 1942px #fff, 259px 1638px #fff, 692px 1313px #fff, 274px 704px #fff, 914px 730px #fff, 579px 127px #fff, 1245px 953px #fff, 1274px 1281px #fff, 264px 277px #fff, 1112px 1783px #fff, 1230px 994px #fff, 421px 682px #fff, 1679px 309px #fff, 1621px 1088px #fff, 1876px 1080px #fff, 594px 277px #fff, 1607px 1001px #fff, 1563px 1557px #fff, 630px 268px #fff, 406px 879px #fff, 1776px 1118px #fff, 270px 377px #fff, 1115px 1075px #fff, 1990px 645px #fff, 1303px 732px #fff, 608px 841px #fff, 784px 320px #fff, 1247px 1950px #fff, 1911px 1672px #fff, 743px 630px #fff, 1769px 439px #fff, 1700px 829px #fff, 353px 860px #fff, 1317px 116px #fff, 1421px 114px #fff, 1048px 988px #fff, 1212px 476px #fff, 1243px 1529px #fff, 712px 80px #fff, 794px 1237px #fff, 1973px 1012px #fff, 1953px 1895px #fff, 1132px 1587px #fff, 791px 1481px #fff, 314px 128px #fff, 1974px 1507px #fff, 1139px 1344px #fff, 275px 144px #fff, 545px 1647px #fff, 1421px 938px #fff, 984px 1764px #fff, 1062px 602px #fff, 394px 11px #fff, 981px 992px #fff, 1953px 829px #fff, 1742px 386px #fff, 93px 954px #fff, 736px 1381px #fff, 1318px 1407px #fff, 658px 1476px #fff, 1054px 1625px #fff, 308px 642px #fff, 643px 607px #fff, 1375px 775px #fff, 514px 1502px #fff, 1558px 818px #fff, 1085px 1084px #fff, 955px 1036px #fff, 979px 829px #fff, 1720px 530px #fff, 1079px 1889px #fff, 981px 349px #fff, 864px 209px #fff, 1171px 448px #fff, 849px 584px #fff, 774px 1577px #fff, 1834px 1991px #fff, 723px 1242px #fff, 423px 1188px #fff, 1360px 507px #fff, 46px 379px #fff, 1310px 166px #fff, 946px 1728px #fff, 457px 1492px #fff, 1262px 1867px #fff, 1305px 483px #fff, 1751px 592px #fff, 1856px 293px #fff, 1575px 1105px #fff, 777px 410px #fff, 1715px 904px #fff, 962px 989px #fff, 1534px 1029px #fff, 1134px 787px #fff, 161px 1089px #fff, 1696px 863px #fff, 520px 361px #fff, 674px 1704px #fff, 532px 1525px #fff, 582px 1457px #fff, 981px 383px #fff, 405px 1053px #fff, 1836px 751px #fff, 985px 1323px #fff, 1220px 1480px #fff, 1897px 1559px #fff, 284px 164px #fff, 1064px 1079px #fff, 1205px 1261px #fff, 1620px 1437px #fff, 588px 1569px #fff, 1083px 527px #fff, 1868px 596px #fff, 666px 707px #fff, 1645px 1428px #fff, 1458px 1268px #fff, 913px 338px #fff, 516px 114px #fff, 396px 1860px #fff, 671px 26px #fff, 1303px 1215px #fff, 997px 415px #fff, 736px 859px #fff, 1697px 8px #fff, 1296px 1582px #fff, 141px 1444px #fff, 1344px 975px #fff, 378px 841px #fff, 88px 325px #fff, 1811px 448px #fff, 1404px 1937px #fff, 28px 1766px #fff, 1126px 1766px #fff, 387px 113px #fff, 78px 1833px #fff, 1185px 546px #fff, 1922px 1690px #fff, 1934px 1966px #fff, 948px 1474px #fff, 1085px 1555px #fff, 592px 1841px #fff, 1965px 442px #fff, 23px 1600px #fff, 407px 497px #fff, 1705px 1229px #fff, 408px 1810px #fff, 528px 1273px #fff, 1010px 1671px #fff, 1132px 1626px #fff, 1658px 1804px #fff, 306px 904px #fff, 1813px 552px #fff, 1149px 1442px #fff, 675px 1523px #fff, 1556px 253px #fff, 1203px 1198px #fff, 482px 358px #fff, 1479px 791px #fff, 1242px 1397px #fff, 485px 891px #fff, 411px 776px #fff, 1377px 1853px #fff, 1036px 122px #fff, 1521px 1873px #fff, 581px 1476px #fff, 675px 334px #fff, 717px 1765px #fff, 1223px 1622px #fff, 710px 1697px #fff, 1545px 611px #fff, 1782px 1779px #fff, 392px 40px #fff, 1281px 1401px #fff, 1963px 1968px #fff, 1429px 1253px #fff, 442px 35px #fff, 1197px 1558px #fff, 958px 1390px #fff, 697px 156px #fff, 1299px 792px #fff, 73px 636px #fff, 709px 1362px #fff, 601px 1209px #fff, 328px 1094px #fff, 1948px 1082px #fff, 290px 1747px #fff, 1506px 1213px #fff, 823px 1674px #fff, 1916px 324px #fff, 1663px 994px #fff, 1099px 1943px #fff, 233px 131px #fff, 1964px 483px #fff, 1442px 1180px #fff, 1158px 1566px #fff, 779px 1662px #fff, 622px 1462px #fff, 1662px 355px #fff, 1770px 1766px #fff, 1728px 564px #fff, 661px 1978px #fff, 1911px 1774px #fff, 1515px 995px #fff, 1242px 1492px #fff, 1033px 365px #fff, 220px 190px #fff, 1140px 457px #fff, 112px 1187px #fff, 1082px 1950px #fff, 1382px 136px #fff, 35px 1662px #fff, 1267px 842px #fff, 1894px 1385px #fff, 518px 737px #fff, 148px 308px #fff, 307px 580px #fff, 173px 1268px #fff, 682px 419px #fff, 699px 1273px #fff, 1157px 1368px #fff, 630px 1671px #fff, 273px 1327px #fff, 1979px 151px #fff, 1188px 793px #fff, 698px 1971px #fff, 1697px 406px #fff, 1093px 1354px #fff, 252px 1167px #fff, 543px 1078px #fff, 519px 928px #fff, 348px 293px #fff, 655px 275px #fff, 1730px 110px #fff, 1602px 1438px #fff, 677px 821px #fff, 451px 564px #fff, 1165px 1076px #fff, 588px 1024px #fff, 1113px 1417px #fff, 244px 1588px #fff, 1009px 1501px #fff, 267px 1955px #fff, 1212px 828px #fff, 396px 991px #fff, 1879px 960px #fff, 934px 1927px #fff, 1327px 783px #fff, 1075px 1809px #fff, 1949px 228px #fff, 1001px 1345px #fff, 755px 1151px #fff, 696px 1520px #fff, 587px 1567px #fff, 1569px 1744px #fff, 1709px 137px #fff, 294px 1051px #fff, 1647px 1668px #fff, 448px 301px #fff, 1357px 144px #fff, 17px 862px #fff, 1815px 416px #fff, 1620px 1988px #fff, 677px 1125px #fff, 328px 525px #fff, 775px 1124px #fff, 205px 1907px #fff, 1361px 1903px #fff, 170px 729px #fff, 1559px 1455px #fff, 695px 1046px #fff, 1576px 845px #fff, 1445px 11px #fff, 1174px 884px #fff, 1438px 444px #fff, 1802px 560px #fff, 1189px 282px #fff, 890px 1958px #fff, 392px 1056px #fff, 1836px 1602px #fff, 220px 1234px #fff, 239px 1155px #fff, 967px 1694px #fff, 398px 738px #fff, 1140px 1389px #fff, 1167px 1943px #fff, 666px 276px #fff, 317px 1518px #fff, 742px 758px #fff, 224px 819px #fff, 168px 1349px #fff, 654px 1162px #fff, 1658px 965px #fff, 839px 1551px #fff, 598px 245px #fff, 576px 1328px #fff, 1863px 296px #fff, 1769px 291px #fff, 417px 1659px #fff, 1843px 1971px #fff, 1956px 1061px #fff, 1908px 654px #fff, 1478px 1758px #fff, 729px 1984px #fff, 540px 1312px #fff, 1278px 525px #fff, 1535px 1749px #fff, 1224px 180px #fff, 952px 1112px #fff, 580px 1384px #fff, 439px 1647px #fff, 522px 1415px #fff, 1558px 709px #fff, 1687px 472px #fff, 1618px 261px #fff, 1256px 603px #fff, 41px 1075px #fff, 1189px 76px #fff, 337px 134px #fff, 937px 863px #fff, 1558px 1159px #fff, 449px 740px #fff, 24px 706px #fff, 1228px 453px #fff, 809px 745px #fff, 1427px 1324px #fff, 1157px 1164px #fff, 1227px 252px #fff, 958px 1088px #fff, 1972px 681px #fff, 770px 212px #fff, 1143px 1248px #fff, 901px 389px #fff, 925px 166px #fff, 1904px 967px #fff, 674px 1885px #fff, 354px 1418px #fff, 472px 482px #fff, 1760px 1152px #fff, 1542px 1709px #fff, 971px 498px #fff, 1259px 1991px #fff, 1895px 1387px #fff, 556px 856px #fff, 1708px 1148px #fff, 1048px 1703px #fff, 1501px 339px #fff, 1805px 1958px #fff, 940px 737px #fff, 315px 278px #fff, 1759px 975px #fff, 1501px 998px #fff, 1274px 191px #fff, 1571px 1536px #fff, 1287px 1384px #fff, 1754px 1363px #fff, 1960px 694px #fff, 1841px 12px #fff, 919px 209px #fff, 1149px 1396px #fff, 1270px 1714px #fff, 1247px 1218px #fff, 848px 1855px #fff, 41px 126px #fff, 894px 1500px #fff, 1596px 550px #fff, 1857px 1683px #fff, 1919px 1399px #fff, 1768px 491px #fff, 1402px 807px #fff, 1885px 1428px #fff, 1694px 937px #fff, 1487px 1139px #fff, 1916px 113px #fff, 159px 1525px #fff, 1497px 1269px #fff, 700px 31px #fff, 393px 1295px #fff, 1473px 78px #fff, 1681px 531px #fff, 1021px 300px #fff, 552px 1099px #fff, 485px 728px #fff, 1793px 223px #fff, 1707px 770px #fff, 1812px 247px #fff, 575px 1924px #fff, 813px 583px #fff, 1471px 1874px #fff, 1922px 663px #fff, 1730px 464px #fff, 470px 1554px #fff, 1589px 1083px #fff, 175px 155px #fff, 379px 871px #fff, 1758px 859px #fff, 343px 944px #fff, 962px 1215px #fff, 635px 1895px #fff, 308px 29px #fff, 203px 1275px #fff, 838px 1494px #fff, 812px 717px #fff, 1312px 1392px #fff, 178px 749px #fff, 476px 144px #fff, 1403px 3px #fff, 559px 377px #fff, 1134px 1039px #fff, 1367px 441px #fff, 1351px 1503px #fff, 34px 130px #fff, 578px 1833px #fff, 825px 1393px #fff, 1046px 1629px #fff, 89px 287px #fff, 61px 1207px #fff, 1322px 1372px #fff, 14px 1673px #fff, 1953px 147px #fff, 305px 1144px #fff, 228px 1187px #fff, 1263px 1894px #fff, 1819px 1854px #fff, 818px 541px #fff, 1655px 7px #fff, 268px 1284px #fff, 1815px 897px #fff, 1661px 176px #fff, 1710px 1229px #fff, 1635px 441px #fff, 1975px 1812px #fff, 1638px 393px #fff, 1434px 1451px #fff, 415px 576px #fff, 1608px 669px #fff, 1916px 567px #fff, 1400px 1950px #fff, 993px 967px #fff, 650px 553px #fff, 218px 338px #fff, 1728px 582px #fff, 1858px 202px #fff, 743px 1098px #fff, 683px 699px #fff, 38px 421px #fff, 50px 1417px #fff, 353px 184px #fff, 1740px 1168px #fff, 413px 1657px #fff, 1516px 1998px #fff, 408px 1987px #fff, 192px 1325px #fff, 374px 851px #fff, 514px 750px #fff, 919px 1880px #fff, 1529px 1388px #fff, 335px 1918px #fff, 194px 615px #fff, 171px 1606px #fff, 577px 1396px #fff, 350px 536px #fff, 751px 541px #fff, 246px 576px #fff, 147px 895px #fff, 1311px 331px #fff, 721px 1874px #fff, 502px 1599px #fff, 1263px 1633px #fff, 1041px 1187px #fff, 996px 904px #fff, 537px 786px #fff, 1795px 1560px #fff, 910px 1529px #fff, 1354px 143px #fff, 1688px 788px #fff, 85px 444px #fff, 273px 700px #fff, 608px 1180px #fff, 880px 670px #fff, 1743px 1830px #fff, 906px 1182px #fff, 1692px 771px #fff, 1294px 934px #fff, 635px 1673px #fff, 926px 1151px #fff, 1130px 1811px #fff, 1474px 1324px #fff, 1006px 1135px #fff, 1509px 763px #fff, 922px 2000px #fff, 937px 1540px #fff, 1120px 826px #fff, 131px 629px #fff, 840px 948px #fff, 543px 738px #fff, 1697px 1210px #fff, 667px 1484px #fff, 117px 830px #fff, 842px 1723px #fff, 1683px 1675px #fff, 819px 833px #fff, 259px 384px #fff, 578px 707px #fff, 686px 254px #fff, 745px 974px #fff, 1769px 1875px #fff, 794px 1418px #fff, 975px 1893px #fff, 92px 1000px #fff, 741px 159px #fff, 331px 1831px #fff, 144px 647px #fff, 1552px 1612px #fff, 1320px 1136px #fff, 1321px 337px #fff, 529px 1229px #fff, 1380px 75px #fff, 1018px 1782px #fff, 1268px 279px #fff, 509px 1273px #fff, 695px 397px #fff, 1805px 1889px #fff, 1824px 827px #fff, 975px 1541px #fff, 1928px 139px #fff, 1810px 1284px #fff, 197px 1896px #fff, 171px 141px #fff, 255px 301px #fff, 1601px 1590px #fff, 757px 1030px #fff, 1294px 834px #fff, 601px 206px #fff, 159px 133px #fff, 1478px 1069px #fff, 1997px 282px #fff, 290px 1556px #fff, 472px 1428px #fff, 1010px 383px #fff, 1908px 1109px #fff, 1921px 174px #fff, 32px 1363px #fff, 638px 627px #fff, 152px 122px #fff, 945px 966px #fff, 1099px 332px #fff, 405px 410px #fff, 1434px 1373px #fff, 1137px 128px #fff, 792px 353px #fff, 857px 84px #fff, 921px 1547px #fff, 1234px 1828px #fff, 1462px 1139px #fff, 1110px 7px #fff, 1623px 849px #fff, 595px 4px #fff, 646px 1807px #fff, 1649px 941px #fff, 1349px 1225px #fff, 889px 1633px #fff, 1323px 1572px #fff, 1769px 1048px #fff, 1102px 1162px #fff, 75px 962px #fff, 13px 598px #fff, 49px 1321px #fff, 581px 639px #fff, 724px 1628px #fff, 2px 141px #fff, 1811px 1507px #fff, 491px 741px #fff, 1234px 1509px #fff, 294px 1221px #fff, 1432px 1077px #fff, 102px 1119px #fff, 1509px 1080px #fff, 1476px 1832px #fff, 946px 1586px #fff, 597px 651px #fff, 1147px 671px #fff, 813px 855px #fff, 373px 648px #fff, 1971px 598px #fff, 516px 255px #fff, 1121px 1845px #fff, 899px 238px #fff, 922px 749px #fff, 235px 1855px #fff, 828px 1770px #fff, 614px 881px #fff, 1169px 50px #fff, 1596px 664px #fff, 1595px 1114px #fff, 1983px 596px #fff, 257px 1156px #fff, 828px 1267px #fff, 1995px 1622px #fff, 1993px 472px #fff, 619px 1186px #fff, 1962px 1766px #fff, 1688px 1033px #fff, 270px 1018px #fff, 1151px 1532px #fff, 1057px 1594px #fff, 1554px 1314px #fff, 1203px 114px #fff, 1376px 69px #fff, 1002px 1171px #fff, 1451px 86px #fff, 1162px 1733px #fff, 1403px 1478px #fff, 566px 1403px #fff, 1599px 908px #fff, 867px 1582px #fff, 1871px 1479px #fff;
    animation: animStar 50s linear infinite 5px #f0df20, 374px 851px #fcb42b, 514px 750px #fcb42b, 919px 1880px #f0df20, 1529px 1388px #f0df20, 335px 1918px #f0df20, 194px 615px #f0df20, 171px 1606px #f0df20, 577px 1396px #f0df20, 350px 536px #f0df20, 751px 541px #f0df20, 246px 576px #f0df20, 147px 895px #f0df20, 1311px 331px #f0df20, 721px 1874px #f0df20, 502px 1599px #f0df20, 1263px 1633px #f0df20, 1041px 1187px #f0df20, 996px 904px #f0df20, 537px 786px #f0df20, 1795px 1560px #f0df20, 910px 1529px #f0df20, 1354px 143px #f0df20, 1688px 788px #f0df20, 85px 444px #f0df20, 273px 700px #f0df20, 608px 1180px #f0df20, 880px 670px #f0df20, 1743px 1830px #f0df20, 906px 1182px #f0df20, 1692px 771px #f0df20, 1294px 934px #f0df20, 635px 1673px #f0df20, 926px 1151px #f0df20, 1130px 1811px #f0df20, 1474px 1324px #f0df20, 1006px 1135px #f0df20, 1509px 763px #f0df20, 922px 2000px #f0df20, 937px 1540px #f0df20, 1120px 826px #f0df20, 131px 629px #f0df20, 840px 948px #f0df20, 543px 738px #f0df20, 1697px 1210px #f0df20, 667px 1484px #f0df20, 117px 830px #f0df20, 842px 1723px #f0df20, 1683px 1675px #f0df20, 819px 833px #f0df20, 259px 384px #f0df20, 578px 707px #f0df20, 686px 254px #f0df20, 745px 974px #f0df20, 1769px 1875px #f0df20, 794px 1418px #f0df20, 975px 1893px #f0df20, 92px 1000px #f0df20, 741px 159px #f0df20, 331px 1831px #f0df20, 144px 647px #f0df20, 1552px 1612px #f0df20, 1320px 1136px #f0df20, 1321px 337px #f0df20, 529px 1229px #f0df20, 1380px 75px #f0df20, 1018px 1782px #f0df20, 1268px 279px #f0df20, 509px 1273px #f0df20, 695px 397px #f0df20, 1805px 1889px #f0df20, 1824px 827px #f0df20, 975px 1541px #f0df20, 1928px 139px #f0df20, 1810px 1284px #f0df20, 197px 1896px #f0df20, 171px 141px #f0df20, 255px 301px #f0df20, 1601px 1590px #f0df20, 757px 1030px #f0df20, 1294px 834px #f0df20, 601px 206px #f0df20, 159px 133px #f0df20, 1478px 1069px #f0df20, 1997px 282px #f0df20, 290px 1556px #f0df20, 472px 1428px #f0df20, 1010px 383px #f0df20, 1908px 1109px #f0df20, 1921px 174px #f0df20, 32px 1363px #f0df20, 638px 627px #f0df20, 152px 122px #f0df20, 945px 966px #f0df20, 1099px 332px #f0df20, 405px 410px #f0df20, 1434px 1373px #f0df20, 1137px 128px #f0df20, 792px 353px #f0df20, 857px 84px #f0df20, 921px 1547px #f0df20, 1234px 1828px #f0df20, 1462px 1139px #f0df20, 1110px 7px #f0df20, 1623px 849px #f0df20, 595px 4px #f0df20, 646px 1807px #f0df20, 1649px 941px #f0df20, 1349px 1225px #f0df20, 889px 1633px #f0df20, 1323px 1572px #f0df20, 1769px 1048px #f0df20, 1102px 1162px #f0df20, 75px 962px #f0df20, 13px 598px #f0df20, 49px 1321px #f0df20, 581px 639px #f0df20, 724px 1628px #f0df20, 2px 141px #f0df20, 1811px 1507px #f0df20, 491px 741px #f0df20, 1234px 1509px #f0df20, 294px 1221px #f0df20, 1432px 1077px #f0df20, 102px 1119px #f0df20, 1509px 1080px #f0df20, 1476px 1832px #f0df20, 946px 1586px #f0df20, 597px 651px #f0df20, 1147px 671px #f0df20, 813px 855px #f0df20, 373px 648px #f0df20, 1971px 598px #f0df20, 516px 255px #f0df20, 1121px 1845px #f0df20, 899px 238px #f0df20, 922px 749px #f0df20, 235px 1855px #f0df20, 828px 1770px #f0df20, 614px 881px #f0df20, 1169px 50px #f0df20, 1596px 664px #f0df20, 1595px 1114px #f0df20, 1983px 596px #f0df20, 257px 1156px #f0df20, 828px 1267px #f0df20, 1995px 1622px #f0df20, 1993px 472px #f0df20, 619px 1186px #f0df20, 1962px 1766px #f0df20, 1688px 1033px #f0df20, 270px 1018px #f0df20, 1151px 1532px #f0df20, 1057px 1594px #f0df20, 1554px 1314px #f0df20, 1203px 114px #f0df20, 1376px 69px #f0df20, 1002px 1171px #f0df20, 1451px 86px #f0df20, 1162px 1733px #f0df20, 1403px 1478px #f0df20, 566px 1403px #f0df20, 1599px 908px #f0df20, 867px 1582px #f0df20, 1871px 1479px #f0df20;
  }
  .astro_breadcrumb_section .breadcrumb-content .breadcrumb-heading h1 {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
  }
  .astro_breadcrumb_section .breadcrumb-content .breadcrumb-list {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  
  @media (min-width: 992px){
  .astro_breadcrumb_section .breadcrumb-content {
    padding-top: 230px;
    padding-bottom: 90px;
  }
  }
  
  /* form register */
  .formsection {
    width: 75vw;
  }
  .regf {
    background-image: linear-gradient(180deg, rgb(245, 245, 245), rgb(243, 243, 243));
    margin-top: 5px;
  }
  .wizard-card .picture-container {
    position: relative;
    cursor: pointer;
    text-align: center;
  }
  .wizard-card .picture {
    width: 106px;
    height: 106px;
    margin: 5px auto;
    overflow: hidden;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
  }
  input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea .form-control {
    border-radius: 5px;
    display: block;
    line-height: 1.5;
    font-size: 0.97rem;
    font-weight: 400;
    padding: 0.375rem 0.75rem;
    vertical-align: middle;
    width: 100%;
    min-height: 50px;
    background-color: #ffffff;
    border: 1px solid #dedede;
    outline: none;
    letter-spacing: 0.5px;
    box-shadow: none;
    -webkit-transition: var(--bs-transition);
    transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .wizard-card .picture-src {
    width: 100px;
    height: 100px;
    border-radius: 50%;
  
  }
  
  .upload-icn {
    background-color: orange;
    color: #000;
    height: 37px;
    width: 37px;
    border-radius: 50%;
    border: 1px solid #fff;
    /* padding: 17px; */
    z-index: 44;
    position: absolute;
    margin: 16px 77px;
    padding: 8px;
  }
    input[type="radio"]:checked:before {
   
      content: "⬤";
      text-indent: -9999px;
      line-height: 10px;
      color: orange!important;
      /* margin: 4px -6px; */
      margin-left: 8px;
      margin-left: -1px;
      border: none;
    }
  label.form-label {
    color: #000;
  }
  label {
  
    color: #000;
  }
  .astro-btn {
    color: #fff;
    background: orange!important;
    margin-top: 45px;
    font-weight: 900;
  }
  input[type="radio"] {
    border-radius: 50%;
    margin-right: 0.25rem;
    line-height: 0.75rem;
  }
  input[type="checkbox"], input[type="radio"], form[id*="give-form"] #give-gateway-radio-list>li input[type="radio"], form[id*="give-form"] #give-gateway-radio-list>li input[type="checkbox"], div.wpforms-container-full .wpforms-form input[type="radio"], div.wpforms-container-full .wpforms-form input[type="checkbox"] {
   
    position: relative;
    border: 2px solid #161422;
    background-color: #ffffff;
    color: #f0df20;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 15px;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
  width: 15.5px;
    max-width: 15.5px;
    border-radius: 3px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    transition: 0.05s border-color ease-in-out;
    border-radius: 50%!important;
  }
  .astro-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: capitalize;
    text-align: center;
    background-color: orange;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 11px 22px;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
  }
  
  .index3 input[type="checkbox"]:checked, input[type="checkbox"]:hover, input[type="radio"]:checked, input[type="radio"]:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
  }
  
  
  
  img.icon-img {
    height: 30px;
  }
  
  .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    color: #000;
  }
  
  section#home {
    margin-top: 80px;
  }
  
  
  
  ol.breadcrumb-list li {
    color: #fff;
  }
  ol.breadcrumb-list li a {
    color: #fff;
  }
  
  
  select {
    /* width: 310.328px!important; */
   
    border-radius: 5px;
    display: block;
    line-height: 1.5;
    font-size: 0.97rem;
    font-weight: 400;
    padding: 0.375rem 0.75rem;
    vertical-align: middle;
    width: 100%;
    min-height: 50px;
    background-color: #ffffff;
    border: 1px solid #dedede;
    outline: none;
    letter-spacing: 0.5px;
    box-shadow: none;
    -webkit-transition: var(--bs-transition);
    transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
  }
  .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  
  .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
      
  }
  
  .select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
  }
  .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
  }
  
  .select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
  }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
  }

  @media screen and (max-width: 1024px) {
    .select2-container {
        width: 219px!important;
    }
  }

  @media screen and (max-width: 768px) {
    section#home {
        margin-top: 43px!important;
    }
    .breadcrumb-content {
        margin-top: 151px!important;
    }
    .select2-container {
        width: 156px!important;
    }
    }
  
  @media screen and (max-width: 767px) {
    section#home {
        margin-top: 11px!important;
    }
    .select2-container {
        width: 271px!important;
    }
    }
    @media screen and (max-width: 375px) {
    .select2-container {
        width: 234px!important;
    }
}
@media screen and (max-width: 320px){
.select2-container {
    width: 191px!important;
}
}