/*
Theme Name: Innconcept
Text Domain: innconcept
Version: 1.3
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the DotMinds team
Author URI: https://dotminds.in/
Theme URI: https://dotminds.in/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/


/* title font */

@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

/* font-family: 'Marcellus', serif; */

@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');

/* font-family: 'Lora', serif; */

* {
    --primaryColor: #F9882B;
    --green: rgb(106, 186, 179, 0.3);
    --lightGrey: #f2f2f2;
    --mediumGrey: #868686;
    --darkGrey: #3a3a3a;
    font-family: 'Lora', serif;
}

[class^="col-"] {
    width: 100% !important;
}

h3 {
    font-size: 48px;
    font-family: 'Marcellus', serif;
    color: var(--primaryColor);
    padding-bottom: 40px
}


/* navbar menu start */

.nav-strip {
    z-index: 999999;
    position: fixed;
    width: 100%;
    height: 100px;
    background-color: transparent;
    transition: 0.3s all ease;
}

.nav-strip img.site-logo {
    position: fixed;
    width: auto;
    height: 60px;
    top: 20px;
    left: 80px;
}

nav {
    display: block;
}

.circle-nav-wrapper {
    position: fixed;
    z-index: 999999;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.circle-nav-wrapper.circle-nav-open {
    width: 500px;
    height: 500px
}

.circle-nav-wrapper .circle-nav-toggle {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0%;
    z-index: 999999;
    width: 30px;
    height: 30px;
    border: 2px solid transparent;
    transition: -webkit-transform .2s cubic-bezier(0, 1.16, 1, 1);
    transition: transform .2s cubic-bezier(0, 1.16, 1, 1);
    transition: transform .2s cubic-bezier(0, 1.16, 1, 1), -webkit-transform .2s cubic-bezier(0, 1.16, 1, 1);
    top: 35px;
    right: 32px;
}

.circle-nav-wrapper .circle-nav-toggle.circle-nav-open {
    border: 2px solid #fff;
    color: #fff !important;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-radius: 50%;
}

.circle-nav-wrapper .circle-nav-toggle .fa-bars {
    display: block;
    font-size: 24px
}

.circle-nav-wrapper .circle-nav-toggle.circle-nav-open .fa-bars {
    display: none;
}

.circle-nav-wrapper .circle-nav-toggle .fa-close {
    display: none;
}

.circle-nav-wrapper .circle-nav-toggle.circle-nav-open .fa-close {
    display: block;
}

.circle-nav-wrapper .circle-nav-panel {
    background: var(--primaryColor) !important;
    background: linear-gradient(to right, var(--primaryColor), var(--primaryColor)) !important;
    width: 0;
    height: 0;
    border-radius: 50%;
    -webkit-transform: translate(-25%, -52.5%);
    transform: translate(-25%, -52.5%);
    transition: width .2s cubic-bezier(0, 1.16, 1, 1), height .2s cubic-bezier(0, 1.16, 0, 1);
    margin-left: 261px;
}

.circle-nav-wrapper .circle-nav-panel.circle-nav-open {
    width: 1000px;
    height: 1000px;
    opacity: 1;
    box-shadow: -5px 6px 0 6px rgb(249, 136, 43, 0.3);
}

.circle-nav-wrapper .circle-nav-menu {
    width: 250px;
    height: 250px;
}

ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

.circle-nav-wrapper .circle-nav-menu .circle-nav-item {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-family: 'Roboto', sans-serif;
    visibility: hidden;
    transition: bottom .6s cubic-bezier(0, 1.16, 1, 1), left .6s cubic-bezier(0, 1.16, 1, 1), width .4s cubic-bezier(0, 1.16, 1, 1), height .4s cubic-bezier(0, 1.16, 1, 1);
}

.circle-nav-wrapper .circle-nav-menu .circle-nav-item a {
    text-decoration: none;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    z-index:999999;
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item {
    width: 100px;
    height: 40px;
    visibility: visible;
    transition: bottom .3s cubic-bezier(0, 1.16, 1, 1), left .3s cubic-bezier(0, 1.16, 1, 1), width .2s cubic-bezier(0, 1.16, 1, 1), height .2s cubic-bezier(0, 1.16, 1, 1);
}

.circle-nav-wrapper .circle-nav-menu .circle-nav-item-1,
.circle-nav-wrapper .circle-nav-menu .circle-nav-item-2,
.circle-nav-wrapper .circle-nav-menu .circle-nav-item-3,
.circle-nav-wrapper .circle-nav-menu .circle-nav-item-4,
.circle-nav-wrapper .circle-nav-menu .circle-nav-item-5 {
    left: 250px;
    bottom: 220px;
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-1 {
    bottom: 370px;
    left: 212px;
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-2 {
    bottom: 330px;
    left: 202px;
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-3 {
    bottom: 290px;
    left: 203px;
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-4 {
    bottom: 245px;
    left: 206px;
}


/* .circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-5 {
    bottom: 200px;
    left: 195px;
} */

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-6 {
    bottom: 360px;
    left: 320px;
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-7 {
    bottom: 280px;
    left: 320px;
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-separator {
    bottom: 250px;
    left: 255px;
    height: 150px;
}

@media only screen and (max-width: 768px) {
    .nav-strip {
        background-color: #ffffff;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    .nav-strip img.site-logo {
        height: 60px;
        left: 20px;
    }
    .circle-nav-wrapper {
        width: 100px;
        height: 100px;
    }
    .circle-nav-wrapper.circle-nav-open {
        width: 460px;
        height: 460px;
    }
    .circle-nav-wrapper .circle-nav-toggle {
        right: 20px;
        top: 35px;
    }
    .circle-nav-wrapper .circle-nav-panel.circle-nav-open {
        width: 800px;
        height: 800px;
    }
    .circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-1 {
        bottom: 350px;
        left: 187px;
    }
    .circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-2 {
        bottom: 310px;
        left: 180px;
    }
    .circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-3 {
        bottom: 270px;
        left: 179px;
    }
    .circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-4 {
        bottom: 225px;
        left: 186px;
    }
    .circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-5 {
        bottom: 180px;
        left: 175px;
    }
    .circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-6 {
        bottom: 340px;
        left: 300px;
    }
    .circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-7 {
        bottom: 255px;
        left: 300px;
    }
    .circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-separator {
        bottom: 230px;
        left: 235px;
        height: 160px;
    }
}


/* navbar menu end */


/* section start */

.section-bg-grey {
    background-color: var(--mediumGrey);
}

.section-bg-lightgrey {
    background-color: var(--lightGrey);
}

.section-bg-darkgrey {
    background-color: var(--darkGrey);
}

.section-bg-green {
    background-color: var(--green);
}

section {
    margin-left: 0px !important;
    margin-right: 0px !important;
    display: block;
    padding-bottom: 100px;
    padding-top: 100px;
}

section>div.container {
    margin-left: auto !important;
    margin-right: auto !important;
    width: calc(100% - 10%) !important;
}

p.section-body-text {
    line-height: 1.8 !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    text-align: justify;
    font-size: 24px
}


/* section end */


/* banner start */

h1 {
    font-size: 80px;
    font-family: 'Marcellus', serif;
    color: #fff;
    padding-bottom: 24px;
    margin-top: 48px;
}

@media only screen and (max-width: 768px) {
    h1 {
        font-size: 60px !important;
    }
}


.banner-section {
    padding-top: 180px;
    background-image: url('assets/images/banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-section .container .row .tagline p {
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    padding-bottom: 40px;
    margin-right: 0px;
}

.banner-section a {
    font-family: 'Marcellus', serif;
    font-size: 24px;
    color: #ffffff;
    background-color: var(--primaryColor);
    padding: 14px 32px;
    text-decoration: none;
}

@media only screen and (max-width: 500px) {
    .banner-section .banner-img {
        max-width: 100%;
    }
}


/* banner end */


/* one liner section start */

.one-liner-section p {
    font-size: 32px;
    font-weight: 500;
    font-family: 'Marcellus', serif;
}


/* one liner section end */


/* about section start */

.about-section {
    padding-bottom: 0px !important;
}

.about-section img {
    width: 60%;
}

.about-section p {
    font-size: 18px;
    color: var(--mediumGrey);
    font-weight: lighter;
    margin-bottom: 0px;
    line-height: 2;
    padding-bottom: 24px;
}

@media only screen and (max-width: 500px) {
    h3 {
        font-size: 32px;
    }
    .about-section p {
        text-align: justify;
    }
}


/* about section end */


/* service section start */

.service-section .card {
    padding: 16px;
    background-color: transparent;
    border: none;
}

.service-section a {
    text-decoration: none;
}

.service-section .card h4 {
    color: var(--primaryColor);
    font-family: 'Marcellus', serif;
    padding-bottom: 8px;
}

.service-section .card p {
    color: var(--mediumGrey)
}

.service-section .card img {
    border-radius: 50%;
    object-fit: cover;
}

.service-section .col-md-6:nth-child(odd) .col-md-4:first-child {
    display: none;
}

.service-section .col-md-6 .col-md-4 img {
    width: 10vw;
    height: 10vw;
}

.service-section .view-more a {
    padding: 8px 16px;
    color: var(--primaryColor);
    border: 2px solid var(--primaryColor);
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    .service-section .col-md-6 .col-md-4 img {
        width: 20vw;
        height: 20vw;
    }
}

@media only screen and (max-width: 580px) {
    .service-section .col-md-6 .col-md-4 img {
        width: 70vw;
        height: 70vw;
        margin-bottom: 32px
    }
}

.service-section .col-md-6:nth-child(odd) .col-md-4:last-child {
    display: block;
}

.service-section .col-md-6:nth-child(odd) .col-md-8 {
    text-align: right;
}

@media only screen and (max-width: 600px) {
    .service-section .col-md-6:nth-child(odd) .col-md-4:first-child {
        display: block;
    }
    .service-section .col-md-6:nth-child(odd) .col-md-4:last-child {
        display: none;
    }
    .service-section .col-md-6 .col-md-8 {
        text-align: center !important;
    }
}


/* service section end */


/* some-projects-section start */

.some-projects-section .container {
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 100% !important;
    min-width: 100%;
    max-width: 100%
}

.some-projects-section .container .col-md-4 {
    padding: 0px;
    height: 350px;
    overflow: hidden;
}

.some-projects-section .container .col-md-4 a {
    height: 350px;
    text-decoration: none;
    color: var(--primaryColor) !important;
}

.some-projects-section .container .col-md-4  a img{
    object-fit: cover;
    max-width: 120%;
}

.some-projects-section .container .col-md-4 .body {
    display: none;
}

.some-projects-section .container .col-md-4:hover .body {
    padding: 16px;
    position: absolute;
    bottom: 0;
    z-index: 9999;
    background-color: #fff;
    width: 100%;
    display: block;
    color: var(--greyColor);
}

.some-projects-section .container .col-md-4:hover .body h4 {
    color: var(--greyColor);
}


@media only screen and (max-width: 768px) {
    .some-projects-section .container .col-md-4 .body,
    .some-projects-section .container .col-md-4:hover .body {
        padding: 12px;
        padding-left: 16px;
        position: absolute;
        bottom: 0;
        z-index: 9999;
        background-color: #fff;
        width: 100%;
        display: block;
    }
}

.some-projects-section .container .col-md-4 .body h4 {
    font-family: "Marcellus", serif;
    color: var(--greyColor) !important;
}


/* some-projects-section end */


/* testimonial section start */

.testimonial-section .owl-stage-outer {
    padding: 16px;
    padding-bottom: 100px;
    margin-left: -16px;
    margin-right: -16px;
}

.testimonial-section .owl-item {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border: 1px solid var(--lightGrey);
    border-radius: 12px;
    padding: 64px 24px 48px 24px;
    margin-top: 32px;
    margin-bottom: 32px;
}

.testimonial-section .arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 16px solid #fff;
    position: absolute;
    bottom: -16px;
    left: 64px;
}

.testimonial-section .profile {
    position: absolute;
    bottom: -80px;
    left: 64px;
}

.testimonial-section .profile h5 {
    color: var(--primaryColor);
    font-family: 'Marcellus', serif;
    font-size: 24px
}

.testimonial-section .owl-dots {
    text-align: center!important;
}

.testimonial-section .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    margin: 12px;
    
}

.testimonial-section .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
  background-color: var(--primaryColor);
  border-radius: 50%;
  display: inline-block;
}

.testimonial-section .owl-dots .owl-dot.active span,
.testimonial-section .owl-dots .owl-dot:hover span{
    width: 16px;
    height: 16px;
  background-color: var(--primaryColor);
  border-radius: 50%;
  display: inline-block;
  transition: 0.3s all ease;
}

.testimonial-section .owl-dots button.owl-dot:focus{
    outline: none !important;
}


/* testimonial section end */


/* footer start */

footer {
    border-top-left-radius: 700px 150px;
    border-top-right-radius: 700px 150px;
    padding-top: 150px;
    padding-bottom: 20px;
    background-color: var(--primaryColor);
    color: #ffffff;
}

footer .container>.row:first-child {
    padding-bottom: 0px;
}

footer img.footer-logo {
    width: 150px;
    padding-bottom: 18px;
}

footer ul {
    list-style: none;
}

footer ul li.link a,
footer ul li.sub-link a {
    color: #ffffff;
    text-decoration: none;
}

footer ul li.link a span,
footer ul li.sub-link a span {
    font-family: 'Marcellus', serif;
}

footer ul li.link:first-child,
footer .link h4 {
    font-size: 24px
}

footer ul li.link {
    font-size: 20px
}

footer ul li.sub-link {
    font-size: 18px
}

footer img.footer-logo-2 {
    width: 180px;
}

footer a.dotminds-link {
    color: var(--darkGrey) !important;
}

footer a.footer-a-no-style {
    color: #ffffff;
    text-decoration: none;
}


/* footer end */


/* grid-section start */

.grid-section .card {
    padding-bottom: 12px
}

.grid-section .card .card-img-top {
    width: 100%;
    height: 270px;
}

.grid-section .card h4 {
    font-family: 'Marcellus', serif;
    font-size: 24px;
    color: var(--primaryColor);
    padding-bottom: 20px;
    margin-bottom: 0px;
}

.grid-section .card p {
    font-family: 'Lora', serif;
    font-size: 16px;
    color: var(--mediumGrey);
    padding-bottom: 20px;
    margin-bottom: 0px;
    text-align:justify;
}

.grid-section .card a {
    font-size: 16px;
    border: 2px solid var(--primaryColor);
    background-color: var(--primaryColor);
    border-radius: 0px;
    color: #ffffff;
    padding: 6px 16px;
    transition: 0.3s all ease;
    text-decoration: none;
    margin-top: 10px;
    font-family: 'Marcellus', serif;
}

.grid-section .card a:hover {
    background-color: transparent;
    border-radius: 0px;
    color: var(--primaryColor);
}

/* grid section end */


/* grid-pagination start */

.grid-pagination a {
    font-size: 16px;
    color: var(--primaryColor);
    border: 1px solid var(--mediumGrey);
    border-radius: 50%;
    padding: 12px 19px;
    transition: 0.3s all ease;
}

.grid-pagination a.active,
.grid-pagination a:hover {
    color: #fff;
    border: 1px solid var(--primaryColor);
    background-color: var(--primaryColor);
    text-decoration: none;
}


/* grid-pagination end */


/* sub service collapses start */

.sub-service-section .card {
    color: var(--primaryColor);
    font-family: 'Marcellus', serif;
    font-size: 24px;
    text-decoration: none;
}

.sub-service-section .card h5 {
    color: var(--primaryColor);
    font-family: 'Marcellus', serif;
    font-size: 24px;
    text-decoration: none;
}

.sub-service-section .card .fa-chevron-up {
    display: none;
}

.sub-service-section .card span {
    color: var(--mediumGrey);
    text-decoration: none;
    font-size: 14px
}

.sub-service-section .card .card-body p {
    color: var(--mediumGrey);
    font-size: 16px;
}


/* sub service collapses end */


/* testimonial section 2 start */

.testimonial-section-2 .owl-stage-outer {
    padding: 16px;
    padding-bottom: 100px;
    margin-left: -16px;
    margin-right: -16px;
}

.testimonial-section-2 .owl-item {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border: 1px solid var(--lightGrey);
    border-radius: 12px;
    padding: 64px 24px 48px 24px;
    margin-top: 32px;
    margin-bottom: 32px;
}

.testimonial-section-2 .arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 16px solid #fff;
    position: absolute;
    bottom: -16px;
    left: 48%;
}

.testimonial-section-2 .profile {
    position: absolute;
    bottom: -120px;
    left: 44%;
}

@media only screen and (max-width: 768px) {
    .testimonial-section-2 .profile {
        left: 38%;
    }
}

.testimonial-section-2 .profile h5 {
    color: var(--primaryColor);
    font-family: 'Marcellus', serif;
    font-size: 24px
}

.testimonial-section-2 .owl-dots {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* testimonial section 2 end */

.carousel-control-prev {
    color: black !important;
}

.carousel-control-next {
    color: black !important;
}