#edit-section1-portfolio6 .captcha-type-challenge--recaptcha{
    margin-left: 13px;
}
#edit-section1-portfolio6 .captcha-type-challenge--recaptcha .captcha__title{
    display: none;
}
#edit-section1-portfolio6 .webform-button--submit {
    margin: 0 !important;
    margin-top: 50px !important;
}
/*android landing page css start */
.scrolltotop{
        bottom: 90px !important;
            right: 35px !important;

}

.image-section89 {
    padding: 40px 0;
}
.image-section89 img{
    height:100%;
    width: 100%;
}
.service-name a:hover{
    color:#5c2ec3;
}
.line-list-services a{
    color:#000;
}
.android-hero-section{
    background-color: #f8f9fb;
    padding: 130px 0 80px 0;
}
.android-hero-section .row{
    align-items:center;
}
.android-hero-section img{
    height: 500px;
    text-align: right;
}
.contact-us-btn{
     margin-top: 35px;
    margin-bottom: 20px;
}
.btn-contact{
    background-color: #2e71f1;
    border-color: #2e71f1;
    color: #fff;
    border: 2px solid #2e71f1;
    padding: 0.915rem 1.85rem;
    border-radius: 6px;
}
.btn-contact:hover {
    background-color: #3369db;
    color: white;
}
.pricing-table{
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    margin-bottom: 40px;
    min-height: 392px;
}
.pricing-table ul.features li {
    list-style: none;
    padding-bottom: 5px;
    color: #000;
    text-align:left;
}
.pricing-table ul.features {
    padding-left: 0;
}
.pricing-plan-custom sup{
        font-size: 34px;
    font-weight: 500;
    top: -6px !important;
    margin-right:5px;
    color: #000;
}
.pricing-plan-custom span.price {
    font-size: 45px;
    line-height: 45px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #000;
}
.pricing-plan-custom .validity span{
        color: #757575;
    font-size: 20px;
}
.pricing-plan-custom .validity{
    top: 0 !important;
}
.pricing-plan-custom{
    margin-bottom:20px;
}
.pricing-plan-custom h4{
      margin-bottom: 20px;
    font-size: 28px;
}
.pricing-icon{
    margin-bottom: 25px;
}
.pricing-icon img{
        width: 100px;
}
.flexible-plans-custom,.testimonials-custom{
    padding: 50px 0;
}
.flexible-plans-custom p.text-center,.service-section-custom p.text-center,.testimonials-custom p.text-center {
    margin-bottom:40px;
    color: #757575;
}
.service-section-custom {
    padding: 50px 0;
    background-color: #f8f9fb;
}
.service-img img{
        width: 70px;
}
.line-list-services {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 6px;
    text-align:center;
}
.service-name{
    color: #000;
    font-size: 18px;
    margin-top: 12px;
    font-weight: 600;
}
.testimonials-content {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 0 30px;
    padding: 30px 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}.testimonials-content svg{
    width:25px;
    color:#000;
}
.testimonials-content p{
    color: #000;
    line-height: 1.6;
    margin-bottom: 15px;
}
.testimonial-author p{
    font-size:18px;
}
.app-rating {
    margin: 10px 0;
}

.bg-black-custom{
    padding: 68px 30px;
}
.android-cta-section{
    filter:none !important;
}
.business-title98{
    font-size:18px;
    color: #fff;
}
.upgrade-title{
     font-size:60px;
}
.business-plan-custom{
        border: 2px solid #9C00BC;
}
.business-plan-custom .btn-contact{
    background-color: #9C00BC;
    border: none;
    width:100%;
    display:block;
    border-radius:6px;
}
.pro-plan-custom {
        border: 3px solid #299800;
       box-shadow: 0px 15px 20px -2px #29980073;
       position: relative;
}
.popular-custom{
        margin-bottom: 13px;
}
.popular-custom p{
    left: 0;
    background-color: #299800;
    padding: 2px 15px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    margin: 0 auto;
}
.pro-plan-custom .btn-contact{
    background-color: #299800;
    border: none;
    width:100%;
    display:block;
    border-radius:6px;
}
.starter-plan-custom{
    border: 2px solid #2F60C9;
}
.starter-plan-custom .btn-contact{
    background-color: #2F60C9;
    border: none;
    width:100%;
    display:block;
    border-radius:6px;
}
.starter-plan-custom i{
    color:#2F60C9;
}
.pro-plan-custom i{
    color:#299800;
}
.business-plan-custom i{
    color:#9C00BC;
}
.pricing-table .contact-us-btn{
   margin-bottom:0; 
}
.starter-plan-custom .btn-contact:hover {
    background-color: #3369db;
    color: white;
}
.pro-plan-custom .btn-contact:hover {
    background-color: #32b800;
    color: white;
}
.business-plan-custom .btn-contact:hover {
    background-color: #ae00d2;
    color: white;
}
/*android landing page css end */

/* start summer internship 2023 */
.summer-container {
    width: 100%;
    height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: black;
}

.videobg {
    width: 100%;

}

.text-container {
    position: absolute;
    text-align: center;
    width: 600px;
    margin: auto;
}

.sm1 {
    font-family: 'Roboto Condensed', sans-serif;
    color: white;
    font-size: 35px;
    /* font-weight: 400; */
    margin: 0;
}

.sm2 {
    font-family: 'Vina Sans', cursive;
    color: white;
    line-height: 0.5;
    font-size: 100px;
    font-weight: 400;
    margin: 0;
}

.register-btn {
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 45px;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    color: black;
    background-color: white;
}

/* media query start */
@media screen and (min-width: 320px) and (max-width: 610px) {

    .summer-container {

        width: 100%;

        height: 100%;

    }

    .sm1 {

        font-family: 'Roboto Condensed', sans-serif;

        color: white;

        font-size: 16px;

        margin-bottom: 10px;

    }

    .sm2 {

        font-family: 'Vina Sans', cursive;

        color: white;

        font-size: 50px;

        font-weight: 400;

    }

    .text-container {

        width: 100%;

    }

    .register-btn {

        font-size: 14px;

        margin-top: 22px;

    }



}

/* media query end */
/* end summer internship 2023 */
video#myVideo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    object-fit: cover;
    z-index: -1;
    filter: grayscale(1);
    width: 100%;
}

.description98 {
    padding: 40px 0;
}

.life-at-yiion-custiom78 .row {
    margin-bottom: 35px;
    align-items: center;
}

.life-at-yiion-custiom78 h3 {
    color: #392566;
    font-weight: 500;
}

.photo-stack {
    position: relative;
    /* margin: 0 auto; */
    width: 330px;
    height: 250px;
}

.photo-stack>p {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    font-weight: bold;
    z-index: 1000;
}

.photo-stack img {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid white;
    box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .5);
    transition: all 0.3s ease-out;
    width: 330px;
    height: 247px;

}

.photo-stack img:nth-child(1) {
    z-index: 9;
}

.photo-stack img:nth-child(2) {
    transform: rotate3d(0, 0, 1, 3deg);
}

.photo-stack img:nth-child(3) {
    transform: rotate3d(0, 0, 1, -3deg);
}

.photo-stack img:nth-child(4) {
    transform: rotate3d(0, 0, 1, 2deg);
}

.photo-stack:hover img:nth-child(1) {
    transform: scale(1.02);
}

.photo-stack:hover img:nth-child(2) {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg);
}

.photo-stack:hover img:nth-child(3) {
    transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
}

.photo-stack:hover img:nth-child(4) {
    transform: translate3d(2%, -5%, 0) rotate3d(0, 0, 1, 2deg);
}

.photo-stack:hover img:nth-child(5) {
    transform: translate3d(-5%, -2%, 0) rotate3d(0, 0, 1, 2deg);
}

/* custom css start */

/* our process page css start */

.view-content{
    margin-top: 30px !important;
}

#block-contactdetails{
    background: #f8f5ff !important;
}


.icon-4xl3344 i {
    font-size: 40px;
}

.icon-4xl3344{
    padding-bottom: 75px;
}
.address-svg11 svg{
    width: 30px !important;
}
.logged-in.frontpage .header {
    background: #39256600 !important;
    background-color: #392566c7 !important;
}
.content.step01:after {
    top: -10px !important;
    font-size: 10rem !important;
}
.content.step02:after {
   
    top: 10px !important;
    font-size: 10rem !important;
}
.content.step03:after {
    top: -43px !important;
    font-size: 10rem !important;
}
.content.step04:after {
    top: 4px !important;
    font-size: 10rem !important;
}
.content.step05:after {
    top: 15px !important;
    font-size: 10rem !important;
}
.content.step06:after {
    top: -10px !important;
    font-size: 10rem !important;
}
.content.step07:after {
    top: 25px !important;
    font-size: 10rem !important;
}
.node--type-domain-experience .margin-bottom-30{
    margin-bottom:5px !important;
}
.node--type-domain-experience .margin-bottom-30 p{
    font-size: 20px !important;
}
#block-aboutusgallerysection img.uyrr {
    filter: grayscale(2);
}
#block-aboutusgallerysection img.uyrr:hover{
    filter: grayscale(0);
    
}
.node--type-domain-experience .sub-services-custom5656,.node--type-domain-experience .case-study-custom{
    padding: 15px 0;
    background: #f8f5ff !important;
    margin-bottom: 15px;
}

.content.step01:after {
    content: "2011";
    position: absolute;
    right: -470px;
    top: -57px;
    font-size: 12rem;
    display: block;
    font-weight: 600;
    opacity: 0.03;
    letter-spacing: -3px;
    color: #104099;
}



.content.step02:after {
    content: "2013";
    position: absolute;
    left: -470px;
    top: -37px;
    font-size: 12rem;
    display: block;
    font-weight: 600;
    opacity: 0.03;
    letter-spacing: -3px;
    color: #104099;
}

.content.step03:after {
    content: "2015";
    position: absolute;
    right: -470px;
    top: -64px;
    font-size: 12rem;
    display: block;
    font-weight: 600;
    opacity: 0.03;
    letter-spacing: -3px;
    color: #104099;
}


.content.step04:after {
    content: "2017";
    position: absolute;
    left: -470px;
    top: -39px;
    font-size: 12rem;
    display: block;
    font-weight: 600;
    opacity: 0.03;
    letter-spacing: -3px;
    color: #104099;
}


.content.step05:after {
    content: "2019";
    position: absolute;
    right: -470px;
    top: -40px;
    font-size: 12rem;
    display: block;
    font-weight: 600;
    opacity: 0.03;
    letter-spacing: -3px;
    color: #104099;
}


.content.step06:after {
    content: "2021";
    position: absolute;
    left: -470px;
    top: -40px;
    font-size: 12rem;
    display: block;
    font-weight: 600;
    opacity: 0.03;
    letter-spacing: -3px;
    color: #104099;
}


.content.step07:after {
    content: "2023";
    position: absolute;
    right: -470px;
    top: -40px;
    font-size: 12rem;
    display: block;
    font-weight: 600;
    opacity: 0.03;
    letter-spacing: -3px;
    color: #104099;
}
/* 
section.timeline-section-custom-0119 {
    padding: 80px 0px;
} */

.timeline {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 15px 0;
}

.timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background: #e1e8f0;
    top: 6%;
    bottom: 10%;
    left: 50%;
    margin-left: -1px;
}

.timeline .container {
    padding: 15px 30px;
    position: relative;
    background: inherit;
    width: 50%;
    z-index: 1;
}

.timeline .container.left {
    left: -25%;
}

.timeline .container.right {
    left: 25%;
}

.timeline .container::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    right: -8px;
    background: #ffffff;
    border: 2px solid #392566;
    border-radius: 16px;
    z-index: 1;
}

.timeline .container.right::after {
    left: -8px;
}

.timeline .container::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    top: calc(50% - 1px);
    right: 8px;
    background: #392566;
    z-index: 1;
}

.timeline .container.right::before {
    left: 8px;
}

.timeline .container .date {
    position: absolute;
    display: inline-block;
    top: calc(50% - 8px);
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #181818;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
}

.timeline .container.left .date {
    right: -180px;
}

.timeline .container.right .date {
    left: -75px;
}

.timeline .container .icon {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 9px 0;
    top: calc(50% - 20px);
    background: #104099;
    border: 2px solid #104099;
    border-radius: 40px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
}

.timeline .container.left .icon {
    right: 56px;
}

.timeline .container.right .icon {
    left: 56px;
}

.timeline .container .content {
    padding: 30px 90px 30px 30px;
    /* border: 2px solid #392566; */
    position: relative;
    border-radius: 0 500px 500px 0;
}

.timeline .container.right .content {
    padding: 30px 30px 30px 90px;
    border-radius: 500px 0 0 500px;
}

.timeline .container .content h2 {
    margin: 0 0 10px 0;
    font-weight: normal;
    color: #392566;
    font-size: 24px;
    font-weight: bold;
}

.timeline .container .content p {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    color: #392566;
    text-align: justify;
}

/* our process page css end */

/* portfolio page css start */
.portfolio-item5667 {
    padding-right: 20px;
}

.computer-empty22 {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

.portfolio-title-custom h3 {
    color: #392566;
    font-weight: 300;
    font-size: 20px;
    background-color: #ebebeb;
    border-radius: 8px;
    padding: 7px 10px;
    margin-top: 20px;
}

.portfolio-title-custom h3:hover {
    color: #fff;
    background-color: #392566;
}

.portfolio-custom-123 .portfolio-item {
    margin-bottom: 80px !important;
}

.computer-screen33 {
    overflow: hidden;
    position: absolute;
    height: 164px;
    width: 272px;
    left: 40px;
    top: 14.5px;
}

.screen-landing11 {
    left: 0;
    line-height: 0;
    position: absolute;
    width: 94.5%;
    transition: all 6s;
    -o-transition: all 6s;
    -ms-transition: all 6s;
    -moz-transition: all 6s;
    -webkit-transition: all 6s;
}

.screen-landing11:hover {
    cursor: pointer;
    /* margin-top: -1436px; */
}

.screen-landing11 img {
    max-width: 100%;
    width: 100% !important;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    margin: 0 !important;
    transition: transform 1s ease-in-out;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}

.screen-landing11 img:hover {
    transform: translateY(calc(-100% + 205px));
    transition: transform 5s ease-in-out;
}

.computer-empty22 img.xyz {
    width: 100%;
    margin: 0 !important;

}

/* portfolio page css end */

/* expertise page css start */
.sub-expertise-custom12346 {
    border: 0.5px solid #39256621;
    padding: 15px;
    border-radius: 8px;
    text-align: left;
    -webkit-transition: transform 100ms ease-in-out, filter 100ms ease-in-out;
    -moz-transition: transform 100ms ease-in-out, filter 100ms ease-in-out;
    -ms-transition: transform 100ms ease-in-out, filter 100ms ease-in-out;
    -o-transition: transform 100ms ease-in-out, filter 100ms ease-in-out;
    transition: transform 100ms ease-in-out, filter 100ms ease-in-out;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.sub-expertise-custom12346 h5 {
    margin: 0 !important;
}

.sub-expertise-custom12346:hover {
    background-color: #392566;
    color: #fff;
    -webkit-transform: scale3d(1.06, 1.06, 1.06);
    -moz-transform: scale3d(1.06, 1.06, 1.06);
    -ms-transform: scale3d(1.06, 1.06, 1.06);
    -o-transform: scale3d(1.06, 1.06, 1.06);
    transform: scale3d(1.06, 1.06, 1.06);
}

.sub-expertise-custom12346:hover h5,
.sub-expertise-custom12346:hover p,
.sub-expertise-custom12346:hover a {
    color: #fff !important;
}

.sub-expertise-custom12346 p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-top: 8px !important;
    line-height: 1.7;
}

.sub-expertise-custom12346 .row {
    align-items: center;
}

.sub-expertise-custom12346 h5 {
    font-size: 18px;
    line-height: 1.4;
}

.services-image-custom8889 img {
    width: 52px !important;
    padding: 6px !important;
    filter: invert(0) !important;
}

.sub-expertise-custom12346:hover img {
    filter: invert(2) !important;
}

/* expertise page css end */

/* modal popup css start */
.ui-dialog .ui-dialog-titlebar {
    padding: 1.2em 1.5em !important;
}

.ui-dialog .ui-dialog-title {
    font-size: 18px;
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 2.3em !important;
}

/* modal popup css end */
.summary-text78,
.show_hide {
    display: inline;
}

p.show_hide {
    margin-left: 7px;
    color: blue !important;
}

/* image hover css start */
.computer-empty {
    overflow: hidden;
    position: relative;
    width: 490px;
}

.computer-screen {
    overflow: hidden;
    position: absolute;
    height: 220px;
    width: 445px;
    left: 50px;
    top: 20px;
}

.screen-landing {
    left: 0;
    line-height: 0;
    position: absolute;
    width: 89%;
    transition: all 6s;
    -o-transition: all 6s;
    -ms-transition: all 6s;
    -moz-transition: all 6s;
    -webkit-transition: all 6s;
}

.screen-landing:hover {
    cursor: pointer;
    /* margin-top: -1436px; */
}

.screen-landing img {
    max-width: 100%;
    width: 100% !important;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    margin: 0 !important;
    transition: transform 1s ease-in-out;

}

.screen-landing img:hover {
    transform: translateY(calc(-100% + 220px));
    transition: transform 5s ease-in-out;
}

.computer-empty img.computer {
    width: 100%;
    margin: 0 !important;

}

/* image hover css end */
.client-box a img {
    opacity: .7 !important;
}

.client-box a img:hover {
    opacity: 1 !important;
}

.section-2xl,
.bg-black-06 {
    /* height: 300px; */
    align-items: center;
    display: flex;
}

.life-at-yiion-img {
    background: url(../images/final_NEW_Cover.png);
    background-size: cover;
    height: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}

.life-at-yiion-img a {
    font-size: 25px;
    color: #fff;
    border: 1.4px solid #fff;
    padding: 8px 15px;
}

.header .header-logo {
    position: relative;
    z-index: 999;
}

.logged-in .header .header-logo {
    position: relative;
    z-index: 99;
}

.header .header-menu {
    z-index: 99 !important;
}

.portfolio-title h5,
.portfolio-title span {
    display: none;
}

.portfolio-item .portfolio-box .portfolio-title div span,
.owl-carousel.owl-nav-overlay .owl-nav {
    display: none;
}

body {
    color: #392566 !important;
    font-size: 15px;
}

.expertise-custom7897 ol,
.healthcare-list-custom56 {
    padding-left: 16px;
}

#block-expertisemainpagecta {
    padding: 0 !important;
}

footer .contextual-region .contextual .contextual-links a {
    color: #333 !important;
}

.header .header-menu .nav .nav-item .nav-link:before {
    background: #392566 !important;
}

.frontpage .header.absolute-light .header-menu .nav .nav-item .nav-link:before {
    background: #fff !important;
}

.case-study-custom .owl-prev,
.case-study-custom .owl-next {
    display: none;
}

.why-choose-custom334 {
    text-align: center;
    color: #392566 !important;
    margin-bottom: 40px;
}

.we-are-hiring-custom-title {
    color: #392566;
}

.description-custom123 ul {
    padding-left: 18px;
}

#block-views-block-icon-box-block-icon-box-about-us-7 {
    background-color: #f8f5ff;
    padding: 70px 0;
}

.path-node .service-carousel-custom45 .owl-dot,
.path-node .service-carousel-custom45 .owl-prev,
.path-node .service-carousel-custom45 .owl-next {
    display: none;
}

.ui-widget-header {
    background: #392566 !important;
    color: #fff !important;
}

.ui-front {
    padding: 0 !important;
}

.section-xl .font-weight-normal {
    font-weight: 300 !important;
}

.webform-submission-add-form .form-text {
    margin-top: 0 !important;
}

.section-2xl,
.section-xl.bg-image .container,
.section-xl.bg-image .container-fluid {
    padding: 220px 0 115px 0;
}

.logged-in .section-2xl,
.logged-in .section-xl.bg-image .container,
.logged-in .section-xl.bg-image .container-fluid {
    padding: 150px 0 !important;
}

.frontpage .section-2xl {
    padding: 148px 0 !important;
}

.cta-section-custom123 .container,
.logged-in .section-xl.bg-image .cta-section-custom123 .container {
    padding: 0 !important;
}

.block-views-blocktestimonial-block-testimonial-about-us-7 {
    background: #f8f5ff !important;
}

.block-views-blockclient-block-client-logo-agency1 {
    background: transparent !important;
}

#block-views-block-gallery-block-gallery-about-us7 .owl-stage-outer {
    min-height: 650px;
}

.sidebar-box {
    border: none;
}

.header .header-menu .nav .nav-item .nav-link {
    color: #392566 !important;
}

#block-views-block-client-block-client-logo-about-us-7 {
    border-top: none !important;
}

#block-views-block-testimonial-block-testimonial-about-us-7 .owl-nav .ti-angle-left:before,
#block-views-block-testimonial-block-testimonial-about-us-7 .owl-nav .ti-angle-right:before {
    color: #000 !important;
}

.bg-dark,
.bg-black-06 {
    background: #392566 !important;
    box-shadow: none;
}

.frontpage .header {
    background: #39256600 !important;

}

.frontpage .header .header-menu .nav .nav-item .nav-link {
    color: #fff !important;
}

.header.dark,
.header {
    background: #fff !important;

}

/* .header ul li a,.header.dark ul li a{
	color:#392566 !important
} */
.block-bg-overlay {
    background: #f8f5ff !important;
}

.slider-section-custom34 .box-shadow-with-hover {
    box-shadow: none !important;
}

.header-placeholder {
    height: auto;
}

.text-dark {
    color: #392566 !important;
}

.logged-in .header {
    position: unset !important;
    background-color: #392566;
    color: #FFF;
    
}

.header-menu,
.header-menu .drp_menu {
    width: 100% !important;
}

.header .header-menu .nav {
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

}

/* .header ul li a{
	font-size: 18px;
} */
#block-views-block-client-block-client-logo-agency6 .owl-stage .owl-item {
    width: 150px !important;
}

#block-monoanyquestionsagency6,
.cta-background-img-custom67 {
    /* background-image: url(../custom-imgs/mario-gogh-VBLHICVh-lI-unsplash.jpg) !important;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center !important;
	background-attachment: scroll !important; */
    background-color: #f2f5f8 !important;
}

/* .cta-section-custom123 .bg-black-03{
  background: transparent !important;
} */

#block-views-block-client-block-client-logo-agency6 .owl-stage .owl-item img,
#block-views-block-client-block-client-logo-about-us-7 img {
    width: 100%;
    filter: grayscale(2);
}

#block-views-block-client-block-client-logo-agency6 .owl-stage .owl-item img:hover,
#block-views-block-client-block-client-logo-about-us-7 img:hover {
    filter: grayscale(0);

}

#block-aboutusgallerysection {
    background-color: #f8f5ff;
    padding: 70px 0;
}

.why-choose-us-custom h2 {
    text-align: center;
}

.main-div112 {
    background-color: #392566;
    padding: 90px 0;
}

.cls-1 {
    fill: #fff;
}

.support1 h3,
.support2 h3 {
    text-align: center;
    color: #fff;
}

.support1 p {
    text-align: end;
    color: #fff;
    padding-bottom: 30px;
}

.support2 p {
    text-align: start;
    color: #DDDDDD;
    padding-bottom: 30px;
}

.set-img123 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.set-img123 svg {
    width: 180px;
}

.set-title11 {
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
}

.main-div112 p {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

#block-countersection {
    text-align: center;
}

.section,
.section-md {
    padding: 60px 0;
    text-align: justify;
    
}

.text-center333,
.paragraph789 {
    text-align: center;
    color: #392566;
}

.text-center333 {
    margin-bottom: 0;
}

.paragraph789 {
    margin-bottom: 30px;
}

.paragraph789 {
    font-size: 16px !important;
    font-weight: 600;
}

/* .frontpage .section{padding: 50px 0;} */
.experties-custom-726 {
    text-align: center;
    margin-bottom: 40px;
}

.experties-custom-726 h2 {
    color: #392566;
}

.experties-custom-726 p {
    color: #392566;
    font-weight: 600;
}

.domain-experience-custom23 .views-col {
    width: 20% !important;
    min-height: 135px;
}

.domain-experience-custom23 .views-field-nothing .field-content .border {
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none !important;
    padding: 10px;
    box-shadow: 3px 3px 20px 0px #dddd;
    background: #ffff;
}

.domain-experience-custom23,
#block-views-block-expertise-block-3,
#block-views-block-expertise-block-4 {
    background-color: #f8f5ff;
    padding: 90px 0;
}

.domain-experience-custom23 .views-view-grid {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.domain-experience-custom23 .views-field-nothing .field-content .border h6 {
    color: #392566;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    text-align: center;
    line-height: 1.5;
}

.domain-experience-custom23 .views-field-nothing .field-content .border h6 a {
    color: #392566;
}

.domain-experience-custom23 .views-field-nothing .field-content .border:hover {
    background-color: #392566;
}

.domain-experience-custom23 .views-field-nothing .field-content .border:hover h6 {
    color: #fff;
}

.domain-experience-custom23 .views-field-nothing .field-content .border:hover a {
    color: #fff;
}

.frontpage .section-2xl {
    background-color: #392566c7 !important;
    color: #FFF;
}

.frontpage .section-2xl li .button-white-3:hover {
    background-color: #FFF;

}

.frontpage .section-2xl li .button-white-3 {
    background-color: #DDDDDD;
    color: #392566;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
}

.frontpage .section-2xl li .button-outline-white:hover {
    background-color: #DDDDDD;
}

.frontpage .section-2xl li .button-outline-white {
    background-color: #FFF;
    color: #392566;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
}

.know-more-btn-cusom23 {
    text-align: center;
    margin-top: 20px;
}

.know-more-btn-cusom23 a {
    padding: 10px 30px;
    border: 1px solid #392566;
    border-radius: 0.5em;
    color: #fff;
    font-weight: 700;
    background-color: #392566;
}

.know-more-btn-cusom23 a:hover {
    background-color: #392566e0;
    color: #fff;
}

.experience-custom234 {
    background-color: #f8f5ff;
    padding: 90px 0;
    width: 100%;
    margin: 0;
}

.experience-custom234 .col-spacing-50 {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.experience-custom234 .col-spacing-50 h5 {
    color: #392566;
    font-weight: 800 !important;
}

.experience-custom234 .col-spacing-50 p {
    color: #392566;
}

.frontpage .counter-section-custom-5235 {
    text-align: center;
    padding: 80px 0;
}

.counter-section-custom-5235 {
    text-align: center;
    padding: 20px 0;
}

.counter-section-custom-5235 h1 {
    font-weight: 600 !important;
    color: #392566;
    margin-bottom: 0;
}

.counter-section-custom-5235 h6 {
    color: #392566;
    font-weight: 600 !important;
    font-size: 16px;
    text-transform: capitalize;
}

.support234 h3,
.support3 h3,
.support4 h3 {
    text-align: right;
}

.support5 h3,
.support6 h3,
.support7 h3 {
    text-align: left;
}

.support234 h3::after {
    content: "";
    background-image: url(../images/11.svg);
    width: 120px;
    display: block;
    position: absolute;
    top: 49%;
    height: 150px;
    background-repeat: no-repeat;
    right: -45%;

}

.support234 h3,
.support3 h3,
.support4 h3,
.support5 h3,
.support6 h3,
.support7 h3 {
    position: relative;
    font-size: 22px;
}

.support1 {
    margin-right: 50px;
}

.support3 h3::after {
    content: "";
    background-image: url(../images/22.svg);
    width: 70px;
    display: block;
    position: absolute;
    top: 8%;
    height: 70px;
    background-repeat: no-repeat;
    right: -45%;
}

.support4 h3::after {
    content: "";
    background-image: url(../images/33.svg);
    width: 120px;
    display: block;
    position: absolute;
    top: -225%;
    height: 120px;
    background-repeat: no-repeat;
    right: -45%;
}

.support5 h3::before {
    content: "";
    background-image: url(../images/44.svg);
    width: 120px;
    display: block;
    position: absolute;
    top: 49%;
    height: 120px;
    background-repeat: no-repeat;
    right: 101%;
}

.support6 h3::before {
    content: "";
    background-image: url(../images/55.svg);
    width: 70px;
    display: block;
    position: absolute;
    top: 20%;
    height: 70px;
    background-repeat: no-repeat;
    right: 118%;
}

.support7 h3::before {
    content: "";
    background-image: url(../images/66.svg);
    width: 100px;
    display: block;
    position: absolute;
    top: -211%;
    height: 100px;
    background-repeat: no-repeat;
    right: 107%;
}

.support2 {
    margin-left: 50px;
}

.privacy-policy-main-part,
.terms-conditions-main-part {
    padding: 80px 0;
}

.privacy-policy-main-part h2,
.terms-conditions-main-part h2 {
    color: #392566 !important;
    margin-bottom: 10px;
}

.privacy-policy-main-part p {
    text-align: justify;
}

.yiion-link11,
.yiion-link11:hover {
    color: #0019db;
}

.what-we-collect-custom3 {
    margin-top: 30px;
}

.slider-section-custom34 {
    padding: 90px 0;
}

.slider-section-custom34 .owl-carousel {
    min-height: 580px;
}

.slider-section-custom34 h2 {
    color: #392566 !important;
    margin-bottom: 10px;
    font-weight: 600 !important;
}

.slider-section-custom34 img {
    margin: 20px 0;
}

.slider-section-custom34 p {
    color: #392566;
    margin-bottom: 15px;
    /* text-align:justify; */
}

.slider-section-custom34 ul li {
    margin: 20px 0;
    color: #392566;
    /* text-align:justify; */
}

.cta-section-custom123 h3 {
    font-size: 22px;
    color: #392566 !important;
}

.cta-section-custom123 {
    background-position: center;
    filter: grayscale(1);
}

.cta-section-custom123 .bg-black-03 .row .col-12 {
    margin-bottom: 0;
}

.cta-section-custom123 .bg-black-03 {
    background: rgb(0 0 0 / 81%) !important;
}

.cta-section-custom123 .bg-black-03 .row {
    padding: 68px 30px;
}

.cta-section-custom123 .bg-black-03 .row h4 {
    text-transform: capitalize;
    font-size: 27px;
    margin: 0;
}

.cta-section-custom123 .button {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    border: 1px solid #fff;
    color: #000;
    background-color: #fff;

}

.client-box {
    text-align: center;
    width: 100%;
    height: 80px;
    display: flex;
    vertical-align: middle;
    align-items: center;
}

.cta-section-custom123 .button:hover {
    border: 1px solid #392566;
    background-color: #392566;
    color: #fff;
}

.slider-big-image-123 img {
    width: 100%;
    height: 100%;
}
.node--type-domain-experience{

}
.project-slider-custom123 h2 {
    text-align: initial;
    color: #392566 !important;
    margin-bottom: 25px;
    font-weight: 600 !important;
    line-height: 1.3;
}

.owl-carousel.owl-dots-overlay .owl-dots .owl-dot:after {
    background: #ddd;
}

.owl-carousel .owl-dots .owl-dot:after {
    width: 15px;
    height: 15px;
}

.owl-carousel.owl-dots-overlay .owl-dots {
    background: transparent;
}

.owl-carousel.owl-dots-overlay .owl-dots .owl-dot.active:after {
    background: #392566 !important
}

#block-views-block-testimonial-block-testimonial-about-us-7 .container {
    padding: 60px 30px !important;
}

#block-views-block-blogs-block-popular-posts-sidebar,
#block-views-block-tags-block-tags-sidebar {
    border: 1px solid #ddd;
    padding: 20px;
    margin-top: 30px;
}

.blog-custom-123 .margin-bottom-50 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-top: 30px;
}

#drupal-modal .webform-submission-add-form .button.button--primary {
    margin-top: 10px !important;
    width: fit-content !important;
    margin: 0 auto;
    display: block;
    padding: 15px;
    border-radius: 8px;

}

.testimonials-custom789 h4 {
    margin-top: 25px !important;
}

.testimonials-custom789 p {
    font-size: 18px;
}

.testimonials-custom789 h4 {
    font-weight: 700 !important;
    text-transform: capitalize;
}

.testimonials-custom789 {
    padding: 70px 0;
    background: #f8f5ff !important;
}

.testimonials-custom789 .fa-quote-right:before,
.testimonials-custom789 h4,
.testimonials-custom789 p,
.testimonials-custom789 span {
    color: #392566;
}

#block-drupalet-mono-content p,
#block-drupalet-mono-content h2,
#block-drupalet-mono-content ul li,
#block-drupalet-mono-content h6,
#block-drupalet-mono-content p,
#block-drupalet-mono-content a,
#block-drupalet-mono-content label {
    color: #392566 !important;
}

#block-drupalet-mono-content a,
.node--type-expertise .expertise-custom7897 p a,
.node--type-domain-experience .real-state-custom567 span a,
.node--type-domain-experience .expertise-custom7897 p a {
    color: #007bff !important;
}

#block-drupalet-mono-content .row,
#block-drupalet-mono-content .col-sm-6 {
    padding: 0;
}

.ui-ux-section-custom {
    padding: 50px 0;
    width: 100%;
}

.ui-ux-section-custom h2,
.ui-ux-section-custom p {
    color: #392566 !important;
}

.ui-ux-section-custom p {
    text-align: justify;
}

.sub-services-custom h6 {
    color: #392566;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    text-align: center;
}

.sub-services-custom .custom-experties-grid-view {
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #392566 !important;
    padding: 5px;
}

.sub-services-custom {
    background-color: #fff;
    padding: 60px 0;
    width: 100%;
}

.sub-services-custom .custom-experties-grid-view:hover {
    background-color: #392566;
}

.sub-services-custom .custom-experties-grid-view:hover h6 {
    color: #fff;
}

/* .service-carousel-custom45 .owl-item{
	height: 380px;
	text-align: center;
} */
.service-carousel-custom45 .owl-stage-outer {
    height: auto !important
}

.service-carousel-custom45 .owl-item img {
    width: 120px !important;
    margin: 0 auto;
    aspect-ratio: 3/2;
    object-fit: contain;
    mix-blend-mode: color-burn;
    filter: grayscale(2);
}

.service-carousel-custom45 .owl-item img:hover {
    filter: grayscale(0);

}

.sidebar-box .tags li {
    display: inline-block !important;
    background: #eff2f5 !important;
    padding: 5px 10px !important;
    font-size: 14px !important;
}

.tags-custom678 {
    list-style: none;
}

.tags-custom678 {
    display: inline-block;
    background: #eff2f5;
    padding: 5px 10px;
    font-size: 14px;
    color: #392566;
}

.service-industry-custom46 h6 {
    color: #392566;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    text-align: center;
}

.service-industry-custom46 .custom-experties-grid-view {
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #392566 !important;
    padding: 5px;
}

.service-industry-custom46 {
    background-color: #f8f5ff;
    padding: 50px 0;
    width: 100%;
}

.service-industry-custom46 .custom-experties-grid-view:hover {
    background-color: #392566;
}

.service-industry-custom46 .custom-experties-grid-view:hover h6 {
    color: #fff;
}

.service-carousel-custom45,
.slogan-custom123,
.case-study-custom {
    padding: 50px 0;
    width: 100%;
    text-align: justify;
}

.slogan-custom123 h4,
.slogan-custom123 p,
.slogan-custom123 span,
.service-industry-custom46 h4,
.case-study-custom h4,
.case-study-custom ul li,
.case-study-custom p,
.expertise-custom7897 p,
.expertise-custom7897 h2,
.expertise-custom7897 h5,
.expertise-custom7897 h4,
.expertise-custom7897 h3 {
    color: #392566 !important;
}

.sidebar-box {
    padding: 50px 0;
}

.case-study-custom p {
    padding-bottom: 10px;
}

.service-industry-custom46 h4 {
    text-align: center;
    padding-bottom: 20px;
}

.industry-section-custom567 {
    padding: 50px 0;
}

.expertise-custom7897 {
    margin-top: 50px;
    margin-bottom: 50px;
}

/*.expertise-custom7897 p,.industry-section-custom567 p{
	text-align: justify;

}*/
.path-domain-experience .block-region-top p,
.path-domain-experience .block-region-top span,
.case-study-section90 ul li {
    color: #392566 !important;
    text-align: justify;
}

.expertise2-description {
    color: #392566;
}

.industry-section-custom567,
.case-study-section90,
.cta-section-custom123 {
    width: 100%;
}

.industry-section-custom567 h4 {
    text-align: center;
    padding-bottom: 20px;
    color: #392566 !important;
    margin-bottom: 0;
}

.industry-section-custom567 p {
    padding-bottom: 15px;
}

/* #block-views-block-testimonial-block-testimonial-about-us-7{
	margin-bottom: 2em;
} */
.cta-expertise-custom78 {
    width: 100%;
    padding: 60px 30px;
}

.project-slider-custom123 .box-shadow-with-hover:hover,
.project-slider-custom123 .box-shadow-with-hover {
    box-shadow: none !important;
}

.project-slider-custom123 .order-lg-1 ol li img {
    width: 70px !important;
    /* width: 200px !important; */
    margin: 0 auto;
    aspect-ratio: 3/2;
    object-fit: contain;
    mix-blend-mode: color-burn;
    filter: grayscale(1);

}

#block-expertise2 img.swiper-image,
#block-expertise3 img.swiper-image {
    width: 80%;
    margin-top: -20px;
}

.project-slider-custom123 .order-lg-1 ol li {
    display: inline-block;
    list-style: none;
    margin-right: 8px;
}

.project-slider-custom123 .order-lg-1 ol {
    padding-left: 0 !important;
}

.section-xl h1 {
    font-size: 3.73em !important;
}

.node--type-article #block-drupalet-mono-content .margin-top--100 {
    margin-top: -59px !important;
}

.online-buy-apps-custom h3,
.online-buy-apps-custom h4,
.online-buy-apps-custom p,
.node--type-article #block-drupalet-mono-content h3,
.node--type-article #block-drupalet-mono-content h4,
.node--type-article #block-drupalet-mono-content p,
.blog-custom-123 h4,
.node--type-article #block-drupalet-mono-content h5 {
    color: #392566 !important;
}

.node--type-article #block-drupalet-mono-content h4 {
    margin: 15px 0;
}

.header .header-menu .nav .nav-item .nav-dropdown a:not(.button):not(.button-circle) {
    color: #392566 !important;
}

.header .header-logo img {
    height: unset !important;
}

/* .header .header-menu .nav .nav-item .nav-dropdown-toggle:after{
	color: #fff;
} */
/* .sub-services-custom444{
	padding: 50px 0;
} */
.sub-expertise-custom3456 {
    text-align: center;
    padding-bottom: 20px;
    padding: 20px;
}

.sub-expertise-custom3456:hover {
    background-color: #ffff;
    border-radius: 8px;
    box-shadow: 3px 3px 20px 0px #dddd;
}

.services-image-custom888 {
    background-color: #392566 !important;
    width: 70px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 50%;
}

.sub-services-custom444 {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #f8f5ff !important;

}

.sub-expertise-custom3456 img {
    width: 52px;
    padding: 6px;
    filter: invert(2);
}

.sub-expertise-custom3456 h5 {
    font-weight: 600;
    line-height: 1.4 !important;
}

.sub-expertise-custom3456 h5,
.sub-expertise-custom3456 p,
.sub-expertise-custom3456 h5 a {
    color: #392566;
    line-height: 1.7;
}

/* .portfolio-custom-123 .portfolio-wrapper.spacing-10 .portfolio-item {
    padding: 12px;
}	 */
/* About Us Start */
.custom-font-set119 {
    padding: 60px 0 30px 0;
}

.custom-font-set119 .feature-box.dark .feature-box-icon {
    background-color: #392566 !important;
}

.custom-font-set119 .feature-box.dark .feature-box-icon * {
    color: #fff;
    font-size: 28px;
}

.why-choose-us-custom h2 {
    color: #392566 !important;
    margin-bottom: 30px;
}

.custom-font-set119 h5 {
    color: #392566 !important;
    font-weight: 700 !important;
    line-height: 1;
    margin-top: 15px;
}

.custom-font-set119 p {
    color: #392566 !important;
    text-align: justify;
}

.button-text-1:before,
.button-text-1:after {
    display: none;
}

/* About Us End */

/* Portfolio Start */
.portfolio-custom-123 ul li {
    /* font-size: 18px; */
    color: #392566 !important;
}

.portfolio-custom-123 .filter.filter-style-3 ul li:after {
    background: #392566 !important;
}

.blog-custom-123 .button-text-1 {
    border: 1px solid #392566;
    color: #392566;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 16px 30px;
    border-radius: 0.375em;
}

.blog-custom-123 .button-text-1:hover {
    background-color: #392566 !important;
    color: #fff;
}

.blog-custom-123 a,
.blog-custom-123 p,
.blog-custom-123 span {
    color: #392566;
}

.scrolltotop.scrolltotop-show .button-circle-dark,
a.button-circle-dark {
    background: #392566 !important;
    box-shadow: 0px 3px 6px #ffffff75;
}

.popular-post-custom-123 a,
.popular-post-custom-123 span {
    color: #392566;
}

.popular-post-custom-123 h6 {
    margin-bottom: 5px !important;
}

#block-views-block-blogs-block-popular-posts-sidebar h6 {
    color: #392566;
}

#block-views-block-tags-block-tags-sidebar h6,
#block-views-block-tags-block-tags-sidebar ul li a {
    color: #392566;
}

#block-monosidebarfollowon h6,
#block-monosidebarfollowon ul li a {
    color: #392566;
}

/* Portfolio End */


/* Contact Us Start */
.webform-submission-portfolio-6-form-form .text-dark,
.webform-submission-portfolio-6-form-form h6,
.webform-submission-portfolio-6-form-form p,
.webform-submission-portfolio-6-form-form a {
    color: #392566 !important;
}

.webform-submission-portfolio-6-form-form .webform-button--submit {
    border-color: #392566;
    color: #392566;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.webform-submission-portfolio-6-form-form .webform-button--submit:hover {
    background-color: #392566;
    color: #fff;
}

/* Contact Us End */

/* popup page css start */
/* .webform-submission-add-form{display: block !important;}
.webform-submission-add-form .col-lg-4,.webform-submission-add-form .col-lg-8,.webform-submission-add-form .webform-section-wrapper .col-sm-6{
	width: 100% !important;
    max-width: 100%;
}
.webform-submission-add-form .col-lg-8{
	margin-top: 30px;
}
.webform-section-wrapper{
	padding: 0 15px;
} */
.webform-submission-add-form {
    padding: 40px;
    box-shadow: 6px 6px 10px lightgray;
    border-radius: 8px;
    padding-bottom: 80px;
}

.ui-dialog {
    width: 600px !important;
}

.webform-submission-add-form .webform-section-wrapper .col-sm-6 {
    width: 100% !important;
    max-width: 100%;
}

.webform-submission-add-form .webform-button--submit {
    margin-bottom: 16px !important;
    border: 1px solid #392566;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    background-color: #392566 !important;

}

.webform-submission-add-form .webform-button--submit:hover {
    background-color: #392566e0 !important;
    color: #fff;
}

/* popup page css end */

/* portfolio page css start */
.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div {
    top: auto;
    width: 100%;
    bottom: 14px;
    left: 0;
    right: 0;
    text-align: right;
    padding-right: 15px;
}

/* portfolio page css end */

/* career page css start */
.career-page-custom89 {
    padding: 50px 0;
}

.career-page-custom89 .box-shadow-with-hover:hover {
    -webkit-box-shadow: 0 10px 40px 0 rgba(22, 24, 26, .19);
    box-shadow: 0 10px 40px 0 rgba(22, 24, 26, .19);
}

.career-page-custom89 p,
.career-page-custom89 h5,
.career-page-custom89 h6,
.career-page-custom89 ul li {
    color: #392566 !important;
}

.career-page-custom89 ul li {
    display: flex;
}

.button-text-1 {
    padding: 10px 30px;
    border: 1px solid #392566;
    border-radius: 0.5em;
    color: #392566;
    font-weight: 700;
}

.button-text-1:hover {
    background-color: #392566;
    color: #fff;
}

/* career page css end */
.header .header-menu .nav .nav-item .nav-dropdown-toggle:after {
    color: #131517;
}

#block-drupalet-mono-content ul {
    padding-left: 16px !important;
}

/* Footer start */
.privacy-policy67 a,
.terms-conditions122 a,
.copyright123 p,
.pipeline12 {
    color: #ffffff8a !important;
}

.privacy-policy67,
.terms-conditions122 {
    display: inline-block;
    list-style: none;
    padding-left: 8px;
}

.privacy-policy67 {
    margin-right: 10px;
}

.bottom-text12 {
    width: 300px;
}

.social_footer1 {
    margin-top: 15px;
}

footer .section-sm {
    padding: 70px 0 25px 0;
}

/* footer #sendinblue-api-sigup-form input{
	border:1px solid #fff !important;
} */
.real-state-custom567 h3 {
    text-align: left !important;
    color: #392566;
    font-weight: 600;
    margin-bottom: 0 !important;
}

footer #sendinblue-api-sigup-form #edit-email {
    padding: 10px 20px !important;
}

footer #sendinblue-api-sigup-form .form-submit {
    width: fit-content !important;
    font-size: 15px;
    padding: 10px 15px;
    background: white;
    color: #392566 !important;
    border-radius: 0.375em;
}

.footer-logo {
    width: 100px;
}

footer .section-sm {
    color: #FFF;
}

/* footer h6{
	font-size: 18px !important;
} */
footer ul li a {
    color: #FFF !important;
}

/* footer ul.list-dash li:before{
	display: none;
} */
/* footer .font-weight-normal{
	font-size: 22px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
} */
.frontpage .header .header-menu .nav .nav-item .nav-dropdown-toggle:after {
    color: #fff;
}

.footer-logo-1 img {
    width: 38px;
    margin-top: 15px;
}

.header.dark:not(.absolute-dark) .header-menu .nav .nav-item .nav-link,
.header.dark:not(.absolute-dark) .header-menu .nav .nav-item .nav-dropdown-toggle,
.header.black:not(.absolute-dark) .header-menu .nav .nav-item .nav-link,
.header.black:not(.absolute-dark) .header-menu .nav .nav-item .nav-dropdown-toggle {
    color: #131517;
}

.frontpage .slider-section-custom34 .owl-stage-outer {
    min-height: 685px !important;
}

/* Footer end */
.testimonials-custom345 .swiper-image {
    width: 100px !important;
    margin: 10px auto 25px auto;
    height: auto !important;
    border-radius: 0% !important;
}

.testimonial-box .margin-bottom-30 {
    margin-bottom: 5px !important;
}

#block-careerscontactsection {
    background-image: linear-gradient(rgb(0 0 0 / 85%) , rgb(0 0 0 / 56%) ),url(/sites/default/files/backgrounds/copernico-p_kICQCOM4s-unsplash.jpg);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 70px;
    padding-top: 30px;
    background-position: center; 
}
.contentinfo .visually-hidden{
    background-color: #392566c7 !important;
    color: #fff;
}
.ajax-progress-throbber{
    display: none;
    z-index: -999;
}
.career-contact-page {
    width: 707px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -107px;

}
.career-contact-page899 h2,.career-contact-page899 p{color:#fff;text-align:center;}


.career-contact-page899 p{ margin-bottom:15px;}

.career-contact-page p {
    margin-bottom: 0;
    padding: 6px;
    text-align: center;
    color: #392566;
    border: 1px solid #392566;
    border-radius: 8px;
}

.career-contact-page p a {
    color: #392566 !important;

}

.career-contact-page p i {
    margin-right: 8px;
}

.career-contact-page .fa-phone {
    transform: rotate(98deg);
}

.career-contact-page p:hover {
    background-color: #392566;
    color: #fff;
}

.career-contact-page p:hover a {
    color: #fff !important;
}

.contact-form {
    margin-top: 45px !important;
}

#edit-processed-text-01 {
    margin-bottom: 30px;
    text-align: center !important;
}
.node--type-expertise .sub-services-custom5656{
    margin-bottom: 25px;
}

/* media query start */
@media screen and (min-width: 2000px) and (max-width: 8000px){
    video#myVideo {
        max-height: 690px !important;
    }
}
@media screen and (min-width: 1792px) and (max-width: 2000px){
    #block-views-block-blogs-block-popular-posts-sidebar, #block-views-block-tags-block-tags-sidebar {
        margin-top: 30px;
    }
    video#myVideo {
        max-height: 690px !important;
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .screen-landing11 img:hover {
        transform: translateY(calc(-100% + 205px));
        transition: transform 5s ease-in-out;
    }
    .sidebar-wrapper{
        margin-top: 30px;
    }   
    .computer-screen33{
    height: 132px;
    width: 221px;
    left: 34px;
    top: 12.5px;
}
    
    .header .header-logo img {
        max-height: 40px;
    }
    .support4 h3::after {
        width: 95px;
        top: -65%;
        height: 120px;
        right: -45%;
    }
    .support3 h3::after {
        width: 70px;
        top: 8%;
        height: 70px;
        right: -45%;
    }
    .computer-empty {
        width: 395px;
    }
    .computer-screen {   
        height: 177px;
        width: 358px;
        left: 40px;
        top: 17px;
    }
    video#myVideo {
       min-height: 630px;
    }
.logged-in video#myVideo{
    min-height: 838px;
}
    .experience-custom234 .col-spacing-50,
    .domain-experience-custom23 .views-view-grid {
        max-width: 960px;
    }

}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .sub-services-custom h6 {
        font-size: 14px;
        
    }
    .content.step07:after {
        right: -420px;
        top: 190px !important;
        font-size: 10rem !important;
    }
    .content.step06:after {
        left: -400px;
        top: 115px !important;
        font-size: 10rem !important;
    }
    .content.step05:after {
        right: -440px;
        top: 100px !important;
        font-size: 10rem !important;
        
    }
    .content.step04:after {
        left: -400px !important;
        top: 130px !important;
        font-size: 10rem !important;
    }
    .content.step03:after {
        right: -435px !important;
        top: 45px !important;
        font-size: 10rem !important;
    }
    .content.step02:after {
        left: -405px !important;
        top: 140px !important;
        font-size: 10rem !important;
        
    }
    .content.step01:after {
        
        right: -440px;
        top: 60px !important;
        font-size: 10rem !important;
        
    }
    .photo-stack {
        width: 300px;
        height: 245px;
    }
    .computer-screen33 {
        height: 95px;
        width: 159px;
        left: 23px;
        top: 6.5px;
        
    }

    .screen-landing11 {
        left: 0px;
        width: 94.5%;
    }


    

    
    .computer-empty img.computer {
        width: 345px !important;
        
    }

    .screen-landing { 
        width: 90%;
    }
    .computer-screen {
        height: 152px;
        width: 310px;
        left: 35px;
        top: 15px;
    }

    video#myVideo {
        height: 700px !important;
    }
    .header .header-menu {
        z-index: 999 !important;
    }

    .header .drp_menu.nav {
        padding: 0 25px;
    }

    .header.dark:not(.absolute-dark) .header-toggle span:before,
    .header.dark:not(.absolute-dark) .header-toggle span,
    .header.dark:not(.absolute-dark) .header-toggle span:after {
        background: #392566 !important;
    }

    .frontpage .header.dark:not(.absolute-dark) .header-toggle span:before,
    .header.dark:not(.absolute-dark) .header-toggle span {
        background: #392566 !important;
    }

    .header .header-menu .nav .nav-item .nav-link,
    .frontpage .header .header-menu .nav .nav-item .nav-link {
        color: #392566 !important;
    }

    #block-views-block-gallery-block-gallery-about-us7 .owl-stage-outer {
        min-height: 345px;
    }

    #block-views-block-testimonial-block-testimonial-about-us-7-2 {
        padding: 0;
    }

    #block-views-block-testimonial-block-testimonial-about-us-7 .container {
        padding: 30px 30px !important;
    }

    .owl-carousel.owl-dots-overlay .owl-dots {
        display: none;
    }

    .header-menu {
        width: 300px !important;
    }

    .header .header-menu .nav .nav-item .nav-link {
        color: #7C7C7C !important;
    }

    .experience-custom234 .col-spacing-50,
    .domain-experience-custom23 .views-view-grid {
        max-width: 720px;
    }

    .domain-experience-custom23 .views-col {
        width: 30% !important;
    }

    .experience-custom234 {
        width: 100%;
        margin: 0;
    }

    .support234 h3::after,
    .support3 h3::after,
    .support4 h3::after,
    .support5 h3::before,
    .support6 h3::before,
    .support7 h3::before {
        display: none;
    }

}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    
    .icon-4xl3344 {
        text-align: center !important;
    }
        
    .career-contact-page899 h2{
        margin-bottom: 2.25rem!important;
    }
    .logged-in .header {
        margin-top: 30px;
    }
   
    .computer-empty img.computer {
        width: 48% !important;
    }
    .computer-screen {
        width: 239px !important;
        left: 25px;
        top: 10px;
        height: 109px;
    }
    
    
    .timeline .container .content h2 {
        font-weight: bold;
    }
   
    section.timeline-section-custom-0119 {
        padding: 0px 0px;
    }

    .timeline .container {
        width: 100%;
    }

    .timeline .container.left {
        left: unset;
    }

    .timeline .container.right {
        left: unset;
    }

    .timeline .container .content,
    .timeline .container.right .content {
        padding: 10px;
        border-radius: 8px;
    }

    .timeline .container .icon {
        display: none;
    }

    .timeline .container::before {
        display: none;
    }

    .timeline .container::after {
        display: none;
    }

    .timeline .container .content h2 {
        font-size: 20px;
    }

    .timeline .container .content p {
        font-size: 14px;
    }

    .content.step01:after,
    .content.step02:after,
    .content.step03:after,
    .content.step04:after,
    .content.step05:after,
    .content.step06:after,
    .content.step07:after,
    .timeline::after {
        display: none;
    }

    .career-contact-page {
        width: 245px;
    }

    .photo-stack img {
        width: 330px;
        height: 200px;
    }

    .photo-stack {
        width: 230px;
        height: 225px;

    }

   

    

    .screen-landing {
        left: 0;
        width: 80%;
    }


    .computer-empty {

        width: 496px;
    }

    .computer-screen33 {
        height: 117px;
        width: 197px;
        left: 28px;
        top: 9.5px;
    }

    .privacy-policy67,
    .terms-conditions122 {
        text-align: center;
    }

    #block-views-block-client-block-client-logo-agency6 .owl-stage .owl-item {
        width: 164px !important;
    }

    .frontpage .section-2xl {
        padding: 95px 0 !important;
    }

    video#myVideo {
        height: 665px;
    }

    .header .header-menu {
        z-index: 999 !important;
    }

    #block-views-block-testimonial-block-testimonial-about-us-7 .container {
        padding: 30px 0 !important;
    }

    .cta-section-custom123 .row {
        margin: 0;
    }

    .experties-custom-726 .testimonials-custom789 {
        padding: 0;
    }

    .ui-widget-content {
        width: 100% !important;
    }

    .node--type-article .section .col-12 {
        padding: 0;
    }

    #block-drupalet-mono-content .col-lg-12,
    .frontpage #block-views-block-testimonial-block-testimonial-about-us-7-2 {
        padding: 0;
    }

    .support234 h3,
    .support3 h3,
    .support4 h3,
    .support5 h3,
    .support6 h3,
    .support7 h3 {
        text-align: center;
    }

    .display-4,
    .bg-black-06 h1 {
        font-size: 35px !important;
    }

    #block-views-block-gallery-block-gallery-about-us7 .owl-stage-outer {
        min-height: 102px;
    }

    .owl-carousel.owl-dots-overlay .owl-dots {
        display: none;
    }

    .header.dark:not(.absolute-dark) .header-toggle span:before,
    .header.dark:not(.absolute-dark) .header-toggle span,
    .header.dark:not(.absolute-dark) .header-toggle span:after {
        background: #392566 !important;
    }

    .frontpage .header.dark:not(.absolute-dark) .header-toggle span:before,
    .header.dark:not(.absolute-dark) .header-toggle span {
        background: #392566 !important;
    }

    .header .header-menu .nav .nav-item .nav-link,
    .frontpage .header .header-menu .nav .nav-item .nav-link {
        color: #392566 !important;
    }

    .header.dark:not(.absolute-dark) .header-toggle.toggle-close span {
        background: transparent !important;
    }

    .logged-in .header .drp_menu.nav {
        padding-left: 0;
    }

    .header .drp_menu.nav {
        padding: 0 25px;
    }

    .header-menu {
        width: 250px !important;
    }

    .header .header-menu .nav .nav-item .nav-link {
        color: #7C7C7C !important;
    }

    .pagination {
        display: flex;
        flex-wrap: wrap;
    }

    .webform-submission-portfolio-6-form-form .text-md-center {
        text-align: center;
    }

    .experience-custom234 .col-spacing-50,
    .domain-experience-custom23 .views-view-grid {
        max-width: 100%;
    }

    .domain-experience-custom23 .views-col {
        width: 100% !important;
        max-width: 100%;
        ;
    }

    .experience-custom234 {
        width: 100%;
        margin: 0;
    }

    /* .slider-section-custom34 .owl-carousel {
		min-height: 1780px;
	} */
    .support234 h3::after,
    .support3 h3::after,
    .support4 h3::after,
    .support5 h3::before,
    .support6 h3::before,
    .support7 h3::before {
        display: none;
    }

    .support1 {
        margin-right: 0;
    }

    .support2 {
        margin-left: 0;
    }

    .support1 p {
        text-align: center;
    }

    .support2 p {
        text-align: center;
    }

    .custom-font-set119 .feature-box {
        padding: 0;
        text-align: center;
        justify-content: center;
    }

    .custom-font-set119 .feature-box .feature-box-icon {
        position: unset;
        margin-bottom: 5px;
    }

    .footer-logo {
        width: 90px;
    }

    /* footer .row {
		display: inline-block;
	} */
}

/* media query end */

/* end custom css */



.expertise-custom7897 p {
    text-align: justify;
}
.hidden {
    display: none;
}

.padding-tb-0 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.padding-b-0 {
    padding-bottom: 0px;
}

.padding-top-0 {
    padding-top: 0px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-top-70 {
    padding-top: 70px !important;
}

.title-align-left .align-title {
    text-align: left;
    margin-left: 0px;
}

.title-align-right .align-title {
    text-align: right;
    margin-right: 0px;
}

/*.header-menu{
	width:100%;
}*/
.margin-top-100 {
    margin-top: -100px;
}

.pager__item--next .page-link,
.pager__item--last .page-link,
.pager__item--previous .page-link,
.pager__item--first .page-link {
    padding: 0px 8px !important;
}

.sidebar-box .popular-post img {
    margin-top: 9px;
}

.pager-text-align-center nav.pager {
    margin: 0 auto;
    width: 100%;
}

.img-align-center {
    margin: 0 auto;
}

.color-white,
.color-white * {
    color: #FFF
}

.pager {
    clear: both;
    width: 100%;
}

.button.button--primary {
    margin-top: 50px;
}

.margin-top--100 {
    margin-top: -100px;
}