/*
	Theme Name: InsightMakers custom theme
	Description: Custom WordPress Theme
	Version: 1.0.0
	Author: Milan
	Author URI: https://nikolic.win/
	Tags: Blank, HTML5, CSS3
	License: MIT
*/
/* VARIABLES */
:root {
    --cta-color: #3287C8;
    --base-color: #222633;
    --black-color: #000;
    --blue-color: #0C3E64;
    --gray-color: #404142;
    --lightgray: #515151;
    --alt-font: 'Chivo', sans-serif;
    --alt-font2:'Mulish', sans-serif;
    font-size: 62.5%;
}

/* global box-sizing */
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    margin: 0;
    padding: 0;
}

body {
    font: 400 1.8rem/1.77 'Poppins', sans-serif;
    color: var(--base-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

body::-webkit-scrollbar-track,
#demo .calendly-inline-widget::-webkit-scrollbar-track {
    background-color: var(--black-color);
}

body::-webkit-scrollbar,
#demo .calendly-inline-widget::-webkit-scrollbar {
    width: 6px;
    background-color: var(--black-color);
}

body::-webkit-scrollbar-thumb,
#demo .calendly-inline-widget::-webkit-scrollbar-thumb {
    background-color: var(--cta-color);
}

/* wrapper */
.wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
}

/*------------------------------------*\
    GRID
\*------------------------------------*/
.container,
.container-narrow,
.container-wide {
    margin: 0 auto;
    padding: 0 2rem;
}

.container {
    max-width: 118rem;
}

.container-narrow {
    max-width: 102rem;
}

.container-wide {
    max-width: 132rem;
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
    position: relative;
    padding: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
}

@media only screen and (min-width:480px) {
    .col3 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
    }
}

@media only screen and (min-width:840px) {
    .col1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 8.33%;
        flex: 1 1 8.33%;
        max-width: 8.33%;
    }

    .col2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 16.66%;
        flex: 1 1 16.66%;
        max-width: 16.66%;
    }

    .col4 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
    }

    .col5 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 41.66%;
        flex: 1 1 41.66%;
        max-width: 41.66%;
    }

    .col6 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
    }

    .col7 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 58.33%;
        flex: 1 1 58.33%;
        max-width: 58.33%;
    }

    .col8 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
    }

    .col9 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
    }

    .col10 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 83.33%;
        flex: 1 1 83.33%;
        max-width: 83.33%;
    }

    .col11 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 91.63%;
        flex: 1 1 91.63%;
        max-width: 91.63%;
    }

    .col12 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

}

@media only screen and (min-width:1024px) {
    .col3 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
    }
}

.row {
    margin: 0 -2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*------------------------------------*\
    FLEX
\*------------------------------------*/
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-vertical-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
.text-center {
    text-align: center;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 2rem;
}

h3,
h4,
h5,
h6 {
    line-height: 1.3;

}

h1 {
    font-size: 5.2rem;
    font-family: var(--alt-font);
    line-height: 1.19;
}

h2 {
    font-size: 4rem;
    font-family: var(--alt-font);
    line-height: 1.19;
}

h3 {
    font-size: 3rem;
     font-family: var(--alt-font);
    line-height: 1.19;
}

h4 {
    font-size: 2.7rem;
}

h5 {
    font-size: 1.8rem;
    font-weight: 700;
}

h6 {
    font-size: 1.6rem;
}

img {
    max-width: 100%;
    vertical-align: bottom;
    height: auto;
}

a {
    color: var(--cta-color);
    text-decoration: none;
    transition: all .23s ease-in;
    -webkit-transition: all .23s ease-in;
    -moz-transition: all .23s ease-in;
    -ms-transition: all .23s ease-in;
    -o-transition: all .23s ease-in;
}

a:hover {
    color: var(-grey-color);
}

a:focus {
    outline: 0;
}

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

/*------------------------------------*\
	GUTENBERG
\*------------------------------------*/
.gutenberg ul, .gutenberg ol {
    padding-left: 2rem;
    margin-bottom: 2rem;
}
.gutenberg ul li, .gutenberg ol li{
    margin: 1rem 0;
}
.gutenberg .alignfull {
    width: calc(100vw - 6px);
    position: relative;
    left:50%;
    transform: translateX(-50%);
}
.alignfull .wp-block-cover__inner-container {
    max-width: 118rem;
    padding: 0 2rem
}
.wp-block-group.alignfull .wp-block-group__inner-container {
    max-width: 118rem;
    padding: 10rem 2rem
}
.wp-block-group.alignfull .wp-block-group__inner-container .wp-block-columns {
    margin-bottom: 0
}
.right-cover {
    padding: 10rem 0 8rem;
}
.right-cover .wp-block-cover__inner-container {
    max-width: 50rem!important;
   margin-right: calc((99.7vw - 118rem) / 2)!important;
}


#admission-criteria {
    padding: 8.4rem 0;
}
#admission-criteria .wp-block-image {
    background: var(--blue-color);
    border-radius: 100%;
    height: 10.6rem;
    width: 10.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.gutenberg h2 {
    color: var(--blue-color);
}
#pricing .is-nowrap.is-layout-flex .wp-block-image {
    background: var(--blue-color);
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#pricing .is-nowrap.is-layout-flex p {
    line-height: 1.2;
}
#analyist-quiz  .wp-block-group__inner-container {
    padding: 0!important
}
#analyist-quiz figure {
    margin-bottom: 0!important;
}
#analyist-quiz img {
    margin-top: -2rem;
}
#analyist-quiz .wp-block-image {
    text-align: right;
}

#faq {
    padding: 5rem 0;
}
.accordion-title {
    letter-spacing: 0.188482px;
    font-weight: 700;
    font-size: 2.6rem;
    font-family: var(--alt-font);
    color: var(--blue-color);
    position: relative;
    padding-left: 5rem;
    line-height: 1.17;
    margin-bottom: 1rem;
    margin-bottom: 2rem;
    cursor: pointer;
}
.accordion-title::before {
    content: "+";
    display: inline-block;
    position: absolute;
    top: -2px;
    left: 0;
}

.accordion-title.opened::before {
    content: "-";
}
.accordion-content {
    padding-bottom: 3.5rem;
    display: none;
    padding-left: 5rem;
}
/*------------------------------------*\
	end of GUTENBERG
\*------------------------------------*/

/*------------------------------------*\
	FORMS AND CF7
\*------------------------------------*/
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--cta-color)!important;
}
.wpcf7-not-valid-tip {
    color: var(--cta-color)!important;
}
::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BFBFBF;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BFBFBF;
    opacity: 1;
    /* Firefox */
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BFBFBF;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #BFBFBF;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #BFBFBF;
}

input,
textarea {
    font-size: 1.8rem;
    background: var(--black-color);
    border: 1px solid var(--lightgray);
    border-radius: 4.7rem;
    width: 100%;
    max-width: 38.8rem;
    padding: 1.4rem 3.4rem;
    color: var(--base-color);
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
    -webkit-appearance: none;
    font-family: 'Muller', sans-serif;
}

textarea {
    height: 8rem;
}

footer .wpcf7-submit {
    margin-top: 2.6rem!important;
}


input:focus,
textarea:focus {
    outline: none;
    border: 1px solid var(--cta-color);
}

.btn,
.wp-block-button__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 47px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.6rem;
    min-height: 4.8rem;
    min-width: 18rem;
    padding: 1rem 2rem;
    font-family: var(--alt-font2);
    color: #fff;
}

.is-style-outline .wp-block-button__link {
    background-color: rgba(1, 252, 254, 0.2) !important;
    border: 1px solid var(--cta-color) !important;
}

.wp-block-button .wp-block-button__link, .btn {
    background: var(--cta-color);
    color: #fff;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 6rem;
    min-width: 28rem;
    padding: 1rem 4rem;
    font-size: 1.6rem;
    font-family: var(--alt-font2);
    letter-spacing: 0.727273px;
    box-shadow: 0px 12px 22px rgba(6, 51, 166, 0.24);
    border-radius: 100px;
    margin-top: 2rem;
}
.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button {
    color: #EAEAF2;
    background: rgba(1, 252, 254, 0.2);
}

.wp-block-button .wp-block-button__link:hover, .btn:hover {
    opacity: .7;
}

.wpcf7-submit:hover,
.btn:hover,
.is-style-outline .wp-block-button__link:hover {

}

/*------------------------------------*\
	end of FORMS
\*------------------------------------*/

/*------------------------------------*\
	ANIMATIONS
\*------------------------------------*/
:root {
    --animate-duration: 5s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.animate__animated {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated {
      --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: calc(1s * 1.1);
    animation-duration: calc(1s * 1.1);
    -webkit-animation-duration: calc(var(--animate-duration) * 1.1);
    animation-duration: calc(var(--animate-duration) * 1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*------------------------------------*\
	end of ANIMATIONS
\*------------------------------------*/

/*------------------------------------*\
	HEADER
\*------------------------------------*/
.header .logo img {
    height: auto;
    max-width: 37rem;
    -webkit-transition: all .23s ease;
    transition: all .23s ease;
}

.header.sticky {
    background: var(--blue-color);
    padding: 0.5rem 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}
.header.nav-up {
    -webkit-transform: translateY(-100%);    transform: translateY(-100%);
}
.header.nav-down {
    -webkit-transform: translateY(0);    transform: translateY(0);
}
.header.sticky .logo img {
    max-width: 19rem;
}



.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 2rem 0;
    z-index: 2015;
    -webkit-transition: all .23s ease;
    transition: all .23s ease;
}

.header ul li a.clicked {
    color: var(--cta-color);
}

.header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header nav > ul > li > a {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
    display: inline-block;
    margin-left: 4.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
body li#menu-item-64 a {
    color: #000!important;
}
.header nav > ul > li.cta a {
    background: var(--cta-color);
    color: #000!important;
    border-radius: 4.7rem;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 4.8rem;
    padding: 1rem 4rem;
    margin-left: 4.5rem;
}

.header nav > ul > li.cta a:hover {
    color: var(--base-color) !important;
    opacity: .7;
}

.current-menu-item > a {
    color: var(--cta-color)!important;
}

.header nav {
    margin-left: auto;
}

.header nav ul li a:hover {
    color: var(--cta-color) !important;
}

.header nav .menu-item-has-children {
    position: relative;
    padding-right: 2.3rem;
}

.header nav .menu-item-has-children > .plus {
    position: absolute;
    right: 0;
    top: .1rem;
}

.header nav .menu-item-has-children > .sub-menu {
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 3rem;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
    display: none;
}

.header nav .menu-item-has-children > .sub-menu a {
    color: var(--base-color);
}

.header nav .menu-item-has-children:hover > .sub-menu {
    display: block;
}



.socials svg {
    margin-left: 1.3rem;
    margin-right: 1.3rem;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
    max-width: 4rem;
}

/*Mobile menu*/
#mob-menu-bar {
    display: none;
}

#mob-menu-bar > div {
    width: 3rem;
    height: .1rem;
    background: #fff;
    border-radius: 3px;
    margin-bottom: .84rem;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
}

#mob-menu-bar > div:last-child {
    margin-bottom: 0
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 6px);
    transform: rotate(-45deg) translate(-5px, 6px);
    -moz-transform: rotate(-45deg) translate(-5px, 6px);
    -o-transform: rotate(-45deg) translate(-5px, 6px);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -8px);
    transform: rotate(45deg) translate(-6px, -8px)
}

/*------------------------------------*\
	end of HEADER
\*------------------------------------*/


/*------------------------------------*\
	FOOTER
\*------------------------------------*/
.footer {
    background: #222633;
    color: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 9rem 0 4rem;
}

.footer a {
    color: #fff;
}

.footer ul {
    list-style: none;
    display: flex;
    margin-left: auto;
}

.footer ul li a {
    font-size: 1.4rem;
    display: inline-block;
    margin-left: 3.5rem;
    line-height: 1;
    letter-spacing: 1px;
    font-family: var(--alt-font);
}

.footer ul li:last-child a {
    margin-bottom: 0;
}

.footer ul li a:hover {
    color: var(--cta-color);
}


.footer-top ul.menu > li li a:hover {
    background-color: #fff;
    color: var(--cta-color);
}


.footer-widget,
.footer-nav {
    margin-top: 1rem;
}




.footer .socials a:hover svg {
    opacity: 1;
}

.footer .socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3rem;
    justify-content: center;
}

.footer .socials a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.footer .socials a:hover {
    opacity: .7;
}

.footer .footer-widget {
   margin-left: 20%;
    font-size: 1.3rem;
}
.footer .footer-widget h6 {
    font-family: var(--alt-font);
    font-size: 1.4rem;
    letter-spacing: 2.71px;
}
.footer .footer-widget div.flex > div{
        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-weight: 400;
    font-size: 1.4rem;
    padding-left: 1rem;
    padding-top: 0.2rem;

}

footer .container {
    max-width: 134rem;
}

footer .logo img {
    max-width: 37rem;
}
/*------------------------------------*\
	end of FOOTER
\*------------------------------------*/

/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width:1370px) {
    #features {
        margin: 0 2rem !important;
    }
}
@media only screen and (max-width:1184px) {
    .header .logo img {
        max-width: 23rem!important;
    }
   .footer .footer-widget {
    margin-left: auto;
   }
    .footer ul { 
        margin-right: auto;
    }

    .right-cover .wp-block-cover__inner-container {
        margin-right: 0!important;
    }
}
@media only screen and (max-width:1024px) {
    body #analyist-quiz .wp-block-group__inner-container {
        padding: 2rem 2rem 0 2rem!important;
    }
    body .testimonialSwiper, body .dataSwiper {
        margin-right: -2rem!important;
    }
    .gutenberg .alignfull {
        width: 100vw!important;
    }
    #mob-menu-bar {
        display: block;
        margin: auto 0 auto auto;
    }

    body .header .logo img {
        max-width: 12rem;
    }

    header nav {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 2020;
        -webkit-transition: all .23s ease-in;
        transition: all .23s ease-in;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        max-width: 45rem;
        background: var(--black-color);
        padding: 3rem;
        width: 100%;
        border-right: 2px solid var(--cta-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100vh;
    }

    header nav ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: auto;
    }

    .header nav > ul > li > a {
        margin: 1rem 0 !important;
    }

    header nav.menu-open {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media only screen and (max-width:1170px) {
    .footer .container, footer .footer-widget div.flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .wpcf7-spinner {
        display: none !important;
    }

    footer .footer-widget, footer .footer-nav {
        margin-top: 6rem!important;
    }
}

@media only screen and (max-width:960px) {
    .featured-post > .flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .col12.featured-post .flex > a,
    .featured-post-content {
        max-width: 100%!important;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
    .col12.featured-post .flex > a {
        border-radius: 2rem 2rem 0 0!important;
    }
    .featured-post-content {
        padding: 2rem!important;
    }
    .single .calendly-inline-widget {
        max-width: 100%!important;
    }
    .featured-post-content h2 {
        font-size: 3rem!important;
    }
    .single .gutenberg {
        padding: 0 2rem;
    }
    .single-article-bottom {
        padding-left: 2rem;
        padding-right: 2rem;
        -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
    }
    .single .single-article-bottom .socials-share{
        margin:3rem 0 -4rem!important;
    }

	.swiper-button-next {
		right: 0 !important;
	}
    .swiper-button-prev {
		left: 0 !important;
    }

    #solutions .wp-block-columns {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    #features {
        padding: 3rem !important;
    }

    #about h1 {
        font-size: 4.8rem !important;
    }
}

@media only screen and (max-width:870px) {
    .projects-wrapper .project-4, .projects-wrapper .project-5 {
        max-width: 100%!important;
        margin: 0 0 3rem!important;
    }
    .projects-wrapper .project .project-text{
        font-size: 1.6rem!important;
    }
    .pricing-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .pricing-wrapper .pricing-table {
        margin: 1rem auto;
        max-width: 40rem;
    }

    #demo {
        padding: 2rem !important;
    }

    #demo h2 {
        margin-bottom: 2rem !important;
    }

    #reviews .swiper-pagination-bullet {
        width: 4rem !important;
    }

    .tab-block h3,
    .gurenberg h3 {
        font-size: 2.7rem !important;
    }

    .footer ul {
        flex-direction: column;
    }
    .footer ul li a {
        margin: 0;
    }
}

.desktop-hide {
	display: none;
	flex: 0 0 40%;
}

@media(max-width: 782px){
	.desktop-show {
		display: none;
	}
	.desktop-hide{
		display: block;
		align-self: flex-end;
	}
		
	.desktop-hide + h3 {
		font-size: 2.5rem;
		align-self: baseline;
	}
	
	.mobile-mr-2 {
		margin-bottom: 2rem;
	}
	
	#admission-criteria .wp-block-image {
		width: 8.6rem;
		height: 8.6rem;
	}
	

}

@media only screen and (max-width:540px) {
    .testimonial {
        font-size: 1.6rem!important;
    }
    .gutenberg h1 {
        font-size: 4rem!important;
    }
    .gutenberg h2 {
        font-size: 3.3rem!important;
    }
    .gutenberg h2 {
        font-size: 2.7rem!important;
    }
    .accordion-title {
        font-size: 1.8rem!important;
    }
    .accordion-content {
        font-size: 1.6rem!important;
    }
    .comments .comment-form-author {
        width: 100%!important;
    }
    .comment-form-email {
        width: 100%!important;
        margin-left: 0!important;
    }
    .post-loop-content .excerpt {
        font-size: 1.8rem!important;
    }
    .post-loop-content {
        padding: 2rem!important;
    }
    .post-loop-content h2 {
        font-size: 3rem!important;
    }
    #demo .calendly-inline-widget {
        min-width: 100%!important;
        height: 64rem!important;
    }
    #demo form span {
        width: 100% !important;
    }

    body h2 {
        font-size: 3.7rem;
    }

    header nav {
        max-width: 75% !important;
    }
    #demo .text-right {
        text-align: center!important;
    }
}

@media(max-width: 700px) {
	.home h1 {
		margin-top: 5rem;
	}
	.hero-video, .testimonials-video  {
		max-width: 90% !important;
		max-height: 200px;
	}

}

/*------------------------------------*\
	end of RESPONSIVE
\*------------------------------------*/


/*------------------------------------*\
	ABOUT
\*------------------------------------*/
#about {
    padding: 6.5rem 0;
    position: relative;
}

#about h1 {
    font-size: 7.5rem;
}

#about .wp-block-embed__wrapper,
#about .wp-block-embed__wrapper iframe {
    height: 100%;
}

#about .wp-block-column {
    position: relative;
    z-index: 2;
}

#about figure.is-type-video {
    height: 100%;
    overflow: hidden;
}

figure.is-type-video iframe {
    width: 100%;
    border-radius: 2rem;
}

.body-content {
    position: relative;
}

/*------------------------------------*\
	end of ABOUT
\*------------------------------------*/

/*------------------------------------*\
	FEATURES
\*------------------------------------*/
#features {
    margin: 0 -9.4rem;
background: rgba(26, 27, 31, 0.35);
border: 1px solid #181818;
-webkit-backdrop-filter: blur(8.5px);
backdrop-filter: blur(8.5px);
    border-radius: 20px;
    padding: 5rem 6rem 11rem 11rem;
}

.tab-img {
    display: none;
    height: 100%;
}

.tab-img img {
    margin: auto;
}

.tab-img.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

.tab-content {
    display: none;
}

.tab-block {
    padding-left: 3.2rem;
    font-size: 1.8rem;
}

.tab-block.active {
    border-left: 4px solid var(--cta-color);
}

.tab-block.active .tab-content {
    display: block;

}

.tab-block:not(:last-child) {
    margin-bottom: 5rem;
}

.tab-block h3 {
    line-height: 1.24;
    cursor: pointer;
}

.tab-content div a {
    color: #fff;
    text-decoration: underline;
    font-weight: 500;
}

.btn-arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-arrow svg {
    margin-left: 1rem;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
}

.btn-arrow:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

/*------------------------------------*\
	end of FEATURES
\*------------------------------------*/

/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/
#solutions {
    padding: 12rem 0
}

#solutions .wp-block-column {
    max-width: 25rem;
    font-family: var(--alt-font);
    font-size: 1.8rem;
}

#solutions .wp-block-column strong {
    font-weight: 500;
    font-size: 2.4rem;
}

#solutions .wp-block-columns {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#solutions .wp-block-image {
    text-align: center;
}

#solutions .wp-block-image figure {
  /*  background: #202226;*/
background: rgba(26, 27, 31, 0.35);
/* stoke */

border: 1px solid #181818;
/* effect */

-webkit-backdrop-filter: blur(7.5px);

backdrop-filter: blur(7.5px);
    border-radius: 20px;
    width: 107px;
    height: 108px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

/*------------------------------------*\
	end of RESPONSIVE
\*------------------------------------*/

/*------------------------------------*\
	HERO
\*------------------------------------*/

.hero-video {
	display: block;
}

/*------------------------------------*\
	end of HERO
\*------------------------------------*/


/*------------------------------------*\
	REVIEWS
\*------------------------------------*/
#reviews {
    padding: 10rem 0 12rem;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: var(--cta-color);
}
/* .testimonials-wrapper {
    padding: 12.5rem 0;
} */
.testimonial {
   /* margin: 0 auto;*/
    background: var(--cta-color);
    height: 100%;
    border-top: 19px solid var(--blue-color);
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    padding: 3.5rem;
    font-size: 1.8rem;
}
.testimonialSwiper, .dataSwiper {
/*     margin-right: calc((115rem - 100vw) / 2)!important; */
    color: #fff;
}
.testimonialSwiper {
    margin-top: 12rem;
}

.testimonialSwiper .swiper-button-next, .testimonialSwiper .swiper-button-prev, 
.dataSwiper .swiper-button-next, .dataSwiper .swiper-button-prev {
	background-color: rgba(250,250,250, 0.5);
	border-radius: 100px;
	width: 50px;
	height: 50px;
	padding: 3rem;
	z-index: 5;
}

.testimonialSwiper .swiper-button-next,
.dataSwiper .swiper-button-next {
/* 	right: -40px; */
}

.testimonialSwiper .swiper-button-prev, .dataSwiper .swiper-button-prev {
/* 	left: -40px; */
}

.dataSwiper {
    margin-top: 6rem;
}
.testimonial svg {
    margin-bottom: 3rem;
    display: block;
}
.testimonial-author {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5rem;
    font-size: 1.6rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.testimonials-video {
	display: inherit;
	margin-inline: auto;
}

#data-analytics {
    position: relative;
    z-index: 3;
}
#data-analyst {
    padding-top: 30rem;
    padding-bottom: 8rem;
    margin-top: -20rem;position: relative;
    z-index: 0;
/* 	overflow:hidden; */
}
#data-analyst  .wp-block-button__link {
    background: #fff;
    color: var(--blue-color);
}
.data-analyst-head {
    background: #fff;
    color: var(--base-color);
    box-shadow: 0px 12px 22px rgba(6, 51, 166, 0.24);
    border-radius: 1.6rem;
    padding: 4rem;
    text-align: center;
    min-height: 42rem;
    margin-bottom: 5rem;
}
.data-analyst-head h3 {
    margin-bottom: 4rem;
}
.data-analyst-slide-text {
    font-size: 1.6rem;
}
.author-name {
    text-align: left;
    font-weight: 600;
}

.author-name em {
    font-weight: 300;
    letter-spacing: normal;
}

.swiper-pagination {
    position: relative !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2rem 0 6rem;
}

#reviews .swiper-pagination-bullet {
    background: #232831;
    border-radius: 7px;
    width: 80px;
    height: 2px;
    margin: 0 5px;
    opacity: 1!important;
}

#reviews .swiper-pagination-bullet-active {
    background: var(--cta-color);
}

.swiper-button-next,
.swiper-button-prev {
    top: 40% !important;
}

/*------------------------------------*\
	end of REVIEWS
\*------------------------------------*/

/*------------------------------------*\
	PLANS
\*------------------------------------*/
#plans .wp-block-group__inner-container {
    max-width: 98.2rem;
    margin: 0 auto;
}

.alt-font {
    font-family: var(--alt-font);
}

#plans h2 {
    margin-bottom: 4.5rem;
}

.pricing-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8rem;
    margin-bottom: 3rem;
    justify-content: center;
    gap:3rem
}

.pricing-table {
background: #F7F7FC;
     border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    max-width: 41rem;
    padding: 0 3rem 3.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
}
.table-header {
    background: var(--cta-color);
    color: #fff;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    padding: 2rem;
/*     margin: 0 -3rem; */
    text-align: center;
    letter-spacing: 0.4px;
    font-family: var(--alt-font);
	grid-row: 1 / 3;
    grid-column: 1;
}
.table-header .subtitle {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1;
}
.pricing-table:nth-child(2) .table-header,
.pricing-table:nth-child(2) .table-content ul li::before {
    background-color: var(--blue-color);
}
.pricing-table h3 {
    margin-bottom: .3rem;
     font-size: 4rem;
}

#pricing .pricing-wrapper {
    margin-bottom: -18rem;
    z-index: 15;
    position: relative;
}
#pricing .wp-block-cover {
    padding-top: 21rem;
}

.pricing-table .btn {
   margin: auto auto 0;
}

.table-content {
    margin: .5rem 0 2rem 0;
    padding-top: 1rem;
    font-family: var(--alt-font);
    font-size: 1.6rem;
    color: #72808E;
}

.table-content ul {
    list-style: none;
    padding-left: 3rem;
}

.table-content ul li {
    position: relative;
    margin-bottom: 3.5rem;
    line-height: 1.2;
    padding-left: 4rem;
}

.table-content ul li::before {
    content: "";
    background: url(assets/images/check_circle.svg) no-repeat;
    background-size: 70%;
    background-position: center;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 0;
    left: -2.9rem;
    background-color: var(--cta-color);
    border-radius: 100%;
}

.pricing-table .price {
    font-family: var(--alt-font);
    font-size: 2.3rem;
    text-align: center;
    margin-top: 2rem;
	padding: 0.5rem;
	display: flex;
    flex-direction: column;
    border-radius: 100px;
    background: white;
    height: 150px;
    width: 150px;
    margin-inline: auto;
    justify-content: center;
    align-items: center;
	box-shadow: 0px 12px 22px 0px rgba(6, 51, 166, 0.24);
	grid-row: 2 / 3;
    grid-column: 1;
}

.pricing-table .price b {
	line-height: 25px;
}

.price b span {
	position: relative;
}

.price b span::after {
	content:'';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	width: 100%;
	height: 1px;
	background-color: black;
}

.pricing-table-grid {
	display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 100px 100px 60px;
	margin: 0 -3rem;
}

.additional-info {
	text-align: center;
	font-size: 1.2rem;
	color: #72808E;
	margin-block-start: 3rem;
}



.data-items {
    margin-bottom: 3rem;
}
.data-title {
    background: var(--blue-color);
    color: #fff;
    padding: 1.5rem 3rem;
    line-height: 1;
    font-weight: 900;
    font-family: var(--alt-font2);
    letter-spacing: 0.4px;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}
.data-item {
    padding: 2rem 2rem 0;
    background: #F7F7FC;
    letter-spacing: 0.2px;
    font-size: 1.6rem;
    font-family: var(--alt-font);
}
.data-item:last-child {
    padding-bottom: 3rem;
}
.data-item .data-icon {
    background-color: #fff;
    border-radius: 100%;
    padding: 1rem;
    margin-right: 2rem;
	width: 50px;
    height: 50px;
}

.data-item-text {
	 display: flex;
    align-items: center;
    justify-content: space-between;
	flex: 1 1 50%;
	letter-spacing: 0.188482px;
    font-weight: revert;
    font-size: revert;
    font-family: revert;
    color: revert;
    position: relative;
    padding-left: revert;
    line-height: revert;
    margin-bottom: revert;
    cursor: pointer;
}

.data-item-text.accordion-title::before{
	display: none;
}

.data-item-text svg, .gutenberg .data-item-text svg {
   	width: 20px;
	height: 20px;
	flex-shrink: 0;
	fill: var(--blue-color);
	transform: rotate(60deg);
	transition: transform .2s ease;
}

.data-item-text.opened svg{
    transform: rotate(120deg);
}

.data-subitem-list {
	margin-left: 8rem;
	flex: 1 1 100%;
}

.data-subitem-list.accordion-content {
	padding-bottom: 0;
}


/*------------------------------------*\
	end of PLANS
\*------------------------------------*/
/*------------------------------------*\
	BOOK DEMO
\*------------------------------------*/
#demo {
    margin: 10rem auto;
    /*background: rgba(33, 35, 39, 0.38);*/
   /* background: #050505;
    border: 1px solid #404142;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
    -webkit-backdrop-filter: blur(8.5px);
    backdrop-filter: blur(8.5px);
    border-radius: 37px;
    max-width: 98rem;
    padding: 4rem 8.5rem 6rem;
    background: rgba(26, 27, 31, 0.35);
border: 1px solid #404142;
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#demo form .flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
}

#demo form span {
    width: calc((100% - 2rem) / 2);
}

#demo form span input {
    width: 100%;
    max-width: 100%;
}

#demo .wpcf7-submit {
    margin-top: 4rem;
}

.text-right {
    text-align: right;
}

#demo .wpcf7-spinner {
    display: none;
}

#demo h2 {
    margin-bottom: 5rem;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7-not-valid-tip {
    font-size: 1.4rem !important;
}

/*------------------------------------*\
	end of BOOK DEMO
\*------------------------------------*/
.text-right {
    text-align: right;
}
.wpcf7-spinner {
    display: none!important;
}

.woocommerce a.button, a.checkout-button.button.alt, .woocommerce button.button.alt, .woocommerce .cart .button, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover {
    background-color: var(--cta-color)!important;
    color: #000!important;
}


/*------------------------------------*\
   BLOG
\*------------------------------------*/

.featured-image {
    position: relative;
    margin: 0 0 5rem;
    text-align: center;
}
.featured-image img {
    max-height: 60vh;
    border-radius: 20px 20px 0px 0px;
    width: 100%;
    object-fit: cover;
}
.single article {
background: rgba(26, 27, 31, 0.35);
/* stoke */
margin: 6rem 0;
border: 1px solid #181818;
backdrop-filter: blur(8.5px);
/* Note: backdrop-filter has minimal browser support */
overflow: hidden;
border-radius: 20px;    
}
.single article .gutenberg{
    max-width: 79rem;
    margin: 2rem auto;
}
.single article .date {
    display: inline-block;
    font-size: 1.4rem;
    margin-bottom: .5rem;
}
.single article h1 {
    font-size: 4.7rem;
    margin-bottom: 5rem;
    text-align: left;
}
.post-cats a {
    text-decoration: none!important;
}
.post-cats a:hover {
    text-decoration: underline;
}
.single .gutenberg a:not([class]) {
    color: #fff;
    text-decoration: underline;
}
.single .gutenberg a:not([class]):hover {
    text-decoration: none;
}
.single-article-bottom {
    border-top: 1px solid #838383;
    padding-top: 5rem;
    margin: 4rem auto 8rem;
    max-width: 79rem;
}
.single-article-bottom .author-block img {
    border-radius: 100%;
    width: 9rem;
    height: 9rem;
    margin-right: 1rem;
}
.single-article-bottom .author-block  {
    color: #fff;
    font-size: 1.6rem;
}
.single-article-bottom .author-block h3 {
    margin: .5rem 0 0!important;
    font-size: 2.4rem;
}
.socials-share {
    margin-left: auto;
    font-size: 1.6rem;
}
.socials-share svg {
    margin: 1rem 1rem 0 0;
    transition: all .23s ease;
}
.socials-share svg:hover {
    opacity: .8;
}
.single .calendly-inline-widget {
        width: 100vw;
    max-width: 79rem;
    margin: 0 auto 8rem;
}
.gutenberg .wp-block-quote {
    padding-left: 7rem;
    margin: 4rem 0;
    font-size: 1.8rem;
    font-weight: 400;
    position: relative;
    
}
.gutenberg .wp-block-quote::before {
    content: "";
    background: var(--cta-color);
    display: inline-block;
    width: 4px;
    border-radius: 7px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4rem;
}
.gutenberg .wp-block-quote cite {
    color: var(--cta-color);
    font-style: normal;
}

.featured-img {
     border-radius: 20px 20px 0px 0px;
     overflow: hidden;
     display: block;
}
.featured-img img {
    transition: all .23s ease;
    width: 100%;
    object-fit: cover;
    
}
.featured-img:hover img {
    transform: scale(1.04);
}
.post-loop-content {
    background: rgba(26, 27, 31, 0.35);
backdrop-filter: blur(8.5px);
    padding: 4rem;
    flex: 1;
}
.post-loop-content h2 {
    font-size: 3.7rem;
    line-height: 1.1;
}
.post-loop-content h2 a {
    color: #fff;
}
.post-loop-content .date {
    font-size: 1.4rem;
}
.post-loop-content .excerpt {
    font-size: 2rem;
    margin-top: 2rem;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
body.archive .page-section {
    padding-bottom: 80px;
}
.col12.featured-post {
    margin-bottom: 4rem;
}
.col12.featured-post .flex{
    background: rgba(26, 27, 31, 0.35);
border: 1px solid #181818;
backdrop-filter: blur(8.5px);
border-radius: 2rem;
}
.col12.featured-post .flex > a {
    flex: 1 1 100%;
    max-width: 60%;
    border-radius: 2rem;
    overflow: hidden;
    display: block;
}
.col12.featured-post .flex > a:hover img {
    transform: scale(1.05);
}
.col12.featured-post .flex > a img {
    transition: all .23s ease;
    max-height: 45rem;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.featured-post-content {
    flex: 1 1 40%;
    max-width: 40%;
    padding: 4rem;
}
.featured-post-content .label {
    color: var(--cta-color);
    font-weight: 500;
    font-size: 2rem;
}
.featured-post-content h2 {
    font-size: 3.7rem;
    margin: 1.5rem 0 .5rem;
    line-height: 1.2;
}
.featured-post-content .date {
    font-size: 1.4rem;
}
.featured-post-content .excerpt {
    margin-top: 2rem;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.ajax_loadmore {
    min-width: 23rem;
}
.blog-page .calendly-inline-widget iframe {
    min-height: 70rem;
}
.back-to-blogpage {
    color: #fff!important;
    text-transform: uppercase;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    display: inline-block;
}
.back-to-blogpage svg {
    -webkit-transition: all .23s ease;   transition: all .23s ease;
    margin-right: 1rem;
        position: relative;
    top: 1px;
}
.back-to-blogpage:hover svg {
    transform: translateX(-10px);
}
.single .comments {
    margin: 4rem auto 8rem;
    max-width: 83rem;
    padding: 0 2rem;
}
.comment-form-cookies-consent {
    display: none!important;
}
#commentform {
    display: flex;
    flex-wrap: wrap;
}
.comment-form-comment {
    order: 4;
    flex: 1 1 100%;
}
.comments .form-submit {
    order: 5;
    flex: 1 1 100%;
    text-align: right;
}
.comment-form-comment label {
    display: block;
}
.comment-form-comment textarea {
    width: 100%;
    max-width: 100%;
}
.comment-form-author {
    max-width: 49%;
}
.comment-form-email {
    max-width: 49%;
    margin-left: auto;
}
.comments .form-submit input#submit {
    cursor: pointer;
        color: #fff;
    font-size: 1.6rem;
    background: rgba(1, 252, 254, 0.2);
    border: 1px solid var(--cta-color);
    cursor: pointer;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
}
.comments .form-submit input#submit:hover {
        background: var(--cta-color)!important;
    color: #000!important;
}
.comments ul {
    list-style: none;
}
.comments > ul {
    margin-bottom: 6rem;
}
.comments ul ul {
    padding-left: 40px;
}
.comments ul li:not(:last-child) {
    margin-bottom: 3rem;
}
.comment-author.vcard img {
    border-radius: 100%;
    width: 6rem;
    height: 6rem;
    -o-object-fit: cover;
    object-fit: cover;
}
/*------------------------------------*\
    end of BLOG
\*------------------------------------*/

.projects-wrapper .project {
    background-size: cover!important;
    color: var(--base-color);
    display: flex;
    align-items: flex-start;
   /* float: left;*/
    width: 100%;
    min-height: 24rem;
    padding: 3rem;
}
.play-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 6.5rem;
    height: 6.5rem;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0px 12px 22px rgba(6, 51, 166, 0.24);
}
.project-text {
    flex: 1;
    padding-left: 2rem;
    letter-spacing: 0.4px;
    line-height: 1.2;
    font-size: 2rem;
}
#projects {
    padding: 10rem 1.5rem;
}
.projects-wrapper .project-1 {
    min-height: 32rem;
    align-items: flex-end;
    margin-bottom: 3rem;
}
.projects-wrapper .col5, .projects-wrapper .col7 {
    padding: 1.5rem;
}
.projects-wrapper .col7 {
    display: flex;
    flex-wrap: wrap;
}
.projects-wrapper .row {
    margin: 0 -1.5rem;
}
.projects-wrapper .project-2 {
   min-height: 31rem;
}
.projects-wrapper .project-3 {
   align-items: flex-end;
    margin-bottom: 3rem;
}
.projects-wrapper .project-4,
.projects-wrapper .project-5 {
    max-width: calc(50% - 1.5rem);
    display: inline-flex;
    min-height: 39rem;
}
.projects-wrapper .project-4 .flex{
    margin-top: auto;
}
.projects-wrapper .project-5 {
    margin-left: 2.5rem;
}

.hide {display:none!important;}

/* FULL BLEED */
.full-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}