/* DEEPLAB-EDU BUTTON CSS-01 RUMEYSA*/
.internet-branch {
    float: left;
    margin-left: 25px;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    border: 3px solid #f4f0eb;
    height: 45px;
    width: 250px;
    background-color: #fff;
}

.internet-branch>a {
    text-decoration: none;
    display: block;
    padding: 7.5px 0 11.5px 65px;
    color: #1d1d1b;
    font-size: 20px;
    font-family: "Cabin", sans-serif;
    line-height: normal;
    position: absolute;
    top: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    
}

.internet-branch .ib-link {
    position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
    height: 100%;
    padding: 9.5px 33px 11.5px 33px;
    background: #fff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.internet-branch .ib-link a {
    text-decoration: none;
    color: #222220;
    font-size: 18px;
    font-family: "Cabin", sans-serif;
    line-height: normal;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    
}

.internet-branch .ib-link a+a {
    border-left: 2px solid #b3b3b3;
    padding-left: 12px;
    margin-left: 8px;
}

.internet-branch:hover>a,
.internet-branch.active>a {
    top: 100px;
}

.internet-branch:hover .ib-link,
.internet-branch.active .ib-link {
    top: 0;
}

.internet-branch .ib-link a:hover {
    color: #222220;
}

a:active,
a:hover {
    outline: 0;
}

/* SELECTED SERVICES SECTION */

.billboard.white {
    background-color: #fff;
    color: #29383f !important;
}

.billboard {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 80px;
}

#selected-services .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}


.billboard .billboard-header {
    position: relative;
    z-index: 5;
}

.billboard-title {
    font-family: EuclidCircular, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
    font-size: 36px;
}


.billboard .billboard-header p {
    max-width: 675px;
    margin: 0 auto 20px;
}

.billboard.white p,
.billboard.white ul {
    color: #666a76;
}

.billboard.white p {
    font-size: 20px;
}

.animated-graphic .animated-graphic-container {
    display: block;
    position: relative;
    width: 100%;
    height: 185px;
    overflow: hidden;
    padding-top: 30px;
}

.animated-graphic {
    text-align: center;
    max-width: none;
    flex: none;
    width: 25%;
    display: inline-block;
}

.animated-graphic .headline {
    max-width: 70%;
    margin: 0 auto 10px auto;
}

.headline--services {
    font-family: EuclidCircular, sans-serif;
    text-transform: capitalize;
    line-height: 1.2;
    font-weight: 500;
    color: #29383f;
}

.headline--services .list-title-link {
    color: #29383f;
    transition: color 0.3s ease;
    text-decoration: none;
    font-size: 24px;
}

.animated-graphic .mt-lg-20 {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.animated-graphic a {
    outline: 0;
}

.animated-graphic a {
    background-color: transparent;
}

.billboard.white p,
.billboard.white ul {
    color: #666a76;
}

.animated-graphic .vl {
    list-style: none;
    padding: 0;
    margin: 0;
}

.animated-graphic .vl .vl-item {
    font-weight: 300;
    padding: 0;
    margin: 0;
}

.services__list {
    transition: all 0.25s cubic-bezier(0.82, 0, 0.28, 1);
    display: inline-block;
    background: 0 0;
    border: 0;
    padding: 10px 8px 8px;
    line-height: 2.2rem;
    font-weight: 200;
    color: #666a76;
    letter-spacing: 0.07em;
}

.services__list span {
    position: relative;
    font-weight: 200;
    font-size: 14px;
}

.services__list:hover span::after {
    opacity: 1;
}

.services__list span::after {
    content: "";
    position: absolute;
    bottom: -8px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    height: 1px;
    background: #000000;
    left: 0;
    width: 100%;
    opacity: 0;
}

.animated-graphic.active-animation .animated-graphic-container img {
    position: relative;
    margin-top: -251px;
}

.headline--services .list-title-link:hover {
    color: #000000;
}

.services__list:hover span {
    color: #000000 !important;
    font-weight: bold;
}

.services__list:hover {
    text-decoration: none;
}

.animated-graphic a:active,
.animated-graphic a:focus {
    outline: 0;
}

.animated-graphic a:hover {
    color: #000000;
}

@media screen and (max-width: 1600px) {
    #selected-services .container {
        width: 1170px;
    }

    .services__list:hover span {
        font-weight: 500;
    }
}

@media screen and (max-width: 1200px) {
    #selected-services .container {
        width: 90%;
    }

    .services__list:hover span {
        font-weight: 500;
    }
}

@media screen and (max-width: 992px) {
    #selected-services .container {
        width: 90%;
    }

    .services__list:hover span {
        font-weight: 500;
    }

    .headline--services .list-title-link {
        font-size: 20px;
    }

    .animated-graphic {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    #selected-services .container {
        width: 90%;
    }

    .services__list:hover span {
        font-weight: 500;
    }

    .headline--services .list-title-link {
        font-size: 20px;
    }

    .services__list {
        padding: 8px 0 8px 0;
    }
}

/* DEEPLAB-EDU BUTTON CSS-01 RUMEYSA END*/

/* ACCORDION PAGE CSS-02 DENIZ */

/* Style the accordion panel. */


.accordion-title-text {
    color: black;

}

.btn-collapse-ebook:focus {
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.card-body-image-button-content-col-4 .card-body-read-book-button {
    background-color: rgb(77, 167, 241);
    height: 50px;
    width: 130px;
    cursor: pointer;
    color: white;
    display: inline-block;
    border-radius: 4px;
    border: none;
    font-size: 18px;
    transition: all 0.5s;
    margin-left: 100px;
}

.card-body-image-button-content-col-4 .card-body-read-book-button span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.card-body-image-button-content-col-4 .card-body-read-book-button span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}

.card-body-image-button-content-col-4 .card-body-read-book-button:hover span {
    padding-right: 25px;
}

.card-body-image-button-content-col-4 .card-body-read-book-button:hover span:after {
    opacity: 1;
    right: 0;
}

.card-body-image-button-content-col-8>p,
.card-body-image-button-content-col-8 li {
    font-size: 20px;
    text-align: justify;
}

/* responsive of accordion content */
@media (max-width: 1200px) {

    .card-body-image-button-content-col-8>p,
    .card-body-image-button-content-col-8 li {
        max-width: 100%;
        font-size: 19px;
    }

    .card-body-image-button-content-col-4 .card-body-read-book-button {
        height: 50px;
        width: 130px;
        border-radius: 4px;
        font-size: 18px;
        margin-left: 75px;

    }

}

/* ******************************* */
@media (max-width: 992px) {

    .card-body-image-button-content-col-8>p,
    .card-body-image-button-content-col-8 li {
        max-width: 600%;
        font-size: 18px;
        margin-left: 35px;
    }

    .card-body-image-button-content-col-4 img {
        max-width: 120%;
        max-height: 40%;
        margin-top: 50px;
        margin-left: 10px;
    }


    .card-body-image-button-content-col-4 .card-body-read-book-button {
        height: 50px;
        width: 120px;
        border-radius: 4px;
        font-size: 17px;
        margin-left: 50px;
    }


}

/* ********************************* */
@media screen and (max-width: 768px) {

    .card-body-image-button-content-col-8>p,
    .card-body-image-button-content-col-8 li {
        max-width: 800%;
        font-size: 18px;
        margin-left: 10px;
        margin-top: 0px;
    }

    .card-body-image-button-content-col-4 .card-img {
        max-width: 200%;
        max-height: 70%;
        margin-top: 0px;

    }

    .card-body-image-button-content-col-4 .card-body-read-book-button {
        height: 50px;
        width: 130px;
        font-size: 17px;
        margin-bottom: 15px;
    }

    .card-responsive-body-content {
        width: 150%;
    }

    .card-body-image-button-content-col-4:nth-child(1) {
        margin-left: 100px;
        margin-bottom: 0;
    }

}

/* ****************************** */
@media (max-width: 436px) {

    .card-body-image-button-content-col-8>p,
    .card-body-image-button-content-col-8 li {
        margin-top: 20px;
        max-width: 100%;
        font-size: 18px;
        margin-left: 0px
    }


    .card-body-image-button-content-col-4 .card-img {
        max-width: 75%;
        max-height: 70%;
        margin-top: 0px;
        margin-left: 4.5vw;
    }


    .card-body-image-button-content-col-4 .card-body-read-book-button {
        height: 37px;
        width: 117px;
        border-radius: 4px;
        font-size: 15px;
    }


    .card-body-image-button-content-col-4:nth-child(1) {
        margin-top: 4px;
        margin-left: 40px;
        max-width: 150%;
        max-height: 70%;
    }

    #read-btn {
        margin-right: 110px;
        margin-left: 75px;
    }

}

/* ****************************** */
@media (max-width: 435px) {

    .card-body-image-button-content-col-8>p,
    .card-body-image-button-content-col-8 li {
        margin-top: 20px;
        max-width: 100%;
        font-size: 18px;
        margin-left: 0px
    }


    .card-body-image-button-content-col-4 .card-img {
        max-width: 75%;
        max-height: 70%;
        margin-top: 0px;
        margin-left: 4.5vw;
    }


    .card-body-image-button-content-col-4 .card-body-read-book-button {
        height: 37px;
        width: 117px;
        border-radius: 4px;
        font-size: 15px;
    }


    .card-body-image-button-content-col-4:nth-child(1) {
        margin-top: 4px;
        margin-left: 40px;
        max-width: 150%;
        max-height: 70%;
    }

    #read-btn {
        margin-right: 110px;
        margin-left: 75px;
    }

}

/* ****************************** */
@media (max-width: 400px) {

    .card-body-image-button-content-col-8>p,
    .card-body-image-button-content-col-8 li {
        margin-top: 20px;
        max-width: 100%;
        font-size: 15px;
        margin-left: 0px
    }


    .card-body-image-button-content-col-4 .card-img {
        max-width: 70%;
        max-height: 70%;
        margin-left: 2.7vw;
    }


    .card-body-image-button-content-col-4 .card-body-read-book-button {
        height: 37px;
        width: 117px;
        border-radius: 4px;
        font-size: 15px;
    }


    .card-body-image-button-content-col-4:nth-child(1) {
        margin-top: 4px;
        margin-left: 40px;
        max-width: 150%;
        max-height: 70%;
    }

    #read-btn {
        margin-right: 110px;
        margin-left: 50px;
    }

}

/* ****************************** */
@media (max-width: 350px) {
    .accordion-title-text {
        font-size: 15px;
    }

    .card-body-image-button-content-col-8>p,
    .card-body-image-button-content-col-8 li {
        margin-top: 20px;
        max-width: 100%;
        font-size: 15px;
        margin-left: 0px;
    }


    .card-body-image-button-content-col-4 .card-img {
        max-width: 70%;
        max-height: 70%;
        margin-left: 0vw;
    }


    .card-body-image-button-content-col-4 .card-body-read-book-button {
        height: 37px;
        width: 117px;
        border-radius: 4px;
        font-size: 15px;
    }


    .card-body-image-button-content-col-4:nth-child(1) {
        margin-top: 4px;
        margin-left: 40px;
        max-width: 150%;
        max-height: 70%;
    }

    #read-btn {
        margin-right: 110px;
        margin-left: 50px;
    }

}

/* ACCORDION PAGE CSS-02 DENIZ END */

/* BOOK-READER PAGE CSS-03 RUMEYSA*/

a {
    text-decoration: none !important;
}

.nav-vertical {
    width: 100%;
    border-radius: 0.25rem;
    padding: 0.625rem;
}

.nav-vertical .book-sidebar-items:not(:first-child) {
    margin-top: 2px;
}

.nav-vertical .nav-link-book-custom {
    border-radius: 0.25rem;
    display: block;
    padding: 1.25rem;
}

.nav-vertical .nav-link-book-custom:hover,
.nav-vertical .nav-link-book-custom.active {
    color: #555555;
    background: rgba(0, 0, 0, 0.05);
}

.nav-vertical .nav-link-book-custom[aria-expanded] {
    position: relative;
}

.nav-vertical .nav-link-book-custom[aria-expanded]::after {
    position: absolute;
    width: 1em;
    line-height: 1em;
    right: 1rem;
    top: 50%;
    margin-top: -0.5em;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

.nav-vertical .nav-link-book-custom[aria-expanded='true']::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nav-link-book-custom:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(180deg);
}

.nav-link-book-custom::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}

.nav-vertical .nav-collapse-menu {
    margin-top: 2px;
}

.nav-vertical .nav-collapse-menu .nav-link-book-custom {
    padding: 0.5rem 1.25rem 0.5rem 1.875rem;
}

.nav-collapse-menu {
    display: flex;
    flex-wrap: wrap;
    padding-left: 10px;
    margin-bottom: 0;
    list-style: none;
}

.book-sidebar-items .first-title {
    display: block;
    padding: 0.5rem 1rem;
    color: black;
    font-size: 18px;
    font-family: 'Cabin';
}

.collapse.in.show a,
.collapsing .nav-link-book-custom,
.collapse .nav-link-book-custom {
    color: black;
    font-size: 16px;
    font-family: 'Cabin';
}

.nav-link-book-custom:hover,
.nav-link-book-custom:focus {
    text-decoration: none;
}

.nav-link-book-custom.disabled {
    color: #999999;
    pointer-events: none;
    cursor: default;
}


/* BOOK-READER PAGE CSS-03 RUMEYSA END*/

/* INDEX-CARD COURSES CSS-04 NUR */

.mains {
    width: 100vw;
    height: 50vh;
    position: relative;
    overflow: hidden;
}

#carousel-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
}

#carousel-content {
    height: 100%;
}

#carousel-dots {
    position: absolute;
    bottom: 150px;
}

#carousel-content,
#carousel-dots {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cards-carousel {
    width: 400px;
    height: 230px;
    background-color: white;
    margin: 0 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.8s ease-in;
    opacity: 0;
    border-radius: 7px;
    box-shadow: 0px 0px 45px 5px rgba(0, 0, 0, 0.3);
}

.hidden {
    display: none;
}

.left {
    position: absolute;
    transform-origin: center;
    animation: card-out 0.6s cubic-bezier(.8, .2, .1, 0.8);
    transform: translateX(-30%) scale(0.85);
    opacity: 1 !important;
    z-index: 0;
}

.selected {
    transform-origin: center;
    animation: card-in 0.6s cubic-bezier(.8, .2, .1, 0.8);
    transform: translateX(0%);
    opacity: 1 !important;
    z-index: 1;
}

.right {
    position: absolute;
    transform-origin: center;
    animation: new-card 0.6s cubic-bezier(.8, .2, .1, 0.8);
    transform: translateX(22%) scale(0.85);
    opacity: 1 !important;
    z-index: 0;
}


@keyframes card-in {
    0% {
        z-index: 1;
    }

    50% {
        transform: translateX(30%);
    }

    80% {
        z-index: 20;
        transform: translateX(0px);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes card-out {
    0% {
        z-index: 20;
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-30%);
    }

    80% {
        z-index: 1;
    }

    100% {
        transform: translateX(-30%) scale(0.85);
    }
}

@keyframes new-card {
    from {
        transform: translateX(0%) scale(0.5);
    }

    to {
        transform: translateX(22%) scale(0.85);
    }
}


/* INDEX-CARD COURSES CSS-04 NUR END*/

/* INDEX-TYPING-SECTION CSS-05 DENIZ */

/* Custom CSS by Deniz Guvel */

/* Background page CSS */
.index-typing-header {
    background-image: url(../img/header_background/header-background-2.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 60vw;
    margin-top: 130px;
}

/* responsive of img */
@media (max-width: 1200px) {
    .index-typing-header .typing-h1 {
        font-size: 320%;
        line-height: 150%;
    }

    .typing-h1:nth-child(1) {
        max-width: 56%;
    }

    .typing-h1:nth-child(2) {
        max-width: 50%;
    }

    .typing-h1:nth-child(3) {
        max-width: 25%;
    }

    .index-typing-header .typing-h5 {
        font-size: 140%;
    }

    .typing-h5:nth-child(4) {
        max-width: 52%;
    }

    .typing-h5:nth-child(5) {
        max-width: 70%;
    }

    .typing-h5:nth-child(6) {
        max-width: 70%;
    }
}

/* ******************************* */
@media (max-width: 992px) {
    .index-typing-header .typing-h1 {
        font-size: 225%;
        line-height: 130%;
    }

    .typing-h1:nth-child(1) {
        max-width: 43%;
    }

    .typing-h1:nth-child(2) {
        max-width: 40%;
    }

    .typing-h1:nth-child(3) {
        max-width: 20%;
    }

    .index-typing-header .typing-h5 {
        font-size: 120%;
    }

    .typing-h5:nth-child(4) {
        max-width: 51%;
    }

    .typing-h5:nth-child(5) {
        max-width: 50%;
    }

    .typing-h5:nth-child(6) {
        max-width: 64%;
    }


}

/* ********************************* */
@media screen and (max-width: 768px) {
    .index-typing-header .typing-h1 {
        font-size: 200%;
        line-height: 150%;
    }

    .typing-h1:nth-child(1) {
        max-width: 56%;
    }

    .typing-h1:nth-child(2) {
        max-width: 50%;
    }

    .typing-h1:nth-child(3) {
        max-width: 25%;
    }

    .index-typing-header .typing-h5 {
        font-size: 85%;
    }

    .typing-h5:nth-child(4) {
        max-width: 47%;
    }

    .typing-h5:nth-child(5) {
        max-width: 47%;
    }

    .typing-h5:nth-child(6) {
        max-width: 60%;
    }

}

/* ****************************** */
@media (max-width: 576px) {
    .index-typing-header .typing-h1 {
        font-size: 200%;
        line-height: 150%;
    }

    .typing-h1:nth-child(1) {
        max-width: 60%;
    }

    .typing-h1:nth-child(2) {
        max-width: 53%;
    }

    .typing-h1:nth-child(3) {
        max-width: 26%;
    }

    .index-typing-header .typing-h5 {
        font-size: 85%;
    }

    .typing-h5:nth-child(4) {
        max-width: 57%;
    }

    .typing-h5:nth-child(5) {
        max-width: 55%;
    }

    .typing-h5:nth-child(6) {
        max-width: 70%;
    }
}

@media (max-width: 400px) {
    .index-typing-header .typing-h1 {
        margin-left: 15px;
        font-size: 200%;
        line-height: 150%;
    }

    .typing-h1:nth-child(1) {
        margin-left: 15px;
        max-width: 100%;
    }

    .typing-h1:nth-child(2) {
        margin-left: 15px;
        max-width: 75%;
    }

    .typing-h1:nth-child(3) {
        margin-left: 15px;
        max-width: 36%;
    }

    .index-typing-header .typing-h5 {
        margin-left: 15px;
        font-size: 85%;
    }

    .typing-h5:nth-child(4) {
        margin-left: 15px;
        max-width: 72%;
        font-size: 9.5px;
    }

    .typing-h5:nth-child(5) {
        margin-left: 15px;
        max-width: 83%;
        font-size: 9.5px;
    }

    .typing-h5:nth-child(6) {
        margin-left: 15px;
        max-width: 100%;
        font-size: 9.5px;
    }
}

/* For iPhone */
@media (max-width: 300px) {
    .index-typing-header .typing-h1 {
        margin-left: 15px;

        font-size: 90%;
        line-height: 100%;
    }

    .typing-h1:nth-child(1) {
        margin-left: 15px;

        max-width: 100%;
    }

    .typing-h1:nth-child(2) {
        margin-left: 15px;
        max-width: 100%;
    }

    .typing-h1:nth-child(3) {
        margin-left: 25px;
        max-width: 26%;
    }

    .index-typing-header .typing-h5 {
        margin-left: 15px;
        font-size: 65%;
    }

    .typing-h5:nth-child(4) {
        margin-left: 15px;
        max-width: 62%;
    }

    .typing-h5:nth-child(5) {
        margin-left: 15px;
        max-width: 65%;
    }

    .typing-h5:nth-child(6) {
        margin-left: 15px;
        max-width: 73%;
    }
}


/* ********** h1 - Section ********** */
/* h1-typing CSS */
.typing-h1 {
    color: rgb(0, 0, 0);
    font-weight: 800;
    font-family: "Courier";
    font-size: 360%;
    margin: 10px 0 0 100px;
    white-space: nowrap;
    overflow: hidden;
    border-right: .10em solid rgb(0, 0, 0);
    line-height: 85px;
}

/* typing-1 */
.typing-h1:nth-child(1) {
    width: 645px;
    opacity: 0;
    animation: animated-text1 2s steps(30, end), blink 600ms steps(30, end) infinite;
    animation-delay: 0.7s;
    animation-fill-mode: forwards;

}

/* typing-2 */
.typing-h1:nth-child(2) {
    width: 570px;
    opacity: 0;
    animation: animated-text2 2s steps(30, end), blink 600ms steps(30, end) infinite;
    animation-delay: 2.8s;
    animation-fill-mode: forwards;
}

/* typing-3 */
.typing-h1:nth-child(3) {
    width: 255px;
    opacity: 0;
    animation: animated-text3 1.4s steps(25, end), blink 600ms steps(25, end) infinite;
    animation-delay: 4.8s;
    animation-fill-mode: forwards;
}


/* ********** h1 - animation ********** */

/* typing -1 */
@keyframes animated-text1 {
    0% {
        width: 0;
    }

    1% {
        opacity: 1;
    }

    99.9% {
        border-right: .10em solid rgb(0, 0, 0);
    }

    100% {
        opacity: 1;

        border: none;
    }
}

/* typing-2 */
@keyframes animated-text2 {
    0% {
        width: 0;
    }

    1% {
        opacity: 1;
    }

    99.9% {
        border-right: .10em solid rgb(0, 0, 0);
    }

    100% {
        opacity: 1;
        border: none;
    }
}

/* typing-2 */
@keyframes animated-text3 {
    0% {
        width: 0;
    }

    1% {
        opacity: 1;
    }

    99.9% {
        border-right: .10em solid rgb(0, 0, 0);
    }

    100% {
        opacity: 1;
        border: none;
    }
}


/* ********** h5 - Section ********** */
/* h5-typing CSS */
.typing-h5 {
    color: rgb(0, 0, 0);
    font-family: "Courier";
    font-size: 25px;
    margin: 10px 0 0 100px;
    white-space: nowrap;
    overflow: hidden;
    border-right: .10em solid rgb(0, 0, 0);
}

/* tying-4 */
.typing-h5:nth-child(4) {
    width: 570px;
    opacity: 0;
    animation: animated-text_a 2s steps(40, end), blink 600ms steps(40, end) infinite;
    animation-delay: 6.3s;
    animation-fill-mode: forwards;

}

/* tying-5 */
.typing-h5:nth-child(5) {
    width: 620px;
    opacity: 0;
    animation: animated-text_b 2s steps(40, end), blink 600ms steps(40, end) infinite;
    animation-delay: 8.3s;
    animation-fill-mode: forwards;
}

/* tying-6 */
.typing-h5:nth-child(6) {
    width: 780px;
    opacity: 0;
    animation: animated-text_c 2s steps(40, end), blink 600ms steps(40, end) infinite;
    animation-delay: 10.5s;
    animation-fill-mode: forwards;
}


/* ********** h5 - animation ********** */
/* typing-4 */
@keyframes animated-text_a {

    0% {
        width: 0;
    }

    1% {
        opacity: 1;
    }

    99.9% {
        border-right: .10em solid rgb(0, 0, 0);
        opacity: 1;
    }

    100% {
        opacity: 1;
        border: none;
    }
}


/* typing-5 */
@keyframes animated-text_b {
    0% {
        width: 0;
    }

    1% {
        opacity: 1;
    }

    99.9% {
        border-right: .10em solid rgb(0, 0, 0);
    }

    100% {
        opacity: 1;
        border: none;
    }
}

/* typing-6 */
@keyframes animated-text_c {
    0% {
        width: 0;
    }

    1% {
        opacity: 1;
    }

    99.9% {
        border-right: .10em solid rgb(0, 0, 0);
    }

    100% {
        opacity: 1;
    }
}

/* blink animation (common h1 & h5)*/
@keyframes blink {
    50% {
        border-color: transparent;
    }
}

/* INDEX-TYPING-SECTION CSS-05 DENIZ END */

/* ACADEMY PAGE CSS-06 NUR */

.logo {
    width: 150px;
    filter: brightness(150%);
}

.logo-sm {
    width: 100px;
}

footer h5,
footer h6 {
    color: #5f5f5f;
}

.footer-email {
    border: none;
    width: 15rem;
    height: 2rem;
}

.footer-email:hover {
    border-bottom: 1px solid #7d868b;
    transition: 0.9s;
    width: 100%;
}

.footer-social-media-icons {
    color: #7d868b !important;
}

.footer-social-media-icons:hover {
    color: black !important;
}

.navbar-shadow {
    box-shadow: 0px 0px 10px rgba(51, 50, 50, 0.2);
}

.title-academy a {
    color: black;
    text-decoration: none;
}

.button-custom-footer {
    background-color: #7d868b;
    color: white;
}

.form-modal-custom .button-custom-form {
    background: linear-gradient(135deg, rgb(79, 79, 79) 0%, rgb(54, 54, 54) 99%);
    color: white;
}

.form-modal-custom .button-custom-form:hover {
    cursor: pointer;
    box-shadow: 0px 10px 20px rgba(36, 35, 35, 0.398);
}

.button-custom-footer:hover {
    background-color: #616364;
}

.apply-custom {
    float: left;
    margin-left: 25px;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    border: 3px solid #f4f0eb;
    height: 45px;
    width: 190px;
    background-color: #fff;
}

.form-button-custom {
    float: left;
    margin-left: 25px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    border: none;
    height: 45px;
    width: 190px;
    background: linear-gradient(135deg, rgb(79, 79, 79) 0%, rgb(54, 54, 54) 99%);
    color: white;
}

.apply-custom .link-custom:hover {
    color: black !important;
}

.apply-custom>a {
    text-decoration: none;
    display: block;
    padding: 7.5px 0 11.5px 65px;
    color: #1d1d1b;
    font-size: 20px;
    font-family: "Cabin", sans-serif;
    line-height: normal;
    position: absolute;
    top: 0;
}

#apply {
    color: #1d1d1b;
    font-size: 20px;
    font-family: "Cabin", sans-serif;
}

.apply-custom:hover {
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(51, 50, 50, 0.2);
}

.form-button-custom:hover {
    cursor: pointer;
    box-shadow: 0px 10px 20px rgba(36, 35, 35, 0.398);
}

.apply-custom:focus {
    border-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-button-custom:focus {
    border-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Apply-Modal and Form-Modal*/

/* Form-Modal class name: popup-form, form-modal-custom */

.popup {
    background: rgba(100, 100, 100, 0.5);
    position: fixed;
    display: none;
    z-index: 5000;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.popup-form {
    background: rgba(100, 100, 100, 0.5);
    position: fixed;
    display: none;
    z-index: 5000;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.popup>div {
    max-width: 600px;
    width: 70%;
    position: fixed;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: transparent;
    padding: 30px;
    z-index: 5001;
    text-align: center;
}

.free {
    padding-top: 8rem;
    margin-bottom: 8rem;
}

.popup-form>div {
    max-width: 600px;
    width: 70%;
    position: fixed;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: transparent;
    padding: 30px;
    z-index: 5001;
    text-align: center;
}

.form-modal {
    position: relative;
    width: 450px;
    height: auto;
    margin-top: 4em;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1)
}

.form-modal-custom {
    position: relative;
    width: 450px;
    height: auto;
    margin-top: 4em;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1)
}

.form-modal button {
    cursor: pointer;
    position: relative;
    text-transform: capitalize;
    font-size: 1em;
    z-index: 2;
    outline: none;
    background: #fff;
    transition: 0.2s;
}

.form-modal-custom button {
    cursor: pointer;
    position: relative;
    text-transform: capitalize;
    font-size: 1em;
    z-index: 2;
    outline: none;
    background: #fff;
    transition: 0.2s;
}

.form-modal .btn {
    border-radius: 20px;
    border: none;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.8em 1em 0.8em 1em !important;
    transition: 0.5s;
    border: 1px solid #ebebeb;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.form-modal-custom .btn {
    border-radius: 20px;
    border: none;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.8em 1em 0.8em 1em !important;
    transition: 0.5s;
    border: 1px solid #ebebeb;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.form-modal .login,
.form-modal .signup {
    background: #7d868b;
    color: #fff;
}

.form-modal .login:hover,
.form-modal .signup:hover {
    background: #222;
}

.form-toggle {
    position: relative;
    width: 100%;
    height: auto;
}

.form-toggle button {
    width: 50%;
    float: left;
    padding: 1.5em;
    margin-bottom: 1.5em;
    border: none;
    transition: 0.2s;
    font-size: 1.1em;
    font-weight: bold;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.form-toggle button:nth-child(1) {
    border-bottom-right-radius: 20px;
}

.form-toggle button:nth-child(2) {
    border-bottom-left-radius: 20px;
}

#personal-toggle {
    background: #7d868b;
    color: #ffff;
}

.form-modal form {
    position: relative;
    width: 90%;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
}

.form-modal-custom form {
    position: relative;
    width: 90%;
    height: auto;
    left: 43%;
    transform: translateX(-50%);
}

#personal-form,
#corporate-form {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 1em;
}

#corporate-form {
    display: none;
}

#personal-form button,
#corporate-form button {
    width: 100%;
    margin-top: 0.5em;
    padding: 0.6em;
}

.form-modal input {
    position: relative;
    width: 100%;
    font-size: 1em;
    padding: 1.2em 1.7em 1.2em 1.7em;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
    border-radius: 20px;
    border: none;
    background: #ebebeb;
    outline: none;
    font-weight: normal;
    transition: 0.4s;
}

.form-modal-custom input {
    position: relative;
    width: 100%;
    font-size: 1em;
    padding: 1.2em 1.7em 1.2em 1.7em;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
    border-radius: 20px;
    border: none;
    background: #eef1f3;
    outline: none;
    font-weight: normal;
    transition: 0.4s;
}

.form-modal input:focus,
.form-modal input:active {
    transform: scaleX(1.02);
}

.form-modal input::-webkit-input-placeholder {
    color: rgb(138, 135, 135);
}

.-box-sd-effect:hover {
    box-shadow: 0 4px 8px hsla(210, 2%, 84%, .2);
}

.custom-select-course {
    border-radius: 20px !important;
}

/* CARDS-CSS */

.course-circle-image {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

:root {
    --dl-breakpoint-s: 640px;
    --dl-breakpoint-m: 960px;
    --dl-breakpoint-l: 1200px;
    --dl-breakpoint-xl: 1600px;
}

.dl-icon {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    display: inline-block;
    fill: currentcolor;
    line-height: 0;
}

.dl-icon::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.dl-icon:not(.dl-preserve) [fill*="#"]:not(.dl-preserve) {
    fill: currentcolor;
}

.dl-icon:not(.dl-preserve) [stroke*="#"]:not(.dl-preserve) {
    stroke: currentcolor;
}

.dl-icon>* {
    transform: translate(0, 0);
}

.dl-button {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    border-radius: 3px;
}

.dl-button:not(:disabled) {
    cursor: pointer;
}

.dl-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.dl-button:hover {
    text-decoration: none;
}

.dl-button:focus {
    outline: none;
}

.dl-button-primary {
    background-color: #7d868b;
    color: #fff;
    border: 1px solid transparent;
}

.dl-button-primary:hover,
.dl-button-primary:focus {
    background-color: #616364;
    color: #fff;
}

.dl-button-primary:active,
.dl-button-primary.dl-active {
    background-color: #7d868b;
    color: #fff;
}

.dl-button-primary:disabled {
    background-color: rgba(0, 0, 0, 0);
    color: #aaa;
    border-color: #e5e5e5;
}

.dl-button-small {
    padding: 0 15px;
    line-height: 28px;
    font-size: 0.875rem;
}

.dl-button-primary {
    letter-spacing: 1px;
}

.dl-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dl-grid>* {
    margin: 0;
}

.dl-grid>*> :last-child {
    margin-bottom: 0;
}

.dl-grid {
    margin-left: -30px;
}

.dl-grid>* {
    padding-left: 30px;
}

.dl-grid+.dl-grid,
.dl-grid>.dl-grid-margin,
*+.dl-grid-margin {
    margin-top: 30px;
}

@media (min-width: 1200px) {
    .dl-grid {
        margin-left: -40px;
    }

    .dl-grid>* {
        padding-left: 40px;
    }

    .dl-grid+.dl-grid,
    .dl-grid>.dl-grid-margin,
    *+.dl-grid-margin {
        margin-top: 40px;
    }
}

.dl-grid-small {
    margin-left: -15px;
}

.dl-grid-small>* {
    padding-left: 15px;
}

.dl-grid+.dl-grid-small,
.dl-grid+.dl-grid-row-small,
.dl-grid-small>.dl-grid-margin,
.dl-grid-row-small>.dl-grid-margin,
*+.dl-grid-margin-small {
    margin-top: 15px;
}

.dl-grid-medium {
    margin-left: -30px;
}

.dl-grid-medium>* {
    padding-left: 30px;
}

.dl-grid+.dl-grid-medium,
.dl-grid+.dl-grid-row-medium,
.dl-grid-medium>.dl-grid-margin,
.dl-grid-row-medium>.dl-grid-margin,
*+.dl-grid-margin-medium {
    margin-top: 30px;
}

.dl-grid-large {
    margin-left: -40px;
}

.dl-grid-large>* {
    padding-left: 40px;
}

.dl-grid+.dl-grid-large,
.dl-grid+.dl-grid-row-large,
.dl-grid-large>.dl-grid-margin,
.dl-grid-row-large>.dl-grid-margin,
*+.dl-grid-margin-large {
    margin-top: 40px;
}

@media (min-width: 1200px) {
    .dl-grid-large {
        margin-left: -70px;
    }

    .dl-grid-large>* {
        padding-left: 70px;
    }

    .dl-grid+.dl-grid-large,
    .dl-grid+.dl-grid-row-large,
    .dl-grid-large>.dl-grid-margin,
    .dl-grid-row-large>.dl-grid-margin,
    *+.dl-grid-margin-large {
        margin-top: 70px;
    }
}

.dl-grid-collapse {
    margin-left: 0;
}

.dl-grid-collapse>* {
    padding-left: 0;
}

.dl-grid+.dl-grid-collapse,
.dl-grid+.dl-grid-row-collapse,
.dl-grid-collapse>.dl-grid-margin,
.dl-grid-row-collapse>.dl-grid-margin {
    margin-top: 0;
}

.dl-grid-match>*,
.dl-grid-item-match {
    display: flex;
    flex-wrap: wrap;
}

.dl-grid-match>*> :not([class*="dl-width"]),
.dl-grid-item-match> :not([class*="dl-width"]) {
    box-sizing: border-box;
    width: 100%;
    flex: auto;
}

.dl-card {
    position: relative;
    box-sizing: border-box;
    transition: box-shadow 0.1s ease-in-out;
}

.dl-card-custom {
    min-height: 200px;
}

.card-custom {
    box-shadow: none !important;
}

.dl-card-body {
    padding: 30px 30px;
}

.dl-card-header {
    padding: 15px 30px;
}

.dl-card-footer {
    padding: 15px 30px;
}

@media (min-width: 1200px) {
    .dl-card-body {
        padding: 40px 40px;
    }

    .dl-card-header {
        padding: 20px 40px;
    }

    .dl-card-footer {
        padding: 20px 40px;
    }
}

.dl-card-body::before,
.dl-card-body::after,
.dl-card-header::before,
.dl-card-header::after,
.dl-card-footer::before,
.dl-card-footer::after {
    content: "";
    display: table;
}

.dl-card-body::after,
.dl-card-header::after,
.dl-card-footer::after {
    clear: both;
}

.dl-card-body> :last-child,
.dl-card-header> :last-child,
.dl-card-footer> :last-child {
    margin-bottom: 0;
}

.dl-card-title {
    font-size: 1.1875rem;
    line-height: 1.4;
}

.dl-card-hover:not(.dl-card-default):not(.dl-card-primary):not(.dl-card-secondary):hover {
    background: #fff;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

.dl-card-default {
    background: #fff;
    color: #5c5e65;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.dl-card-default .dl-card-title {
    color: #181818;
}

.dl-card-default.dl-card-hover:hover {
    background-color: #fff;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

.dl-card-default .dl-card-header {
    border-bottom: 1px solid #e5e5e5;
}

.dl-card-default .dl-card-footer {
    border-top: 1px solid #e5e5e5;
}

.dl-card-small.dl-card-body,
.dl-card-small .dl-card-body {
    padding: 25px 25px;
}

.dl-card-small .dl-card-header {
    padding: 13px 20px;
}

.dl-card-small .dl-card-footer {
    padding: 13px 20px;
}

@media (min-width: 1200px) {

    .dl-card-large.dl-card-body,
    .dl-card-large .dl-card-body {
        padding: 70px 70px;
    }

    .dl-card-large .dl-card-header {
        padding: 35px 70px;
    }

    .dl-card-large .dl-card-footer {
        padding: 35px 70px;
    }
}

@media (min-width: 960px) {
    .dl-card-media-left {
        padding-right: 0 !important;
    }
}

@media (min-width: 960px) {
    .dl-card-media-left+div>.dl-card-body {
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 960px) {
    .dl-card-media-left {
        padding-bottom: 0;
    }
}

@media (min-width: 960px) {
    .dl-card-media-left {
        padding-right: 0;
    }
}

.dl-card-media-left+div>.dl-card-body .dl-card-title {
    margin-bottom: 10px;
}

.dl-card-media-left+div>.dl-card-body p {
    margin-top: 10px;
}

.dl-padding-xsmall {
    padding: 5px;
}

.dl-margin-xsmall {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media (max-width: 960px) {
    .dl-card-body {
        padding: 5px 10px !important;
    }
}

@media (max-width: 640px) {
    .dl-card-title {
        font-size: 1rem;
    }
}

.dl-card:not(.dl-card-none) {
    border-radius: 5px;
    overflow: hidden;
}

[class*="dl-child-width"]>* {
    box-sizing: border-box;
    width: 100%;
}

.dl-child-width-1-2>* {
    width: 50%;
}

.dl-child-width-1-3>* {
    width: calc(100% * 1 / 3.001);
}

.dl-child-width-1-4>* {
    width: 25%;
}

.dl-child-width-1-5>* {
    width: 20%;
}

.dl-child-width-1-6>* {
    width: calc(100% * 1 / 6.001);
}

.dl-child-width-auto>* {
    width: auto;
}

.dl-child-width-expand> :not([class*="dl-width"]) {
    flex: 1;
    min-width: 1px;
}

@media (min-width: 640px) {
    .dl-child-width-1-1\@s>* {
        width: 100%;
    }

    .dl-child-width-1-2\@s>* {
        width: 50%;
    }

    .dl-child-width-1-3\@s>* {
        width: calc(100% * 1 / 3.001);
    }

    .dl-child-width-1-4\@s>* {
        width: 25%;
    }

    .dl-child-width-1-5\@s>* {
        width: 20%;
    }

    .dl-child-width-1-6\@s>* {
        width: calc(100% * 1 / 6.001);
    }

    .dl-child-width-auto\@s>* {
        width: auto;
    }

    .dl-child-width-expand\@s> :not([class*="dl-width"]) {
        flex: 1;
        min-width: 1px;
    }
}

@media (min-width: 960px) {
    .dl-child-width-1-1\@m>* {
        width: 100%;
    }

    .dl-child-width-1-2\@m>* {
        width: 50%;
    }

    .dl-child-width-1-3\@m>* {
        width: calc(100% * 1 / 3.001);
    }

    .dl-child-width-1-4\@m>* {
        width: 25%;
    }

    .dl-child-width-1-5\@m>* {
        width: 20%;
    }

    .dl-child-width-1-6\@m>* {
        width: calc(100% * 1 / 6.001);
    }

    .dl-child-width-auto\@m>* {
        width: auto;
    }

    .dl-child-width-expand\@m> :not([class*="dl-width"]) {
        flex: 1;
        min-width: 1px;
    }
}

@media (min-width: 1200px) {
    .dl-child-width-1-1\@l>* {
        width: 100%;
    }

    .dl-child-width-1-2\@l>* {
        width: 50%;
    }

    .dl-child-width-1-3\@l>* {
        width: calc(100% * 1 / 3.001);
    }

    .dl-child-width-1-4\@l>* {
        width: 25%;
    }

    .dl-child-width-1-5\@l>* {
        width: 20%;
    }

    .dl-child-width-1-6\@l>* {
        width: calc(100% * 1 / 6.001);
    }

    .dl-child-width-auto\@l>* {
        width: auto;
    }

    .dl-child-width-expand\@l> :not([class*="dl-width"]) {
        flex: 1;
        min-width: 1px;
    }
}

@media (min-width: 1600px) {
    .dl-child-width-1-1\@xl>* {
        width: 100%;
    }

    .dl-child-width-1-2\@xl>* {
        width: 50%;
    }

    .dl-child-width-1-3\@xl>* {
        width: calc(100% * 1 / 3.001);
    }

    .dl-child-width-1-4\@xl>* {
        width: 25%;
    }

    .dl-child-width-1-5\@xl>* {
        width: 20%;
    }

    .dl-child-width-1-6\@xl>* {
        width: calc(100% * 1 / 6.001);
    }

    .dl-child-width-auto\@xl>* {
        width: auto;
    }

    .dl-child-width-expand\@xl> :not([class*="dl-width"]) {
        flex: 1;
        min-width: 1px;
    }
}

[class*="dl-width"] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.dl-width-1-2 {
    width: 50%;
}

.dl-width-1-3 {
    width: calc(100% * 1 / 3.001);
}

.dl-width-2-3 {
    width: calc(100% * 2 / 3.001);
}

.dl-width-1-4 {
    width: 25%;
}

.dl-width-3-4 {
    width: 75%;
}

.dl-width-1-5 {
    width: 20%;
}

.dl-width-2-5 {
    width: 40%;
}

.dl-width-3-5 {
    width: 60%;
}

.dl-width-4-5 {
    width: 80%;
}

.dl-width-1-6 {
    width: calc(100% * 1 / 6.001);
}

.dl-width-5-6 {
    width: calc(100% * 5 / 6.001);
}

.dl-width-small {
    width: 155px;
}

.dl-width-medium {
    width: 300px;
}

.dl-width-large {
    width: 450px;
}

.dl-width-xlarge {
    width: 600px;
}

.dl-width-xxlarge {
    width: 750px;
}

.dl-width-auto {
    width: auto;
}

.dl-width-expand {
    flex: 1;
    min-width: 1px;
}

@media (min-width: 640px) {
    .dl-width-1-1\@s {
        width: 100%;
    }

    .dl-width-1-2\@s {
        width: 50%;
    }

    .dl-width-1-3\@s {
        width: calc(100% * 1 / 3.001);
    }

    .dl-width-2-3\@s {
        width: calc(100% * 2 / 3.001);
    }

    .dl-width-1-4\@s {
        width: 25%;
    }

    .dl-width-3-4\@s {
        width: 75%;
    }

    .dl-width-1-5\@s {
        width: 20%;
    }

    .dl-width-2-5\@s {
        width: 40%;
    }

    .dl-width-3-5\@s {
        width: 60%;
    }

    .dl-width-4-5\@s {
        width: 80%;
    }

    .dl-width-1-6\@s {
        width: calc(100% * 1 / 6.001);
    }

    .dl-width-5-6\@s {
        width: calc(100% * 5 / 6.001);
    }

    .dl-width-small\@s {
        width: 155px;
    }

    .dl-width-medium\@s {
        width: 300px;
    }

    .dl-width-large\@s {
        width: 450px;
    }

    .dl-width-xlarge\@s {
        width: 600px;
    }

    .dl-width-xxlarge\@s {
        width: 750px;
    }

    .dl-width-auto\@s {
        width: auto;
    }

    .dl-width-expand\@s {
        flex: 1;
        min-width: 1px;
    }
}

@media (min-width: 960px) {
    .dl-width-1-1\@m {
        width: 100%;
    }

    .dl-width-1-2\@m {
        width: 50%;
    }

    .dl-width-1-3\@m {
        width: calc(100% * 1 / 3.001);
    }

    .dl-width-2-3\@m {
        width: calc(100% * 2 / 3.001);
    }

    .dl-width-1-4\@m {
        width: 25%;
    }

    .dl-width-3-4\@m {
        width: 75%;
    }

    .dl-width-1-5\@m {
        width: 20%;
    }

    .dl-width-2-5\@m {
        width: 40%;
    }

    .dl-width-3-5\@m {
        width: 60%;
    }

    .dl-width-4-5\@m {
        width: 80%;
    }

    .dl-width-1-6\@m {
        width: calc(100% * 1 / 6.001);
    }

    .dl-width-5-6\@m {
        width: calc(100% * 5 / 6.001);
    }

    .dl-width-small\@m {
        width: 155px;
    }

    .dl-width-medium\@m {
        width: 300px;
    }

    .dl-width-large\@m {
        width: 450px;
    }

    .dl-width-xlarge\@m {
        width: 600px;
    }

    .dl-width-xxlarge\@m {
        width: 750px;
    }

    .dl-width-auto\@m {
        width: auto;
    }

    .dl-width-expand\@m {
        flex: 1;
        min-width: 1px;
    }
}

@media (min-width: 1200px) {
    .dl-width-1-1\@l {
        width: 100%;
    }

    .dl-width-1-2\@l {
        width: 50%;
    }

    .dl-width-1-3\@l {
        width: calc(100% * 1 / 3.001);
    }

    .dl-width-2-3\@l {
        width: calc(100% * 2 / 3.001);
    }

    .dl-width-1-4\@l {
        width: 25%;
    }

    .dl-width-3-4\@l {
        width: 75%;
    }

    .dl-width-1-5\@l {
        width: 20%;
    }

    .dl-width-2-5\@l {
        width: 40%;
    }

    .dl-width-3-5\@l {
        width: 60%;
    }

    .dl-width-4-5\@l {
        width: 80%;
    }

    .dl-width-1-6\@l {
        width: calc(100% * 1 / 6.001);
    }

    .dl-width-5-6\@l {
        width: calc(100% * 5 / 6.001);
    }

    .dl-width-small\@l {
        width: 155px;
    }

    .dl-width-medium\@l {
        width: 300px;
    }

    .dl-width-large\@l {
        width: 450px;
    }

    .dl-width-xlarge\@l {
        width: 600px;
    }

    .dl-width-xxlarge\@l {
        width: 750px;
    }

    .dl-width-auto\@l {
        width: auto;
    }

    .dl-width-expand\@l {
        flex: 1;
        min-width: 1px;
    }
}

@media (min-width: 1600px) {
    .dl-width-1-1\@xl {
        width: 100%;
    }

    .dl-width-1-2\@xl {
        width: 50%;
    }

    .dl-width-1-3\@xl {
        width: calc(100% * 1 / 3.001);
    }

    .dl-width-2-3\@xl {
        width: calc(100% * 2 / 3.001);
    }

    .dl-width-1-4\@xl {
        width: 25%;
    }

    .dl-width-3-4\@xl {
        width: 75%;
    }

    .dl-width-1-5\@xl {
        width: 20%;
    }

    .dl-width-2-5\@xl {
        width: 40%;
    }

    .dl-width-3-5\@xl {
        width: 60%;
    }

    .dl-width-4-5\@xl {
        width: 80%;
    }

    .dl-width-1-6\@xl {
        width: calc(100% * 1 / 6.001);
    }

    .dl-width-5-6\@xl {
        width: calc(100% * 5 / 6.001);
    }

    .dl-width-small\@xl {
        width: 155px;
    }

    .dl-width-medium\@xl {
        width: 300px;
    }

    .dl-width-large\@xl {
        width: 450px;
    }

    .dl-width-xlarge\@xl {
        width: 600px;
    }

    .dl-width-xxlarge\@xl {
        width: 750px;
    }

    .dl-width-auto\@xl {
        width: auto;
    }

    .dl-width-expand\@xl {
        flex: 1;
        min-width: 1px;
    }
}

.dl-text-center {
    text-align: center !important;
}

@media (min-width: 640px) {
    .dl-text-center\@s {
        text-align: center !important;
    }
}

@media (min-width: 960px) {
    .dl-text-center\@m {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .dl-text-center\@l {
        text-align: center !important;
    }
}

@media (min-width: 1600px) {
    .dl-text-center\@xl {
        text-align: center !important;
    }
}

.dl-label-overlay {
    padding: 1px 2px 1px 0;
    display: inline-block;
    color: #222;
    line-height: 1.5;
    font-size: 15px;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
}

.dl-label-overlay span {
    vertical-align: text-bottom;
    margin-right: 2px;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.dl-margin {
    margin-bottom: 20px;
}

*+.dl-margin {
    margin-top: 20px !important;
}

.dl-margin-top {
    margin-top: 20px !important;
}

.dl-margin-bottom {
    margin-bottom: 20px !important;
}

.dl-margin-left {
    margin-left: 20px !important;
}

.dl-margin-right {
    margin-right: 20px !important;
}

.dl-margin-small {
    margin-bottom: 10px;
}

*+.dl-margin-small {
    margin-top: 10px !important;
}

.dl-margin-small-top {
    margin-top: 10px !important;
}

.dl-margin-small-bottom {
    margin-bottom: 10px !important;
}

.dl-margin-small-left {
    margin-left: 10px !important;
}

.dl-margin-small-right {
    margin-right: 10px !important;
}

.dl-margin-medium {
    margin-bottom: 40px;
}

*+.dl-margin-medium {
    margin-top: 40px !important;
}

.dl-margin-medium-top {
    margin-top: 40px !important;
}

.dl-margin-medium-bottom {
    margin-bottom: 40px !important;
}

.dl-margin-medium-left {
    margin-left: 40px !important;
}

.dl-margin-medium-right {
    margin-right: 40px !important;
}

.dl-margin-large {
    margin-bottom: 40px;
}

*+.dl-margin-large {
    margin-top: 40px !important;
}

.dl-margin-large-top {
    margin-top: 40px !important;
}

.dl-margin-large-bottom {
    margin-bottom: 40px !important;
}

.dl-margin-large-left {
    margin-left: 40px !important;
}

.dl-margin-large-right {
    margin-right: 40px !important;
}

@media (min-width: 1200px) {
    .dl-margin-large {
        margin-bottom: 70px;
    }

    *+.dl-margin-large {
        margin-top: 70px !important;
    }

    .dl-margin-large-top {
        margin-top: 70px !important;
    }

    .dl-margin-large-bottom {
        margin-bottom: 70px !important;
    }

    .dl-margin-large-left {
        margin-left: 70px !important;
    }

    .dl-margin-large-right {
        margin-right: 70px !important;
    }
}

.dl-margin-remove {
    margin: 0 !important;
}

.dl-margin-remove-top {
    margin-top: 0 !important;
}

.dl-margin-remove-bottom {
    margin-bottom: 0 !important;
}

.dl-margin-remove-left {
    margin-left: 0 !important;
}

.dl-margin-remove-right {
    margin-right: 0 !important;
}

.dl-margin-remove-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.dl-margin-remove-adjacent+*,
.dl-margin-remove-first-child> :first-child {
    margin-top: 0 !important;
}

.dl-margin-remove-last-child> :last-child {
    margin-bottom: 0 !important;
}

@media (min-width: 640px) {
    .dl-margin-remove-left\@s {
        margin-left: 0 !important;
    }

    .dl-margin-remove-right\@s {
        margin-right: 0 !important;
    }
}

@media (min-width: 960px) {
    .dl-margin-remove-left\@m {
        margin-left: 0 !important;
    }

    .dl-margin-remove-right\@m {
        margin-right: 0 !important;
    }
}

@media (min-width: 1200px) {
    .dl-margin-remove-left\@l {
        margin-left: 0 !important;
    }

    .dl-margin-remove-right\@l {
        margin-right: 0 !important;
    }
}

@media (min-width: 1600px) {
    .dl-margin-remove-left\@xl {
        margin-left: 0 !important;
    }

    .dl-margin-remove-right\@xl {
        margin-right: 0 !important;
    }
}

.dl-padding-small {
    padding: 15px;
}

.dl-padding-large {
    padding: 30px;
}

@media (min-width: 1200px) {
    .dl-padding-large {
        padding: 70px;
    }
}

.dl-padding-remove {
    padding: 0 !important;
}

.dl-padding-remove-top {
    padding-top: 0 !important;
}

.dl-padding-remove-bottom {
    padding-bottom: 0 !important;
}

.dl-padding-remove-left {
    padding-left: 0 !important;
}

.dl-padding-remove-right {
    padding-right: 0 !important;
}

.dl-padding-remove-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.dl-padding-remove-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dl-position-relative {
    position: relative !important;
}

.dl-cover-container {
    overflow: hidden;
    position: relative;
}

[hidden],
.dl-hidden {
    display: none !important;
}

@media (min-width: 640px) {
    .dl-hidden\@s {
        display: none !important;
    }
}

@media (min-width: 960px) {
    .dl-hidden\@m {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .dl-hidden\@l {
        display: none !important;
    }
}

@media (min-width: 1600px) {
    .dl-hidden\@xl {
        display: none !important;
    }
}

@media (max-width: 639px) {
    .dl-visible\@s {
        display: none !important;
    }
}

@media (max-width: 959px) {
    .dl-visible\@m {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .dl-visible\@l {
        display: none !important;
    }
}

@media (max-width: 1599px) {
    .dl-visible\@xl {
        display: none !important;
    }
}

@media (pointer: coarse) {
    .dl-hidden-touch {
        display: none !important;
    }
}

.dl-hidden-notouch {
    display: none !important;
}

@media (pointer: coarse) {
    .dl-hidden-notouch {
        display: block !important;
    }
}

/* CARDS-CSS END*/

/* ACADEMY PAGE CSS-06 NUR END*/

/* ACADEMY > COURSE DETAIL CSS-06.1 NUR */
/* ********/

.title {
    border-bottom: #c9c5c5 1px solid;
}

.btn-custom {
    border-style: none !important;
    background-color: transparent !important;
}

.btn-custom:focus {
    border-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/************/

.accordion-course-list .card-header {
    background-color: white !important;
    border-style: none !important;
}

.accordion-course-list .card-header button h5 {
    text-decoration: none !important;
    color: black !important;
}

.page-content .accordion-course-list .card {
    border-style: none !important;
}

/* ACADEMY > COURSE DETAIL CSS-06.1 NUR END*/

/* INDEX > REFERENCES SLIDER  CSS-07 DENIZ */

/* Logo Slider */

.logo-slider {
    background: white;
    -webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.125);
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.125);
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 93%;
}

.logo-slider::before,
.logo-slider::after {
    background: -webkit-gradient(linear,
            left top,
            right top,
            from(white),
            to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 175px;
    position: absolute;
    width: 80px;
    z-index: 2;
}

.logo-slider::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.logo-slider::before {
    left: 0;
    top: 0;
}

.logo-slider .logo-slide-track {
    -webkit-animation: logo-scroll 60s linear infinite;
    animation: logo-scroll 60s linear infinite;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* For optimizing look at the calc value of logos Note3 */
    width: calc(10rem * 33);
    animation-duration: 40s;
    animation-iteration-count: infinite;
}

/* For optimizing look at the width value of logos Note1 */
.logo-slider .slide img {
    height: 5rem;
    width: 8rem;
    padding: 0.4rem;
    margin: 1rem;
}

@-webkit-keyframes logo-scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(5rem);

    }

    /* For optimizing look at the calc value of logos Note2 */
    50% {
        -webkit-transform: translateX(calc(-400px * 8));
        transform: translateX(calc(-10rem * 21.2));
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


@media (max-width: 1700px) {

    .logo-slider .logo-slide-track {
        -webkit-animation: logo-scroll 60s linear infinite;
        animation: logo-scroll 60s linear infinite;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* For optimizing look at the calc value of logos Note3 */
        width: calc(10rem * 34);
        animation-duration: 40s;
        animation-iteration-count: infinite;
    }

    /* For optimizing look at the width value of logos Note1 */
    .logo-slider .slide img {
        height: 5rem;
        width: 8rem;
        padding: 0.4rem;
        margin: 1rem;
    }

    @-webkit-keyframes logo-scroll {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(5rem);
        }

        /* For optimizing look at the calc value of logos Note2 */
        50% {
            -webkit-transform: translateX(calc(-400px * 8));
            transform: translateX(calc(-10rem * 22.4));
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }


}

@media (max-width: 1500px) {

    .logo-slider .logo-slide-track {
        -webkit-animation: logo-scroll 60s linear infinite;
        animation: logo-scroll 60s linear infinite;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* For optimizing look at the calc value of logos Note3 */
        width: calc(10rem * 34);
        animation-duration: 40s;
        animation-iteration-count: infinite;
    }

    /* For optimizing look at the width value of logos Note1 */
    .logo-slider .slide img {
        height: 5rem;
        width: 8rem;
        padding: 0.4rem;
        margin: 1rem;
    }

    @-webkit-keyframes logo-scroll {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(5rem);
        }

        /* For optimizing look at the calc value of logos Note2 */
        50% {
            -webkit-transform: translateX(calc(-400px * 8));
            transform: translateX(calc(-10rem * 24));
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }


}

@media (max-width: 1200px) {

    .logo-slider .logo-slide-track {
        -webkit-animation: logo-scroll 60s linear infinite;
        animation: logo-scroll 60s linear infinite;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* For optimizing look at the calc value of logos Note3 */
        width: calc(10rem * 34);
        animation-duration: 40s;
        animation-iteration-count: infinite;
    }

    /* For optimizing look at the width value of logos Note1 */
    .logo-slider .slide img {
        height: 5rem;
        width: 8rem;
        padding: 0.4rem;
        margin: 1rem;
    }

    @-webkit-keyframes logo-scroll {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(5rem);
        }

        /* For optimizing look at the calc value of logos Note2 */
        50% {
            -webkit-transform: translateX(calc(-400px * 8));
            transform: translateX(calc(-10rem * 24));
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }


}

@media (max-width: 992px) {

    .logo-slider .logo-slide-track {
        -webkit-animation: logo-scroll 60s linear infinite;
        animation: logo-scroll 60s linear infinite;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* For optimizing look at the calc value of logos Note3 */
        width: calc(10rem * 34);
        animation-duration: 40s;
        animation-iteration-count: infinite;
    }

    /* For optimizing look at the width value of logos Note1 */
    .logo-slider .slide img {
        height: 5rem;
        width: 8rem;
        padding: 0.4rem;
        margin: 1rem;
    }

    @-webkit-keyframes logo-scroll {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(5rem);
        }

        /* For optimizing look at the calc value of logos Note2 */
        50% {
            -webkit-transform: translateX(calc(-400px * 8));
            transform: translateX(calc(-10rem * 25.5));
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }


}

@media (max-width: 768px) {

    .logo-slider .logo-slide-track {
        -webkit-animation: logo-scroll 60s linear infinite;
        animation: logo-scroll 60s linear infinite;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* For optimizing look at the calc value of logos Note3 */
        width: calc(10rem * 34);
        animation-duration: 40s;
        animation-iteration-count: infinite;
    }

    /* For optimizing look at the width value of logos Note1 */
    .logo-slider .slide img {
        height: 5rem;
        width: 8rem;
        padding: 0.4rem;
        margin: 1rem;
    }

    @-webkit-keyframes logo-scroll {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(5rem);
        }

        /* For optimizing look at the calc value of logos Note2 */
        50% {
            -webkit-transform: translateX(calc(-400px * 8));
            transform: translateX(calc(-10rem * 26));
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }


}

@media (max-width: 660px) {

    .logo-slider .logo-slide-track {
        -webkit-animation: logo-scroll 60s linear infinite;
        animation: logo-scroll 60s linear infinite;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* For optimizing look at the calc value of logos Note3 */
        width: calc(10rem * 34);
        animation-duration: 40s;
        animation-iteration-count: infinite;
    }

    /* For optimizing look at the width value of logos Note1 */
    .logo-slider .slide img {
        height: 5rem;
        width: 8rem;
        padding: 0.4rem;
        margin: 1rem;
    }

    @-webkit-keyframes logo-scroll {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(5rem);
        }

        /* For optimizing look at the calc value of logos Note2 */
        50% {
            -webkit-transform: translateX(calc(-400px * 8));
            transform: translateX(calc(-10rem * 26.6));
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }


}

@media (max-width: 580px) {

    .logo-slider .logo-slide-track {
        -webkit-animation: logo-scroll 60s linear infinite;
        animation: logo-scroll 60s linear infinite;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* For optimizing look at the calc value of logos Note3 */
        width: calc(10rem * 34);
        animation-duration: 40s;
        animation-iteration-count: infinite;
    }

    /* For optimizing look at the width value of logos Note1 */
    .logo-slider .slide img {
        height: 5rem;
        width: 8rem;
        padding: 0.4rem;
        margin: 1rem;
    }

    @-webkit-keyframes logo-scroll {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(5rem);
        }

        /* For optimizing look at the calc value of logos Note2 */
        50% {
            -webkit-transform: translateX(calc(-400px * 8));
            transform: translateX(calc(-10rem * 23));
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }


}

.slide {
    filter: opacity(50%);
}

.slide:hover {
    filter: opacity(100%);
    cursor: pointer;
}


/* INDEX > REFERENCES SLIDER  CSS-07 DENIZ END*/

/* E-BOOK PAGE CSS-08 DENIZ */


/* E-BOOK PAGE CSS-08 DENIZ END*/

/* INDEX > EVENTS SLIDER CSS-09 NUR */


#slider {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#slider figure .item .jumbotron {
    position: absolute;
    width: 20%;
    margin-left: 50rem;
    background: none !important;
}

.item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

#slider figure {
    position: relative;
    width: 500%;
    left: 0;
    animation: 45s slider infinite;
    animation-delay: 0.5s;
}

#slider figure .item {
    width: 20%;
    height: 70vh;
    float: left;
}

#slider figure .item img {
    width: 60%;
    max-height: 600px;
    border-radius: 15px;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.2);
}

@keyframes slider {
    0% {
        left: 0;
    }

    9% {
        left: 0;
    }

    15% {
        left: -100%;
    }

    21% {
        left: -100%;
    }

    26% {
        left: -200%;
    }

    32% {
        left: -200%;
    }

    37% {
        left: -300%;
    }

    44% {
        left: -300%;
    }

    49% {
        left: -400%;
    }

    55% {
        left: -400%;
    }

    60% {
        left: -300%;
    }

    66% {
        left: -300%;
    }

    71% {
        left: -200%;
    }

    77% {
        left: -200%;
    }

    83% {
        left: -100%;
    }

    90% {
        left: -100%;
    }

    95% {
        left: 0;
    }

    100% {
        left: 0;
    }
}

@media (max-width: 991px) {
    #slider figure .item img {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    #slider figure .item img {
        width: 100% !important;
    }
}

/* INDEX > EVENTS SLIDER CSS-09 NUR END*/

/* ABOUT PAGE CSS-10 NUR*/

#particles-dots {
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, rgb(5, 5, 5) 0%, rgb(164, 164, 168) 99%);
}

.particles {
    display: block;
    position: relative;
    overflow: hidden;
    height: 20em;
    z-index: -1;
    margin-bottom: 45px;
}

.why {
    position: absolute;
}

/* TEXT-SLIDER */

/* Slideshow container */
.slideshow-container {
    position: relative;
}

#courseSlider {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#courseSlider figure .mySlides .jumbotron {
    position: relative;
    width: 20%;
    float: left;
    background: none !important;
}

#courseSlider .mySlides .jumbotron>p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
    padding-bottom: 20px;
    font-weight: 400;
    margin-top: 10px;
}

#courseSlider .mySlides .jumbotron>span {
    margin-left: 10px;
    font-weight: 600;
    font-size: 15px;
    display: block;
    line-height: 22px;
}

#courseSlider .mySlides .jumbotron>span~span {
    margin-left: 10px;
    font-weight: 500;
    color: #bbbbbb;
    display: block;
    font-size: 13px;
    font-style: italic;
}

.mySlides {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

#courseSlider figure {
    position: relative;
    width: 500%;
    left: 0;
    animation: 45s slider infinite;
    animation-delay: 0.5s;
}

#courseSlider figure .mySlides {
    width: 20%;
    height: 20rem;
    float: left;
}

#courseSlider figure .mySlides img {
    border-radius: 50%;
    vertical-align: middle;
    border-style: none;
    float: left;
    height: 190px;
    width: 200px;
}

@keyframes slider {
    0% {
        left: 0;
    }

    9% {
        left: 0;
    }

    15% {
        left: -100%;
    }

    21% {
        left: -100%;
    }

    26% {
        left: -200%;
    }

    32% {
        left: -200%;
    }

    37% {
        left: -300%;
    }

    44% {
        left: -300%;
    }

    49% {
        left: -400%;
    }

    55% {
        left: -400%;
    }

    60% {
        left: -300%;
    }

    66% {
        left: -300%;
    }

    71% {
        left: -200%;
    }

    77% {
        left: -200%;
    }

    83% {
        left: -100%;
    }

    90% {
        left: -100%;
    }

    95% {
        left: 0;
    }

    100% {
        left: 0;
    }
}

/* WHY-DEEPLAB PAGE CSS-10 NUR END*/

/* INDEX > DEEPLAB.EDU INFO CSS-11 OGUZ*/

.logoBackground1 {
    background-image: url("../img/academy.png");
    background-size: contain, cover;
    background-repeat: no-repeat;
}

.logoBackground2 {
    background: url("../img/bootcamp2.png");
    background-size: contain;
    background-repeat: no-repeat;
}

/* INDEX > DEEPLAB.EDU INFO CSS-11 OGUZ END*/

/* INDEX > COUNTER NUMERATOR INFO CSS-12 OGUZ*/


/* latin */
@font-face {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/Orbitron/Orbitron-VariableFont_wght.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.counter-font-2 {
    font-weight: 700;
    font-style: unset !important;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.8rem !important;

}

.counter {
    font-weight: 700;
    font-style: unset !important;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem !important;
}

.curve-section {
    background: url("../img/rect905.png");
    height: 96px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 100px;
}

.numberSection {
    width: 100%;
    height: 100%;
}

/* INDEX > COUNTER NUMERATOR INFO CSS-12 OGUZ END*/

/* BOOTCAMP PAGE INFO CSS-13 OGUZ*/

.f-end-card-color {
    background-color: rgb(74, 92, 37);
    opacity: 70%;
}

.aI-card-color {
    background-color: rgb(64, 80, 94);
}

.rest-fl-dj-card-color {
    background-color: rgb(31, 49, 65);
}

.img-bc>img {
    border-radius: 0.4rem;

    padding-bottom: 0.25rem;
}

.bc-header {
    font-size: 5rem;
}

.road-list {
    list-style-type: none;
}

.road-list>li {
    font-size: 1.5rem;
    padding-bottom: 1rem;
}

.header-images {
    margin-top: 100px;
}

.road-list>li>span {
    font-weight: bold;
}


/* On click sub btn css dlbootcamp detail */
.fixed-sub-btn {
    position: fixed;
    top: 13rem;
    right: 1rem
}

.openbtn {
    transform: rotate(270deg);
    position: fixed;
    right: -1rem;
}

.sub-sidebar {
    overflow-x: hidden;
    transition: 0.5s;
    width: 0;
    position: fixed;
    top: 10rem;
    right: 1rem;
}

.closebtn {
    font-size: 2rem;
}

.closebtn:hover {
    color: rgba(228, 41, 41, 0.461);
    text-decoration: none;
}

.sub-sidebar>form>button {
    margin-top: 1rem;
    margin-left: 1.8rem;
}

.link-hover-none {
    color: white;
}

.link-hover-none:hover {
    text-decoration: none;
    color: white;
}

.back-to-bootcamp {
    position: fixed;
    top: 20rem;
    transform: rotate(270deg);
    right: -1.2rem;
}

/* BOOTCAMP PAGE INFO CSS-13 OGUZ END*/

/* DEEPLAB.RESEARCH PAGE CSS-14 NUR */

.research-image {
    width: 100%;
    border-radius: 15px;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.2);
}

/* DEEPLAB.RESEARCH PAGE CSS-14 NUR END*/


/* SERVICES PAGE DENIZ */
/* First Row */
.flex-container {
    display: flex;
    flex-direction: row;
}


.serviceContent>h2 {
    margin-top: 20%;
    margin-left: 13%;
}

.serviceContent>p {
    font-size: 20px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-align: justify;
    margin-left: 13%;
    margin-right: 13%;
    margin-top: 1%;
}

#innoImg1 {
    margin-top: 10%;
    margin-right: 7%;
}

/* Second Row */
#innoImg2 {
    margin-left: 8%;
    margin-right: 5%;
}

.innoP {
    margin-left: 8%;
    margin-right: 7%;
    font-size: 20px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-align: justify;
}

.serviceContent>h4 {
    margin-left: 13%;
    margin-top: 3%;
}

#innoImg3 {
    margin-right: 7%;
}

/* Responsive of Services */
@media (max-width: 1200px) {
    .flex-container {
        display: flex;
        flex-wrap: wrap;
    }

    .flex-container:nth-child(5) {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .flex-container:nth-child(9) {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .flex-container:nth-child(13) {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .serviceContent {
        margin-left: 0%;
    }

    .serviceContent>h2 {
        margin-left: 10.5%;
    }

    .serviceContent>.leftp {
        margin-left: 10.5%;
        margin-right: 10%;
    }

    .serviceContent>.leftH {
        margin-left: 10.5%;
        margin-right: 0%;
    }

    .serviceContent>h4 {
        margin-top: 10%;
        margin-left: 10.5%;
    }

    .serviceContent>img {
        max-width: 600%;
    }

    #innoImg1 {
        max-width: 0%;
    }

    #innoImg3 {
        margin-left: 20%;
    }

    .serviceContent>p {
        font-size: 20px;
        margin-left: 10.5%;
    }

    #innoImg2 {
        margin-left: 20%;
    }

    .innoP {
        margin-left: 10.5%;
        margin-right: 11%;
    }
}

/* ******************************* */
@media (max-width: 992px) {
    .flex-container {
        display: flex;
        flex-wrap: wrap;
    }

    .flex-container:nth-child(5) {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .flex-container:nth-child(9) {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .flex-container:nth-child(13) {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .serviceContent {
        margin-left: 0%;
    }

    .serviceContent>h2 {
        margin-left: 10.5%;
    }

    .serviceContent>.leftp {
        margin-left: 10.5%;
        margin-right: 10%;
    }

    .serviceContent>.leftH {
        margin-left: 10.5%;
        margin-right: 0%;
    }

    .serviceContent>h4 {
        margin-top: 10%;
        margin-left: 10.5%;
    }

    .serviceContent>img {
        max-width: 600%;
    }

    #innoImg1 {
        max-width: 0%;
    }

    #innoImg3 {
        margin-left: 20%;
    }

    .serviceContent>p {
        font-size: 20px;
        margin-left: 10.5%;
    }

    #innoImg2 {
        margin-left: 20%;
    }

    .innoP {
        margin-left: 10.5%;
        margin-right: 11%;
    }
}

/* ********************************* */
@media (max-width: 768px) {
    .flex-container {
        display: flex;
        flex-wrap: wrap;
    }

    .flex-container:nth-child(5) {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .flex-container:nth-child(9) {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .flex-container:nth-child(13) {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .serviceContent {
        margin-left: 0%;
    }

    .serviceContent>h2 {
        margin-left: 10.5%;
    }

    .serviceContent>.leftp {
        margin-left: 10.5%;
        margin-right: 10%;
    }

    .serviceContent>.leftH {
        margin-left: 10.5%;
        margin-right: 0%;
    }

    .serviceContent>h4 {
        margin-top: 10%;
        margin-left: 10.5%;
    }

    .serviceContent>img {
        max-width: 600%;
    }

    #innoImg1 {
        max-width: 0%;
    }

    #innoImg3 {
        margin-left: 20%;
    }

    .serviceContent>p {
        font-size: 20px;
        margin-left: 10.5%;
    }

    #innoImg2 {
        margin-left: 20%;
    }

    .innoP {
        margin-left: 10.5%;
        margin-right: 11%;
    }
}

/* ****************************** */
@media (max-width: 600px) {
    .flex-container {
        display: flex;
        flex-wrap: wrap;
    }

    .flex-container:nth-child(5) {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .flex-container:nth-child(9) {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .flex-container:nth-child(13) {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .flex-container:nth-child(17) {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .serviceContent {
        margin-left: 0%;
    }

    .serviceContent>h2 {
        margin-left: 10.5%;
    }

    .serviceContent>.leftp {
        margin-left: 10.5%;
        margin-right: 10%;
    }

    .serviceContent>.leftH {
        margin-left: 10.5%;
        margin-right: 0%;
    }

    .serviceContent>h4 {
        margin-top: 10%;
        margin-left: 10.5%;
    }

    .serviceContent>img {
        max-width: 80%;
    }

    #innoImg1 {
        max-width: 0%;
    }

    #innoImg3 {
        margin-left: 20%;
    }

    .serviceContent>p {
        font-size: 20px;
        margin-left: 10.5%;
    }

    #innoImg2 {
        margin-left: 20%;
    }

    .innoP {
        margin-left: 10.5%;
        margin-right: 11%;
    }
}


/* End Responsive */
/* SERVICES PAGE DENIZ END */

/* EVENTS DETAIL PAGE BY DENIZ */
.eventdetail {
    text-align: center;
    margin: 10%;
}

.detailphoto {
    margin-top: 3%;
    width: 60%;
}

.detailp {
    margin-top: 3%;
    text-align: justify;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 18px;
    margin-left: 4%;
    margin-right: 4%;
}

/* Responsive */
@media (max-width: 950px) {
    .eventdetail>h2 {
        margin-top: 10%;
    }
}

@media (max-width: 900px) {
    .eventdetail>h2 {
        margin-top: 20%;
    }
}

@media (max-width: 850px) {
    .eventdetail>h2 {
        margin-top: 10%;
    }
}

@media (max-width: 845px) {
    .eventdetail>h2 {
        margin-top: 20%;
    }
}

@media (max-width: 835px) {
    .eventdetail>h2 {
        margin-top: 20%;
    }
}

@media (max-width: 790px) {
    .eventdetail>h2 {
        margin-top: 20%;
    }
}

@media (max-width: 750px) {
    .eventdetail>h2 {
        margin-top: 20%;
    }
}

@media (max-width: 600px) {
    .eventdetail>h2 {
        margin-top: 20%;
    }
}

@media (max-width: 525px) {
    .eventdetail>h2 {
        margin-top: 25%;
    }
}

@media (max-width: 500px) {
    .eventdetail>h2 {
        margin-top: 30%;
    }
}

/* EVENTS DETAIL PAGE BY DENIZ END */


/* Comment-Slider */

.slideshow-container-comment {
    max-width: 1000px;
    position: relative;
    margin: auto
}

.my-slides-comment {
    display: none;
    height: 400px;

}

.prev-comment,
.next-comment {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: #222428;
    font-weight: bold;
    font-size: 30px;
    transition: .6s ease;
    border-radius: 0 3px 3px 0
}

.next-comment {
    right: -50px;
    border-radius: 3px 3px 3px 3px
}

.prev-comment {
    left: -50px;
    border-radius: 3px 3px 3px 3px
}

.prev-comment:hover,
.next-comment:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.8)
}

.text-comment p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.6;
}

.numbertext-comment {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0
}

.comment-avatar-img {
    width: 10rem;
    height: 20rem;
    border-radius: 50%;
}

.dot-comment {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    color: white;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s ease
}

.active-comment,
.dot-comment:hover {
    background-color: #ffffff
}


/* Topics */
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
/*Topic Pages*/

.section- {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}

.section- div[class*=col-] img.image-left-overflow {
    margin-left: 0;
}

.section- div[class*=col-] img {
    max-width: 100%;
}

.about__profile-picture img {
    min-width: 200px;
    min-height: 200px;
}

.lead {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.78;
    letter-spacing: -.2px;
    color: #000;
}

.rad-showcase .container h1 {
    width: 100%;
    font-size: 32px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

rad-showcase .container {
    position: relative;
    z-index: 2;
}

.lead {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.78;
    letter-spacing: -.2px;
    color: #000;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.section- .row.row--padded {
    margin-top: 32px;
    margin-bottom: 60px;
}

.row {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.rad-showcase .container {
    position: relative;
    z-index: 2;
}

.rad-fade-down {
    will-change: opacity, transform;
    animation-name: rad-fade-down-fallback;
    animation-duration: 5s;
    animation-fill-mode: both;
    transform: translateY(-30px);
}

.rad-animation-group {
    margin-top: 2rem;
}

.is-mouse-focussed a,
.is-mouse-focussed button {
    outline: none;
}

#section-overview {
    margin-top: 0;
}

.sectionContainer-module_wrapper__1aVvO {
    margin-top: 0;
}

.align-module_wrapper__1Fi9D.align-module_sBreakpointDirectionvertical__10k9m>.align-module_itemsWrapper__utBam {
    flex-direction: column;
    height: 100%;
}

.sectionContainer-module_wrapper__1aVvO {
    padding-left: 16px;
    padding-right: 16px;
}

*,
html {
    padding: 0;
    margin: 0;
    font-family: "Lato", sans-serif;
}

.shape-box {
    display: inline-block;
    position: relative;
    z-index: 1;
    max-width: 500px;
    height: 430px;
    margin: 30px 10px 30px;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .12);
    overflow: hidden;
    width: 23.333%;
}

.shape-box_half {
    overflow: hidden;
    text-align: left;
}

.shape-box_half:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: skewY(53.5deg);
    transform-origin: top left;
    transition: \transform .4s;
    background: #fff;
    z-index: 1;
}

.shape-box>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.bg-black {
    background-color: #000;
}

.shape-box_half figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 30px 30px;
    transition: \transform .4s;
    transform: translateY(100%);
    z-index: 3;
}

.shape-box_half figcaption .show-cont {
    position: absolute;
    bottom: calc(100% + 30px);
    left: 30px;
    right: 30px;
    transition: bottom .4s;
}

.card-no {
    font-size: 36px;
    color: #ffc107;
    padding: 0;
    margin: 10px 0;
}

.card-main-title {
    margin-top: 8px;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    color: #292b2c;
}

.card-content {
    color: #9f9f9f;
    margin-top: 20px;
    line-height: 22px;
    font-size: 15px;
}

.read-more-btn {
    border: 2px solid #808080;
    font-size: 14px;
    cursor: pointer;
    padding: 10px 20px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 600;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #808080;
    color: #fff;
    border-radius: 2px;
    margin-top: 25px;
    text-decoration: none;
}

.read-more-btn:hover {
    background: transparent;
    color: #808080;

}

.shape-box_half>.after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fdd744;
    opacity: 0;
    transition: opacity .4s;
}

/*On hover*/
.shape-box_half:hover:before {
    transform: skewY(20deg);
}

.shape-box_half:hover figcaption {
    transform: translateY(0);
}

.shape-box_half:hover figcaption .show-cont {
    bottom: 100%;
}

.shape-box_half:hover>.after {
    opacity: 1;
}

/* Topics End */


/*Bootcamp Org Şeması Card*/
#team {
    background: #eee;
    padding: 32px 0;
}

.img-fluid-org {
    border-radius: 15rem;
    height: 150px;
    width: 150px;
}

section .section-title {
    text-align: center;
    margin-bottom: 40px;
}

#team .card {
    border: none;
    background: white;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 20rem;
}

.img {
    margin-bottom: 2rem;
}


#card-img {
    height: 150px;
    width: 100%;
}

#section-title {

    margin-bottom: 30px;
    text-align: center;
}

.org-icon {
    font-size: 30px;
}

.co-icon {
    font-size: 110px;
}

/* About Card End */

/*Bootcamp Submenu*/
#icon {
    color: #6d6363;
    font-size: medium;
    font-weight: bold;
}

.col {
    margin: 8px;
    border-right: 1px solid rgb(160, 139, 139);
}

.bootcamp-footer {
    border-right: 1px solid gray;
}

.end {
    border: none;
}

.ingredient-list {
    padding-left: 30px
}

.ingredient-list-detail {
    padding-left: 30px;
}

/* 404 Error Page  */
.error-page {
    margin: 0;
    font-family: "Lato", sans-serif;
    color: #888;
}

#error {
    display: table;
    width: 100%;
    height: 100vh;
    text-align: center;
}

.error-info {
    display: table-cell;
    vertical-align: middle;
}

.error-info h1 {
    font-size: 50px;
    display: inline-block;
    padding-right: 12px;
    animation: type 0.5s alternate infinite;
}

@keyframes type {
    from {
        box-shadow: inset -3px 0px 0px #888;
    }

    to {
        box-shadow: inset -3px 0px 0px transparent;
    }
}

/* Error Page End */


/*Bootcamp Payment*/
.form-wizard {
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 0px 6px 3px #777;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    line-height: 30px;
    text-align: center;
}

.form-wizard strong {
    font-weight: 500;
}

.form-wizard a,
.form-wizard a:hover,
.form-wizard a:focus {
    color: #ea2803;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.form-wizard h1,
.form-wizard h2 {
    margin-top: 10px;
    font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

.form-wizard h3 {
    font-size: 25px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.form-wizard h4 {
    float: left;
    font-size: 20px;
    font-weight: 300;
    color: #555;
    line-height: 26px;
    width: 100%;
}

.form-wizard h4 span {
    float: right;
    font-size: 18px;
    font-weight: 300;
    color: #555;
    line-height: 26px;
}

.form-wizard table tr th {
    font-weight: normal;
}

.form-wizard img {
    max-width: 100%;
}

.form-wizard ::-moz-selection {
    background: #ea2803;
    color: #fff;
    text-shadow: none;
}

.form-wizard ::selection {
    background: #ea2803;
    color: #fff;
    text-shadow: none;
}


.form-control {
    height: 44px;
    width: 100%;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ddd;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 44px;
    color: #888;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    position: absolute;
    margin-top: 9px;
    margin-left: -20px;
}

.form-control option:hover,
.form-control option:checked {
    box-shadow: 0 0 10px 100px #ea2803 inset;
}

.form-control:focus {
    outline: 0;
    background: #fff;
    border: 1px solid #ccc;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:-moz-placeholder {
    color: #888;
}

.form-control:-ms-input-placeholder {
    color: #888;
}

.form-control::-webkit-input-placeholder {
    color: #888;
}

.form-wizard label {
    font-weight: 300;
}

.form-wizard label span {
    color: #ea2803;
}


.form-wizard .btn {
    min-width: 105px;
    height: 40px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 40px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.form-wizard .btn:hover {
    background: #f34727;
    color: #fff;
}

.form-wizard .btn:active {
    outline: 0;
    background: #f34727;
    color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-wizard .btn:focus,
.form-wizard .btn:active:focus,
.form-wizard .btn.active:focus {
    outline: 0;
    background: #f34727;
    color: #fff;
}

.form-wizard .btn.btn-next,
.form-wizard .btn.btn-next:focus,
.form-wizard .btn.btn-next:active:focus,
.form-wizard .btn.btn-next.active:focus {
    background: #6c6c6c;
}

.form-wizard .btn.btn-submit,
.form-wizard .btn.btn-submit:focus,
.form-wizard .btn.btn-submit:active:focus,
.form-wizard .btn.btn-submit.active:focus {
    background: #4F8A10;
}

.form-wizard .btn.btn-previous,
.form-wizard .btn.btn-previous:focus,
.form-wizard .btn.btn-previous:active:focus,
.form-wizard .btn.btn-previous.active:focus {
    background: #bbb;
}

.form-wizard .success h3 {
    color: #777;
    text-align: center;
    margin: 20px auto !important;
}

.form-wizard .success .success-icon {
    color: #555;
    font-size: 100px;
    border: 5px solid #4F8A10;
    border-radius: 100px;
    text-align: center !important;
    width: 110px;
    margin: 25px auto;
}

.form-wizard .progress-bar {
    background-color: #ea2803;
}

.form-wizard-steps {
    margin: auto;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}

.form-wizard-step {
    padding-top: 10px !important;
    border: 2px solid #fff;
    background: #ccc;
    -ms-transform: skewX(-30deg);
    /* IE 9 */
    -webkit-transform: skewX(-30deg);
    /* Safari */
    transform: skewX(-30deg);
    /* Standard syntax */
}

.form-wizard-step.active {
    background: #000;
}

.form-wizard-step.activated {
    background: #000;
}

.form-wizard-progress {
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    height: 0px;
    background: #ea2803;
}

.form-wizard-progress-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 0px;
    background: #ea2803;
}

.form-wizard-tolal-steps-3 .form-wizard-step {
    position: relative;
    float: left;
    width: 33.33%;
    padding: 0 5px;
}

.form-wizard-tolal-steps-4 .form-wizard-step {
    position: relative;
    float: left;
    width: 25%;
    padding: 0 5px;
}

.form-wizard-tolal-steps-5 .form-wizard-step {
    position: relative;
    float: left;
    width: 20%;
    padding: 0 5px;
}

.form-wizard-step-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: 4px;
    background: #ddd;
    font-size: 16px;
    color: #777;
    line-height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -ms-transform: skewX(30deg);
    /* IE 9 */
    -webkit-transform: skewX(30deg);
    /* Safari */
    transform: skewX(30deg);
    /* Standard syntax */
}

.form-wizard-step.activated .form-wizard-step-icon {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
    line-height: 38px;
}

.form-wizard-step.active .form-wizard-step-icon {
    background: #fff;
    border: 1px solid #fff;
    color: #777;
    line-height: 38px;
}

.form-wizard-step p {
    color: #fff;
    -ms-transform: skewX(30deg);
    /* IE 9 */
    -webkit-transform: skewX(30deg);
    /* Safari */
    transform: skewX(30deg);
    /* Standard syntax */
}

.form-wizard-step.activated p {
    color: #fff;
}

.form-wizard-step.active p {
    color: #fff;
}

.form-wizard fieldset {
    display: none;
    text-align: left;
    border: 0px !important
}

.form-wizard-buttons {
    text-align: right;
}

.form-wizard .input-error {
    border-color: #ea2803;
}

/** image uploader **/
.image-upload a[data-action] {
    cursor: pointer;
    color: #555;
    font-size: 18px;
    line-height: 24px;
    transition: color 0.2s;
}

.image-upload a[data-action] i {
    width: 1.25em;
    text-align: center;
}

.image-upload a[data-action]:hover {
    color: #ea2803;
}

.image-upload a[data-action].disabled {
    opacity: 0.35;
    cursor: default;
}

.image-upload a[data-action].disabled:hover {
    color: #555;
}

.settings_wrap {
    margin-top: 20px;
}

.image_picker .settings_wrap {
    overflow: hidden;
    position: relative;
}

.image_picker .settings_wrap .drop_target,
.image_picker .settings_wrap .settings_actions {
    float: left;
}

.image_picker .settings_wrap .drop_target {
    margin-right: 18px;
}

.image_picker .settings_wrap .settings_actions {
    float: left;
    margin-top: 100px;
    margin-left: 20px;
}

.settings_actions.vertical a {
    display: block;
}

.drop_target {
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
    width: 250px;
    height: 250px;
    background: #f2f2f2;
    border-radius: 100%;
    margin: 0 auto 25px auto;
    overflow: hidden;
    border: 8px solid #E0E0E0;
}

.drop_target input[type="file"] {
    visibility: hidden;
}

.drop_target::before {
    content: 'Drop Hear';
    font-family: FontAwesome;
    position: absolute;
    display: block;
    width: 100%;
    line-height: 220px;
    text-align: center;
    font-size: 40px;
    color: rgba(0, 0, 0, 0.3);
    transition: color 0.2s;
}

.drop_target:hover,
.drop_target.dropping {
    background: #f80;
    border-top-color: #cc6d00;
}

.drop_target:hover:before,
.drop_target.dropping:before {
    color: rgba(0, 0, 0, 0.6);
}

.drop_target .image_preview {
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: contain;
    position: relative;
    z-index: 2;
}

/*Payment End*/

/*Payment 2*/
#stepper-form {
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    align-self: center;
    transition: all 0.3s ease;
}

#stepper-form a {
    font-family: "Poppins-Regular";
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
    background: #e4bd37;
}

#stepper-form {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 47px 57px 50px 50px;
    position: relative;
    background: rgba(255, 255, 255, 0.1);
}

/*Payment 2 End*/


/*293 ve 308 inci satırlar arasında değişiklik var.*/


/*BootCamp Academy*/
@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1200px) {
    #text-p3 .mb-3 {
        text-align: center;
        margin-left: 1rem;
    }
}

@media screen and (max-width: 992px) {
    #apply {
        margin-left: 1rem;
    }
}


@media screen and (max-width: 600px) {
    #text-p3 .mb-3 {
        text-align: center;
        margin-left: 0.9rem;
        margin-top: 2rem;
        position: relative;
    }

    .mb-2 {
        margin-top: 2rem;
    }


    #apply {
        margin-left: 1rem;
    }
}

@media screen and (max-width: 320px) {
    #text-p3 .mb-3 {
        text-align: center;
        margin-left: 0.9rem;
        margin-top: 2rem;
        position: relative;
    }

    .mb-2 {
        margin-top: 2rem;
    }


    #apply {
        margin-left: 1rem;
    }
}

/*DeepLab BootCamp*/

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

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

    #text-p5 .mb-3 {
        text-align: center;
        margin-left: 1rem;
    }

    #popup-p1 {
        width: 30rem;
    }

    .slideshow-container-comment {
        margin: 0 3rem 0 4rem;
    }

    .internet-branch {}
}

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

    #text-p5 .mb-3 {
        text-align: center;
        margin-left: 1rem;
    }

    #popup-p1 {
        width: 40rem;
    }

    #img-p1 {
        display: none;

    }

    .slideshow-container-comment {
        margin: 0 3rem 0 4rem;
    }

    #academy {
        margin-left: 1rem;
    }


}

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

    #text-p5 {
        margin-left: 2rem;
    }

    #text-p5 .mb-3 {
        text-align: center;
        margin-left: 0.1rem;
        margin-top: 2rem;
    }

    #text-p1 .mb-5 {
        margin-left: 3rem;
    }

    #text-p2 {
        margin-left: 2rem;
    }

    #text-p7 {
        margin-top: 27rem;
    }

    #text-p7 {
        margin-top: 0rem;
    }

    #popup-p1 {
        width: 25rem;
    }

    #img-p1 {
        display: none;

    }

    #academy {
        margin-left: 1rem;
    }

    #bootcamp-navbar {
        margin-top: 5rem;
    }
}


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

    #text-p5 {
        margin-left: 2rem;
    }

    #text-p5 .mb-3 {
        text-align: center;
        margin-left: 0.1rem;
        margin-top: 2rem;
    }

    #text-p1 .mb-5 {
        margin-left: 3rem;
    }

    #text-p2 {
        margin-left: 2rem;
    }

    #text-p7 {
        margin-top: 50rem;
    }

    .slideshow-container-comment {
        margin: 0 5rem 0 5rem;
    }

    #popup-p1 {
        width: 20rem;
    }

    #img-p1 {
        display: none;
    }

    #academy {
        margin-left: 1rem;
    }

    #text-title2 {
        margin-left: 3rem;
    }

    .internet-branch {
        margin-left: 0rem;
    }
}

/*BootCamp Roods Card*/

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

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

@media screen and (max-width: 992px) {
    .shape-box {

        width: 20rem;
    }

}

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


    .shape-box {

        width: 20rem;

    }
}

/*BootCamp Training*/
@media screen and (max-width: 1600px) {
    #courses-bootcamp {
        margin-top: 8rem;
    }

    #roads-filter {
        margin-left: -10rem;
    }
}

@media screen and (max-width: 1200px) {
    #courses-bootcamp .section {
        margin-left: 5rem;
    }

    #courses-bootcamp {
        margin-top: 5rem;
    }

    #roads-filter {
        margin-left: -1rem;
    }
}

@media screen and (max-width: 992px) {
    #courses-bootcamp .section {
        margin-left: 100rem;
    }

    #courses-bootcamp {
        margin-top: 7rem;
    }
}

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

    #courses-bootcamp .section {
        margin-left: 25px;
    }

    #courses-bootcamp {
        margin-top: 14rem;
    }
}


/*BootCamp Roads C#*/
#courses .section {
    margin-left: 150px;
}

#img-p3 {
    width: 400px;
}

#title-p3 {
    margin-left: 20px;

}

#main-section {
    margin-top: 20px;
}

#certification-container {
    margin-left: 100px;
    margin-bottom: 3rem;
}

#certification-img {
    width: 400px;
}

#btn-csharp {
    width: 14rem;
}
@media (max-width: 1200px) {
    #courses .section {
        margin-left: 150px;
    }

    #img-p3 {
        width: 400px;
    }

    #title-p3 {
        margin-left: 20px;

    }

    #main-section {
        margin-top: 20px;
    }

    #certification-container {
        margin-left: 100px;
        margin-bottom: 3rem;
    }

    #certification-img {
        width: 300px;
    }

    #btn-csharp {
        width: 14rem;
    }
}

@media screen and (max-width: 992px) {
    #img-p3 {
        width: 400px;
    }

    #courses .section {
        margin-left: 100rem;
    }

    #main-section {
        margin-top: 20px;
    }

    #certification-container {
        margin-left: 20px;
        margin-bottom: 3rem;
    }

    #certification-img {
        width: 280px;
        margin-top: 2rem;
    }

    #contact-btn {
        margin-top: 16rem;
    }

    #back-btn {
        margin-top: 16rem;
    }

    #navbar-submenu {
        width: 45rem;
        height: 3rem;
    }
}


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

    #courses .section {
        margin-left: 25px;
    }

    #img-p3 {
        width: 0;
        margin-left: 1px;
        margin-top: 15rem;
        display: none;
    }

    #title-p3 {
        margin-left: 1px;
    }

    #text-csharp {
        text-align: center;
    }

    #deeplab-logo {
        margin-left: 1rem;
    }

    #main-section {
        margin-top: 1rem;
        text-align: center;
    }

    #contact-btn {
        margin-top: 10rem;
    }

    #back-btn {
        margin-top: 10rem;
    }

    #certification-container {
        margin-left: 0px;
    }

    #certification-img {
        width: 200px;
        margin-top: 22rem;
        margin-left: -10rem;
    }

    #btn-csharp {
        width: 12rem;
    }

    #navbar-submenu {
        width: 25rem;
    }

}

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

    #courses .section {
        margin-left: 25px;
    }

    #img-p3 {
        width: 0;
        margin-left: 1px;
        margin-top: 15rem;
        display: none;
    }

    #title-p3 {
        margin-left: 1px;
    }

    #text-csharp {
        text-align: center;
    }

    #deeplab-logo {
        margin-left: 1rem;
    }

    #main-section {
        margin-top: 1rem;
        text-align: center;
    }

    #contact-btn {
        margin-top: 10rem;
    }

    #back-btn {
        margin-top: 10rem;
    }

    #certification-container {
        margin-left: 0px;
    }

    #certification-img {
        width: 260px;
        margin-top: 22rem;
        margin-left: -10rem;
    }

    #btn-csharp {
        width: 12rem;
    }

    #navbar-submenu {
        width: 25rem;
    }

}



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

    #courses .section {
        margin-left: 25px;
    }

    #img-p3 {
        width: 100px;
        margin-left: 1px;
        margin-top: 15rem;
        display: none;
    }

    #title-p3 {
        margin-left: 1px;
    }

    #text-csharp {
        text-align: center;
    }

    #deeplab-logo {
        margin-left: 0.1rem;
    }

    #academy {

        margin-left: -0.5rem;
    }

    #main-section {
        margin-top: 1rem;
        text-align: center;
    }

    #contact-btn {
        margin-top: 10rem;
    }

    #back-btn {
        margin-top: 10rem;
    }

    #certification-container {
        margin-left: 0px;
    }

    #certification-img {
        width: 200px;
        margin-top: 22rem;
        margin-left: -10rem;
    }

    #btn-csharp {
        width: 12rem;
    }

    #navbar-submenu {
        width: 22rem;
    }

    .c#-logos {}

}

/*BootCamp Academy Course*/
@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1200px) {
    #contact-popup {
        width: 50rem;
    }

    #contact-form {
        margin-left: 5rem;
    }
}

@media screen and (max-width: 992px) {
    #contact-popup {

        width: 40rem;
    }

    #contact-form {
        margin-left: 5rem;
    }
}

@media screen and (max-width: 768px) {
    #contact-popup {
        width: 40rem;
    }

    #contact-form {
        margin-left: 2.5rem;
    }
}

@media screen and (max-width: 562px) {
    #contact-popup {

        width: 20rem;
    }

    #contact-form {
        margin-left: 1rem;
    }

    #item-1 {
        margin-top: 7rem;
    }
}


/*BootCamp Footer*/
@media screen and (max-width: 1600px) {}

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

@media screen and (max-width: 1023px) {
    #footer-academy {
        margin-left: 18rem;

        position: absolute;

    }

    #footer-deeplab {
        margin-left: 2rem;
        position: absolute;
    }

    #footer-bootcamp {
        margin-left: 14rem;
        margin-top: 0;
    }

    #footer-contact {
        margin-top: -8.5rem;
        margin-left: 26rem;
    }
}

@media screen and (max-width: 762px) {
    #footer-academy {
        margin-left: 11rem;

        position: absolute;

    }

    #footer-deeplab {
        margin-left: 2rem;
        position: absolute;
    }

    #footer-bootcamp {
        margin-left: 16rem;
        margin-top: 0rem;
    }

    #footer-contact {
        margin: 6rem 2rem;
        
    }

    @media screen and (max-width: 320px) {
        #footer-academy {
            margin-left: 9rem;

            position: absolute;

        }

        #footer-deeplab {
            margin-left: 2rem;
            position: absolute;
        }

        #footer-bootcamp {
            margin-left: 13rem;
            margin-top: 0rem;
        }

        #footer-contact {
            margin-left: 2rem;
        }
    }

    /*Index*/
    @media screen and (max-width: 1024px) {
        #text-index {
            width: 60rem;
        }

        .typing-h1 {
            margin-left: 1rem;

        }

        .typing-h5 {
            margin-left: 1rem;
            word-wrap: break-word;
        }
    }

    @media screen and (max-width: 736px) {
        #text-index {
            width: 50rem;
        }

        .typing-h1 {
            margin-left: 1rem;

        }

        .typing-h5 {
            margin-left: 1rem;
            word-wrap: break-word;
        }
    }

    @media screen and (max-width: 320px) {
        #text-index {
            width: 50rem;
        }
    }

    /*Bootcamp Organization*/
    @media screen and (max-width: 1600px) {
        .team-organization {
            margin-top: 16rem;
        }
    }

    @media screen and (max-width: 1200px) {
        .team-organization {
            margin-top: 16rem;
        }
    }

    @media screen and (max-width: 1023px) {
        #team-organization {
            margin-top: 10rem;
        }
    }

    @media screen and (max-width: 762px) {
        #team-organization {
            margin-top: 10rem;
        }
    }

    @media screen and (max-width: 320px) {
        .team-organization {
            margin-top: 10rem;
        }
    }
}

/*DeepLab.Bootcamp Training*/
.footer-roads li {
    margin-top: 10px;
}

.footer-roads li a {
    font-size: 14px;
    color: #292b2c;
}

.footer-roads li a:hover {
    color: gray;
}

.footer-roads p {
    font-size: 14px;
    color: #292b2c;
}


/*BootCamp C# Sayfası */



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


    .container-col-md-15 {
        width: 100%;
        height: 30rem;
    }

    #text-baslik {
        margin-top: 3rem;
    }

    #btn-roads {
        width: 30%;
    }
}

@media screen and (max-width: 1024px) {
    .container-col-md-15 {
        width: 100%;
        height: 35rem;
    }

    #btn-roads {
        width: 60%;
    }

}

@media only screen and (max-width: 992px) {
    .container-col-md-15 {
        width: 100%;
        height: 50rem;
    }
}

@media only screen and (max-width: 460px) {
    .container-col-md-15 {
        width: 100%;
        height: 50rem;
    }

    #text-baslik {
        margin-top: 10rem;
        text-align: center;
    }

}

@media screen and (max-width: 736px) {
    .container-col-md-15 {
        width: 100%;
        height: 55rem;
    }

    #text-baslik {
        margin-top: 10rem;
    }

    #btn-roads {
        width: 70%;
    }

}



@media screen and (max-width: 667px) {
    .container-col-md-15 {
        width: 100%;
        height: 60rem;
    }

    #text-baslik {
        margin-top: 10rem;
    }

    #btn-roads {
        width: 70%;
    }

}

@media screen and (max-width: 320px) {
    .container-col-md-15 {
        width: 100%;
        height: 65rem;

    }

    #text-baslik {
        margin-top: 10rem;
    }

    #btn-roads {
        width: 60%;
    }
}

#fbox-content2 {
    text-align: center;
}

#fbox-content1 {
    top: 100px;
}

#ort {
    text-align: center;

}

#btn-roads {
    cursor: pointer;
    font-family: sans-serif;
    font-weight: bold;
    transition-property: background-color, color;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
    text-align: center;
    margin: 1.6rem 0rem;

    border-radius: 50rem;
}

#btn-roads:hover {
    /* transform: rotate(180deg);  */
    background-color: #3a3e3b;
    color: #fff;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.bg-transparent {
    background-color: transparent !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

#content .container {
    position: relative;
}

.section .container {
    z-index: 2;
}

/*
@media (min-width: 992px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 768px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 720px;
    }
}

@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px;
    }
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}*/

.col-mb-50>.col,
.col-mb-50>[class*="col-"] {
    padding-bottom: 50px;
}

@media (min-width: 768px) {
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

.fancy-title {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem;
}

.accordion-border {
    border: 1px solid #DDD;
    border-radius: 4px;
}

.accordion {
    margin-bottom: 20px;
}

.accordion {
    overflow-anchor: none;
}

.accordion-bg .accordion-header {
    background-color: #EEE;
    padding: 0.75rem;
    border-radius: 2px;
    margin: 0;
    margin-bottom: 5px;
    border-top: 0;
}

.accordion-header {
    padding: 0.75rem 0;
    border-top: 1px dotted #DDD;
    cursor: pointer;
}

.toggle-header,
.accordion-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
    cursor: pointer;
    color: #444;
    font-size: 1rem;
    font-weight: 700;
}

.title-border::before,
.title-border::after {
    border-top-width: 1px;
    border-top-style: solid;
}

.fancy-title::after {
    margin-left: 0.75rem;
}

/* .nott:hover {
    color: rgb(191, 182, 206);
    font-size: 33px;
} */

/* Güncel Accordion Css Kodları */
.accordion-container {
    width: 100%;
    padding: 20px 35px;
}

.accordion-header {
    border-radius: 5px;
    background: #eeeeee;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif !important;
    font-size: large;
    font-weight: bold;
    margin: 15px 0;
    transition: all 0.5s ease-in-out;
}

.reset-margin-bottom {
    margin-bottom: 0 !important;
}

.accordion-content table {
    width: 100%;
    color: #212529;
}

.accordion-content table tr {
    border-bottom: 1px solid #dee2e6;
}

.accordion-content table tr td {
    padding: 15px;
}

.accordion-content table tr:last-child {
    border: none !important;
}

.accordion-header i {
    margin: 0 5px;
}

.accordion-header span {
    font-family: "Lato" !important;
}

/* #footer1{
    left: 50rem;
    bottom: 13.5rem;
}
#footer2 {
    left: 30rem;
}
#footer3 {
    left: 10rem;
}
#footer-deeplab{
    left: 30rem;
    text-align: left;
}
#footer-social {
    left: 80rem;
   bottom: 250px;
}
#footer4 {
    right: 10rem;
} */


/*Coming Soon Page*/

.container-coming {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: 50% 0%;
}

.wrapper-coming {
    width: 100%;
    height: 100%;
    opacity: 0.7;

    transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 1s;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.content-coming {
    padding: 1rem;
    color: linear-gradient(-55deg, transparent 25%, #B0BEC5 25%, #37474F 75%, transparent 75%,
            transparent 100%);
}

.content-coming h1 {
    font-size: 3rem;
    color: linear-gradient(-55deg, transparent 25%, #B0BEC5 25%, #37474F 75%, transparent 75%,
            transparent 100%);
}

.content-coming p {
    font-size: 1.1rem;
    color: linear-gradient(-55deg, transparent 25%, #B0BEC5 25%, #37474F 75%, transparent 75%,
            transparent 100%);
}

.content-coming a {
    color: linear-gradient(-55deg, transparent 25%, #B0BEC5 25%, #37474F 75%, transparent 75%,
            transparent 100%);
    display: inline-block;
    padding: 2.1% 4%;
    overflow: hidden;
    border-radius: 0;
    text-decoration: none;
}


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

    .content-coming {
        padding: 1rem 1.4rem;
    }

    .content-coming h1 {
        font-size: 2.5rem;
        margin-top: 23rem;
    }

    .wrapper-coming {

        transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 1s;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        text-align: left;
    }
}

@media screen and (min-width: 356px) and (max-width: 650px) {

    .content-coming {
        padding: 1rem 1.4rem;
        margin-top: 25rem;
    }

    .wrapper-coming {

        transition: all 0.5s cubic-bezier(0.67, 0, 0.3, 1) 1s;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        text-align: left;
    }
}

Collabrations .dialog-widget-content {
    background-color: #fff;
    position: absolute;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
    box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
    overflow: hidden
}

.dialog-message {
    font-size: 12px;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dialog-type-lightbox {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dialog-type-lightbox .dialog-widget-content {
    margin: auto;
    width: 375px
}

.dialog-type-lightbox .dialog-header {
    font-size: 15px;
    color: #495157;
    padding: 30px 0 10px;
    font-weight: 500
}

.dialog-type-lightbox .dialog-message {
    padding: 0 30px 30px;
    min-height: 50px
}

.dialog-type-lightbox:not(.elementor-popup-modal) .dialog-header,
.dialog-type-lightbox:not(.elementor-popup-modal) .dialog-message {
    text-align: center
}

.dialog-type-lightbox .dialog-buttons-wrapper {
    border-top: 1px solid #e6e9ec;
    text-align: center
}

.dialog-type-lightbox .dialog-buttons-wrapper>.dialog-button {
    font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
    width: 50%;
    border: none;
    background: none;
    color: #6d7882;
    font-size: 15px;
    cursor: pointer;
    padding: 13px 0;
    outline: 0
}

.dialog-type-lightbox .dialog-buttons-wrapper>.dialog-button:hover {
    background-color: #f4f6f7
}

.dialog-type-lightbox .dialog-buttons-wrapper>.dialog-button.dialog-ok {
    color: #b01b1b
}

.dialog-type-lightbox .dialog-buttons-wrapper>.dialog-button.dialog-take_over {
    color: #39b54a
}

.dialog-type-lightbox .dialog-buttons-wrapper>.dialog-button:active {
    background-color: rgba(230, 233, 236, .5)
}

.dialog-type-lightbox .dialog-buttons-wrapper>.dialog-button::-moz-focus-inner {
    border: 0
}

.dialog-close-button {
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 15px;
    line-height: 1
}

.dialog-close-button:not(:hover) {
    opacity: .4
}

.dialog-alert-widget .dialog-buttons-wrapper>button {
    width: 100%
}

.dialog-confirm-widget .dialog-button:first-child {
    border-right: 1px solid #e6e9ec
}

.dialog-prevent-scroll {
    overflow: hidden;
    max-height: 100vh
}

@media (max-width:767px) {
    .dialog-close-button {
        top: 15px;
        right: 15px
    }

    body.admin-bar .dialog-close-button {
        top: 40px
    }
}



#wpadminbar #wp-admin-bar-elementor_edit_page>.ab-item:before {
    content: "\e813";
    font-family: eicons;
    top: 3px;
    font-size: 18px
}

#wpadminbar #wp-admin-bar-elementor_inspector>.ab-item:before {
    content: "\f348";
    top: 2px
}

.elementor-section {
    position: relative
}

.elementor-section .elementor-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1140px
}

.elementor-section.elementor-section-stretched {
    position: relative;
    width: 100%
}

.elementor-section.elementor-section-items-top>.elementor-container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.elementor-section.elementor-section-items-middle>.elementor-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.elementor-section.elementor-section-items-bottom>.elementor-container {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (min-width:768px) {
    .elementor-section.elementor-section-height-full {
        height: 100vh
    }

    .elementor-section.elementor-section-height-full>.elementor-container {
        height: 100%
    }
}

.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.elementor-row {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1024px) {
    .elementor-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.elementor-column-wrap {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.elementor-widget-wrap {
    position: relative;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.elementor-widget-wrap>.elementor-element {
    width: 100%
}

.elementor-widget {
    position: relative
}

.elementor-widget:not(:last-child) {
    margin-bottom: 20px
}

.elementor-widget:not(:last-child).elementor-absolute,
.elementor-widget:not(:last-child).elementor-widget__width-auto,
.elementor-widget:not(:last-child).elementor-widget__width-initial {
    margin-bottom: 0
}

.elementor-column {
    position: relative;
    min-height: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.elementor-column-gap-narrow>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 5px
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 10px;
}

.elementor-column-gap-extended>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 15px
}

.elementor-column-gap-wide>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 20px
}

.elementor-column-gap-wider>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 30px
}

.elementor-inner-section .elementor-column-gap-no .elementor-element-populated {
    padding: 0
}

@media (min-width:768px) {

    .elementor-column.elementor-col-10,
    .elementor-column[data-col="10"] {
        width: 10%
    }

    .elementor-column.elementor-col-11,
    .elementor-column[data-col="11"] {
        width: 11.111%
    }

    .elementor-column.elementor-col-12,
    .elementor-column[data-col="12"] {
        width: 12.5%
    }

    .elementor-column.elementor-col-14,
    .elementor-column[data-col="14"] {
        width: 14.285%
    }

    .elementor-column.elementor-col-16,
    .elementor-column[data-col="16"] {
        width: 16.666%
    }

    .elementor-column.elementor-col-20,
    .elementor-column[data-col="20"] {
        width: 20%
    }

    .elementor-column.elementor-col-25,
    .elementor-column[data-col="25"] {
        width: 25%
    }

    .elementor-column.elementor-col-30,
    .elementor-column[data-col="30"] {
        width: 30%
    }

    .elementor-column.elementor-col-33,
    .elementor-column[data-col="33"] {
        width: 33.333%
    }

    .elementor-column.elementor-col-40,
    .elementor-column[data-col="40"] {
        width: 40%
    }

    .elementor-column.elementor-col-50,
    .elementor-column[data-col="50"] {
        width: 50%
    }

    .elementor-column.elementor-col-60,
    .elementor-column[data-col="60"] {
        width: 60%
    }

    .elementor-column.elementor-col-66,
    .elementor-column[data-col="66"] {
        width: 66.666%
    }

    .elementor-column.elementor-col-70,
    .elementor-column[data-col="70"] {
        width: 70%
    }

    .elementor-column.elementor-col-75,
    .elementor-column[data-col="75"] {
        width: 75%
    }

    .elementor-column.elementor-col-80,
    .elementor-column[data-col="80"] {
        width: 80%
    }

    .elementor-column.elementor-col-83,
    .elementor-column[data-col="83"] {
        width: 83.333%
    }

    .elementor-column.elementor-col-90,
    .elementor-column[data-col="90"] {
        width: 90%
    }

    .elementor-column.elementor-col-100,
    .elementor-column[data-col="100"] {
        width: 100%
    }
}

@media (max-width:479px) {
    .elementor-column.elementor-xs-10 {
        width: 10%
    }

    .elementor-column.elementor-xs-11 {
        width: 11.111%
    }

    .elementor-column.elementor-xs-12 {
        width: 12.5%
    }

    .elementor-column.elementor-xs-14 {
        width: 14.285%
    }

    .elementor-column.elementor-xs-16 {
        width: 16.666%
    }

    .elementor-column.elementor-xs-20 {
        width: 20%
    }

    .elementor-column.elementor-xs-25 {
        width: 25%
    }

    .elementor-column.elementor-xs-30 {
        width: 30%
    }

    .elementor-column.elementor-xs-33 {
        width: 33.333%
    }

    .elementor-column.elementor-xs-40 {
        width: 40%
    }

    .elementor-column.elementor-xs-50 {
        width: 50%
    }

    .elementor-column.elementor-xs-60 {
        width: 60%
    }

    .elementor-column.elementor-xs-66 {
        width: 66.666%
    }

    .elementor-column.elementor-xs-70 {
        width: 70%
    }

    .elementor-column.elementor-xs-75 {
        width: 75%
    }

    .elementor-column.elementor-xs-80 {
        width: 80%
    }

    .elementor-column.elementor-xs-83 {
        width: 83.333%
    }

    .elementor-column.elementor-xs-90 {
        width: 90%
    }

    .elementor-column.elementor-xs-100 {
        width: 100%
    }
}

@media (max-width:767px) {
    .elementor-column.elementor-sm-10 {
        width: 10%
    }

    .elementor-column.elementor-sm-11 {
        width: 11.111%
    }

    .elementor-column.elementor-sm-12 {
        width: 12.5%
    }

    .elementor-column.elementor-sm-14 {
        width: 14.285%
    }

    .elementor-column.elementor-sm-16 {
        width: 16.666%
    }

    .elementor-column.elementor-sm-20 {
        width: 20%
    }

    .elementor-column.elementor-sm-25 {
        width: 25%
    }

    .elementor-column.elementor-sm-30 {
        width: 30%
    }

    .elementor-column.elementor-sm-33 {
        width: 33.333%
    }

    .elementor-column.elementor-sm-40 {
        width: 40%
    }

    .elementor-column.elementor-sm-50 {
        width: 50%
    }

    .elementor-column.elementor-sm-60 {
        width: 60%
    }

    .elementor-column.elementor-sm-66 {
        width: 66.666%
    }

    .elementor-column.elementor-sm-70 {
        width: 70%
    }

    .elementor-column.elementor-sm-75 {
        width: 75%
    }

    .elementor-column.elementor-sm-80 {
        width: 80%
    }

    .elementor-column.elementor-sm-83 {
        width: 83.333%
    }

    .elementor-column.elementor-sm-90 {
        width: 90%
    }

    .elementor-column.elementor-sm-100 {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .elementor-column.elementor-md-10 {
        width: 10%
    }

    .elementor-column.elementor-md-11 {
        width: 11.111%
    }

    .elementor-column.elementor-md-12 {
        width: 12.5%
    }

    .elementor-column.elementor-md-14 {
        width: 14.285%
    }

    .elementor-column.elementor-md-16 {
        width: 16.666%
    }

    .elementor-column.elementor-md-20 {
        width: 20%
    }

    .elementor-column.elementor-md-25 {
        width: 25%
    }

    .elementor-column.elementor-md-30 {
        width: 30%
    }

    .elementor-column.elementor-md-33 {
        width: 33.333%
    }

    .elementor-column.elementor-md-40 {
        width: 40%
    }

    .elementor-column.elementor-md-50 {
        width: 50%
    }

    .elementor-column.elementor-md-60 {
        width: 60%
    }

    .elementor-column.elementor-md-66 {
        width: 66.666%
    }

    .elementor-column.elementor-md-70 {
        width: 70%
    }

    .elementor-column.elementor-md-75 {
        width: 75%
    }

    .elementor-column.elementor-md-80 {
        width: 80%
    }

    .elementor-column.elementor-md-83 {
        width: 83.333%
    }

    .elementor-column.elementor-md-90 {
        width: 90%
    }

    .elementor-column.elementor-md-100 {
        width: 100%
    }
}

p>strong {
    font-size: larger;
}