@font-face {

    font-family: 'gesturaHeadlineLight';

    src: url('../fonts/GesturaHeadline-Light.woff2') format('woff2'),

         url('../fonts/GesturaHeadline-Light.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'gesturaHeadlineRegular';

    src: url('../fonts/GesturaHeadline-Regular.woff2') format('woff2'),

         url('../fonts/GesturaHeadline-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'gesturaHeadlineBold';

    src: url('../fonts/GesturaHeadline-Bold.woff2') format('woff2'),

         url('../fonts/GesturaHeadline-Bold.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

:root{

    --gestura-headline : 'gesturaHeadlineRegular', sans-serif;

    --gestura-headline-bold : 'gesturaHeadlineBold', sans-serif;

    --gestura-headline-light : 'gesturaHeadlineLight', sans-serif;

    --white:#FFF;

    --black:#000;

    --light-blue:#15121D80;

    --dark-purple:#15121D;

    --mid-purple:#382F59;

    --light-purple:#8F8AD6;

    --dark-purple-cg:var(--dark-purple);

    --light-blue-cg:var(--light-blue);

    --blue:#9BB0FC;

    --yellow:#FFCB45;

    --soft-pink:#FED9C4;

    --purple:#8F8AD6;

    --grey:#EAEAE8;

    --blue-gradient : url('../images/blue-gradient.png');

    --yellow-gradient : url('../images/yellow-gradient.png');

    --soft-pink-gradient : url('../images/soft-pink-gradient.png');

    --dark-purple-gradient : url('../images/dark-purple-gradient.png');

    --small-blue-gradient : url('../images/small-blue-gradient.png');

    --footer-gradient : var(--blue-gradient) ;

}

/* Page Theme */

.lgiq-bg-blue{

    --page-bg-color:var(--blue);

    --footer-gradient : var(--blue-gradient) ;

    --bg-footer-bg-color:var(--blue);

    --bg-footer-before-color : var(--purple)

}

.lgiq-bg-grey{

    --page-bg-color:var(--grey);

    --footer-gradient : var(--dark-purple) ;

    --bg-footer-bg-color:var(--dark-purple);

    --bg-footer-before-color : var(--purple)

}

.lgiq-bg-yellow{

    --page-bg-color:var(--yellow);

    --footer-gradient : var(--yellow-gradient) ;

    --bg-footer-bg-color:var(--soft-pink);

    --bg-footer-before-color : var(--white)

}

.lgiq-bg-soft-pink{

    --page-bg-color:var(--soft-pink);

    --footer-gradient : var(--soft-pink-gradient) ;

    --bg-footer-bg-color:var(--yellow);

    --bg-footer-before-color : var(--soft-pink)

}

.lgiq-bg-purple{

    --page-bg-color:var(--purple);

    --footer-gradient : var(--soft-pink-gradient) ;

    --bg-footer-bg-color:var(--blue);

    --bg-footer-before-color : var(--purple)

}

.lgiq-bg-dark-purple{

    --page-bg-color:var(--dark-purple);

    --footer-gradient : var(--dark-purple-gradient) ;

    --dark-purple-cg:var(--blue);

    --light-blue-cg : var(--blue);

    --bg-footer-bg-color:var(--blue);

    --bg-footer-before-color : var(--purple)

    

}

/* Page Theme */

/* Global CSS */

body{

    --footer-height:414px;

    background-color: var(--page-bg-color);

    padding-bottom:var(--footer-height);

    font-family: var(--gestura-headline-light);





    font-smoothing: antialiased;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	text-rendering: optimizeLegibility;

}



.page{

    margin: 0;

    max-width:100vw;

    overflow-x:hidden;

    

}

body.activeLgiqPopUp,

body.activeMobileMenu{

    overflow:hidden;

}

.site-main{

    position:relative;

    z-index:10;

    background-color:var(--page-bg-color);

}

#page{

    --header-height:63px;

    padding-top: var(--header-height);

}

.container{

    max-width:calc(1464px + var(--bs-gutter-x, .75rem))

}

.container.small{

    max-width:calc(1224px + var(--bs-gutter-x, .75rem))

}

h1{

    font-family: var(--gestura-headline-light);

    font-size: 44px;

    line-height: 44px;

    color:var(--dark-purple-cg);

}

h2{

    font-family: var(--gestura-headline-light);

    font-size: 36px;

    line-height: 36px;

    color:var(--dark-purple-cg);

}

h3{

    font-family: var(--gestura-headline-light);

    font-size: 28px;

    line-height: 34px;

    color:var(--dark-purple-cg);

}

h4{

    font-family: var(--gestura-headline-light);

    font-size: 24px;

    line-height: 30px;

    color:var(--dark-purple-cg);

}

h5{

    font-family: var(--gestura-headline-light);

    font-size: 20px;

    line-height: 26px;

    color:var(--dark-purple-cg);

}

h6{

    font-family: var(--gestura-headline-light);

    font-size: 16px;

    line-height: 22px;

    color:var(--dark-purple-cg);

}

.wp-block-separator{

    background-color:var(--light-blue);

    max-width:calc(1464px + var(--bs-gutter-x, .75rem));

    margin:1.5em auto;

    width:calc(100% - 24px);

    border:0;

    opacity:1;

}

.lgiq-bg-dark-purple .wp-block-separator{

    background-color:var(--blue);

}

a{

    text-decoration: none;

    font-family: var(--gestura-headline-light);

    font-size: 16px;

    line-height: 22px;

    font-weight: 300;

}

a.icon{

    display: flex;

    align-items: center;

    column-gap: 8px;

}

a.icon img,

a.icon svg{

    max-width: 12px;

}

.site-logo{

    max-width: 82px;

    padding: 0;

}

.site-logo .light-logo,

.foot-logo .light-logo{

    display:none;

}

/* ,.lgiq-bg-dark-purple .foot-logo .dark-logo */

.lgiq-bg-dark-purple .site-header .dark-logo{

    display:none;

}

/* ,.lgiq-bg-dark-purple .foot-logo .light-logo */

.lgiq-bg-dark-purple .site-header .light-logo{

    display:inline-block;

}

.btn.btn-primary{

    font-family: var(--gestura-headline-light);

    font-size: 16px;

    line-height: 10px;

    font-weight: 300;

    padding: 10px 20px;

    border-radius: 300px;

    background-color: transparent;

    border: 1px solid var(--light-blue);

    color:var(--dark-purple);

    transition: 0.5s background,0.5s color,opacity 1s .5s !important;

}

.btn.btn-primary:hover{

    background-color: var(--dark-purple);

    color: var(--blue);

}

.wp-login-logo a:focus{

	box-shadow:unset !important;

}

.lgiq-bg-purple .btn.btn-primary:hover,

.lgiq-bg-grey .btn.btn-primary:hover,

.lgiq-bg-soft-pink .btn.btn-primary:hover{

    background-color: var(--yellow);

    color: var(--dark-purple);

}

.btn.btn-secondary{

    font-family: var(--gestura-headline-light);

    font-size: 16px;

    line-height: 10px;

    font-weight: 300;

    padding: 10px 20px;

    border-radius: 300px;

    background-color: var(--dark-purple);

    color: var(--blue);

    border: 1px solid var(--light-blue-cg);

    transition: 0.5s background,0.5s color,opacity 1s .5s !important;

}

.btn.btn-secondary:hover{

    background-color: transparent;

    color:var(--dark-purple-cg);

}

ul{

    margin: 0;

}

.section-title{

    font-family: var(--gestura-headline-light);

    font-size: 54px;

    line-height: 54px;

    font-weight: 300;

    margin-bottom: 32px;

    color:var(--dark-purple-cg);

}

.section-subtitle{

    font-family: var(--gestura-headline-light);

    font-size: 24px;

    line-height: 30px;

    font-weight: 300;

    margin-bottom: 32px;

    color:var(--dark-purple-cg);

}

/* Global CSS */



/* Header */

.site-header{

    height: var(--header-height);

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 11;

    transform:translateY(0);

    transition:0.4s transform;

    will-change:transform;

    background-color:var(--page-bg-color);

}

.activeLgiqPopUp .site-header{

    opacity:0;

    pointer-events:none

}

.site-header.scrolled{

    transform:translateY(-100%);

}

.site-header .navbar-collapse{

    justify-content: center;

}

.site-header ul{

    column-gap: 36px;

}

.site-header .menu a{

    font-family: var(--gestura-headline-light);

    font-weight: 300;

    font-size: 16px;

    line-height: 22px;

    color: var(--dark-purple-cg);

    position: relative;

}

.site-footer .contact_info .info_link,

.site-footer .footer_text,

.site-footer .socials a,

.link{

    position: relative;

}

.link::before,

.site-footer .contact_info .info_link::before,

.site-footer .nav a::before,

.site-footer .footer_text::before,

.site-footer .socials a::before,

.site-header .menu a::before{

    content: '';

    position: absolute;

    bottom: -3px;

    right: 0;

    width: 0%;

    height: 1px;

    background-color: var(--dark-purple-cg);

    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}

.link::before,

.site-footer .contact_info .info_link::before,

.site-footer .footer_text::before,

.site-footer .socials a::before,

.site-footer .nav a::before{

    bottom:-1px

}

.site-footer .contact_info .info_link::before,

.site-footer .socials a::before,

.site-footer .footer_text::before,

.link::before{

    background-color: currentColor;

}

.link:hover::before,

.site-footer .socials a:hover::before,

.site-footer .footer_text:hover::before,

.site-footer .contact_info .info_link:hover::before,

.site-header .menu .current-menu-item a::before,

.site-footer .nav .current-menu-item a::before,

.site-footer .nav a:hover::before,

.site-header .menu a:hover::before{

    left: 0px;

    right: auto;

    width: 100%;

}

.site-header .navbar{

    padding: 15.5px 0;

    border-bottom: 1px solid var(--light-blue);

}

.lgiq-bg-dark-purple .site-header .navbar{

    border-bottom: 1px solid var(--blue);

}

.site-header .hemburgurg-btn{

    border:0;

    padding:0;

    width:30px;

    height:14px;

    position:relative;

    background:transparent;

    display:none;

}

.site-header .hemburgurg-btn .bar{

    position:absolute;

    left:0;

    width:100%;

    height:1px;

    background-color:var(--dark-purple-cg);

    transition:0.5s all;

}

.site-header .hemburgurg-btn .top{

    top:1px;

}

.site-header .hemburgurg-btn .middle{

    top:7px;

}

.site-header .hemburgurg-btn .bottom{

    top:13px;

}

.site-header.activeMenu .top{

    top:7px;

    transform:rotate(45deg);

}

.site-header.activeMenu .middle{

    opacity:0;

}

.site-header.activeMenu .bottom{

    top:7px;

    transform:rotate(-45deg);

}

.site-header .site-branding,

.site-header .hemburgurg-btn{

    position:relative;

    z-index:100;

}



/* Header */

/* Footer */

.site-footer{

    padding: 24px 0;

    position: fixed;

    width:100vw;

    bottom:0;

    left:0;

    z-index:2;

    background-color:var(--bg-footer-bg-color);

}

.site-footer::before{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    /*background-image: var(--footer-gradient);*/

    /*background-position: bottom left;*/

    /*background-size: contain;*/

    /*background-repeat: no-repeat;*/

    background: linear-gradient(86.98deg, var(--bg-footer-before-color) 13.14%, rgba(155, 176, 252, 0) 85.35%);

    clip-path:polygon(100% 52%, 0% 100%, 100% 100%);

    z-index: 2;

}

.lgiq-bg-grey .site-header .navbar-collapse::after{
    --menu-color:var(--white);
}

.lgiq-bg-yellow .site-header .navbar-collapse::after{

    --menu-color:#FED9C4;

}

.lgiq-bg-purple .site-header .navbar-collapse::after{

    --menu-color:#716AAE;

}

.lgiq-bg-soft-pink .site-header .navbar-collapse::after{

    --menu-color:var(--yellow);

}

.lgiq-bg-dark-purple .site-header .navbar-collapse::after{

    --menu-color:#382F59;

}

.bg-blue{

    background-color:var(--blue);

    color:var(--dark-purple);

}

.bg-purple{

    background-color:var(--purple);

    color:var(--white);

}

.bg-yellow{

    background-color:var(--yellow);

    color:var(--dark-purple);

}

.bg-soft-pink{

    background-color:var(--soft-pink);

    color:var(--dark-purple);

}

.bg-mid-purple{

    background-color:var(--mid-purple);

    color:var(--light-purple);

}

.bg-dark-purple{

    background-color:var(--dark-purple);

    color:var(--blue);

}

.bg-blue:hover{

    color:var(--dark-purple);

}

.bg-purple:hover{

    color:var(--white);

}

.bg-yellow:hover{

    color:var(--dark-purple);

}

.bg-soft-pink:hover{

    color:var(--dark-purple);

}

.bg-mid-purple:hover{

    color:var(--light-purple);

}

.bg-dark-purple:hover{

    color:var(--blue);

}

.bg-blue svg path{ fill : var(--dark-purple) ;}

.bg-purple svg path{ fill : var(--blue) ;}

.bg-yellow svg path{ fill : var(--dark-purple);}

.bg-soft-pink svg path{ fill : var(--dark-purple);}

.bg-mid-purple svg path{ fill : var(--light-purple);}

.bg-dark-purple svg path{ fill : var(--blue);}



.site-footer .footer-top,

.site-footer .copy-right{

    position: relative;

    z-index: 5;

}

.site-footer .foot-logo{

    max-width: 164px;

    display: inline-block;

}

.site-footer .nav{

    flex-direction: column;

}

.site-footer .nav a{

    font-family: var(--gestura-headline-light);

    font-weight: 300;

    font-size: 16px;

    line-height: 20px;

    color: var(--dark-purple);

    position: relative;

    display: inline-block;

}

.site-footer .contact_info .info_title{

    font-family: var(--gestura-headline-light);

    font-weight: 300;

    font-size: 16px;

    line-height: 20px;

    color: var(--dark-purple);

    margin: 0;

}

.site-footer .contact_info .info_link{

    font-family: var(--gestura-headline-light);

    font-weight: 300;

    font-size: 16px;

    line-height: 20px;

    color: var(--dark-purple);

    margin: 0;

}

.site-footer .contact_info .info_wrapper{

    margin-bottom: 13px;

}

.site-footer .socials{

    padding: 0;

    list-style: none;

}

.site-footer .right-col-align{

    max-width: 146px;

    margin-left: auto;

}

.site-footer .socials a{

    font-family: var(--gestura-headline-light);

    font-weight: 300;

    font-size: 16px;

    line-height: 25px;

    color: var(--dark-purple);

}

.site-footer .copy_right_content{

    font-family: var(--gestura-headline-light);

    font-weight: 300;

    font-size: 16px;

    line-height: 25px;

    color: var(--dark-purple);

}

.site-footer .copy_right_content p{

    margin: 0;

}

.site-footer .footer-top{

    margin-bottom: 171px;

}

.site-footer .footer_text{

    font-family: var(--gestura-headline-light);

    font-weight: 300;

    font-size: 16px;

    line-height: 20px;

    color: var(--dark-purple);

}

.lgiq-bg-grey .site-footer .contact_info .info_title,

.lgiq-bg-grey .site-footer .contact_info .info_link,

.lgiq-bg-grey .site-footer .socials a,

.lgiq-bg-grey .site-footer .nav a,

.lgiq-bg-grey .site-footer .footer_text,

.lgiq-bg-grey .site-footer .copy_right_content p{

    color:var(--blue)

}   

.lgiq-bg-grey .foot-logo .light-logo{

    display: block;

}

.lgiq-bg-grey .foot-logo .dark-logo{

    display: none;

}

/* Footer */

/* section-hero-media */

.section-hero-media{

    position: relative;

    background-color:var(--page-bg-color);

}

.section-hero-media .section-title{

    margin-bottom:18px;

}

.section-hero-media .section-subtitle{

    margin-bottom:22px;

}

.section-hero-media .left-part{

    min-height: calc(100vh - calc(var(--header-height) + 1px));

    padding: 54px 0px 36px 0;

    max-width: 477px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    row-gap:20px;

    

}

.section-hero-media .btn-wrapper{

    display: flex;

    column-gap: 8px;

    align-items: center;

}

.section-hero-media .right_col_image{

    position: absolute;

    right: 0;

    top: 0;

    width: 55%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}

.gradient-image{

    position: absolute;

    right: 0;

    top: 0;

    width: 55%;

    height: 100%;

    pointer-events: none;

    /*background-image: var(--small-blue-gradient);*/

    /*background-repeat: no-repeat;*/

    /*background-position: bottom left;*/

    /*background-size: contain;*/

        background: linear-gradient(84.74deg, var(--page-bg-color) 10.02%, rgba(255, 255, 255, 0) 101.09%);

    clip-path: polygon(100% 53%, 0% 100%, 100% 100%);

}

/* section-hero-media */

/* section-service-overview */

.section-service-overview{

    background-color: var(--dark-purple);

    color: var(--blue);

    padding: 108px 0 72px 0;

}

.section-service-overview .tab-content-outer{

    display: grid;

    grid-template-columns: 1fr 0.7fr;

    column-gap: 24px;

}

.section-service-overview .top-part .title{

    font-family: var(--gestura-headline-light);

    font-weight: 300;

    font-size: 36px;

    line-height: 36px;

    color: var(--blue);

    margin-bottom: 32px;

}

.section-service-overview .tab-content-outer img{

    height: 529px;

    object-fit: cover;

    object-position: center;

}

.section-service-overview .top-part{

    margin-bottom: 108px;

    max-width: 717px;

}

.section-service-overview .bottom-part .heading{

    font-family: var(--gestura-headline-light);

    font-weight: 300;

    font-size: 16px;

    line-height: 22px;

    color: var(--blue);

    border-bottom: 1px solid #9BB0FC80;

    padding-bottom: 16px;

    margin-bottom: 25px;

}

.section-service-overview .bottom-part .desc{

    font-family: var(--gestura-headline-light);

    font-weight: 300;

    font-size: 16px;

    line-height: 22px;

    color: var(--blue);

}

.section-service-overview .bottom-part .content-wrapper{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.section-service-overview .lgiq_tabs .content-wrapper .tab-top{

    display: flex;

    align-items: flex-start;

    column-gap: 15px;

}

.section-service-overview .lgiq_tabs .content-wrapper .tab-top .tab-title{

    max-width:252px;

	color:var(--blue);

	margin-top:-6px;

}

.section-service-overview .tab-pane.fade{

    transition: opacity 0.5s ease-in-out;

}

.section-service-overview .lgiq_accordian .accordion-item:first-child{

    border-top:1px solid var(--blue);

}

.section-service-overview .lgiq_accordian .accordion-item{

    background:transparent;

    border:0;

    border-bottom:1px solid var(--blue);

    border-radius:0;

}

.section-service-overview .lgiq_accordian .accordion-button{

    background:transparent;

    border:0;

    box-shadow:unset;

    font-family: var(--gestura-headline-light);

    font-weight: 300;

    font-size: 18px;

    line-height: 22px;

    color: var(--blue);

    padding:16px 0;

    border-radius:0;

    position:relative;

}

.section-service-overview .lgiq_accordian .accordion-button .navigator{

    width: 14px;

    height: 14px;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

}

.section-service-overview .lgiq_accordian .accordion-button .navigator .bars{

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    width:100%;

    height:1px ;

    background:var(--blue);

    transition:0.5s transform;

}

.section-service-overview .lgiq_accordian .accordion-button .navigator .bottombar{

    transform:translate(-50%,-50%) rotate(0deg);

}

.section-service-overview .lgiq_accordian .accordion-button.collapsed .navigator .bottombar{

    transform:translate(-50%,-50%) rotate(90deg);

}

.section-service-overview .lgiq_accordian .accordion-button::after{

    content:unset;

}

.section-service-overview .lgiq_accordian .desc{

    margin-bottom:32px;

}

.section-service-overview .lgiq_accordian .accordion-body{

    padding:0;

    padding-bottom:24px;

}

.section-service-overview .lgiq_accordian .image-wrapper{

    margin-bottom:24px;

}

.section-service-overview .bottom-part .tab-content{

    margin-bottom: 24px;

}

.section-service-overview .bottom-part .nav-link{

    font-family: var(--gestura-headline-light);

    font-size: 16px;

    line-height: 10px;

    font-weight: 300;

    padding: 10px 20px;

    border-radius: 300px;

    background-color: var(--dark-purple);

    border: 1px solid var(--blue);

    color: var(--blue);

    transition: 0.5s all;

}

.section-service-overview .bottom-part .nav-link.active,

.section-service-overview .bottom-part .nav-link:hover{

    color: var(--dark-purple);

    background-color: var(--blue);

}

.section-service-overview .bottom-part .nav{

    display: flex;

    column-gap: 8px;

    row-gap: 8px;

}

.section-service-overview  .btn.btn-primary{

    border-color: var(--blue);

    color: var(--blue);

}

.section-service-overview  .btn.btn-primary:hover{

    background-color: var(--blue);

    color: var(--dark-purple);

}

.section-service-overview .bottom-part .content-wrapper .tab-top .btn-wrapper{

    flex-grow: 1;

    flex-shrink: 0;

    display:flex;

    justify-content:flex-end;

}

/* section-service-overview */

/* section-expressive-media-with-cta */

.section-expressive-media-with-cta{

    padding: 82px 0;

    background-color: var(--soft-pink);

    max-width:100vw;

    overflow:hidden;

}

.section-expressive-media-with-cta .top-part{

    max-width: 478px;

    margin-bottom: 143px;

    margin-top: 70px;

}

.section-expressive-media-with-cta .title{

    font-family: var(--gestura-headline-light);

    font-size: 36px;

    line-height: 36px;

    font-weight: 300;

    color: var(--dark-purple);

    margin-bottom: 32px;

}

.section-expressive-media-with-cta .desc{

    font-family: var(--gestura-headline-light);

    font-size: 16px;

    line-height: 22px;

    font-weight: 300;

    color: var(--dark-purple);

    margin-bottom: 28px;

}

.section-expressive-media-with-cta .bottom-part{

    max-width: 292px;

}

.section-expressive-media-with-cta .right-part{

    max-width: 515px;

    margin-left: auto;

}

/* section-expressive-media-with-cta */

/* section-service-delivary-modal */

.section-service-delivary-modal{

    background-color: var(--dark-purple);

    padding: 64px 0;

}



.section-image-content-box .top-part,

.section-expertise-block .top-part,

.section-service-delivary-modal .top-part{

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

.section-image-content-box .title,

.section-expertise-block .top-part .title,

.section-service-delivary-modal .top-part .title{

    font-family: var(--gestura-headline-light);

    font-size: 28px;

    line-height: 34px;

    font-weight: 300;

    color: var(--blue);

    margin: 0;

}

.section-image-content-box .top-part.line-top,

.section-expertise-block .top-part.line-top,

.section-service-delivary-modal .top-part.line-top{

    padding-top: 20px;

    border-top: 1px solid var(--blue);

}

.section-image-content-box .top-part .link,

.section-expertise-block .top-part .link,

.section-service-delivary-modal .top-part .link{

    color: var(--blue);

}

.section-service-delivary-modal .bottom-part{

    padding: 38px 0 51px 0;

}

.section-service-delivary-modal .circle_anim{

    position: relative;

    --c1:14.76%;

    --c2:23.03%;

    --c3:29.03%;

    --c4:33.17%;

}

.section-service-delivary-modal .circle_anim.active{

    --c1:33.17%;

    --c2:29.03%;

    --c3:23.03%;

    --c4:14.76%;

}

.section-service-delivary-modal .circle_anim .circle{

    border: 1px solid var(--blue);

    border-radius: 50%;

    transition: 0.6s all;

    aspect-ratio: 1 / 1;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer;

}

.section-service-delivary-modal .circle_anim .circle::before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: linear-gradient(87.94deg, #716AAE 8.45%, rgba(143, 138, 214, 0) 104.17%);

    opacity: 0;

    transition: 0.5s opacity;

}

.section-service-delivary-modal .circle_anim .que,

.section-service-delivary-modal .circle_anim .ans{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    max-width: 80%;

    font-family: var(--gestura-headline-light);

    font-size: 15px;

    line-height: 20px;

    font-weight: 300;

    color: var(--blue);

    text-align: center;

    opacity: 1;

    transition: 0.4s opacity;

    transition-delay: 0s;

    margin:0;

}

.section-service-delivary-modal .circle_anim .que{

    transition-delay: 0.5s ;

}

.section-service-delivary-modal .circle_anim.cir1 .circle1,

.section-service-delivary-modal .circle_anim.cir2 .circle2,

.section-service-delivary-modal .circle_anim.cir3 .circle3,

.section-service-delivary-modal .circle_anim.cir4 .circle4{

    border-color: transparent;

}

.section-service-delivary-modal .circle_anim.cir1 .circle1::before,

.section-service-delivary-modal .circle_anim.cir2 .circle2::before,

.section-service-delivary-modal .circle_anim.cir3 .circle3::before,

.section-service-delivary-modal .circle_anim.cir4 .circle4::before{

    opacity: 1;

}



.section-service-delivary-modal .circle_anim .ans{

    opacity: 0;

}

.section-service-delivary-modal .circle_anim.cir1 .circle1 .que,

.section-service-delivary-modal .circle_anim.cir2 .circle2 .que,

.section-service-delivary-modal .circle_anim.cir3 .circle3 .que,

.section-service-delivary-modal .circle_anim.cir4 .circle4 .que{

    opacity: 0;

    transition-delay: 0s;

}

.section-service-delivary-modal .circle_anim.cir1 .circle1 .ans,

.section-service-delivary-modal .circle_anim.cir2 .circle2 .ans,

.section-service-delivary-modal .circle_anim.cir3 .circle3 .ans,

.section-service-delivary-modal .circle_anim.cir4 .circle4 .ans{

    opacity: 1;

    transition-delay: 0.5s;

}

.circle_p{

    width:33.17%;

    aspect-ratio: 1 / 1;

}

.section-service-delivary-modal .circle_anim .circle1{

    width: var(--c1);

    left: 0;

}

.section-service-delivary-modal .circle_anim .circle2{

    width: var(--c2);

    left: var(--c1);

}

.section-service-delivary-modal .circle_anim .circle3{

    width: var(--c3);

    left: calc(var(--c1) + var(--c2));

}

.section-service-delivary-modal .circle_anim .circle4{

    width: var(--c4);

    left: calc(var(--c1) + var(--c2) + var(--c3));

}

.section-service-delivary-modal .circle_anim .dir{

    width: 31px;

    height: 31px;

    border: 1px solid var(--blue);

    position: absolute;

    top: calc(50% + 30px);

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius:50%;

    display:none;

}

.section-service-delivary-modal .circle_anim .dir .top,

.section-service-delivary-modal .circle_anim .dir .bottom{

    width: 14px;

    height: 1px;

    background: var(--blue);

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    transition:0.5s transform;

}

.section-service-delivary-modal .circle_anim .dir .bottom{

    transform: translate(-50%, -50%) rotate(90deg);

}

.section-service-delivary-modal .circle_anim.cir1 .circle1 .dir .bottom,

.section-service-delivary-modal .circle_anim.cir2 .circle2 .dir .bottom,

.section-service-delivary-modal .circle_anim.cir3 .circle3 .dir .bottom,

.section-service-delivary-modal .circle_anim.cir4 .circle4 .dir .bottom{

    transform: translate(-50%, -50%) rotate(0deg);

}

/* section-service-delivary-modal */

/* section-hero-media-inner */

.section-hero-media-inner{

    padding:120px 0 24px;

}

.section-description{

    padding:24px 0 32px;

}

.section-hero-media-inner .title{

    font-size: 44px;

    line-height: 50px;

    font-weight: 300;

    color: var(--dark-purple-cg);

    margin-bottom:32px;

}

.section-hero-media-inner .lgiq_slider{

    margin-bottom:48px;

}

.section-hero-media-inner .lgiq_slider:last-child{

    margin-bottom:0;

}

.section-hero-media-inner .lgiq_slider .swiper-slide img{

    width:100%;

    object-fit: cover;

    height: 100%;

}

.section-description .title{

    font-size: 28px;

    line-height: 34px;

    font-weight: 300;

    color: var(--dark-purple-cg);

}

.section-description .desc{

    font-size: 18px;

    line-height: 24px;

    font-weight: 300;

    color: var(--dark-purple-cg);

    margin-bottom:32px;

}

.section-description .buttons{

    display:flex;

    flex-wrap:wrap;

    column-gap:10px;

    row-gap:10px

}

.section-description .desc:last-child,

.section-description .desc p:last-child{

    margin-bottom:0;

}

.section-hero-media-inner .swiper-slide{

    height:auto;

    display:flex;

    justify-content:center;

        align-items: center;

}

.section-hero-media-inner .swiper-slide .video-block,

.section-hero-media-inner .swiper-slide .video-player{

    width:100%;

}

/* section-hero-media-inner */

/*section-directors-block*/

.section-directors-block{

    padding:44px 0 98px;

}

.section-directors-block .card{

    background-color:transparent;

    border-radius:0;

    border:0;

    cursor: pointer;

}

.section-directors-block .card .img-wrapper{

    margin-bottom:10px;

    position:relative;

}

.section-directors-block .card .img-wrapper::before{

    content:'';

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background: linear-gradient(84.74deg, var(--page-bg-color) 10.02%, rgba(255, 255, 255, 0) 101.09%);

    clip-path: polygon(100% 58%, 0% 100%, 100% 100%);

    opacity:0;

    transition:0.5s;

}

.section-directors-block .card:hover .img-wrapper::before{

    opacity:1;

}

.section-directors-block .maintitle{

    font-size: 28px;

    line-height: 34px;

    font-weight: 300;

    color: var(--dark-purple-cg);

    margin-top:-6px;

}

.section-directors-block .card .director-name,

.section-directors-block .card .director-position{

    font-size: 16px;

    line-height: 22px;

    font-weight: 300;

    color: var(--dark-purple-cg);

    margin:0;

}

.section-directors-block .top-part{

    margin-bottom:98px;

    border-top:1px solid var(--light-blue);

    padding-top:20px;

}

.section-directors-block .directors_item{

    padding:12px 16px;

    border-bottom:1px solid var(--light-blue);

    display:grid;

    grid-template-columns:1fr calc(50% - 112px) 100px;

    align-items:center;

    position:relative;

    transition:0.5s all;

    --item-bg-color:transparent;

    background-color:var(--item-bg-color);

}

.section-directors-block .directors_item .accord_content{
    grid-column: span 3;
    display: none;
}
.section-directors-block .directors_item .accord_content p:last-child{
    margin-bottom: 0;
}
.section-directors-block .directors_item .accord_content .wrap{
    padding: 28px 0;
}
.section-directors-block .directors_item .accord_content .right{
    padding-left: 12px !important;
}
.lgiq-bg-dark-purple .section-directors-block .directors_item{

    border-color:var(--blue);

}

.section-directors-block .directors_item .director-image{

    position:absolute;

    opacity:0;

    pointer-events:none;

    width: 192px;

    height: 220px;

    object-fit: cover;

    object-position: center;

    top: 50%;

    transform: translateY(-50%);

    left: 20%;

    transition:0.5s opacity;

    z-index:111;

   

}

.section-directors-block .directors_item:hover .director-image{

    opacity:1;

}

.section-directors-block .directors_item:hover{

    --item-bg-color:var(--blue);

}

.lgiq-bg-dark-purple .section-directors-block .directors_item:hover{

    --item-bg-color:var(--mid-purple);

}

.section-directors-block .directors_item .director-name,

.section-directors-block .directors_item .director-btn,

.section-directors-block .directors_item .accord_content,

.section-directors-block .directors_item .director-cat{

    font-size: 16px;

    line-height: 20px;

    font-weight: 300;

    color: var(--dark-purple-cg);

    margin:0;

}


.section-directors-block .directors_item .director-btn{

    background:transparent;

    border:0;

    padding:0;

    display:flex;

    align-items:center;

    column-gap:8px;

    justify-content: flex-end;
    margin-left: auto;
}
.section-directors-block .directors_item .director-btn .icon-minus{
    display: none;
}
.section-directors-block .directors_item.active .director-btn .icon-plus {
  display: none;
}

.section-directors-block .directors_item.active .director-btn .icon-minus {
  display: inline;
}
.section-directors-block .directors_item .director-btn svg path{
    fill:var(--dark-purple-cg)
}

/*section-directors-block*/

/*lgiq_director_modal*/

.lgiq_director_modal{

    position:fixed;

    width:100%;

    height:100vh;

    top:0;

    left:0;

    --popup-bg-color:var(--soft-pink);

    --popup-text-color:var(--dark-purple);

    background-color:var(--popup-bg-color);

    color:var(--popup-text-color);

    z-index:111;

    padding:24px;

    display:none;

    overflow: auto;

}

.lgiq_director_modal.popup-bg-soft-pink{

    --popup-bg-color:var(--soft-pink);

    --popup-text-color:var(--dark-purple);

}

.lgiq_director_modal.popup-bg-blue{

    --popup-bg-color:var(--blue);

    --popup-text-color:var(--dark-purple);

}

.lgiq_director_modal.popup-bg-dark-purple{

    --popup-bg-color:var(--dark-purple);

    --popup-text-color:var(--blue);

}

.lgiq_director_modal .btn.btn-primary{

    color: var(--dark-purple);

    background-color: transparent;

}

.lgiq_director_modal .btn.btn-primary:hover{

    color: var(--blue);

    background-color: var(--dark-purple);

}

.lgiq_director_modal.popup-bg-dark-purple .btn.btn-primary{

    color: var(--blue);

    background-color: transparent;

    border-color:var(--blue)

}

.lgiq_director_modal.popup-bg-dark-purple .btn.btn-primary:hover{

    background-color: var(--blue);

    color: var(--dark-purple);

}

.lgiq_director_modal > .row{

    align-items: stretch;

    height: 100%;

}

.lgiq_director_modal .container-fluid,

.lgiq_director_modal .row,

.lgiq_director_modal .col-12{

    height:calc(100vh - 48px);

    max-height:calc(100vh - 48px);

}

.lgiq_director_modal .right_part{

    height:100%;

    display:flex;

    flex-direction: column;

    justify-content:center;

    max-width:460px;

    margin:auto;

    align-items:flex-start;

    padding-left:40px;

}

.lgiq_director_modal .img-wrapper{

    height:100%;

    position:relative;

}

.lgiq_director_modal .img-wrapper::before{

    content:'';

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background: linear-gradient(84.74deg, var(--popup-bg-color) 10.02%, rgba(255, 255, 255, 0) 101.09%);

    clip-path: polygon(100% 58%, 0% 100%, 100% 100%);

}

.lgiq_director_modal .img-wrapper img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}

.lgiq_director_modal .title,

.lgiq_director_modal .subtitle{

    font-size: 28px;

    line-height: 34px;

    font-weight: 300;

    color: var(--popup-text-color);

    margin-bottom:0;

}

.lgiq_director_modal .subtitle{

    margin-bottom:32px;

}

.lgiq_director_modal .desc{

    font-size: 16px;

    line-height: 22px;

    font-weight: 300;

    color: var(--popup-text-color);

    margin-bottom:32px;

}

.lgiq_director_modal .desc p:last-child{

    margin-bottom:0;

}

.lgiq_director_modal .close{

    border:0;

    background:transparent;

    padding:0;

    position: absolute;

    top: 24px;

    right: 24px;

}

.lgiq_director_modal .close svg path{

    stroke: var(--popup-text-color);

}

/*lgiq_director_modal*/

/*.section-expertise-block*/

.section-expertise-block{

    padding:86px 0 34px;

}

.section-expertise-block .top-part{

    margin-bottom:24px;

}

.section-expertise-block .bottom-part .swiper-wrapper{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    grid-gap:24px;

}

.section-expertise-block .bottom-part .card{

    border:0;

    padding:20px 16px;

    height:280px;

    position:relative;

    border-radius:3px;

    font-size: 24px;

    line-height: 28px;

    font-weight: 300;

    display:inline-block;

}

.section-expertise-block .bottom-part .card .text{

    display:inline-block;

    max-width:100%;

}


.section-expertise-block .bottom-part .card svg{

    position:absolute;

    bottom:18px;

    right:16px;

    width:18px;

    height:18px;

}

.section-expertise-block .bottom-part .card.bg-blue{ --card-bg-before-color:var(--purple)}

.section-expertise-block .bottom-part .card.bg-purple{ --card-bg-before-color:var(--blue)}

.section-expertise-block .bottom-part .card.bg-yellow{ --card-bg-before-color:var(--blue)}

.section-expertise-block .bottom-part .card.bg-soft-pink{ --card-bg-before-color:var(--yellow)}

.section-expertise-block .bottom-part .card.bg-mid-purple{ --card-bg-before-color:var(--blue)}

.section-expertise-block .bottom-part .card.bg-dark-purple{ --card-bg-before-color:var(--purple)}

.section-expertise-block .bottom-part .card::before{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    background: linear-gradient(86.98deg, var(--card-bg-before-color) 13.14%, rgba(155, 176, 252, 0) 105.35%);

    clip-path:polygon(100% 52%, 0% 100%, 100% 100%);

    z-index: 2;

    opacity:0;

    transition:0.5s opacity;

}

.section-expertise-block .bottom-part .card:hover::before{

    opacity:1;

}

/*.section-expertise-block*/

/*section-resource-block*/

.section-resource-block{

    padding:120px 00 98px; 

    /*background-color:var(--soft-pink);*/

}

.section-resource-block .section-title{

    font-size:44px;

    line-height:50px;

    margin-bottom:48px;

    color:var(--dark-purple-cg);

}

.section-resource-block .resource-item:first-child{

    border-top:1px solid var(--light-blue);

}

.section-resource-block .resource-item{

    display:grid;

    grid-template-columns:1.8fr 130px 50px 1.2fr;

    align-items:center;

    padding:10px 12px;

    grid-gap:10px 70px;

    border-bottom:1px solid var(--light-blue);

    background:transparent;

    transition:2s all;

}

.lgiq-bg-dark-purple .section-resource-block .resource-item{

    border-color:var(--blue);

}

.section-resource-block .resource-item:hover{

    background:var(--yellow);

    transition:0.5s all;

}

.lgiq-bg-dark-purple .section-resource-block .resource-item:hover{

    background-color:var(--purple);

}

.section-resource-block .resource-item .title{

    font-size: 20px;

    line-height: 26px;

    font-weight: 300;

    color: var(--dark-purple-cg);

    margin:0;

}

.section-resource-block .resource-item .size,

.section-resource-block .resource-item .date{

    font-size: 16px;

    line-height: 22px;

    font-weight: 300;

    color: var(--dark-purple-cg);

    margin:0

}

.section-resource-block .resource-item .download{

     margin: 0px;

    display: flex;

    align-items: center;

    justify-content:flex-end;

}

.section-resource-block .resource-item .download svg path{

    stroke:var(--dark-purple-cg)

}

.section-resource-block .resource-item .download-btn{

    font-size: 16px;

    line-height: 20px;

    font-weight: 300;

    color: var(--dark-purple-cg);

    background: transparent;

    border: 0px;

    display: flex;

    align-items:center;

    column-gap:8px;

    box-shadow:unset;

}

/*section-resource-block*/

/*section-image-content-box*/

.section-image-content-box{

    padding:46px 0 62px;

}

.section-expertise-block .top-part .title,

.section-expertise-block .top-part .link,

.section-image-content-box .top-part .title,

.section-image-content-box .top-part .link{

    color:var(--dark-purple-cg);

}

.section-image-content-box .top-part .title{

    max-width:844px;

}

.section-expertise-block .top-part.line-top,

.section-image-content-box .top-part.line-top{

    border-color:var(--dark-purple-cg);

}

.section-expertise-block .top-part svg path,

.section-image-content-box .top-part svg path{

    stroke:var(--dark-purple-cg)

}

.section-image-content-box .top-part-wrap{

    margin-bottom:24px;

}

.section-image-content-box .bottom-part .media-wrapper{

    margin-bottom:20px;

}

.section-image-content-box .bottom-part .media-wrapper:last-child{

    margin-bottom:0;

}

.section-image-content-box .bottom-part .inner-title{

    color: var(--dark-purple-cg);

    margin-bottom:12px;

}

.section-image-content-box .bottom-part .desc{

    font-size:16px;

    line-height:22px;

    color:var(--dark-purple-cg);

    margin-bottom:20px;

}

.section-image-content-box .bottom-part .desc:last-child{

    margin:0;

}

.section-image-content-box .bottom-part.right.row{

    justify-content:flex-end;

}

/*section-image-content-box*/

/*section-list-box*/

.section-list-box{

    padding:50px 0;

}

.section-list-box .title{

    margin-bottom:36px;

}

.section-list-box .list-item{

    text-decoration:none;

    font-size:16px;

    line-height:22px;

    --list-color:var(--dark-purple-cg);

    --list-bg:transparent;

    color:var(--list-color);

    background-color:var(--list-bg);

    display: grid;

    grid-template-columns: 2fr 0.7fr 2fr 40px;

    column-gap:10px;

    padding:14px 0;

    position:relative;

    border-bottom:1px solid var(--list-color);

    transition:0.5s all;

}

.section-list-box .list-item:hover{

    --list-color : var(--blue);

    --list-bg : var(--dark-purple)

}

.lgiq-bg-dark-purple .section-list-box .list-item:hover{

    --list-color : var(--dark-purple);

    --list-bg : var(--blue)

}

.section-list-box .list-item svg{

    width:15px;

}

.section-list-box .list-item svg path{

    stroke:var(--list-color);

    transition:0.5s all;

}

.section-list-box .list-item .icon{

    display:flex;

    justify-content:flex-end;

}

/*section-list-box*/

.title-block{

    padding:50px 0

}

.title-block .title{

    max-width:var(--max,100%);

    color:var(--dark-purple-cg);

    margin:0

}

/* error-404 */

.error-404{

    padding:100px 0;

    text-align: center;

}

.error-404 .page-title{

    margin-bottom: 20px;

}

/* error-404 */

.section-get-in-touch{

    padding:58px 0 98px;

}

.section-get-in-touch .title{

    margin-top:-6px;

    color:var(--dark-purple-cg);

}

.section-get-in-touch .gform-body input,

.section-get-in-touch .gform-body textarea{

    padding:0 !important;

    padding-bottom:8px !important;

    height:auto !important;

    border:0 !important;

    border-bottom:1px solid var( --border-color) !important;

    --gf-local-bg-color:transparent !important;

    --gf-local-color:var(--dark-purple-cg) !important;

    border-radius:0 !important;

    font-family: var(--gestura-headline-light) !important;

    font-size: 16px !important;

    line-height: 22px !important;

    outline:0 !important;

    box-shadow:unset !important;

}

.section-get-in-touch .gform-body textarea{

    min-block-size:154px !important;

    resize:none !important;

    height:154px !important;

}

.section-get-in-touch .gform-body input::placeholder{

    color:var(--dark-purple-cg) !important;

}

.section-get-in-touch .gform-body{

    --gf-form-gap-y:28px !important

}

.section-get-in-touch .gform-theme--foundation .gform_footer,.section-get-in-touch  .gform-theme--foundation .gform_page_footer{

    margin-block-start:28px

}

.section-get-in-touch .gform-body{

    --border-color:#15121D4D;

}

.lgiq-bg-dark-purple .section-get-in-touch .gform-body{

    --border-color:rgba(155,176,252,0.3)

}

.section-get-in-touch .gform_wrapper .gform_footer input[type="submit"]{

    font-family: var(--gestura-headline-light) !important;

    font-size: 16px  !important;

    line-height: 10px  !important;

    font-weight: 300  !important;

    padding: 6px 20px !important;

    border-radius: 300px !important;

    background-color: transparent !important;

    border: 1px solid var(--light-blue)  !important;

    color:var(--dark-purple)  !important;

    transition: 0.5s background,0.5s color,opacity 1s .5s !important;

}

.section-get-in-touch .gform_wrapper .gform_footer input[type="submit"]:hover{

    background-color: var(--dark-purple) !important;

    color: var(--blue) !important;

}

.lgiq-bg-purple .section-get-in-touch .gform_wrapper .gform_footer input[type="submit"]:hover,

.lgiq-bg-grey .section-get-in-touch .gform_wrapper .gform_footer input[type="submit"]:hover,

.lgiq-bg-soft-pink .section-get-in-touch .gform_wrapper .gform_footer input[type="submit"]:hover{

    background-color: var(--yellow) !important;

    color: var(--dark-purple) !important;

}

.lgiq-bg-dark-purple .section-get-in-touch .gform_wrapper .gform_footer input[type="submit"]{

    border-color: var(--dark-purple-cg) !important;

    color: var(--blue) !important;

}

.lgiq-bg-dark-purple .section-get-in-touch .gform_wrapper .gform_footer input[type="submit"]:hover{

    background-color: var(--dark-purple-cg) !important;

    color: var(--blue-cg) !important;

}

.section-get-in-touch .gfield_contains_required .ginput_container{

    position:relative;

}

.section-get-in-touch .gfield_contains_required .ginput_container::before{

    content:'Required';

    position:absolute;

    top:4px;

    right:0;

    font-family: var(--gestura-headline-light);

    font-size: 12px ;

    line-height: 12px ;

    font-weight: 300;

    color:#15121D4D;

    pointer-events:none

}

.lgiq-bg-dark-purple .section-get-in-touch .gfield_contains_required .ginput_container::before{

    color:#9bb0fc4d;

}

.gform_confirmation_message{

 color:#155724 !important;   

}







.mobile,.tablet{display:none}

.desktop{

    display: block;

}

.lgiq-animate {

    transform: translateY(50px);

    opacity: 0;

    transition: transform 1s .2s,opacity 1s .2s

}



.lgiq-animate.animated {

    transform: translateY(0);

    opacity: 1

}



.lgiq-animate.fade-in {

    transform: none;

    transition: opacity 1s .5s

}

.lgiq-animate.circle-fade-in{

    transform: translateY(-50%);

    transition: opacity 1s .5s

}



.lgiq-animate.scale-up {

    transform: translateY(40px)scale(.9)

}



.lgiq-animate.scale-up.animated {

    transform: translateY(0)scale(1)

}

.lgiq-animate.circle-fade-in.animated{

    opacity:1;

}

.lgiq-bg-dark-purple .site-header .navbar .btn.btn-primary,

.lgiq-bg-dark-purple .section-hero-media .btn.btn-primary{

    border-color: var(--dark-purple-cg);

    color: var(--blue);

}

.lgiq-bg-dark-purple .site-header .navbar .btn.btn-primary:hover,

.lgiq-bg-dark-purple .section-hero-media .btn.btn-primary:hover{

    background-color: var(--dark-purple-cg);

    color: var(--blue-cg);

}

.lgiq-bg-dark-purple .section-hero-media .btn.btn-secondary{

    background-color: var(--dark-purple-cg);

    color: var(--blue-cg);

}

.lgiq-bg-dark-purple .section-hero-media .btn.btn-secondary:hover{

    background-color: transparent;

    color: var(--dark-purple-cg);

}

/*.btn.btn-primary:hover{*/

/*    background-color: var(--dark-purple);*/

/*    color: var(--blue);*/

/*}*/


.section-hero-media .left-part .bottom-part img{
    width: 269px;
}
















@media screen and (min-width:992px) and (max-width:1470px){
    .container{
        padding-left:24px;
        padding-right:24px;
    }
}

@media screen and (min-width:1100px) and (max-width:1400px){
   body{
   	 --footer-height: 439px;
   }
}

@media screen and (min-width:992px) and (max-width:1099px){
   body{
   	 --footer-height: 464px;
   }
}

@media screen and (max-width:1200px){

    .section-hero-media .left-part{

        min-height:100px;

        row-gap: 60px;

    }

}

@media screen and (max-width:992px){

    h1{

        font-size: 32px;

        line-height: 32px;

    }

    h2{

        font-size: 28px;

        line-height: 28px;

    }

    h3{

        font-size: 24px;

        line-height: 30px;

    }

    h4{

        font-size: 20px;

        line-height: 24px;

    }

    h5{

        font-size: 20px;

        line-height: 24px;

    }

    h6{

        font-size: 20px;

        line-height: 24px;

    }

    .site-logo{

        max-width:65px;

    }

    .desktop{

        display:none;

    }

    .tablet{

        display:block;

    }

    .navbar-collapse{

        display:block !important;

    }

    .site-header .nav-menu{

        flex-direction:column;

    }

    .site-header .nav-menu a{

        font-size: 32px;

        line-height: 32px;

        margin-bottom:12px;

    }

    .site-header .hemburgurg-btn{

        display:block;

    }

    .site-header .navbar-collapse{

        position: fixed;

        top: 0;

        left: 100vw;

        width: 100%;

        height: 100vh;

        z-index:90;

        overflow-y: auto;

        background-color:var(--page-bg-color);

        padding:96px 16px 40px;

        transition:0.5s left;

        --menu-color:var(--purple);

    }

    .site-header .navbar-collapse::after{

        content:'';

        width:100%;

        height:100%;

        position:absolute;

        top:0;

        left:0;

        pointer-events:none;

        background: linear-gradient(86.98deg, var(--menu-color) 13.14%, rgba(155, 176, 252, 0) 105.35%);

        clip-path: polygon(100% 47%, 0% 100%, 100% 100%);

    }

    .site-header.activeMenu .navbar-collapse{

        left:0;

    }

    .site-header .navbar-collapse::before{

        content:'';

        position:absolute;

        width:100%;

        height:1px;

        background-color:var(--light-blue);

        left:0;

        top:calc(var(--header-height) - 1px);

        pointer-events:none;

    }

    #page{

        --header-height:56px;

    }

    .site-header .header_right_btn{

        display:none;

    }

    /*.section-hero-media .right_col_image{*/

    /*    position:relative;*/

    /*}*/

    .section-expressive-media-with-cta{

        padding:32px 0;

    }

    .section-expressive-media-with-cta .row{

        flex-direction:column-reverse;

        --bs-gutter-x:30px

    }

    .section-expressive-media-with-cta .right-part{

        max-width:361px;

        margin:auto;

        margin-bottom:40px;

    }

    .section-expressive-media-with-cta .title{

        font-size:24px;

        line-height:24px;

        margin-bottom:24px;

    }

    

    .section-expressive-media-with-cta .top-part,

    .section-expressive-media-with-cta .bottom-part{

        max-width: 361px;

        margin:auto;

    }

    .section-expressive-media-with-cta .top-part{

        margin-bottom:40px;

        margin-top: 0;

    }

    .lgiq_director_modal .img-wrapper,

    .section-directors-block .card{

        max-width: 361px;

        margin: auto;

    }

    .section-directors-block .card .img-wrapper{

        margin-bottom:10px

    }

    .site-footer .right-col-align{

        margin:0;

    }

    .site-footer .footer-top{

        margin-bottom:112px;

    }

    .site-footer .foot-logo img{

        max-width:100%;

    }

    .section-service-delivary-modal{

        padding:48px 0 20px;

    }

    .section-service-delivary-modal .circle_anim .circle_p{

        display:none;

    }

    .section-service-delivary-modal .circle_anim{

        max-width:361px;

        margin:auto;

    }

    .section-service-delivary-modal .circle_anim .circle{

        position:relative;

        top:0;

        left:0;

        transform:unset;

        width:361px;

        max-width:100%;

    }

    .lgiq-animate.circle-fade-in{

        transform: unset;

    }

    

    .section-image-content-box .top-part .title,

    .section-expertise-block .top-part .title,

    .section-service-delivary-modal .top-part .title{

        font-size:24px;

        line-height:24px;

    }

    .section-service-delivary-modal .top-part .title {

        max-width:170px;

    }

    .section-service-delivary-modal .circle_anim .que, .section-service-delivary-modal .circle_anim .ans{

        font-size:18px;

        line-height:22px;

    }

    .section-service-delivary-modal .circle_anim .que,

    .section-service-delivary-modal .circle_anim.cir1 .circle1 .ans,

    .section-service-delivary-modal .circle_anim.cir2 .circle2 .ans,

    .section-service-delivary-modal .circle_anim.cir3 .circle3 .ans,

    .section-service-delivary-modal .circle_anim.cir4 .circle4 .ans{

        transition-delay:0.3s !important;

    }

    .section-service-delivary-modal .circle_anim .que,

    .section-service-delivary-modal .circle_anim .ans{

        padding-bottom:54px;

    }

    .section-service-delivary-modal .circle_anim .dir{

        display:block;

    }

    .section-service-delivary-modal .col-md-12{

        --bs-gutter-x:32px

    }

    .section-hero-media .left-part{

        padding:48px 00 24px;

    }

    .section-title{

        font-size:36px;

        line-height:36px;

        margin-bottom:24px;

    }

    .section-subtitle{

        font-size:18px;

        line-height:22px;

        margin-bottom:24px;

    }

    .section-service-overview{

        padding:56px 0 32px;

    }

    .section-service-overview .top-part .title{

        font-size:24px;

        line-height:30px;

        margin-bottom:24px;

    }

    .section-service-overview .top-part{

        margin-bottom:56px;

    }

    .section-service-overview .bottom-part .heading{

        display:none;

    }

    .section-hero-media-inner{

        padding:82px 0 24px;

    }

    .section-description{

        padding:24px 0;

    }

    .section-directors-block{

        padding:41px 0 72px;

    }

    .section-hero-media-inner .title{

        font-size:36px;

        line-height:41px;

        margin-bottom: 17px;

    }

    .title-block{

        padding: 20px 0;

    }

    .section-directors-block .maintitle,

    .section-description .title{

        font-size:24px;

        line-height:26px;

        margin-top:0;

    }

    .lgiq_director_modal .desc,

    .section-directors-block .directors_item .director-name,

    .section-directors-block .directors_item .director-btn,

    .section-directors-block .directors_item .director-cat,

    .section-directors-block .card .director-name,

    .section-directors-block .card .director-position{

        font-size:15px;

        line-height:20px;

    }

    .lgiq_director_modal .title,

    .lgiq_director_modal .subtitle{

        font-size:20px;

        line-height:22px;

    }

    .section-list-box .title,

    .section-directors-block .maintitle,

   .section-description .title{

        margin-bottom:28px;

    }

    .section-directors-block .top-part{

        padding-top:16px;

    }

    .section-directors-block .card{

        margin-bottom:32px;

    }

    .section-directors-block .col-12:last-child .card{

        margin-bottom:0px;

    }

    .section-expertise-block .bottom-part .swiper-wrapper{

        display: flex;

        grid-gap: 0;

        -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

    }

    .section-expertise-block .bottom-part .card{

        width:288px;

        height:251px;

    }

    .section-expertise-block .bottom-part .card::before{

        opacity:1;

    }

    .section-get-in-touch,

    .section-image-content-box,

    .section-list-box,

    .section-expertise-block{

        padding:36px 0;

    }

    .section-resource-block{

        padding:82px 0;

    }

    .section-resource-block .section-title{

        font-size: 36px;

        line-height: 36px;

        margin-bottom:36px;

    }

    .section-get-in-touch .title{

        font-size: 24px;

        line-height: 30px;

        margin-top:0;

        margin-bottom:24px;

    }

    .section-resource-block .resource-item .download-btn,

    .section-resource-block .resource-item .size,

    .section-resource-block .resource-item .date{

        font-size: 15px;

        line-height: 20px;

    }

    .section-service-overview .tab-content-outer img{

        height: auto;

    }

    .site-header .nav-menu a{

        display:inline-block;

    }

    .site-header .nav-menu a::before{

        content:unset;

    }

    .site-header .menu .current-menu-item a::before{

        content:'';

    }

    .section-service-overview .lgiq_tabs .content-wrapper .tab-top .tab-title{

        margin-top:0;

    }

}

@media only screen and (max-width: 767px) and (orientation: landscape) {

    .col-landscape-6 {

        flex: 0 0 auto;

        width: 50%;

      }

}

@media screen and (max-width:769px){

    .lgiq_director_modal .row .col-md-6{

        width: 100%;

    }

}

@media screen and (max-width:768px){

     .section-hero-media .left-part{

        row-gap: 20px;

    }

    body{

        /*--footer-height:329px*/

        --footer-height:0

    }

    .section-hero-media .right_col_image{

        position:relative;

        top:0;

        left:0;

        width:auto;
        height: auto;

    }

    .section-hero-media .gradient-image{

        width:100%;

    }

    .section-hero-media .img-wrapper{

        max-width:361px;

        position:relative;

        margin:auto;

    }

    .section-hero-media .left-part{

        padding:0;

        margin-bottom:36px;

    }

    .section-hero-media{

        padding:48px 0 24px;

    }

    .section-hero-media .bottom-part{

        display:none;

    }

    .tablet{

        display:none;

    }

    .mobile{

        display:block;

    }

    .site-footer{

        position:relative;   

    }

    .section-directors-block .directors_item{

        padding: 14px 100px 14px 0 ;

        grid-template-columns: 1fr;

    }

    .section-directors-block .directors_item .director-name{

        order:1;

        margin-bottom:4px;

    }

    .section-directors-block .directors_item .director-btn{

        order:2;

        position:absolute;

        top:18px;

        right:0;

    }

    .section-directors-block .directors_item .accord_content .wrap{
        padding: 15px 0;
    }

    .section-directors-block .directors_item .accord_content{
        order:5;
        grid-column:span 1;
    }
    .section-directors-block .directors_item .director-cat{

        order:3;

    }

    .section-directors-block .directors_item .director-image{

        display:none;

    }

    .lgiq_director_modal .container-fluid,

    .lgiq_director_modal .row,

    .lgiq_director_modal .col-12{

        height:fit-content;

        max-height:unset;

    }

    .lgiq_director_modal{

        padding:71px 16px;

    }

    .lgiq_director_modal .img-wrapper{

        text-align: center;

        margin-bottom:24px;

    }

    .lgiq_director_modal .img-wrapper img{

        max-width: 100%;

        height: fit-content;

        max-height: 100%;

        margin: auto;

        width:auto;

        height:auto;

    }

    .lgiq_director_modal .right_part{

        padding-left:0;

    }

    .lgiq_director_modal .desc,

    .lgiq_director_modal .btn,

    .lgiq_director_modal .subtitle{

        margin-bottom:24px;

    }

    

    .section-resource-block .resource-item{

        padding:13px 0;

        grid-template-columns: 130px 50px 1fr;

        grid-gap:10px;

    }

    .section-resource-block .resource-item .title{

        grid-column:span 3

    }

    .section-image-content-box .col-12{

        margin-bottom:20px;

    }

    .section-image-content-box .col-12:last-child{

        margin-bottom: 0;

    }

    .section-list-box .list-item{

        grid-template-columns:1fr;

        row-gap:10px;

        padding:14px 30px 14px 10px;

    }

    .section-list-box .icon{

        position:absolute;

        top:50%;

        right:5px;

        transform:translateY(-50%);

    }

    .site-footer .nav{

        margin-bottom: 13px;

    }

    .site-footer .foot-logo{

        margin-bottom: 20px;

    }

}

/*@media screen and (max-width:500px){*/



/*    body{*/

/*        --footer-height:615px*/

/*    }*/

/*}*/