:root {
    --mi-pc: #2947fd;
    --bg-all: #f8f9fa;
}
/*.active{
    color: var(--color-primary)!important;
  }*/
.megamenu-heading-hover {
    color: var(--color-blue);
}
.megamenu-heading-hover:hover {
    color: #fe688b;
    transition: all 0.3s;
}
/*h1 {
    font-size: 72px;
    background: -webkit-linear-gradient(#eee, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }*/

/*.btn-white.btn-bordered {
    color: #fe688b;
    border-color: #fe688b;
}*/
.tab-pm-0 {
    border: 0;
    border-radius: 0;
    padding: 10px 15px;
    margin: 0 0px !important;
    color: #000;
    text-align: center;
}
.iconbox.iconbox-round.iconbox-shadow.iconbox-heading-xs.iconbox-filled.d-inline-flex.px-2.w-100.iconbox-icon-animating {
    height: 154px;
}

.flickity-enabled.is-draggable .flickity-viewport:after {
    width: 0%;
}
.bookiyo {
    -webkit-filter: contrast(376%) hue-rotate(194deg);
}
.clenta {
    filter: contrast(120%) hue-rotate(286deg);
    -webkit-filter: contrast(120%) hue-rotate(286deg);
}
.coinry-exchange {
    filter: grayscale(50%) contrast(141%) hue-rotate(216deg);
    -webkit-filter: grayscale(50%) contrast(141%) hue-rotate(216deg);
}
.line-h-css {
    line-height: 119px !important;
}
.line-h-css-88 {
    line-height: 88px !important;
}
.pb-184 {
    padding-bottom: 184px !important;
}
.hooko {
    filter: contrast(120%) hue-rotate(26deg);
    -webkit-filter: contrast(120%) hue-rotate(26deg);
}
.payrizon {
    filter: grayscale(50%) contrast(197%) hue-rotate(245deg);
    -webkit-filter: grayscale(50%) contrast(197%) hue-rotate(245deg);
}
.musheart {
    filter: grayscale(50%) contrast(197%) hue-rotate(45deg);
    -webkit-filter: grayscale(50%) contrast(197%) hue-rotate(45deg);
}
.offyo {
    filter: grayscale(50%) contrast(197%) hue-rotate(-55deg);
    -webkit-filter: grayscale(50%) contrast(197%) hue-rotate(-55deg);
}
.turogo {
    filter: grayscale(50%) contrast(267%) hue-rotate(-62deg);
    -webkit-filter: grayscale(50%) contrast(267%) hue-rotate(-62deg);
}
.tutorie {
    filter: grayscale(50%) contrast(267%) hue-rotate(28deg);
    -webkit-filter: grayscale(50%) contrast(267%) hue-rotate(28deg);
}
.lazavid {
    filter: contrast(110%) hue-rotate(225deg);
    -webkit-filter: contrast(110%) hue-rotate(225deg);
}
.propvy {
    filter: grayscale(50%) contrast(157%) hue-rotate(-22deg);
    -webkit-filter: grayscale(50%) contrast(157%) hue-rotate(-22deg);
}
.vacax {
    filter: grayscale(50%) contrast(267%) hue-rotate(258deg);
    -webkit-filter: grayscale(50%) contrast(267%) hue-rotate(258deg);
}
.vybsy {
    filter: grayscale(50%) contrast(267%) hue-rotate(210deg);
    -webkit-filter: grayscale(50%) contrast(267%) hue-rotate(210deg);
}
.winsive {
    filter: grayscale(50%) contrast(287%) hue-rotate(170deg);
    -webkit-filter: grayscale(50%) contrast(287%) hue-rotate(170deg);
}
.wurxs {
    filter: grayscale(50%) contrast(257%) hue-rotate(-130deg);
    -webkit-filter: grayscale(50%) contrast(257%) hue-rotate(-130deg);
}
.yumxy {
    filter: grayscale(50%) contrast(257%) hue-rotate(170deg);
    -webkit-filter: grayscale(50%) contrast(257%) hue-rotate(170deg);
}
.zipcruit {
    filter: grayscale(50%) contrast(377%) hue-rotate(230deg);
    -webkit-filter: grayscale(50%) contrast(377%) hue-rotate(230deg);
}
.zonnect {
    filter: grayscale(50%) contrast(188%) hue-rotate(88deg);
    -webkit-filter: grayscale(50%) contrast(188%) hue-rotate(88deg);
}
.tebry {
    filter: grayscale(50%) contrast(188%) hue-rotate(-182deg);
    -webkit-filter: grayscale(50%) contrast(188%) hue-rotate(-182deg);
}
.project-detail__picture {
    bottom: 0;
}
#lazavid-1 .tech-box {
    height: 163px;
}
#tebry-1 .tech-box {
    height: 145px;
}
.div-p {
    position: relative;
}
.div-c {
    position: absolute;
    bottom: 0;
    right: 44.5%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.btn-np {
    border-radius: 30px;
    border: 0;
    height: 50px;
    width: 50px;
    outline: 0;
    box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.35);
    background-color: #ffffff;
}
.clear-css {
    clear: both !important;
}
.text-dark-css {
    color: black !important;
    text-decoration: none;
    transition: all 0.3s;
}
.text-dark-css:hover {
    color: #fe688b !important;
}

#btn-white-css .btn-bordered {
    color: #ffffff;
    border-color: #ffffff;
}
#btn-white-css .btn-bordered:hover {
    color: #000000ff;
}
.main-nav > li.menu-item-has-children > a:hover:before,
.main-nav > li.menu-item-has-children.active > a:before {
    content: "";
    display: none !important;
}

.padd-80 {
    padding: 90px 0;
    background-color: #ecefff;
}
.h-screen {
    height: 90vh;
}

.head-img-sub {
    position: absolute;
    right: 0;
    width: 70%;
    height: 100%;
    object-fit: cover;
    background-image: linear-gradient(45deg, rgb(136 130 233 / 31%), rgb(29 26 225 / 34%)), url(https://images.pexels.com/photos/3861958/pexels-photo-3861958.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
}
.head-img-sub-2 {
    background-image: linear-gradient(45deg, rgb(136 130 233 / 31%), rgb(29 26 225 / 34%)), url(https://images.pexels.com/photos/919436/pexels-photo-919436.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260s);
}
.head-img-sub-3 {
    background-image: linear-gradient(45deg, rgb(136 130 233 / 31%), rgb(29 26 225 / 34%)),
        url(https://images.unsplash.com/photo-1551434678-e076c223a692?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1470&q=80);
}
.head-img-sub-4 {
    background-image: linear-gradient(45deg, rgb(136 130 233 / 31%), rgb(29 26 225 / 34%)),
        url(https://images.unsplash.com/photo-1514996550219-62672472d03b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80);
}
.head-img-sub-5 {
    background-image: linear-gradient(45deg, rgb(136 130 233 / 31%), rgb(29 26 225 / 34%)),
        url(https://images.unsplash.com/photo-1587440871875-191322ee64b0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1471&q=80);
}
.head-img-sub-6 {
    background-image: linear-gradient(45deg, rgb(136 130 233 / 31%), rgb(29 26 225 / 34%)),
        url(https://www.naukri.com/learning/articles/wp-content/uploads/sites/11/2020/09/digtal-marketing-interview-questions.jpg);
}
.head-item {
    padding: 40px 50px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(12px);
    background-color: rgb(14 29 129 / 80%);
}
.head-ti {
    color: #ffffff;
    margin: 0 0 30px 0;
    font-size: 70px;
}
.head-p {
    color: #ffffff;
    font-size: 16px;
    opacity: 0.8;
    padding: 0 0 10px 50px;
    position: relative;
    margin: 0;
    font-weight: 300;
}
.head-sub {
    position: absolute;
    left: 0;
    top: -135px;
    width: 120px;
    filter: invert(4%) sepia(86%) saturate(5876%) hue-rotate(246deg) brightness(98%) contrast(98%);
}
.dot-p {
    position: relative;
}
.p-ser {
    padding: 0 0 80px 0;
}
.ser-h2 {
    margin: 0 0 50px 0;
    font-size: 40px;
    position: relative;
}
.ser-h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    height: 3px;
    width: 30%;
    background-color: var(--mi-pc);
}
.con-flex {
    height: 91vh;
    display: flex;
    align-items: center;
    position: relative;
}
.py-head {
    padding: 0 10%;
}
.head-p:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    height: 2px;
    width: 40px;
    background-color: #e9ff00;
}
.ser-p {
    font-size: 16px;
}
.pa-hire {
    padding: 50px 50px;
}
.row.d-hire {
    display: flex;
    align-items: flex-start;
}
.title-hire {
    margin: 0 0 30px 0;
    color: #ffffff;
    font-size: 40px;
}
.p-hire {
    font-size: 16px;
    color: #ffffff;
    font-weight: 300;
    margin: 0;
    opacity: 0.8;
}
.d-hire .btn-hire {
    color: #ffffff;
    border-color: #ffffff;
}

/*_____________________________________________*/

.panel-group {
    display: grid;
    grid-template-rows: 1fr;
    grid-gap: 10px;
}
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
}
.panel-group .panel .panel-heading {
    padding: 0;
}
.panel-group .panel .panel-heading h4 a {
    background: #ffffff;
    display: block;
    font-size: 20px;
    font-weight: 600;
    padding: 15px;
    color: black;
    text-decoration: none;
    transition: 0.15s all ease-in-out;
}
.panel-group .panel .panel-heading h4 a:hover,
.panel-group .panel .panel-heading h4 a:not(.collapsed) {
    transition: 0.15s all ease-in-out;
    /*background: linear-gradient(90deg, #9db8e3 0%, #f2f7ff 100%);*/
    box-shadow: rgb(0 0 0) 0px 6px 0px -4px inset;
}
/*.panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
  content: "";
}*/
.panel-group .panel .panel-heading h4 a i {
    color: #404040;
}
.panel-group .panel .panel-body {
    padding-top: 0;
}
.panel-group .panel .panel-heading + .panel-collapse > .list-group,
.panel-group .panel .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}
.panel-group .panel + .panel {
    border-top: none;
    margin-top: 0;
}
.panel-group .panel .panel-heading h4 a i {
    color: #404040;
    transform-origin: 0.2rem 50%;
    transition: 0.1s transform ease;
    font-size: 20px;
}
.panel-group .panel .panel-heading h4 a:not(.collapsed) i {
    transform: rotate(90deg);
    transform-origin: 0.2rem 50%;
    transition: 0.1s transform ease;
    font-size: 20px;
}
/*_____________________________________________*/

.btn-qa {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}
.panel-group .panel-title {
    margin: 0;
}
.panel-body p {
    margin: 10px 0 10px 30px;
    border: 1px solid #e1e1e1;
    padding: 10px 20px;
    border-radius: 10px;
}
.faq-h3 {
    margin: 0 0 30px 0;
    font-size: 43px;
    font-weight: 700;
}
.faq-p {
    margin: 0 0 0px 0;
    color: #3d59e8;
}
.faq-section {
    background-color: #f2f7ff;
    padding: 70px 0 80px 0;
    margin: 0 0 30px 0;
}
.why-sub-con {
    position: relative;
    height: 100%;
    box-shadow: rgb(41 71 253) -107px 107px 0px -101px, rgb(249 184 81) 196px -196px 1px -191px;
}
.img-sub-why {
    position: absolute;
    overflow: hidden;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.section-why {
    padding: 100px 0 100px 0;
    background: var(--bg-all);
    margin-bottom: 100px;
}
.why-main-head {
    margin: 0 0 20px;
    font-size: 34px;
}
.why-ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.why-item {
    position: relative;
    padding: 0 0 0 30px;
    line-height: 50px;
    color: #000;
}
.why-item:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: var(--mi-pc);
    left: 0;
    top: 15px;
    border-radius: 10px;
    background-image: url("../demo/icon/true-img.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
}
.iconic-inner-con {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0px 20px;
    grid-auto-rows: 1fr;
}
.iconic-item {
    flex: 0 0 29%;
    display: flex;
    align-items: center;
    padding: 20px 0px;
    border: 2px solid #b3b3b3;
    margin: 20px 20px;
    border-radius: 10px;
    transition: all 0.3s ease-out;
}
.iconic-img {
    width: 60px;
    flex: 0 0 60px;
    border-radius: 120px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 -30px;
    background: linear-gradient(#adb8ff, #f4f6ff);
    box-shadow: #d7d7d7 5px 8px 16px;
    transition: all 0.2s ease-out;
}
.iconic-img img {
    width: 36px;
    filter: invert(29%) sepia(97%) saturate(5901%) hue-rotate(235deg) brightness(51%) contrast(106%);
}
.iconic-p {
    margin: 0 0 0 20px;
    font-weight: 500;
    color: #000000;
}
.iconic-item:hover {
    border: 2px solid #121f82;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    background: #121f82;
}
.iconic-item:hover .iconic-p {
    color: #ffffff;
}
.iconic-item:hover .iconic-img {
    background: linear-gradient(#bdc6ff, #c5cdff);
    box-shadow: unset;
    transform: scale(1.1);
}
.section-iconic {
    /* background: #f2f7ff; */
    margin: 60px 0 70px 0;
    /* padding: 90px 0 80px 0; */
}
.tech-box {
    height: 100%;
}
.sss-con {
    height: 100vh;
    /* background: red; */
    display: flex;
    padding: 160px 0 0 0;
    position: relative;
}
.sss-circle {
    position: absolute;
    left: -7%;
    top: -22%;
    width: 110vh;
    height: 110vh;
    border: 4em solid #f1f3ff;
    border-radius: 100%;
}
.sss-img-con {
    position: absolute;
    top: 0;
    right: 10%;
    display: flex;
    align-items: center;
    height: 100%;
}
.sss-img-sub {
    display: block;
    width: 45em;
    height: 45em;
    object-fit: cover;
    border-radius: 100%;
    position: relative;
}
.sss-img {
    border-radius: 100%;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 5em solid var(--mi-pc);
}
.sss-img-sub:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    background-image: url(../demo/bg/dott-bg.svg);
    height: 7em;
    width: 10em;
    background-repeat: no-repeat;
    background-position: center;
}
.sss-img-sub:after {
    content: "";
    display: block;
    position: absolute;
    left: 30px;
    bottom: 0;
    background-image: url(../demo/bg/dott-bg.svg);
    height: 7em;
    width: 10em;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.sss-h2 {
    margin: 40px 0 20px 0;
    font-size: 48px;
}
.stack-top-con {
    background: var(--bg-all);
    padding: 60px 0 100px 0;
    margin: 60px 0 40px 0;
}
.grid-stack-top {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.item-stack-sub {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 30px 20px;
    position: relative;
    overflow: hidden;
}
.stack-icon-con {
    width: 50px;
    flex: 0 0 50px;
    position: relative;
    z-index: 1;
}
.item-stack-sub:hover .stack-icon-con:before {
    background: #6378f7;
}
.stack-icon-con:before {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: var(--mi-pc);
    bottom: -4px;
    left: -4px;
    z-index: -1;
}
.stack-sub-h3 {
    font-size: 18px;
    font-weight: 500;
}
.item-stack-sub:hover::before {
    top: 0;
}
.item-stack-sub:hover::before {
    top: 0;
}
.item-stack-sub:before {
    content: "";
    display: block;
    position: absolute;
    top: 98%;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--mi-pc);
    transition: all 0.3s ease;
}
.item-stack-sub:hover .stack-icon-con img {
    filter: invert(100%) sepia(0%) saturate(17%) hue-rotate(96deg) brightness(104%) contrast(103%);
    transition: all 0.3s ease;
}
.item-stack-sub:hover .stack-sub-h3 {
    color: #ffffff;
    z-index: 1;
}
.grid-q-section-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    grid-gap: 30px;
}
.q-section-small {
    padding: 30px 30px;
    height: 100%;
    background: #e9ecff;
    box-shadow: #2947fd 3px 0 0 0px inset;
}
.q-section-h3 {
    font-size: 20px;
    margin: 0 0 20px 0;
    font-weight: 600;
}
.q-section-p {
    margin: 0;
}
.q-section-sun:nth-child(1) .q-section-small {
    border: unset;
    display: flex;
    align-items: center;
}
.q-section-sun:nth-child(1) .q-section-small h2 {
    margin: 0;
    position: relative;
}
.q-section-h3 {
    font-size: 20px;
    margin: 0 0 20px 0;
    font-weight: 600;
}
.q-section-p {
    margin: 0;
}
.q-section-h3 span {
    position: relative;
    transform: scaleX(0);
    transform-origin: bottom right;
}
.q-section-h3 span::before {
    transform: scaleX(0);
    transform-origin: bottom right;
}
.q-section-sun:hover span::before {
    transform: scaleX(1);
    transform-origin: bottom left;
}
.q-section-h3 span::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0 0 0 0;
    background: var(--mi-pc);
    z-index: -1;
    transition: transform 0.3s ease;
}
/*.q-section-sun:nth-child(1) .q-section-small h2:before {
    content: "";
    display: block;
    height: 5px;
    width: 70%;
    background: var(--mi-pc);
    position: absolute;
    bottom: -10px;
    left: 0;
}*/
.q-section-sun:nth-child(1) .q-section-small {
    border: unset;
    display: flex;
    align-items: center;
    padding: 0;
    background: unset;
    box-shadow: unset;
}
.q-section-sun:hover span {
    color: #ffffff;
    transition: transform 0.3s ease;
}
.q-section-con {
    padding: 90px 0 90px 0;
    background: var(--bg-all);
    margin: 0 0 40px 0;
}
.sit-inner-sub {
    position: relative;
    overflow: hidden;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #d5dbff;
}
.sit-img-con {
    position: absolute;
    right: 0;
    width: 50%;
    background-image: url(../demo/bg/Team-Management-Software-Development.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.sit-content {
    padding: 0 calc(50% + 90px) 0 10%;
}
.sit-h2 {
    font-size: 70px;
    margin: 0 0 30px 0;
}

.flex-stack-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.flex-stack-top .item-stack-sub {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 30px 20px;
    position: relative;
    overflow: hidden;
    flex: 0 0 23%;
    margin: 11px;
}
.flex-stack-top .item-stack-sub:nth-child(4) {
    margin-right: 0;
}
.flex-stack-top .item-stack-sub:first-child {
    margin-left: 0;
}
.p-ser-in {
    padding: 120px 0 60px 0;
}
.ser-h2-inner::after{
    background-color: #ffa487;
}
.navbar-brand-inner{
    width: 110px;
}

.mainbar-wrap.is-stuck .header-module a.btn.btn-default.btn-white {
    background: #3d59e8;
}
.text-secondary {
    color: #3d59e8!important;
}
.ty-con {
    background-color: var(--mi-pc);
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ty-img {
    position: absolute;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: screen;
}
.ty-text span:nth-child(2) {
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #dee3ff;
    color: #0000;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(5px, 5px);
}
.ty-text {
    position: relative;
    color: #ffffff;
    font-size: 110px;
    display: inline-block;
    margin: 0 0 30px 0;
    -webkit-animation: ty-text 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
            animation: ty-text 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
.ty-text span:nth-child(1) {
    position: relative;
    z-index: 1;
}
.ty-p {
    margin: 0 0 40px 0;
}
.blog-top-grid-top .blog-top-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.blog-top-grid-top .blog-top-item:nth-child(1) {
    grid-area: 1 / 1 / 2 / 4;
}
.blog-top-grid-top .blog-top-item:nth-child(1) .axil-blog.large {
    flex-direction: row;
}
.blog-top-grid-top .blog-top-item:nth-child(1) .axil-blog.large .thumb {
     flex: 0 0 50%;
}
.blog-top-grid-top .blog-top-item:nth-child(1) .content {
    padding: 0 0 0 20px;
}
.blog-top-grid-top .blog-top-item:nth-child(1) .axil-blog.large .thumb {
    margin-bottom: unset;
}
.blog-top-grid-top .blog-top-item:nth-child(1) .axil-blog.large .content h5.title a {
    font-size: 28px;
}
.blog-top-grid-top .blog-top-item:nth-child(2) {
    grid-area: 2 / 1 / 3 / 2;
}
.blog-top-grid-top .blog-top-item:nth-child(n+2) .keyword-list{
    display: none;
}
.blog-top-grid-top .blog-top-item:nth-child(n+2) .info-blog-h{
    display: none;
}
@media screen and (min-width: 769px){
    .blog-top-grid-top .blog-top-item:nth-child(n+2) .axil-blog.large .content h5.title a,.blog-top-grid-top .axil-blog.large .content h5 {
        font-size: 19px;
        line-height: 24px;
        font-weight: 500;
    }
}
.blog-top-grid-top .blog-top-item:nth-child(3) {
    grid-area: 2 / 2 / 3 / 3;
}
.blog-top-grid-top .blog-top-item:nth-child(4) {
    grid-area: 2 / 3 / 3 / 4;
}
.axil-blog.large {
    flex-direction: column;
    align-items: center;
}
.blog-top-grid-top .axil-blog {
    border-radius: 10px;
}
.blog-top-grid-top .axil-blog {
    display: flex;
    padding: 15px;
    align-items: center;
    background: #fff;
}
.blog-top-grid-top .axil-blog.large .thumb {
    margin-bottom: 15px;
    margin-left: 0;
    flex: 0 0 100%;
    width: 100%;
}
.blog-top-grid-top .axil-blog .thumb {
    flex: 0 0 40%;
    margin-left: 20px;
}
.thumb .image img {
    border-radius: 8px;
}
.keyword-list {
    display: flex;
    flex-wrap: wrap;
    line-height: 18px;
    margin: 0 0 20px;
    list-style: none;
    padding: 0;
}
.blog-h-main .title {
    margin: 0 0 5px;
    min-height: 100px;
}
.blog-top-grid .info-blog-h {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 16px;
}
/*.keyword-list li a {
    color: var(--mi-pc);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    padding-right: 5px;
}*/
.blog-top-grid-top .keyword-list li a::after {
    content: ",";
    bottom: 0;
    right: 0;
}
.blog-top-grid-top .keyword-list li:last-child a::after {
    content: "";
}
.blog-top-grid-top .axil-blog.large .content h5.title a {
    font-size: 24px;
}
.blog-top-grid-top .thumb {
    margin: 0 0 10px 0;
}
.axil-blog .content h5.title a {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    color: #000;
}
.blog-data p {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}
.blog-top-grid-body .blog-top-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.tp-title {
    margin: 30px 0 20px 0;
}
.tp-title p {
    text-transform: uppercase;
    margin: 0;
}
.tp-title h3 {
    color: #000;
    margin: 0;
}

.blog__inner__content .blog-single-cover.is-in-view .blog-single-media {
    opacity: 0.4;
}
.blog-inner-main-b img{
    border-radius: 18px;
}
.blog-single-content {
    border-radius: 20px;
}

.blog-inner-main-b {
    margin: -40px -163px 60px -163px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.main-blog-container  p:first-child:first-letter{
    float: left;
    margin-right: 0.1em;
    font-size: 4em;
    line-height: 0.75em;
    font-weight: 700;
    color: #000;
}
.main-blog-container  p{
    text-align: justify!important;
    color: #212529;
    font-size: 16px;
}
.main-blog-container  h2{
    margin-bottom: 1rem!important;
    margin-top: 1rem!important;
    color: #131313;
    font-weight: 700;
    font-size: 23px;
    line-height: 35px;
}
.main-blog-container  h1{
    margin-bottom: 3rem!important;
    margin-top: 1rem!important;
    font-weight: 600;
    color: #000;
    font-size: 1.5rem;
}
.main-blog-container  h3{
    margin-bottom: 1rem!important;
    margin-top: 1rem!important;
    font-weight: 600;
    color: #4e4e4e!important;
    font-size: 20px;
    letter-spacing: -.5px;
    line-height: 1.2;
}
.main-blog-container  h4{
    margin-bottom: 1rem!important;
    margin-top: 1rem!important;
    font-weight: 600;
    color: #b1b1b1!important;
    font-size: 16px;
    letter-spacing: -.5px;
    line-height: 1.2;
}
.main-blog-container div {
    margin: 10px 0 20px 0;
}
.main-blog-container ol li{
    font-size: 15px;
    list-style: unset;
}
.main-blog-container ul li {
    list-style: unset;
    margin: 0 0 0 40px;
    color: #212529;
    padding: 0 0 0 0px;
    font-size: 15px;
}
.main-blog-container ul {
    list-style: unset;
    font-size: 16px;
    padding: 0;
}
.main-blog-container a {
    color: var(--mi-pc);
}
.main-blog-container {
    padding: 0 0 70px 0;
}
.all-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.blog-top-item:nth-child(1) {
    grid-area: 1 / 1 / 4 / 2;
}
.blog-top-item-col .axil-blog {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.blog-top-item-col .thumb {
    width: unset!important;
    flex: 0 0 40%!important;
    margin: 0 0 0 10px!important;
}
.blog-top-item-col .info-blog-h{
    display: none;
}
.blog-top-item-col .title a {
    font-size: 18px!important;
}
.blog-top-item-col {
    display: flex;
}
.blog-top-item-col .keyword-list{
    margin: 0 0 10px;
}
.blog-top-item-col .blog-data{
    display: block;
}
.blog-all-main .axil-blog {
    padding: 0;
}
.axil-blog.large {
    flex-direction: column;
    align-items: flex-start;
}
.axil-blog {
    border-radius: 10px;
}
.axil-blog {
    display: flex;
    padding: 15px;
    align-items: center;
    background: #fff;
}
.blog-all-main .axil-blog.large .thumb {
    margin-bottom: 20px;
}
.axil-blog.large .thumb {
    margin-bottom: 15px;
    margin-left: 0;
    flex: 0 0 100%;
    width: 100%;
}
.axil-blog .thumb {
    flex: 0 0 40%;
    margin-left: 20px;
}
.thumb .image img {
    border-radius: 8px!important;
}
.keyword-list {
    display: flex;
    flex-wrap: wrap;
    line-height: 18px;
    margin: 0 0 20px;
}
.blog-all-main{

}
.blog-all-main .axil-blog {
    padding: 0;
}
.blog-all-main .info-blog-h{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14.5px;
}
.date__the p{
    font-size: 14.5px;
}
.blog-all-main .axil-blog.large .thumb {
    margin-bottom: 20px;
}
.blog-all-main .keyword-list {
    margin: 0 0 10px;
}
.blog-all-main .blog-h-main .title {
    min-height: 120px;
}
.blog-all-main .axil-blog.large .content h5.title a {
    font-size: 22px;
}
.keyword-list {
    display: flex;
    flex-wrap: wrap;
    line-height: 18px;
    margin: 0 0 20px;
}
.keyword-list li a {
    color: var(--mi-pc);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
}
.keyword-list li a:hover {
    color: gray;
}
.keyword-list li a::after {
    content: ",";
    bottom: 0;
    right: 0;
}
.keyword-list li:last-child a::after {
    content: "";
}
.bt-2{
    border-top: 2px solid #000;
}
.main-globel-setion {
    padding: 20px 0 60px 0;
}
.grid-blog-hold {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}
.blog-sub-item:first-child {
    grid-area: 1 / 1 / 2 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-sub-item {
    background-color: #ffffff;
    box-shadow: rgb(149 157 165 / 20%) 0px 11px 24px;
    border: 1px solid #000000;
    transition: all 0.2s;
}
.blog-sub-item:hover {
    border: 1px solid #3d59e8;
    background-color: #f1f3ff;
}
.blog-sub-item .axil-blog{
    background-color: unset;
}
.blog-sub-item {
    border-radius: 10px;
}
.blog-sub-item:first-child .axil-blog .thumb {
    flex: 0 0 50%;
    padding: 0 0 0 30px;
}
.blog-sub-item:first-child .axil-blog.large {
    flex-direction: unset;
    align-items: center;
}
.blog-sub-item:first-child .blog-all-main .axil-blog.large .thumb{
    margin: unset;
}
.blog-sub-item:first-child .content{
    /*background-color: #b5c1ff;*/
    padding: 15px;
}
.blog-sub-item:first-child .date__the p{
    margin: 0;
}
.blog-sub-item:nth-child(n+2) .info-blog-h,.blog-sub-item:nth-child(n+2) .keyword-list, .blog-sub-item:nth-child(n+2) .date__the{
    display: none;
}
.blog-sub-item:nth-child(n+2) .blog-all-main .axil-blog.large .content h5.title a{
    font-size: 14px;
}
.blog-sub-item:nth-child(n+2) .blog-all-main .blog-h-main .title{
    line-height: 10px;
    min-height: 85px;
    margin: 0;
    padding: 10px 10px 10px 10px;
}
.blog-sub-item:nth-child(n+2) .blog-all-main .axil-blog.large .thumb{
    margin: 0;
    padding: 15px 15px 0 15px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*//////////////////////////////////////////////////////*/
/* ----------------------------------------------
 * Generated by Animista on 2021-10-22 11:40:1
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation ty-text
 * ----------------------------------------
 */

@-webkit-keyframes ty-text {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ty-text {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

.carousel_se_02 .owl-item .item {
    height: 25vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.carousel_se_02 .owl-controls.clickable .owl-pagination,.owl-pagination{
    display: none;
}
.carousel_se_02 .item {
    background-color: #f8f8fb;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #f8f8fb;
}
.carousel_se_02 .item:hover{
    border: 1px solid #B7B7B7;
    transition: all 0.5s ease;
}
.carousel_se_02 .owl-wrapper{
    display: flex!important;
    height: 100%;
}
.se_02_h6 {
    margin: 10px 0 5px 0;
    font-size: 22px;
    font-family: 'Poppins';
    font-weight: 700;
}
.carousel_se_02 .se_02_img {
    width: 95%;
    transition: all 0.5s ease;
}
.carousel_se_02 .owl-item:hover .se_02_img {
    width: 48%;
}
.se_02_inmain {
    height: 0%;
    overflow: hidden;
    transition: all 0.5s ease;
}
.carousel_se_02 .owl-item:hover .se_02_inmain {
    height: 100%;
    overflow: hidden;
}
.se_02_p {
    font-size: 16px;
    line-height: 25px;
}
.gp-con {
    display: flex;
    align-items: center;
}
.cpy__flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.vc_row.vc__pt {
    padding: 20px 0 10px;
}
.social-icon li {
    margin-right: 15px;
}
.gp-img{
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.gp-img:hover{
    filter: none;
    -webkit-filter: grayscale(0%);
}


.light-theme a,
.light-theme span {
  width: 40px;
  height: 40px;
  font-size: 19px;
  line-height: 40px;
  border-radius: 50%;
}

.light-theme .current {
  background-color: #0575e5 !important;
}
/*//////////////////////////////////////////////////////*/

/*.lqd-img-icon::after {
    content: "";
    position: absolute;
    background-color: #00000030;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.lqd-img-icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
     background: red; 
    z-index: 1000;
    transform: translate(-50%, -50%);
    background-image: url(https://pngimg.com/uploads/android_logo/android_logo_PNG17.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}*/

.partners img {
    display: none;
}
.custom-file-input__ {
  color: transparent;
}
.custom-file-input__::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input__::before {
    content: 'Upload Your Files';
    color: black;
    display: inline-block;
    /* background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3); */
    border: 1px solid #999;
    padding: 9px 20px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}
.custom-file-input__:hover::before {
  border-color: black;
}
.custom-file-input__:active {
  outline: 0;
}
.custom-file-input__:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}
@media screen and (min-width: 1200px){
    .blog-single-cover[data-fullheight=true] {
        height: 75vh;
    }
}
/*__________________________________________________________________________________________________*/


@media screen and (max-width: 1199px){
    .mainbar-wrap .navbar-brand-inner {
        filter: unset!important;
    }
}

@media screen and (min-width: 1200px){
    .lqd-promo-alt .lqd-promo-content h1 {
        font-size: 72px;
    }
}
@media screen and (max-width: 1199px){
    .lqd-promo-alt .lqd-promo-content h1 {
        font-size: 60px;
    }
    .cpy__flex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .cpy__flex div:nth-child(2) {
            margin: 20px 0;
    }
    .megamenu .ld-row {
        overflow-x: scroll;
        height: 50vh;
    }
}
@media screen and (max-width: 465px){
    .lqd-promo-alt .lqd-promo-content h1 {
        font-size: 47px;
    }
}
/*-------------------------------*/
@media screen and (min-width: 992px){
    .lqd-promo-reverse.lqd-promo-alt .lqd-promo-content h1 {
        margin-left: 0;
        margin-right: -100%;
    }
}
@media screen and (min-width: 1200px){
    .lqd-promo-alt .lqd-promo-content h1 {
        font-size: 72px;
    }
}
.lqd-promo-alt .lqd-promo-content h1 {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}
.lqd-promo-content h1 {
    font-weight: 700;
    line-height: 1em;
}
/*-------------------------------*/
@media (min-width: 992px) {
    .ml-8-css {
        margin-left: 8%;
    }
    .ml-25-css {
        margin-left: 25%;
    }
}

.btn-white.btn-bordered {
    color: #3d59e8;
    border-color: #3d59e8;
}
.carousel-nav {
    z-index: 1;
}

.ld-carousel-phone .carousel-item {
    max-width: 363px;
    padding: 0;
    margin: 0 1%;
    margin-top: 2px;
}

@media (max-width: 991px) {
    .sticky-sidebar-menu {
        width: 100%;
    }
    .project-detail__picture {
        position: relative;
        max-width: 100%;
    }
    .service-image {
        padding: 0 0px 0 0px;
    }
    .all-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .lh-125 {
        font-size: 33px!important;
    }
    .blog-inner-main-b img {
        border-radius: 6px;
    }
    .blog-inner-main-b {
        margin: 0 0 70px 0;
    }
}

@media (min-width: 1025px) and (max-width: 1300px) {
    .project-detail__picture {
        max-width: 66vw !important;
    }
}

@media (min-width: 900px) and (max-width: 1024px) {
    .project-detail__picture {
        max-width: 80vw !important;
    }
}

/* 
    ##Device = Desktops
    ##Screen = 1281px to higher resolution desktops
  */
@media (min-width: 320px) {
    .owl-item .item {
        height: 660px;
    }
}

@media (min-width: 1281px) {
    .owl-item .item {
        height: 660px;
    }
}

@media (max-width: 750px) {
    .nav-tabs {
        flex-direction: row;
        justify-content: unset;
        width: 100%;
        overflow-x: scroll;
    }
    #services .nav-tabs li {
        margin: 0 0 10px 0;
        white-space: nowrap;
    }
    .cpy__flex .flex-wrap {
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .client-text {
        width: 100% !important;
    }

    article.casestudy-item {
        background-position: 68% top !important;
    }
    .partners div img {
        max-height: auto;
        max-width: auto;
        min-width: auto;
    }
    .aligned-content {
        padding-left: 18px;
    }
    ul.tech-wrapper li {
        width: calc(100% - 10px);
    }
    .service-form {
        padding: 0px 0px 0px 0px;
    }
    .all-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .lh-125 {
        font-size: 28px!important;
    }
}

@media (min-width: 992px) {
    .col-md-3 {
        width: 25% !important;
    }
}

@media screen and (max-width: 1199px) {
    .main-header .main-nav {
        background-color: #fffffffa;
    }
}

@media screen and (max-width: 1199px) {
    .main-header .mainbar-wrap .mainbar-container {
        background: white;
    }
}
/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {
    .div-c {
        right: 41.5% !important;
    }
}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 850px) and (max-width: 1024px) {
    .div-c {
        right: 39.5% !important;
    }
}

@media (min-width: 770px) and (max-width: 849px) {
    .div-c {
        right: 39.5% !important;
    }
}

@media (min-width: 600px) and (max-width: 769px) {
    .div-c {
        right: 35.5% !important;
        transform: translate(-50%, 46%) !important;
    }
}

@media (min-width: 450px) and (max-width: 599px) {
    .div-c {
        right: 30.5% !important;
        transform: translate(-50%, 46%) !important;
    }
}

@media (min-width: 359px) and (max-width: 449px) {
    .div-c {
        right: 28.5% !important;
        transform: translate(-50%, 46%) !important;
    }
}

@media (min-width: 320px) and (max-width: 360px) {
    .div-c {
        right: 25.5% !important;
        transform: translate(-50%, 46%) !important;
    }
}

/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    //CSS
}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {
    //CSS
}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {
    //CSS
}

@media only screen and (max-width: 1934px) {
    .head-sub {
        top: -105px;
        width: 100px;
    }
}
@media only screen and (max-width: 1460px) {
    .head-ti {
        font-size: 60px;
    }
}
@media screen and (max-width: 1199px) {
    .navbar-header .nav-trigger {
        justify-content: flex-end;
    }
    .padd-80 {
        padding: 0 0 80px 0;
    }
    .iconic-inner-con {
        grid-template-columns: repeat(2, 1fr);
    }
    .why-sub-con {
        position: relative;
        height: 100%;
        box-shadow: rgb(41 71 253) -107px 107px 0px -101px, rgb(249 184 81) 122px -123px 0px -116px;
    }
}
@media screen and (max-width: 768px) {
    .iconic-inner-con {
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-q-section-inner {
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: unset;
    }
}
@media only screen and (max-width: 991px) {
    .head-img-sub {
        width: 100%;
    }
    .section-why .row.d-flex {
        flex-wrap: wrap;
    }
    .section-why .row.d-flex .col-md-6:nth-child(1) {
        width: 100%;
        height: 50vh;
    }
    .why-con-text {
        padding-top: 60px;
    }
    .row.d-hire {
        display: unset;
        align-items: unset;
    }
    .p-hire {
        margin-top: 30px;
    }
    .why-sub-con {
        box-shadow: rgb(41 71 253) -107px 107px 0px -101px, rgb(249 184 81) 95px -95px 0px -89px;
    }
}
@media only screen and (max-width: 480px) {
    .py-head {
        padding: unset;
    }
    .head-item {
        height: 80vh;
        display: flex;
        align-items: center;
    }
    .head-p:before {
        width: 10px;
    }
    .head-p {
        padding: 0 0 10px 20px;
    }
    .head-sub {
        display: none;
    }
    .con-flex {
        height: 80vh;
    }
    .pa-hire {
        padding: 10px 10px;
    }
}
@media only screen and (max-width: 1883px) {
    .sss-img-con {
        right: 8%;
    }
    .sss-img-sub {
        width: 40em;
        height: 40em;
    }
}
@media only screen and (max-width: 1655px) {
    .sss-img-sub {
        width: 35em;
        height: 35em;
    }
    .sss-circle {
        z-index: -1;
    }
}
@media only screen and (max-width: 1345px) {
    .sss-img-sub {
        width: 30em;
        height: 30em;
    }
    .sss-img {
        border: 3em solid var(--mi-pc);
    }
}
@media only screen and (max-width: 1138px) {
    .sss-img-con {
        right: 5%;
    }
    .sss-img-sub {
        width: 27em;
        height: 27em;
    }
    .sss-img-con {
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    .sss-img-con {
        display: none;
    }
    .sss-circle {
        width: 90vh;
        height: 90vh;
    }
    .sss-con {
        height: 80vh;
    }
    .grid-stack-top {
        grid-template-columns: repeat(2, 1fr);
    }
    .flex-stack-top .item-stack-sub {
        flex: 0 0 46%;
    }
    .flex-stack-top .item-stack-sub:first-child {
        margin-left: 11px;
    }
    .flex-stack-top .item-stack-sub:nth-child(4) {
        margin-right: 11px;
    }
}
@media only screen and (max-width: 767px) {
    .flex-stack-top .item-stack-sub {
        flex: 0 0 70%;
    }
}
@media only screen and (max-width: 630px) {
    .grid-stack-top {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media only screen and (max-width: 430px) {
    .flex-stack-top .item-stack-sub {
        flex: 0 0 100%;
    }
}