﻿body {
}

h1, h2, h3, h4, h5 {
    font-family: 'Playfair Display', serif;
}

p, span, th, td, .sp-txtbox {
    font-family: 'Poppins', sans-serif;
}

a:hover {
    text-decoration: none;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/*Section 1 [gc] */

.gc-section {
}

.gc-item {
    margin: 35px 0;
}

.gc-img {
    width: 100%;
    height: 193px;
    object-fit: contain;
    border-radius: 5px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.16);
}

.gc-text-wrap {
    margin-top: 8px;
    margin-bottom: 15px;
}

.gc-title {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    text-shadow: 0 0;
    white-space: nowrap;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gc-text-wrap a {
    color: #fd7e14;
}
.gc-text {
    font-size: 14px;
    margin: 0;
    /*min-height: 30px;
    max-height: 30px;*/
    margin: 0;
}

.gc-btn {
    width: 188px;
    height: 29px;
    color: #fff;
    font-size: 10px;
    box-shadow: 0 15px 16px 0 rgba(255, 177, 101, 0.61);
    background-image: linear-gradient(86deg, #ff6b07 4%, #ff832f 24%, #ff8837 59%);
    text-transform: uppercase;
}

    .gc-btn:hover {
        color: #fff;
        background-image: linear-gradient(150deg, #f1702e, #ff3727);
        box-shadow: 0 15px 16px 0 rgba(255, 177, 101, 0.8);
        transition: .25s;
    }

    .gc-btn img {
        margin-right: 5px;
        width: 14px;
    }

    .gc-btn:focus {
        outline: none;
    }

.gc-circle {
    position: relative;
}

    .gc-circle:before {
        content: "";
        position: absolute;
        left: -80px;
        top: 0;
        z-index: -1;
        width: 136px;
        height: 154px;
        opacity: .3;
        background-image: url(../images/circle.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

/*Section 1 [gc] --END-- */


/*=====Media Queries=====*/

/*Most of the Smartphones Mobiles (Portrait)*/
@media (min-width: 320px) and (max-width: 510px) {
    .mobile-no-padd {
        padding: 0;
    }

    .gc-section {
        margin-bottom: 30px;
    }

    .gc-item {
        margin: 25px 0;
    }

    .gc-img {
        height: 265px;
    }

    .gc-btn {
        width: 100%;
        height: 40px;
    }
}

/*Tablets, Ipads (portrait)*/
@media (min-width: 768px) and (max-width: 1023px) {
}

/*Ipad Pro (portrait)*/
@media (min-width: 1024px) and (max-width: 1050px) and (orientation: portrait) {
}



/*1152×648, 1280×720*/
@media (min-width: 1152px) and (max-width: 1299px) {
    .no-padd {
        padding: 0;
    }

    .custom-container {
        max-width: 1200px;
    }

    .custom-container2 {
        max-width: 1150px;
    }
}

/*1366×768,*/
@media (min-width: 1300px) and (max-width: 1599px) {
    .no-padd {
        padding: 0;
    }

    .custom-container {
        max-width: 1250px;
    }

    .custom-container2 {
        max-width: 1200px;
    }

    .gc-img {
        height: 215px;
    }
}
/*1400X900,*/
@media (min-width: 1400px) and (max-width: 1599px) {
}

/*1600x800*/
@media (min-width: 1600px) and (max-width: 1919px) {
    .custom-container {
        max-width: 1450px;
    }

    .custom-container2 {
        max-width: 1400px;
    }

    .no-padd {
        padding: 0;
    }

    .gc-img {
        height: 255px;
    }

    .gc-circle:before {
        /*left:-50px;*/
    }
}

@media (min-width: 1920px) {
    .custom-container {
        max-width: 1750px;
    }

    .custom-container2 {
        max-width: 1700px;
    }

    .no-padd {
        padding: 0;
    }

    .gc-img {
        height: 313px;
    }

    .gc-circle:before {
        left: -110px;
        height: 250px;
        width: 188px;
    }
}
