/*!
 * Start Bootstrap - One Page Wonder v5.0.8 (https://startbootstrap.com/template-overviews/one-page-wonder)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-one-page-wonder/blob/master/LICENSE)
 */

@keyframes circle4 {
    from {
        top: -22%;
    }

    to {
        top: 15%;
    }
}

@keyframes circle1 {
    from {
        top: -28rem;
    }

    to {
        top: -3vh;
    }
}

@keyframes circle2 {
    from {
        top: -60vh;
    }

    to {
        top: -35vh;
    }
}

@keyframes circle3 {
    from {
        top: -24rem;
        opacity: 0;
    }

    to {
        top: 54rem;
        opacity: 1;
    }
}

body {
    font-family: 'Rubik', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Rubik;
    font-weight: 800 !important
}

.btn-xl {
    text-transform: uppercase;
    padding: 1.5rem 3rem;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .1rem
}

.bg-black {
    background-color: #000 !important
}

.rounded-pill {
    border-radius: 5rem
}

.navbar-custom {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: rgb(255 255 255 / 0%);
    transition: background 0.2s;
}

    .navbar-custom .navbar-brand {
        text-transform: uppercase;
        font-size: 1rem;
        letter-spacing: .1rem;
        font-weight: 700
    }

    .navbar-custom .navbar-nav .nav-item .nav-link {
        text-transform: uppercase;
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: .1rem;
        font-family: 'Calibri';
        color: rgb(6 15 78);
        text-align: center
    }

.features-icons {
    padding-top: 7rem;
    padding-bottom: 7rem
}

    .features-icons .features-icons-item {
        max-width: 20rem
    }

        .features-icons .features-icons-item .features-icons-icon {
            height: 7rem
        }

            .features-icons .features-icons-item .features-icons-icon i {
                font-size: 4.5rem
            }

        .features-icons .features-icons-item:hover .features-icons-icon i {
            font-size: 5rem
        }

header.masthead {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: initial;
    padding-top: calc(7rem + 72px);
    padding-bottom: 7rem;
    /* background: linear-gradient(0deg, #ff6a00 0, #ee0979 100%); */
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover
}

    header.masthead .masthead-content {
        z-index: 1;
        position: relative
    }

        header.masthead .masthead-content .masthead-heading {
            font-size: 4rem
        }

        header.masthead .masthead-content .masthead-subheading {
            font-size: 2rem
        }

    header.masthead .bg-circle {
        z-index: 0;
        position: absolute;
        border-radius: 100%;
        background: linear-gradient(0deg, #ee0979 0, #ff6a00 100%)
    }

    header.masthead .bg-circle-1 {
        height: 144vh;
        width: 144vh;
        top: -3vh;
        left: -88vh;
        animation-name: circle1;
        animation-duration: 4s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: cubic-bezier(0.14, 1.09, 0.29, 1.07);
    }

    header.masthead .bg-circle-2 {
        height: 75vh;
        width: 75vh;
        top: -35vh;
        right: -17vw;
        animation-name: circle2;
        animation-duration: 4s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: cubic-bezier(0.14, 1.09, 0.29, 1.07);
    }

    header.masthead .bg-circle-3 {
        height: 20rem;
        width: 20rem;
        top: 54rem;
        right: 5%;
        animation-name: circle3;
        animation-duration: 10s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: cubic-bezier(0.14, 1.09, 0.29, 1.07);
    }

    header.masthead .bg-circle-4 {
        height: 50vh;
        width: 50vh;
        top: 15%;
        left: 12%;
        animation-name: circle4;
        animation-duration: 1s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: cubic-bezier(0.14, 1.09, 0.29, 1.07);
    }

.testimonial-item{
    display:flex;
    flex-direction:row;
    text-align:right
}

.testimonial-item-big > img {
    height: 76px;
}

@media (min-width:992px) {
    header .masthead {
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: calc(10rem + 55px);
        padding-bottom: 10rem
    }

        header.masthead .masthead-content .masthead-heading {
            font-size: 6rem
        }

        header.masthead .masthead-content .masthead-subheading {
            font-size: 4rem
        }

    li.nav-item {
        padding: 0px 5px;
        min-width: 75px;
    }
}

.bg-primary {
    background-color: #ee0979 !important
}

.btn-primary {
    background-color: #ee0979;
    border-color: #ee0979
}

    .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
        background-color: #007bff !important;
    }

    .btn-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(238, 9, 121, .5)
    }

.btn-secondary {
    background-color: #ff6a00;
    border-color: #ff6a00
}

    .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
        background-color: #c50 !important;
        border-color: #c50 !important
    }

    .btn-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(255, 106, 0, .5)
    }

.pricing-header {
    margin-top: 2em;
    margin-bottom: 3em;
    text-align: center;
}

    .pricing-header h1 {
        margin-bottom: .65em;
        font-size: 40px;
        font-weight: 600;
    }

    .pricing-header h2 {
        color: #777;
        font-size: 24px;
        font-weight: 400;
    }

.pricing-plans {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
    padding: 45px 30px 58px 30px;
    text-align: center;
}

.plan-title {
    background-color: #ffffff;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 7px 26px;
    border-radius: 36px;
    margin-top: -40px;
    font-family: Rubik;
    font-size: 1.4rem;
    color: #3a9249;
    box-shadow: 0px 4px 11px -2px #414141cc;
}

.plan-price {
    font-size: 5rem;
    font-family: Rubik;
    font-weight: inherit;
    color: white;
    margin-top: 0.5rem;
}

.plan.stacked .card-header {
    text-align: center;
    border: none;
}

.plan-features {
    padding-top: 15px;
    font-family: Rubik;
    color: #626262;
    text-align: center;
    line-height: 2.2rem;
}

    .plan-features ul {
        list-style: none;
        list-style-type: none;
        padding-right: 0;
        margin: 0;
    }

    .plan-features .plan_end_date {
        padding-top: 15px;
    }

.card {
    border: none !important;
}

.plan-actions {
    text-align: center;
    padding: 30px;
}

.btn.btn-primary {
    height: 50px;
    width: 139px;
    color: #2c569e;
    border: 2px solid #4472bf;
    font-weight: 600;
    font-family: Rubik;
    border: none;
    border-radius: 9px;
    background-color: #5d7fdf45;
}

.card {
    border-radius: 0.85rem !important;
}

.card-header:first-child {
    border-radius: calc(0.85rem - 1px) calc(0.85rem - 1px) 0 0 !important;
    padding-bottom: 1.6rem !important;
}

.plan-price div:first-child {
    padding-right: 1.4rem !important;
    letter-spacing: -0.3rem;
}

.custom-toggler .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='rgb(12,20,119)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
    border-color: rgba(255, 255, 255, 0);
}

.full-color {
    background-color: #fffffff0;
    box-shadow: 0px 1px 9px -3px #a7b8de;
}

.lead-text {
    font-size: 1.05rem !important;
    font-weight: 200
}

.info-text {
    display: flex;
    color: #2c5782;
    font-size: 1.2rem;
    margin-bottom: 11px;
    font-weight: 100
}

a.features-icons-icon {
    color: inherit !important;
    text-decoration: none;
}

@media (min-width: 992px) {
    .basic-plan {
        padding-left: 0 !important;
        margin-left: -0.7rem;
    }

    .standard-plan {
        padding-left: 0 !important;
        padding-right: 0 !important;
        z-index: 1;
    }

    .premium-plan {
        padding-right: 0 !important;
        margin-right: -0.7rem;
    }
}

@media (max-width: 992px) {
    @keyframes circle1 {
        from {
            top: -28rem;
        }

        to {
            top: 20vh;
        }
    }

    @keyframes circle2 {
        from {
            top: -60vh;
        }

        to {
            top: -44vh;
        }
    }

    @keyframes circle3 {
        from {
            top: -24rem;
            opacity: 0;
        }

        to {
            top: 35rem;
            opacity: 1;
        }
    }

    @keyframes circle4 {
        from {
            top: -22%;
        }

        to {
            top: 15%;
        }
    }

    .card {
        margin-bottom: 4rem;
    }

    .pricing-plans {
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
        padding: 45px 30px 0px 30px;
        text-align: center;
    }

    .navbar-custom {
        background-color: none;
    }

    header.masthead .bg-circle-1 {
        top: 20vh;
        left: -126vh;
    }

    header.masthead .bg-circle-2 {
        top: -44vh;
        right: -326px;
    }

    header.masthead .bg-circle-3 {
        top: 35rem;
        right: -57%;
        animation-name: circle3;
        animation-duration: 10s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: cubic-bezier(0.14, 1.09, 0.29, 1.07);
    }

    header.masthead .bg-circle-4 {
        top: 15%;
        left: 105%;
    }

    #logoContainer {
        text-align: center !important;
        padding: 0px 56px;
    }

    #header-text {
        font-size: 1.3rem !important;
    }

    #big-register {
        font-size: 0.9rem !important;
    }

    .display-4 {
        font-size: 2.5rem;
    }

    #misim-logo {
        display: none
    }

    li.nav-item {
        padding: 3px 0;
    }

    .testimonial-item {
        display: block;
        text-align:center
    }

    .masthead-content {
        margin-top: -50px
    }

}

.shadow {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(6, 34.3, 23.7, 0.15) !important;
}

.form-inner {
    padding: 40px;
}


    .form-inner textarea {
        resize: none;
    }

    .form-inner input, .form-inner textarea {
        display: block;
        width: 100%;
        padding: 12px 22px;
        margin-bottom: 17px;
        border: none;
        border-radius: 10px;
        background: #e2edf9;
        outline: none;
    }

.contact-button {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: none;
    /* border-bottom: 4px solid #3e4f24; */
    background: #ffde29;
    font-size: 16px;
    font-weight: 800;
    color: #3e4f24;
    margin-bottom: 17px;
}

    .contact-button:hover {
        background: #e4d27a;
    }