/** ADD YOUR AWESOME CODES HERE **/

:root {
    --primary-color: #2d7ed7;
    --second-color: #e8f640;
}

.slide_text {
    background-color: #2d7fd7bc;
    transform: skewX(35deg);
    /* margin:10px 20px; */
}

.slide_text h3,
.slide_text h4,
.slide_text .contact_btn {
    transform: skewX(-35deg);
}

.slide_text .contact_btn {
    margin-left: -100px;
}

.btn-themed {
    background-color: var(--second-color);
    color: var(--primary-color);
}

.group-form {
    background-color: var(--primary-color);
    padding: 35px 46px;
    margin: 40px 10px;
    color: white;
    border-radius: 20px;
}

.recent {
    background-color: var(--primary-color);
    border: 2px solid white;
    border-radius: 50px;
}

.recent h2 {
    color: white;
    margin-top: 30px;
    font-size: 20px;
}

.carousel-recent {
    background-color: white;
    color: black;
    width: 100%;
    border: 2px solid var(--primary-color);
    height: 620px;
}

.carousel-recent {
    overflow: hidden;
}


.tab_menu {
    height: 140px;
}

.tab_menu ul li {
    padding: 40px 2px;
}

.slick-slide img {
    width: 100%;
}

/* custom styles */
.hvr-radial-out {
    background-color: var(--primary-color);
}

.heading_main h2 span {
    color: var(--primary-color);
}

.top-header .navbar .navbar-collapse ul li a {
    padding: 7px 7px;
    font-size: 12 px;
}

.tab_menu ul li span {
    font-size: 14px;
}

.tab_menu ul li:nth-child(7),
.tab_menu ul li:nth-child(5) {
    background-color: var(--primary-color);
}

.tab_menu ul li:nth-child(7),
.tab_menu ul li:nth-child(7) {
    background-color: var(--primary-color);
}

.tab_menu ul li:nth-child(6),
.contact_bt,
.tab_menu ul li:nth-child(6),
.contact_form button,
.carousel a.carousel-control-next,
.carousel a.carousel-control-prev {
    background-color: var(--second-color);
    color: black;
}

.tab_menu ul li:nth-child(6),
.tab_menu ul li a,
.tab_menu ul li:nth-child(7),
.tab_menu ul li:nth-child(5),
.tab_menu ul li:nth-child(7) a,
.tab_menu ul li:nth-child(5) a,
.tab_menu ul li:nth-child(6) a {
    transform: skew(0);
}

.blog_img_popular p {
    text-align: justify;
    overflow: hidden;
    height: 300px;
}

footer.footer-box p {
    font-size: 12px;
    text-align: justify;
}
.middle-align{
    display: grid;
    place-content: center;
    /* place-items: center ; */
}


@media only screen and (max-width: 700px) {
    .tab_menu {
        height: 85px;
        margin-top: 15px;
    }
    .pogoSlider--navBottom .pogoSlider-nav{
        bottom:-25px;
    }

    .tab_menu ul li {
        padding: 15px 2px;
    }

    .tab_menu ul li span {
        font-size: 12px;
    }

    .recent h2 {
        
        font-size: 15px;
    }
    
}