/** Global  Colors */

.primary-color {
    color: #E96A5F;
}

.primary-color-bg {
    background-color: #E96A5F;
}

.primary-color-diffusion {
    background-color: #E96A5F;
}

.primary-color-diffusion:hover {
    background-color: #ec4d3f;
}

.primary-gradient-bg {
    background: linear-gradient(135deg, rgba(233, 106, 95, 1) 0%, rgba(221, 93, 87, 1) 35%, rgba(235, 72, 72, 1) 100%);
}

.secondary-color {
    color: #7C84D5;
}

.secondary-color-bg {
    background-color: #7C84D5;
}

.secondary-color-diffusion {
    background-color: #7C84D5;
}

.secondary-color-diffusion:hover {
    background-color: #a288ff;
}

.yard-secondary-color-bg {
    background-color: #F0F1FF;
}

.yard-gradient-bg {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.25) 100%);
}


/** Global Background Color */

.section-bg-yard01 {
    background-color: #F2F4F5;
}

.section-bg-yard02 {
    background-color: #0D0D0D;
}


/**Border Color */

.primary-border {
    border: 1px solid #E96A5F;
}


/** Global Fontsize (Paragraflar ve küçük başlıklar) */

.versmallSize {
    font-size: 0.75rem;
    /* 12px */
}

.smallSize {
    font-size: 0.875rem;
    /* 14px */
}

.regularSize {
    font-size: 1rem;
    /* 16px */
}

.regularSizeM {
    font-size: 1.125rem;
    /* 18px */
}

.mediumSize {
    font-size: 1.25rem;
    /* 20px */
}

.mediumSizeM {
    font-size: 1.375rem;
    /* 22px */
}

.smallbigSize {
    font-size: 1.5rem;
    /* 24px */
}

.mediumbigSize {
    font-size: 1.75rem;
    /* 28px */
}

.bigSize {
    font-size: 2rem;
    /* 32px */
}

.verybigSize {
    font-size: 2.25rem;
    /* 36px */
}


/** Global Fontsize (Büyük Başlıklar) */

.smallTitle {
    font-size: 2.625rem;
}


/** Global Bağlantılar */

.linkWhite {
    color: white;
}

.linkWhite:hover {
    color: rgba(255, 255, 255, 0.5);
}

.linkPrimary {
    color: #333;
}

.linkPrimary:hover {
    color: #E96A5F;
}

.linkPrimaryText {
    color: #E96A5F;
}

.linkPrimaryText:hover {
    color: #FF1400;
}


/** Global Padding and Margin */

.paddingTop90 {
    padding-top: 90px;
}

.paddingBottom90 {
    padding-bottom: 90px;
}

.marginTop150 {
    margin-top: 150px !important;
}


/** Global Metrics */

.gridSystem1024 {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}

.word-spacing5 {
    letter-spacing: 3px;
}

.word-spacing10 {
    letter-spacing: 10px;
}


/** Position Absolute */

.centerTop {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.negativePosition {
    top: -20%;
}

.negativePositionBottom {
    bottom: -5%;
}

.pozitivePositionEnd5 {
    right: 5%;
}

.pozitivePositionEnd5 {
    right: 5%;
}

.pozitivePositionStart05 {
    left: 5%;
}

.pozitivePositionStart5 {
    left: 21%;
}

.pozitivePositionEnd {
    bottom: 5%;
}

.topT50 {
    top: -10%;
}

.Bottom50 {
    bottom: -40%;
}

.seminerphotoBottom {
    bottom: 0%;
    left: 21%;
}


/**Shadow Effect */

.shadow-small {
    box-shadow: 0 0 5px #0d0d0da1;
}


/**Backdrop Effect */

.backdrop-23 {
    border: 2px solid #E96A5F;
    background-color: #e96b5f79;
    backdrop-filter: blur(36px);
}

.backdrop-56 {
    backdrop-filter: blur(56px);
}


/** Other Element */

.primary-button {
    padding: 14px 18px;
}

.justify-center {
    text-align: justify;
}

.dikkatBilgi {
    top: 0;
}

.object-fit-cover {
    object-fit: cover;
}

.height-150 {
    height: 150px;
}

.height-200 {
    height: 200px;
}

.height-500 {
    height: 500px;
}

.width-150 {
    width: 150px
}

.width-200 {
    width: 200px;
}

.max-height-150 {
    max-height: 150px;
}

.max-height-350 {
    max-height: 350px;
}

.max-width-350 {
    max-width: 350px;
}

.overflow-100 {
    padding-right: 24px;
    height: 75px;
    overflow-y: auto;
}

.overflow-200 {
    padding-right: 24px;
    height: 200px;
    overflow-y: auto;
}