.img-brd{ background: url(../images/img/p-line1.png) repeat-x left top;}




.alt-font.fs-60{ font-family: var(--alt-font) !important; line-height: var(--line-60) !important;}




.countTxt .vertical-counter::after{ position: relative; top: -5px;}



.nav-relative{ position: relative; background-color: #fff !important;}




.text-gradeance{ background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;}


.header-dark .navbar-nav .nav-link {
    color: var(--color-wh);
}
.text-white, .btn-link.text-white, a.text-white-hover:hover{ color: var(--color-wh);}

.right-background{ background-repeat: no-repeat; background-position: right bottom -10px; background-size: contain;}










.text-capitalize{ text-transform: capitalize;}
.btn.btn-large.mw-412 {
    min-width: 412px;
}
.mw-300{ min-width: 300px;}




body {
    font-size: 17px;
    line-height: 30px;
}
.container-fluid {
    max-width: 1750px;
}
/* custom cursor */
@media (hover: hover) and (pointer: fine) {
    .custom-cursor .circle-cursor-outer {
        border: 1px solid transparent;
    }
    .custom-cursor .circle-cursor-inner {
        width: 20px;
        height: 20px;
        left: -5px;
        top: -5px;
        background: var(--dark-gray);
    }
    .custom-cursor .circle-cursor-inner.cursor-link-hover {
        width: 30px;
        height: 30px;
        background: var(--white);
        opacity: 0.5 !important;
    }
}
/* heading tag */
h1 {
    font-size: 5rem;
    line-height: 4.5rem;
} 
h3 {
    font-size: 3.125rem;
    line-height: 2.8rem;
}
.fs-325 {
    font-size: 20.313rem;
    line-height: 20.313rem;
}
/* page title */
.page-title-large h1 {
    font-size: 5.625rem;
    line-height: 4.375rem;
}
/* header */
header .container-fluid {
    padding: 0;
}
.navbar .navbar-nav .nav-link {
    font-weight: 700;
    font-size: 15px;
    padding: 10px 24px;
}
header .navbar-brand {
    padding: 15px 0;
}
header .navbar-brand img {
    max-height:56px;
}
/* line height */
.lh-160 {
    line-height: 13rem;
}
.lh-300 { 
    line-height: 18.75rem;
}
/* top bottom left right */
.top-minus-250px {
    top: -250px;
}
.right-minus-250px {
    right: -250px;
}
.left-minus-230px {
    left: -230px;
}
/* bg color */
.bg-concrete-gray {
    background-color: var(--concrete-gray);
}
.bg-maire-yellow {
    background-color: var(--bg-maire-yellow);
}
.bg-gradient-dark-transparent {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #292927), to(transparent));
    background: linear-gradient(to top, #292927 7%, transparent 100%);
}
.bg-gradient-gray-light-dark-transparent {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
}
/* border color */
.border-color-zeus-grey {
    border-color: var(--zeus-grey) !important;
}
/* text color */
.text-concrete-gray {
    color: var(--concrete-gray);
}
.text-white, .btn-link.text-white, a.text-white-hover:hover {
    color: var(--white) !important;
}
/* word break normal */
.word-break-normal {
    word-break: normal;
}
/* btn */
.btn {
    font-family: var(--primary-font) !important;
    letter-spacing: 0;
}
/*.btn.btn-switch-text.btn-large > span {
    font-size: 15px;
    padding: 18px 36px; 
}
.btn.btn-switch-text.btn-medium > span {
    font-size: 14px;
    padding: 14px 28px; 
}*/
.btn.btn-base-color {
    color: var(--dark-gray);
}
.btn.btn-box-shadow.btn-base-color:hover {
    color: var(--dark-gray);
}
.btn.btn-link {
    padding: 0;
}
.btn.btn-dark-gray, .btn.btn-box-shadow.btn-dark-gray:hover {
    color: #d8d8d4;
}
.threeD-letter-menu {
    min-height: inherit;
}
/* hover box */
.hover-box.dark-hover:hover i {
    color: var(--base-color) !important;
    -webkit-transform: scale(1.2);  
    transform: scale(1.2);
}
/* bg sliding line */ 
.bg-sliding-line { 
    background-image: linear-gradient(135deg, transparent 45%, #0C1A2A 45%, #D9D9D9 55%, transparent 0);
    background-size:0.2em 0.2em;
}
.text-sliding-line {
    background-image: linear-gradient(135deg, transparent 45%, #0C1A2A 45%, #D9D9D9 55%, transparent 0); padding: 2px;
}
/*.text-sliding-line {
    background-image: repeating-linear-gradient(135deg, #d9e0ed 0px, #d9e0ed 1px,  transparent 1px, transparent 3px); padding: 2px;-webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;

background: repeating-linear-gradient(
        135deg,
        #d9e0ed 0px,
        #d9e0ed 1px,
        transparent 1px,
        transparent 3px
    );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;

}*/


/*.text-sliding-line{background-image: url("../images/text-patten1.png");
    background-repeat: repeat;
    background-size: auto;

    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;}*/


/* team style 08 */ 
.team-style-08 figure figcaption .social-icon a {
    background-color: var(--base-color);
}
.team-style-08 figure figcaption .social-icon a:hover {
    color: var(--dark-gray);
} 
/* team style 04 */ 
.tab-style-04 .nav-tabs .nav-item .nav-link {
    color: var(--dark-gray); 
}
/* Counter style 04 */
.counter-style-04 .vertical-counter-number ul {
    line-height: 1;
}
/* footer */
footer {
    padding-top: 110px;
    padding-bottom: 90px;
}
footer a {
    color: var(--dark-gray);
} 
footer a:hover {
    color: var(--dark-gray);
}
footer .footer-logo img {
    max-height: 56px;
}
footer .list-style-05 li:before {
    background-color:var(--dark-gray);
}
footer .list-style-05 li:hover {
    margin-left: 0;
}
footer .list-style-05 li:before {
    margin: 0 20px;
}
footer ul li {
    margin-bottom: 7px;
    -webkit-transition: all 300ms cubic-bezier(0.37, 0.8, 0.63, 1); 
    transition: all 300ms cubic-bezier(0.37, 0.8, 0.63, 1);
}
footer ul li:last-child{
    margin-bottom: 0;
}
footer ul li a:hover {
    padding-left: 10px;
}

@media (max-width: 1599px) {
    .fs-325 {
        font-size: 18.313rem;
        line-height: 18.313rem;
    }
}
/* media query responsive */
@media (max-width: 1499px) {
    .fs-325 {
        font-size: 16rem;
        line-height: 16rem;
    }
}
@media (max-width: 1399px) {
    .bottom-minus-130px {
        bottom: -70px;
    }
    .fs-325 {
        font-size: 15rem;
        line-height: 15rem;
    }
} 
@media (max-width: 1199px) {
    .lg-lh-128 {
        line-height: 8rem;
    }
    .lg-bg-black {
        background-color: var(--bg-maire-yellow);
    }
    .fs-325 {
        font-size: 12rem;
        line-height: 12rem;
    } 
}
@media (max-width: 991px) {
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item {
        border-bottom: 0;
        text-align: center;
    }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link {
        font-size: 32px;
        line-height: 32px;
        font-weight: 700;
    }
    .main-content {
        z-index: inherit;
    }
    .lh-300 {
        line-height: 15rem;
    }
    footer {
        padding-top: 90px;
        padding-bottom: 70px;
    }
    .fs-325 {
        font-size: 10rem;
        line-height: 10rem;
    }
}
@media (max-width: 767px) {
    .sm-border-start {
        border-left: 1px solid !important;
    }
    /*.btn.btn-switch-text.btn-large > span {
        padding: 14px 30px !important;
    }*/
    footer ul li {
        margin-bottom: 6px;
    }
    footer {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    footer .footer-logo img { 
        width: auto;
    }
    .fs-325 {
        font-size: 9rem;
        line-height: 10.5rem;
    } 
}
@media (max-width: 575px) {
    .xs-lh-112 {
        line-height: 7rem;
    }
    .fs-325 {
        font-size: 6rem;
        line-height: 8rem;
    }
}





.btn.btn-green {
    background-color: var(--btn-green);
    color: var(--dark-btn);
}

/*.btn.btn-switch-text.btn-large > span {
    font-size: var(--font-20); line-height: var(--line-20);
    padding: 18px 36px;
    font-weight: 700;
}*/
.btn.btn-large{ min-width: 342px;}

.process-step-style-11:hover .process-step-icon-wrap {
    background-color: var(--dark-blue);}
.process-step-item .fs-19{ color: #0C1A2A; text-transform: uppercase; font-weight: 700; font-family: var(--primary-font); }

.clone.words .word span, .menu-item span{ color: #1D2D40; text-transform: uppercase; font-weight: 400; font-family: var(--primary-font); letter-spacing: -4%; font-size: var(--font-83); line-height: var(--line-83);}
.menu-item .fs-14{color: #8C9197; font-size: var(--font-20) !important; line-height: var(--line-20) !important; font-weight: 500 !important; font-family: var(--alt-font);} 
.threeD-letter-menu .menu-item .menu-item-text .word{ line-height: 100%;}
.menu-item-text:hover span{ color: #0052E6 !important; }
/*.bg-sliding-line{ background: #C4C4C4;}*/
/*.choseRow .text-dark-gray{ font-size: var(--font-22) !important; line-height: var(--line-22) !important; font-family: var(--alt-font); }*/
.choseRow .offset-sm-1{ color: #0C1A2A; font-size: var(--font-22) !important; line-height: var(--line-22) !important; font-weight: 700 !important; font-family: var(--primary-font);  }
.togaterTxt h3{ color: #0C1A2A; font-weight: 700; text-transform: uppercase; font-size: var(--font-29) !important; line-height: var(--line-29) !important; }
.lg-bg-black, .bg-maire-darks{ background: #0C1A2A;}


.text-base-color-gen{ color: var(--btn-green);}
.btn-medium{ text-transform: inherit; }
.btn-medium > span{  font-size: var(--font-20) !important; line-height: var(--line-20) !important; font-family: var(--primary-font); padding: 17px 47px;}
.border-color-zeus-grey {
    border-color: rgba(255,255,255,0.3) !important;
}
.bg-gradient-dark-transparent{ background: linear-gradient(180deg, rgba(0, 82, 230, 0) 0%, #0052E6 100%);}
.appear .text-base-color{ color: #1660FF; }
.text-dark-blue {color: #2E4866; }


.lovTxt {
    display: flex !important;
    align-items: center;
}

.bg-light-medium-gray {
    background-color: #D9D9D94D;
}
.strs-price .fs-60{ color: #1B2F46; font-size: 75.72px; line-height: 77.95px; letter-spacing: -2%;}
.strs-price .fs-13{ color: #21344B;  font-size: var(--font-15) !important; line-height: var(--line-15) !important; font-family: var(--alt-font);}
.strs-price .bg-base-color{ background-color: #0052E6; border-radius: 40x;}
.strs-price .fs-14 i{ color: #fff !important;}


footer .footer-logo img {
    max-height: 122px;
    width: auto;
}
footer a{color: #fff; }
footer .fs-22{color: #fff; }

footer .list-style-05 li:before {
    margin: 0 10px;
    position: relative;
    top: 2px;
    background-color: #fff !important;
}
.text-light-white{ color: #fff;}
.videoimgsec{ padding: 0px;}

.videoimgsec .container{
    max-width: 100%;
    padding: 0 46px;
}
.videoimgsec .videopic {
    filter: grayscale(1);
    height: 900px;
    object-fit: cover;
}

.portfolio-image img{ width: 100%;}
.grid-items .atropos-scale{  border-radius: 13px; overflow: hidden; filter: grayscale(1);}
.portfolio-txt{ position: absolute; bottom: 0px; left:0px; padding:40px; width: 100%;}
.portfiloTag{ position: absolute; top: 0px; left:0px; padding:40px; width: 100%;}
.portfiloTag li{ display: inline-block;}
.portfiloTag ul{ gap: 5px;}
.portfiloTag li a{ background-color: #5CFF85; padding: 9px 20px; border-radius: 20px; text-transform: uppercase; font-size: 17px; line-height: 20px; font-family: var(--primary-font); font-weight: 700; color: #000 !important;}
.portfolio-txt .text-white{ color: #fff !important; font-weight: 600;}
.grid-items:hover .atropos-scale{ filter: inherit;} 

.pb-5{ padding-bottom: 20px !important;}
.pb-4{ padding-bottom: 10px !important;}


.celsHeading{ display: flex; position: relative; padding-left: 60px;}
.celsHeading span{ position: absolute; top:0px; left: 0px; font-size: 0px; height: 100%;}
.celsHeading .text-base-color{ color: #8CB5FF; }
.celsHeading span::before {
    width: 52px;
    height: 100%;
    content: "";
    display: inline-block;
    background: url(../images/img/line.png) no-repeat top center;
    background-size: 100% 100%;
}
.ls-minus-4px{ letter-spacing: -4%;}
.text-sliding-line em {
    font-style: normal;
    color: #CED6E5;
    background-image: linear-gradient(135deg, transparent 45%, #CED6E5 45%, #CED6E5 55%, transparent 0);
    background-size: 4px 4px;
    background-color: #CED6E5;
    display: inline-block;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;     padding-right: 13px;
}

.white-space-nowrap{ white-space: nowrap;}
.border-color-zeus-black{     border-color: rgba(0, 0, 0, 1) !important;}



.topxRTXT{ position: absolute;     top: -22px;
    right: -30%; color: #CED6E5; font-size: 176px; line-height: 178px; font-weight: 700; font-family: var(--alt-font); opacity: 30%;}
.feature-box-dark{ position: relative; overflow: hidden;}
.text-medium-gray{ color: var(--medium-gray) !important;}

.feature-box-dark.hover-box.dark-hover:hover i {
    color: var(--base-color) !important;
    -webkit-transform: inherit;
    transform: inherit;
}
.feature-box-dark.hover-box.dark-hover:hover i img{ filter: brightness(0) invert(1);}
.bg-gradient-dark-blue{ background-color: #13263C;}

.feature-box-dark.hover-box.dark-hover:hover p {
    color: #C1C9D2 !important;
}
.feature-box-dark.hover-box.dark-hover:hover span{
    color: #fff !important;
}
.feature-box-dark.hover-box.dark-hover:hover .topxRTXT{ color: #13263C; }

.number em{ font-style: normal; letter-spacing: 0px;}

.mb-40{ margin-bottom: 40%;}
.lts-2{ letter-spacing: 2.4%;}

.fw-900{ font-weight: 900;}

.mw-360{ min-width: 360px;}
.mw-360 > span{ width: 100% !important; text-align: center; justify-content: center;}


.background-position-left-top {
  background-position: center top !important;
  background-repeat: repeat-y !important;
  background-size: 1307px !important;
}


.loadmore{ background: #F3F3F3; color: #182B40; text-transform: capitalize; font-size: var(--font-20); line-height: var(--line-20);border-radius: 30px;
  padding: 8px 31px;}



.d-pic2{ width: 812px !important; height: 580px !important; overflow: hidden;}
.d-pic1{ width: 494px !important; height: 438px !important; border: 6px solid #fff; overflow: hidden;}
.object-cover{ object-fit: cover;}
.object-left{ object-position: left;}

.tXtts{ max-width: 677px;}
.ttx{ padding-left: 153px;}
.pb-100px{ padding-bottom: 120px;}
.testeSec{ position: relative;}
.testeSec-before{ width: 100%; height: 40%; position: absolute; bottom: 0px; left: 0px;}


.overline{ position: absolute; width: 100%; height: 100%; top:0px; left: 0px;}


.small-heading.bg-concrete-gray{ background-color: var(--concrete-gray);}

.girlpic{ max-width: 50%; right: -40px;}

.circlnumber {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 44px 64px 0px #92B6D88C;
    background: #FFFFFF;
    width: 245px;
    height: 245px;
    border-radius: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.circlnumber span{ display: flex; align-items: center; justify-content: center; background: #F0F5FF; width: 124px; height: 124px; border-radius: 100%; color: #0D2138; font-size: var(--font-68); line-height: var(--line-68);}

.py-50px{ padding-top: 50px; padding-bottom: 50px;}
.ciclIm {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.lg-mb-80px{ margin-bottom: 80px;}

.line-img{ background: url(../images/img/p-line1.png) repeat-x left top; height: 4px;}
.line-img-dark{ background: url(../images/img/brd-line1.png) repeat-x; height: 4px;}
.accordion-style-02 .accordion-item .accordion-header, .accordion .accordion-item .accordion-collapse, .accordion-style-02 .accordion-item .accordion-body{ border: none !important;}

.accordion-style-02 .accordion-item .accordion-header .accordion-title i {
    right: 0;
    font-size: 27px;
    color: #0C1A2A;
}

.accordion-style-02 .accordion-item .accordion-header{ padding: 30px 0;}
.accordion-style-02 .accordion-item.active-accordion .accordion-header{ padding-bottom: 15px;}

.mw-40{ max-width: 40%;}
.top--290px{ top: -290px;}
.py-150px{ padding: 150px 0;}

.min-height-530px{ min-height: 530px;}


.background-mw-50{ background-size: 50% !important;}

.vectIcon{ position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.pichrtTxt {
    width: 170px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rangBox > div{  background: linear-gradient(180deg, #F6F6F6 0%, #E6E6E6 100%); border-radius: 0px !important; box-shadow:0px 4.59px 11.28px -0.07px #0808080D; padding: 2.72px;}
.rangBox > div img{ background-color: #fff;     padding: 20px;}


.mw-335{ max-width: 335px;}
.lost-list li {
    background: url(../images/img/lost-li.svg) no-repeat left center;
    padding-left: 25px; margin: 15px 0;
}
.choseRow{ min-height:130px;}
.derk-number{ background-color: #D9D9D9 !important;}

.li-gap li{ margin: 9px 0;}


.hover-box-gray:hover{ background-color: #F4F8FF;}
.hover-box-gray{ padding: 40px 20px; border-radius: 12px;}
.h-400px{ height: 400px;}

.slider-navigation-style-07{ left: 47%;}
.w-77px{ width: 77px;}
.p-18px{ padding: 18px;}
.min-height-100px{ min-height: 100px;}


.degital1-ban{ background-repeat: no-repeat; background-size: 100%; background-position: top center;}
.degital1-ban::before{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; background: linear-gradient(180deg, rgba(179, 203, 255, 0.8) 0%, rgba(229, 237, 255, 0) 70.11%); }


.min-height-830px{ min-height: 830px;}

.tabblueBox{ padding: 40px 20px 0px;}

.nav-tabs li a{ color: #5F758E; font-size: var(--font-42) !important;
    line-height: var(--line-42) !important; font-weight: 600; font-family: var(--alt-font);}
.tab-style-09 .nav-tabs .nav-item .nav-link.active, .tab-style-09 .nav-tabs .nav-item .nav-link.show, .tab-style-09 .nav-tabs .nav-item .nav-link:hover{ color: var(--color-wh)}


.rangBox > div.border-radius-9px{ border-radius: 8.41px !important; overflow: hidden;}


.health-box { background: #FFFFFF96; padding: 30px; border-radius: 12px;     height: 100%;}
.health-box:hover{ background: #fff; box-shadow: 0px 44px 54px 0px #C5DDF4;}
.lg-mb-30px{ margin-bottom: 30px;}
.health-workBox::before{ background: linear-gradient(180deg, rgba(12, 26, 42, 0) 0%, #0C1A2A 100%); position: absolute; bottom: 0px; 
    width: 100%; height: 30%; content: "";}

.z-index1{ z-index: 1;}
.color-wh{ color: #fff;}
.health-workBox img {
    height: 365px;
    object-fit: cover;
}
.mt-minus-70px{ margin-top: -70px;}
.mt-minus-90px{ margin-top: -90px;}
.ls-minus-20px{ margin-left: -20px;}

.counter-border{ border-bottom: 1px solid rgba(0,0,0,0.10);}

.bottom-minus-20px{ bottom: -20px;}
.right-minus-20px{ right: -20px;}
.rangBox .year-blue{ padding: 8.53px !important; border-radius: 8.53px !important; background-color: #fff;}
.rangBox .year-blueInn {
    background: #0086E6 !important;
    border-radius: 8.53px !important;
    height: 100%;
    text-align: left;
    padding: 30px !important;
}
.rangBox .year-blueInn p{ margin: 20px 0 0 0 !important;}

.line-img-dark {
    background: url(../images/img/line-light.png) repeat-x;
    height: 4px;
    background-size: 57px 100%;
}

.feature-box-dark-bg{ background: #FFFFFF08;}

.dark-number { color: #00000021;
    -webkit-text-stroke: 0.84px #00000069;}


.gallery-box img{ height: 500px; object-fit: cover; width: 100% !important;  filter: grayscale(1);}
.gallery-box:hover img{  filter: inherit; }


.moApport-box{ background: linear-gradient(96.97deg, #F9E5DC 1.11%, #94B1FF 96.36%); height: 1000px; overflow: hidden; position: relative;}
.moApport-boxInn{
    width: 140%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}







.portfolio-section{
    padding:80px 0;
    background:#f6f7fb;
}

.portfolio-item{
    position:relative;
    overflow:hidden;
    border-radius:18px; height: 400px;
}

.portfolio-item img{
    width:100%;
    display:block;
    transition:.5s;
}

.portfolio-item img.w-100{
    transform:scale(1.3); object-fit: cover; object-position: top;
}

.portfolio-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-end;
    padding:25px;
    background: linear-gradient(180deg, rgba(18, 22, 48, 0) 60%, rgba(18, 22, 48, 0.686548) 77.76%, #121630 100%);
    transition:.4s;
}

.portfolio-content{
    color:#fff;
    position:relative;
    z-index:2;
}

.portfolio-content h3{
    font-size:28px;
    font-weight:700;
    margin-bottom:8px;
}

.portfolio-content p{
    font-size:var(--font-16);
    line-height:1.5;
    letter-spacing:.5px;
    text-transform:uppercase; letter-spacing: 3%;
    margin:0;
}

.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:90px;
    height:90px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:3;
    transition:.3s; background: linear-gradient(141.63deg, rgba(102, 122, 255, 1) 15.6%, rgba(255, 255, 255, 0.32) 85.12%); opacity: 0;
}

.play-btn i{
    font-size:34px;
    color:#2d7cff;
    margin-left:5px;
}

.portfolio-item:hover .play-btn{
    transform:translate(-50%,-50%) scale(1.08);
}

.portfolio-item:hover{
    box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.portfolio-item:hover .play-btn{ opacity: 1;}
.portfolio-item a{
    display:block;
    color:inherit;
    text-decoration:none;
}


.choseRow .last-paragraph-no-margin p{  min-height: 61px;
    display: flex;
    align-items: center;}



.bg-blue-strong strong{ font-weight: 700; background-color: #0C1A2A; padding: 5px 12px 6px; border-radius: 41px;}


.nav-tabs.fs-21 li a{ font-size: var(--font-21) !important; line-height: var(--line-21) !important;}
.nav-tabs.text-medium-gray li a{  color: #546C87 !important;}
.nav-tabs.text-medium-gray li a.active{ color: #0C1A2A !important;}

.mob-portTab img.w-100{ width: 100%;border: 3px solid #2D3157; border-radius: 14px;box-shadow: -8px 9px 27px 0px #56648F;}


.green-Lst{ display: flex;}
.green-LstLi {
    display: flex;
    color: #0C1A2A;
    text-transform: uppercase;
    font-weight: 900;
    font-size: var(--font-29);
    line-height: var(--line-29);
    position: relative;
    align-items: center; padding: 20px 0; font-family: var(--alt-font);
}
.green-LstLi::before{ width: 16.32px; height: 16.32px; border: 4px solid #000; border-radius: 100%; content:""; display: flex; margin: 0 60px;}
.green-Lst .swiper-slide{ margin: 0px !important;}

.mobTecnolog {
    max-width: 441px;
    z-index: 2333 !important;
    right: 0px;
}


.circle-blue{ background: #FFFFFF0D; width: 194.09px; height: 194.09px; border-radius: 100%;}
.mid1 {
    width: 98.15px;
    height: 98.15px;
    background: #F0F5FF;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center; color: #0D2138; font-size: 53.68px; line-height: 1.3; font-weight: 600;
}

.ciclIma{     display: flex;
    align-items: center;
    justify-content: center; position: relative; left: 0px;}

.border-color-zeus-grey1 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}


.li-tick li{ background: url(../images/tick.svg) no-repeat left top 10px; padding-left: 45px; margin: 27px 0; text-transform: uppercase; background-size: 30px;}
.tecnology-ban{ background-size: cover !important;}

.lh-51 li{ line-height: 51px;}



.buldLists ul {
    border: 1px solid #FFFFFF4D;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 666px;
    margin: 0px auto 49px; padding:12px 0;
}
.buldLists ul li {
    font-size: 22px;
    line-height: 31px;
    color: #fff;
    padding: 0px 32px;
}
.buldLists ul li + li{ border-left: 1px solid #FFFFFF;}


.tagAicon{ max-width: 300px;}
.tagAicon img{ max-width: 100%;}
.top-50p{ top: 50%;}

.single-slider-ban{ min-height: 800px;}


.up-arrow{ margin-top: 5px; margin-right: 7px;}
.up-arrow:before{ font-weight: 900 !important; }
.rthome-around{ padding-left: 50px;}

.bottom-minus-130px {
    bottom: -94px;
}



.portfolio-clean .portfolio-box .portfolio-image{ filter: grayscale(1); }

.portfolio-clean .portfolio-box:hover .portfolio-image { filter: inherit;}


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

.bottom-minus-130px {
    bottom: -64px;
}


.rotation-24 img{ transform: rotate(-24.21deg);}

.min-height-630px{ min-height: 630px;}

.bgMap{ top: -40px !important;}
.bgUser{ width: 100%; max-width: 2000px; max-width: 1750px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); height: 70% !important;}
.bgUser div{ height: 99.25px; width: 99.25px; border: 5px solid #FFFFFF; box-shadow: 0px 16px 14px -4px #C9DBFB4A; border-radius: 100%; overflow: hidden; position: absolute;}
.bgUser div img{ width: 100%; height: 100%; object-fit: cover;}
.us1{ top:-45px; left:10%;}
.us2{ top: 60%; left:20%;}
.us3{ bottom: 0px; left:12px;}
.us4 {
    top: -47px;
    right: 17%;
}
div.us5{ top: 40%; right:0px;  height: 77.22px; width: 77.22px;}
.commers-Aicon{ top: inherit; right: -70px; bottom: 0px;}


.bg-grayscale1{ background: linear-gradient(180deg, #EDF3FA 0%, rgba(237, 243, 250, 0) 100%);}

.feature-box.align-items-flex-start{ align-items: flex-start !important;}

.gallery-box-gra .gallery-image:before{ width: 100%; height: 100%;background:
linear-gradient(180deg, rgba(0, 0, 0, 0) 47.19%, #000000 94.4%); position: absolute; bottom: 0px; left: 0px; content: "";}
.imgTag {
  background: #fff;
  display: inline-block;
  padding: 6px 21px;
  border-radius: 20px;
  color: #000;
  margin-bottom: 19px;
}

.min-height-430px{ min-height: 430px;}
.min-height-330px{ min-height: 330px;}
.top-mins-150px{ top: -150px;}


.container2{ max-width: 1556px;}



.prjct2-ban-betom .col-md-3 + .col-md-3 .feature-box{ padding-left: 60px;}



.home-para-box{ max-width: 421px;}
.home-para-wrap{ margin-top: -70px;}

.design-home-two, .design-home-Three{ padding-left: 40px;}

.home-Industries-row .menu-item .menu-item-text{ margin-left: 11px; }
.home-Industries-row .menu-item{ padding-right: 38px !important;}



.prj-box-row.row{ margin-left: -5px !important; margin-right: -5px !important;}
.prj-box-row .col-sm-6, .prj-box-row .col-12{ padding: 0 5px;}


.choseRowbothP .fs-25 {
    font-size: var(--font-25) !important;
    line-height: var(--line-25) !important;
    font-family: var(--alt-font);
}
.navbar .btn.btn-large {
    min-width: 200px;
}
.navbar-toggler.d-block .navbar-toggler-line{ left: inherit; background: #0052E6;}
.navbar-toggler2{ position: absolute; top:36px; right: 15px;}
.navbar .container-fluid{ position: relative;}
.header-icon{     margin-right: 18px;}


.commers-Aicon {
    top: inherit;
    right: -83px;
    bottom: 0px; max-width: 387px;
}

.wh-box{ background-color: #fff;}

.gallery-box-color img{ filter: inherit;}
.overlayu-gal{ background:
linear-gradient(180deg, rgba(0, 0, 0, 0) 47.19%, #000000 94.4%); width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; }


.projct3-mobBotm{ max-width: 90%; top: -50px !important;}
.indrx-pic{ margin-bottom: -160px;}
.text-InsuraX {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 100%;
}


.uiux-Box .imgTag{ background-color: #5CFF85;}

.uiux-Box, .img-grayscale img{ filter: grayscale(1);}
.uiux-Box:hover, .img-grayscale:hover img{ filter: inherit;}
/*.uiux-Box .p-50px {
    padding:50px 30px !important;
}*/

.over-BG{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background:
linear-gradient(0deg, rgba(0, 0, 0, 0.38) 26.62%, rgba(0, 0, 0, 0) 53.39%);}
.tag-ul{ margin: 0px; padding: 0px;}
.tag-ul li{ display: inline-block; margin: 7px 2px 3px 0;}
.tag-ul a {
    display: inline-block;
    background-color: #2A415C0D;
    border: 1px solid #FFFFFF14;
    border-radius: 40px;
    color: #000 !important;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 16px;
}
.sliding-box-item p{ transition: transform 0.5s ease;}
.min-h-160{ min-height: 160px;}
.sliding-box-item.active .overTxt p{ height: 0px; visibility: hidden; margin: 0px; transform: translateX(20px);}


.faqsec h2{ margin-top: 28px;}



.saasban-pic {
    position: absolute !important;
    bottom: 0px;
    min-width: 730px;
}

.saas-ban-left{ padding-top: 70px;}

.saas-apsuImage{ position: relative; right: 0px; box-shadow: 0px 12px 32px 0px #2B366D24; border-radius: 10px;}

.gaps-4 li{ margin: 4px 0;}
.gap-9 li{ margin: 9px 0;}


.py-35px{ padding-top: 35px; padding-bottom: 35px;}
.mt-80px{ margin-top: 80px;}
.overTxt{ width: 100%;}


.project3-Vectosas{ left: 50%; transform: translateX(-50%);}
.min-height-240px{ min-height: 240px;}


.project1-mobpic{ bottom: -160px; max-width: 330px;}

.lauch-row {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 19% 19%;
    text-align: center;
    justify-content: space-between;
}
.sign-logo {
    width: 90px;
    margin-bottom: 20px;
}


.project1-Boy-pic{ max-width: 90%; margin: 0px auto -130px auto;}


.perple-bg{ background-color: #F2F0FF; color: #4C29C7;}





.share-inner {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 55px; padding: 40px 0;
}


.share-icons {
    display: flex;
    align-items: center;
    gap: 42px;
}

.share-icons a {
    color: #010002;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease;
}

.share-icons a:hover {
    opacity: 0.6;
}

.share-icons i {
    line-height: 1;
}

.share-icons .fa-facebook-f {
    font-size: 28px;
}

.share-icons .fa-x-twitter {
    font-size: 27px;
    font-weight: 400;
}

.share-icons .fa-linkedin-in {
    font-size: 27px;
}

.share-icons .fa-pinterest-p {
    font-size: 29px;
}

@media (max-width: 600px) {
    .share-inner {
        gap: 25px;
    }

    .share-title {
        font-size: 16px;
    }

    .share-icons {
        gap: 22px;
    }

    .share-icons .fa-facebook-f,
    .share-icons .fa-x-twitter,
    .share-icons .fa-linkedin-in {
        font-size: 22px;
    }

    .share-icons .fa-pinterest-p {
        font-size: 24px;
    }
}



.section-min-height-600px{ min-height: 600px;}
.fins3picBx .position-absolute{ left: 50%; transform: translateX(-50%);}
.width-40{ width: 40%;}
.width-50{ width: 50%;}
.width-60{ width: 60%;}

.finance-3pic-left{ padding-bottom: 220px;}

.center-heading-Icon{ left: 50%; transform: translateX(-50%); right: inherit !important;}



.mw-30{ max-width: 30%;}

.border-84{border: 0.84px solid #67676757}

.banner-white{ padding-top: 85px !important;}

.finas-vartical{ border-right: 1.4px solid rgba(0,0,0,0.12); left: -150px;}

.btn.btn-switch-text.btn-large > span{ text-transform: capitalize;}








/*RESPONSIVE*/

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

.bottom-minus-130px {
    bottom: -68px;
}

.finas-vartical{ left: -93px;}
.finas-vartical{
  width: 55px;
}


}

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

.girlpic {
    max-width: 45%;
    right: -40px;
}

    .bottom-minus-130px {
        bottom: -40px;
    }

 .finas-vartical {
    left: -57px;
  }




    
}

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

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


}
@media screen and (min-width:1300px){
.stronger-Brnd-Row {
        position: absolute;
        bottom: 16%;
        left: 0px;
        width: 113%;
        padding-right: 10%;
    }

.xl-pe-95px{  padding-right: 95px;}
.faqsec .col-lg-6:first-child{ width: 45%;}
.faqsec .col-lg-6:last-child{ width: 55%;}






}

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

.circlnumber{ width: 210px; height: 210px;}
.circlnumber span{ width: 100px; height: 100px;}
.ciclIm{ padding: 16px;}



.pichdesk-design-ban{ padding-bottom: 50px !important;}

.min-height-830px {
    min-height: 630px;
}


    .bottom-minus-130px {
        bottom: -40px;
    }
.background-mw-50 {
    background-size: 58% !important;
}
.min-height-630px {
    min-height: 500px;
}

.background-position-left-top{ background-size: 1178px !important;}


.ban-logo1bx img{ max-width: 80%;}

.home-para-box {
    max-width: 375px;
}
.home-para-wrap {
    margin-top: -48px;
}

.min-height-930px {
    min-height: 700px;
}

.pichrtTxt {
  width: 100px;
  height: 110px;}
.vectIcon{ width: 41px;}



}

@media screen and (max-width:1299px){
.finas-vartical {
    left: -22px;
  }

.financ-bannerTxt{ padding-left: 60px;}

.finance-ban .col-xl-9{ max-width: 70%;}





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

.tXtts {
        max-width: 438px !important;
    }
.tXtts > img{ width: 98px;}
.ttx {
    padding-left: 110px;
}

.header-button .btn.btn-large {
    min-width: auto;
}

.digital-market-ban-rt{ margin-top: -60px;}



.md-outside-box-left-7 {
        margin-left: 0;
    }
    .circleImg {
        max-width: 103px;
        margin: 0px auto;
    }
.text-sliding-line em{ padding: 0 10px;}
.ms-minus-50px {
    margin-left: 0;
}
.btn.btn-large.mw-412 {
    min-width: auto;
}
.lg-bottom-minus-100px {
        bottom: -70px !important;
    }
.right-minus-250px {
    right: inherit;
    left: 20%;
}

.min-height-830px {
    min-height: 530px;
}



.mobTecnolog {
  max-width: 285px;}


.circlnumber{ box-shadow: 0px 26px 50px 0px #92B6D88C;}
.top--290px {
    top: -190px;
}


.circleImg-140{max-width: 140px;}


.healthCar-text .lg-bottom-minus-100px {
        bottom: -20px !important;
    }
.us4 {
    top: -73px;
    right: 8%;
}
.us1 {
    top: -55px;
    left: 6%;
}
.us2 {
    top: 58%;
    left: 12%;
}

.bgUser div {
    height: 80.25px;
    width: 80.25px;}
.bgMap .mw-100 {
    max-width: 89% !important;
}
.commers-Aicon{ max-width: 359px;}

.header-button .btn.btn-large {
        min-width: 174px;
    }

.projct-portfolio{ margin-top: 60px;}

.tab-style-04 .nav-tabs .nav-item {
    padding: 0 20px;
}



.pichrtTxtUx-Img{ width: 120px; height: 120px;}
.pichrtTxtUx-Img .vectIcon{ width: 37px; }
.handBx-Ux-Img{ right: -30px;}
.li-plus li, .li-50 li{ margin: 6px 0;}

.uxuiSlide-Row .sliding-box .sliding-box-item{ width: 50% !important;}

.uxuiSlide-Row .min-h-160 {
    min-height: auto;
}
.uxuiSlide-Row .tag-ul{ margin-top:20px;}
.uxuiSlide-Row .sliding-box-img p{ display: none;}

.uxuiStapsRow.pb-200px{ padding-bottom: 80px; margin: 0px !important;}


.saasban-pic {
    min-width: 620px;
}
.min-height-730px {
    min-height: 630px;
}

.sign-logo {
    width: 90px;
    margin-bottom: 153px;
}





}

@media screen and (max-width:991px){
.py-150px {
    padding-bottom: 75px;
}
.d-pic1 {
    width: 494px !important;
    height: 438px !important;
    border: 6px solid #fff;
    overflow: hidden;
    position: inherit !important;
    left: inherit !important;
    top: inherit !important;
}
.tXtts {
        max-width: 438px !important;
        position: inherit !important;
        left: inherit !important;
        top: inherit !important;
    }
.d-pic2 {
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
}
.top-minus-25px {
    top: 0;
}
.testeSec{ padding-top: 0px !important;}
.tXtts {
        max-width: 100% !important;
        margin-top: 20px;
    }
 .d-pic1 {
        width: 100% !important;
        height: auto !important;
        border: 0;
        overflow: hidden;
        position: inherit !important;
        left: inherit !important;
        top: inherit !important;
    }

.dpic2-text-pic {
        padding-top: 25%;
    }
.testeSec-before { height: 55%;}
.girlpic {
        max-width: 45%;
        right: 0;
        position: inherit !important;
        margin: 0px auto !important;
    }

.pe-50px {
    padding-right: 15px !important;
}
.ps-50px {
    padding-left: 15px !important;
}


.circlnumber {
        width: 170px;
        height: 170px;     box-shadow: 0px 30px 41px 0px #92B6D88C;
    }
.ciclIm {
        padding: 13px;
    }
.circlnumber span {
        width: 85px;
        height: 85px;
    }
.top--290px {
    top: -143px;
}

.faqsec .mt-6{ margin-top: 0px !important;}
.text-sliding-line{ padding-bottom: 10px; padding-right: 10px;}
.faqsec .col-lg-6{ margin-bottom: 40px;}
    .md-bottom-minus-70px {
        bottom: -44px !important;
    }

.md-right-minus-0px {
        right: inherit !important;
        left: 10%;
    }
.btn.btn-large.mw-412 {
    min-width: auto;
}


.pichdesk-design-ban{ background-image: none !important;}
.pichdesk-design-ban {
        background-image: none !important;
        margin-top: 0px !important;
    }

.min-height-530px {
    min-height: auto;
    height: auto !important;
}
.choseRow .last-paragraph-no-margin p {
    min-height: auto;}
.lg-mb-80px {
    margin-bottom: 20px;
}


.w-77px {
    width: 62px;
}
.h-400px {
    height: 320px !important;
}
.slider-navigation-style-07{ display: none;}

.choseRow .sm-p-25px{ padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important;  padding-bottom: 0px !important;}

.swiptxBx{ max-width: 97%; margin-top: -20px; display: inline-block; width: 100%;}

.brand-darkSec{ padding-top: 75px !important;  padding-bottom: 75px !important; }
.brand-darkSec .pt-8, .brand-darkSec .pb-8 {
    padding-top: 0 !important; padding-bottom: 0px !important;
}
.brand-darkSec  .md-ps-4 {
        padding-left: 0 !important;
    }
.digital-mark-tab li{ padding: 10px 0 !important;}

.mobile-app-design-ban{ background: linear-gradient(180deg, rgba(179, 203, 255, 0.8) 0%, rgba(229, 237, 255, 0) 70.11%);}
.bannerapsuImg{
    position: relative !important;
}

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


.picsolr{ max-width: 200px;left: 0px;}
.sm-w-85 {
    width: 100% !important;
  }

.buldLists ul li {
  font-size: 18px; line-height: 24px;}
.buldLists ul{ max-width: 550px;}
.li-tick li{ margin: 10px 0; background-size: 23px;
  padding: 9px 0 8px 31px;}	

.mobTecnolog {
  max-width: 285px;}

.technology-Row .border-color-zeus-grey1{ border: none !important;}
.technology-Row .feature-box{ padding: 30px 0 !important;}



.green-LstLi{ font-size: 14px; line-height: 16px;}
.green-LstLi::before {
  width: 13.32px;
  height: 13.32px;
  border: 3px solid #000;

  border-radius: 100%;

  content: "";
  display: flex;
  margin: 0 19px;

}



.tagAicon {
  max-width: 152px;
}

.process-step-style-06{ margin-bottom: 40px;}







/*section.whychose-design-agecy-home{ padding-top: 50px !important; padding-bottom: 50px !important;}*/
.rthome-around {
    padding-left: 15px;
}
.home-Industries-sec{ margin-top: 50px;}


.number{ font-size: 60px !important;}

.videoimgsec .videopic{ height: 500px;}
.videoimgsec{ margin-bottom: 60px; }

.service-choseRow .last-paragraph-no-margin{ padding: 50px 0 !important;}
/*.service-choseRow .f-25{  font-size: 25px !important; line-height: 35px !important;}
.service-choseRow .f-18{  font-size: 18px !important; line-height:28px !important;}*/


.container-fluid {
    padding: 0 15px;
}


.big-texts{ line-height:.99;}
.md-mb-90px{ padding-bottom: 90px;}


.chose-OnlyTxt-21 .f-25{
        font-size: 21px !important;
        line-height: 31px !important;
    }
.chose-OnlyTxt-21 .last-paragraph-no-margin {
        padding: 30px 0 !important;
    }
.degital1-ban{ background-image: none !important;}


.portfolio-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 230px;
}
.portfolio-content p {
    font-size: 12px;}
.moApport-box{ height: 600px;}

.mobile-app-design-ban{ background: none !important;}
.projct-vctorA{ display: none;}
.mobile-app-design-ban .min-height-330px {
    min-height: auto;
    padding-bottom: 35px;
}


.mobile-app-design-ban .color-E5{ color: #000;}
.mobile-app-design-ban .c-53{ color: #000;}

.prjct2-ban-betom .col-md-3 + .col-md-3 .feature-box {
    padding-left: 0;
}
.projct2-prortfolio-sec{ text-align: center;}
.projct2-prortfolio-sec .mt-3{ margin-top: 0px !important;}

.transof-project2-sec .col-lg-7{ margin-top: 30px;}


.home-para-box {
    max-width: 100%;
}
.home-para-wrap {
    margin-top: 0px;
}
.bgUser, .commers-Aicon{ display: none;}
.min-height-930px {
        min-height: 435px;
    }
.bgMap {
    top: -77px !important;
}

.e-com-logos{ margin-top: 30px;}

.min-height-430px {
    min-height: 330px;
}

.projct3-mobBotm {
    max-width: 400px;
    top: 0 !important;
    position: relative !important;
    margin: 0px auto -180px auto;
}


.project3-VectoA1{ top: -50px !important;}


.lh-51 li {
    line-height: 22px;
}

.saasban-pic {
    position: relative !important;
    bottom: 0px;
    min-width: 100%;}


.share-inner{ justify-content: center;}


.sign-logo {
    width: 60px;
    margin-bottom: 73px;
}

.project1-mobpic {
    bottom: -160px;
    max-width: 230px;
}

.finance-ban .col-lg-5{ position: relative !important; margin-top: 15px;}
 .finance-ban .col-xl-9 {
    max-width: 100%;
    padding: 0px !important;
    width: 100%;
  }
.finas-vartical {
    left: 0;
    height: 275px !important;
    top: 31px;
  }
  
  
  
.finues-whyRow .left-minus-120px {
  left: 0;
}  
.finues-whyRow .col-lg-5{ margin-top: 30px;}
  
  
  
  
  
  
  
}

@media screen and (max-width:767px){
    .top--290px {
        top: -56px;
    }
.py-150px {
    padding: 111px 0;
}
.py-150px {
    padding-bottom: 50px;
}

.choseRow {
    min-height: 125px;
}

.choseRow .sm-pb-20px{ padding-bottom: 20px !important;}

.md-bottom-minus-70px {
        bottom: -21px !important;
    }

.slider-app-slide .swiper-wrapper{ transform: inherit !important;}
.slider-app-slide .skrollable{ margin-top: 0px !important;}


.mt-minus-90px {
    margin-top: -45px;
}


.tagAicon {
  display: none;
}
.mb-20 {
  margin-bottom: 20px !important;
}


.md-bottom-minus-70px {
        bottom: -54px !important;
    }

.videoimgsec .container {
    max-width: 100%;
    padding: 0 15px;
}

.home-feature-box{ border: 1px solid;
border-image-source: linear-gradient(
  180deg,
  rgba(255, 255, 255, 0) 0%,
  rgba(255, 255, 255, 0.2) 100%
);
border-image-slice: 1;}


.strs-price .bg-base-color{ padding: 0 10px !important;}



.location-txt {
        width: 100%;
        text-align: center;
        bottom: -13px;
        left: 0px;
    }



.rowFeture-row .fs-147 {
        font-size: 147px !important;
        line-height: 1.1 !important;
    }
.rowFeture-row .sm-pt-40px {
        padding-top: 107px !important;
    }
    .py-150px {
        padding-bottom: 55px;
    }

    .big-texts {
        line-height: .99;
        margin: 0px !important;
    }


.iconbgAtg {
        left: -30px;
        margin-top: -113px !important;
        margin-bottom: -39px;
    }
.iconbgAtg img{ max-width: 483px;}

.degital1-ban .min-height-830px {
    min-height: auto; padding-bottom: 60px;
  }


.sm-br-none br{ display: none;}

.choseRow-pitch{ min-height: auto;}
.choseRow-pitch .last-paragraph-no-margin{ padding:30px 0 !important;}

.text-sm-start{ text-align: left !important;}


.choseRow-num-pitch{ padding-bottom: 40px; }

/*.bg-sliding-line {
    background-image: linear-gradient(135deg, transparent 33%, #0C1A2A 60%, #D9D9D9 59%, transparent 0);}*/


.process-step-item .fs-21{ font-size: 21px !important; line-height: 31px !important;}

.feature-box-pitch-onlyTxt{ padding: 10px 0;}
.service-choseRow .f-25
.choseRow-num-mob .sm-mt-20px {
        margin-top: 40px !important;}
.choseRow-num-mob .last-paragraph-no-margin{ padding-bottom: 40px !important;}
.sm-justify-content-center{ text-align: center;}


.choseRowHome .offset-sm-1{ margin: 0px !important;}
.choseRowHome .col-md-1{ margin-top:40px; width: 100%;}
.choseRowHome .col-md-1 span {
        font-size: 22px !important;
        line-height: 30px !important;
        font-family: var(--alt-font) !important;
        color: #020202;
        font-weight: 600 !important;
    }
.choseRowHome .col-md-3 span{ font-size: 22px !important; line-height: 30px !important; text-align: center !important;}
.choseRowHome .col-md-3 { width: 100%;
        margin: 0px !important;
        padding-bottom: 17px;
        text-align: center;
        margin-top: 20px !important;
    }
.choseRowHome .col-md-7 { text-align: center; padding-bottom: 40px !important; width: 100%;}


img.h-700px {
    height: auto !important;
}

.interprice-num {
        left: inherit !important;
        right: 0px;
        width: auto !important;
    }

.portfolio-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 230px;
}
.portfolio-content p {
    font-size: 12px;}
.moApport-box{ height: 600px;}

.md-mt-minus-20px{ margin-top:-20px;}


.mob-app-number-sliding-line .fs-130{font-size: 130px; line-height: 130px;}
.mob-app-number-sliding-line .md-mt-minus-20px {
        margin-top: 0;
    }


.design-home-two, .design-home-Three {
    padding-left: 15px;
}

.mobile-app-design-ban .fs-150{ font-size: 70px !important;
    line-height: 70px !important;}

.srv-Sec .feature-box{ margin: 20px 0;}
.choseRowbothP{ min-height: auto;}
.choseRowbothP .last-paragraph-no-margin{ padding: 30px 0 !important;}
.healthCar-text .lg-bottom-minus-100px {
        bottom: -5px !important;
        font-size: 62px !important;
        line-height: 62px !important;
        padding: 0px;
        text-align: right;
        width: 100%;
    }

.e-comarce-blue-sec .e-comarce-blueInn{ padding: 70px 0 !important;}



    .min-height-430px {
        min-height: auto;
    }

.uxuiStapsRow .portfolio-box{ margin-top: 20px;}

.sm-h-235px{ height: 235px !important;}
.sm-h-410px{ height: 410px !important;}



.saasban-pic img{ margin: 0px auto;}


.project1-Boy-pic {
    max-width: 90%;
    margin: 0px auto -50px auto;
}
.sign-logo {
        margin-bottom: 20px;
        width: 40px;
    }


.lauch-row .fs-16{ font-size: 13px !important; line-height: 17px !important;}


}
@media screen and (max-width:640px){
.circlnumber {
        width: 130px;
        height: 130px;}
    .circlnumber span {
        width: 55px;
        height: 55px;
    }
.feature-box.mw-70 {
    max-width: 100%;
    padding: 0 20px !important;
}


.li-50 li {
    width: 100% !important;
}
.li-plus li, .li-50 li{ margin: 8px 0;}

.bottom-90px {
    bottom: 30px;
    
}
.rangBox{ max-width: 200px;}


.counter-style-side .countTxt{ margin-right: 20px;}
.counter-style-side .media-body br{ display: none;}

.mt-50px {
    margin-top: 20px !important;
}

.enter-indusRow{ background-color: var(--c-FA2);}

.md-bottom-minus-70px {
        bottom: -29px !important;
    }
.threeD-letter-menu .menu-item .menu-item-text {
    line-height: 1 !important;
    margin-left: 13px;
}

.videoimgsec .videopic{ height: 400px;}

.moApport-boxInn .row > div{ padding:0 6px;}


.portfolio-item {
        position: relative;
        overflow: hidden;
        border-radius: 8px;
        height: 197px;
    }


.mob-app-circleImg{  max-width: 147px;  margin: 0px auto;}

.tab-style-04 .nav-tabs .nav-item {
        width: auto;
        display: table;
        margin: 20px auto;
    }


.process-step-style-11-mobApp .process-step-icon-wraps{ width: 100%;}
.process-step-style-11-mobApp .process-content{ padding: 20px 0 !important; width: 100%;}

.process-step-style-11-mobApp .d-flex {
    display: flex !important;
    flex-wrap: wrap;
}

.process-step-style-11-mobApp .process-step-item .fs-21 {
        font-size: 17px !important;
        line-height: 31px !important;
    }
.process-step-style-11-mobApp{ margin: 5px 0 !important;}
.sign-logo {
        width: 40px;
        margin-bottom: 34px;
    }
.lauch-row .fs-16{ font-size: 10px !important; line-height: 15px !important;}

.project1-mobpic {
        bottom: -65px;
        max-width: 141px;
    }
.prj1-box-row{ padding-bottom: 50px !important;}




:root{
    --font-58: 39px;
    --line-58: 45px;
    
    
}



.ban-logo1bx img {
        max-width: 100%;
    }

.f-18, .fs-18 {
    font-size: 18px !important;
    line-height: 32px !important;
}
/*.btn.btn-switch-text.btn-large > span, .btn.btn-medium > span {
        font-size: 20px !important;
        line-height: 36px !important;}*/
.home-banner .btn.btn-large, .btn.btn-medium{ line-height: 55px;}
.btn{ box-shadow: none; }
.home-section2{ padding-top: 60px; padding-bottom: 60px;}

.portfiloTag li a{ font-size: 12.81px;}
.portfolio-txt span{ font-size: 19.21px; line-height: 24px;}
.service-text{ margin-bottom: 10px !important;}

.new-text-sliding-line{ }
.text-sliding-line{ background-color: transparent !important;}
.bg-sliding-line {
    background-image: linear-gradient(135deg, transparent 45%, #0C1A2A 45%, #D9D9D9 55%, transparent 0);
    background-size: 0.2em 0.2em;
    background-color: transparent !important;
}
.process-step-item .fs-19 {
        font-size: 19px; line-height: 24px; padding-bottom: 13px;
    }
.process-step-item p{  font-size: 17px; line-height: 31px;}

.number{ font-size: 60.36px; line-height:55px;}
.home-Industries-sec {
        margin-top: 20px;
    }
.home-Industries-sec .fs-23 {
    font-size: 22px !important;
    line-height: 30px !important;
    letter-spacing: 1%;max-width: 80%;
}

.clone.words .word span, .menu-item span{ font-size: 49px; line-height: 52px;}
.home-Industries-row .top-15px {
        top: 5px !important;
        font-size: 13px !important;
        line-height: 15px !important;
    }
.threeD-letter-menu .menu-item .menu-item-text {
        line-height: 40px !important;
        margin-left: 5px;
    }
.home-Industries-row .menu-item {
    padding-right: 0 !important;
    margin: 13px 0;
}

.home-Industries-sec{ padding-bottom: 80px;}
.popup-youtube .animation-rotation, .absolute-middle-center img {
        width: 78px;
    }
.videoimgsec .videopic {
        height: 362px;
    }
.xs-br-none br{ display: none;}
.xs-mw-80{ max-width: 80%;}
.xs-margin-auto{ margin: 0px auto; }

.experts-line {
        margin: 30px 0 10px;
    }

.line-img {
        width: 100% !important;
        height: 4.01px !important;
        background: repeating-linear-gradient(56deg, rgb(196, 196, 196) 0px, rgb(196, 196, 196) 1px, transparent 1px, transparent 2px) !important;
    }
.choseRowHome .col-md-3 span {
        font-size: 22px !important;
        line-height: 30px !important;
        text-align: center !important;
        color: #0C1A2A !important;
    }
.choseRowHome.choseRow .last-paragraph-no-margin p {
        min-height: auto;
        font-size: 17px;
        line-height: 31px; letter-spacing: 2.4%; color: #546C87;
    }
.choseRowHome.choseRow .xs-mt-20px {
        margin-top: 45px !important;
    }
    .choseRowHome .col-md-7 {
        text-align: center;
        padding-bottom: 50px !important;
        width: 100%;
    }

.togaterTxt h3 {
    font-size: 21px !important;
    line-height: 31px !important;
}

.togaterTxt{ padding-top: 34px; }

.home-section6{ padding-bottom: 80px; }


.our-impact-text .fs-230{
        font-size: 86px;
        line-height: 80px !important;
    }
.impct-green {
        text-align: left !important;
        padding-left: 26px !important;
    }
.our-impact-para .w-75{ color: #A6BFDB; font-size: 18px;
        line-height: 32px !important; letter-spacing: 2.4%; 
        max-width: 80%;
        margin: 0px auto;}

.xs-btn-262px{ min-width: 262px;}
.home-feature-box{ margin-top: 25px; padding: 40px !important;}
.feature-box-content p{ color: #C1C9D2; font-size: 21px;
        line-height: 32px !important;}
.home-feature-box .vertical-counter{ font-size: 56px !important; line-height:51px !important; font-weight: 600 !important;}

.whychose-design-agecy-home{ padding: 90px 0;}
.lovTxt {
    display: flex !important;
    align-items: center;
    font-size: 24px !important;
    line-height: 40px !important;
}
.lovTxt .me-5px {
    margin-right: 16px !important;
}

.home-page-testimonials .fs-15{ font-size: 17px !important;
    line-height: 22px !important;}
.home-page-testimonials .fs-22{ font-size: 23px !important;
    line-height: 34px !important; letter-spacing:0.4%}

.rating-row-home{ margin-top: 42px;}
.strs-price .fs-60 {
    color: #1B2F46;
    font-size: 63.43px !important;
    line-height: 65.3px !important;
    letter-spacing: -2% !important;
}
.strs-price .bg-base-color {
        padding: 0 20px !important;}
.strs-price .bg-base-color i{ margin: 0 1px;}
.strs-price .text-center {
    text-align: left !important;
}
.strs-price .fs-13 {
    color: #21344B;
    font-size: 12.57px !important;
    line-height: 14px !important;
    font-family: var(--alt-font);
    font-weight: 600 !important;
    letter-spacing: 1% !important;
}
.home-section4{ padding-top:20px;}
.home-staps .bg-sliding-line{background-color: transparent !important;
        background: repeating-linear-gradient(135deg, rgba(217,217,217,1), rgba(217,217,217,1) 0px, transparent 1px, transparent 3px);}


.our-impact-para .btn{ margin-top: 30px !important; }

.rating-row-home .line-img{ height: 3.01px;}

.patten-big-light-text {
        background-color: transparent !important;
        background: repeating-linear-gradient(135deg, rgba(12, 26, 42, 1), rgba(12, 26, 42, 0.3) 0px, transparent 1px, transparent 3px);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        font-size: 86px;
        line-height: 86px;
        letter-spacing: -1% !important;
    }









}








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



.img-brd {
    background: url(../images/light-line1.png) repeat-x left top !important; width: 4px !important; height: 100% !important; top: 0px !important; left: 10px !important;
}
.process-step-icon-box {
        top: 15px !important;
        height: 100%;
        position: absolute !important;
        top: 0px;
        left: 0px;
    }

.process-step-style-06 {
        position: relative;
        margin: 0px !important;
        padding-left: 47px !important;
        padding-bottom: 42px;text-align: left;
    }
.process-step-style-06:last-child .img-brd{ background: none !important;}
.choseRowbothP{ min-height: auto !important;}
.choseRowbothP .last-paragraph-no-margin {
        padding: 30px 0 !important;
    }
.continu-scroll-text .swiper-width-auto{ padding-bottom: 0px !important;}
.continu-scroll-text{ padding-bottom: 0px !important;}
.mobapp-prortfolio-sec .border-radius-8px{ border-radius: 0px !important;}

.choseRow .fs-28{ font-size: 28px !important; line-height: 34px !important;}
.choseRow .fs-21{ font-size: 21px !important; line-height: 34px !important;}

.choseRow .fs-22{ font-size: 22px !important; line-height: 32px !important;}




.health-workBox img {
    height: auto !important;
    object-fit: cover;
}


.md-w-75 {
        width: 100% !important;
    }
.health-box{ padding: 22px; }

.smart-engr-Txt .circleImg {
    max-width: 83px;
    margin: 0px auto;
  }
.smart-engr-Txt .text-sliding-line{ margin-bottom: 0px !important;}

.btn.mt-60px {
  margin-top: 20px !important;
}

.circle-blue {
  width: 146.09px;
  height: 146.09px;
  border-radius: 100%;
  padding: 15px;
}
.mid1 {
  width: 57.15px;
  height: 57.15px; font-size: 32.68px;} 
 .mobTecnolog {
    max-width: 200px;
  }
.top-minus-50px {
  top: -20px;
}




.home-Industries-row{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start !important;
    text-align: left !important;
}

.home-Industries-row .top-15px {
    top: 20px;
}


.impct-green{ text-align: left !important; padding-left:10px;}


.portfolio-txt, .portfiloTag{ padding: 20px;}


.buldLists{ padding:0 15px;}
.buldLists ul li + li {
    border-left: none;
}
.buldLists ul {
        max-width: 550px;
        flex-wrap: wrap;
    }
.mobTecnolog {
        max-width: 200px;
        margin: 0px 0px -41px auto;
        top: 0px !important; position: relative !important;
    }
.mob-teconTxt{ text-align: left;}

.choseRow-number-mob-app .offset-sm-1{ text-align: center; padding: 6px 0;}

.choseRow-number-mob-app .last-paragraph-no-margin p {
        min-height: auto;
        justify-content: center;
        text-align: center;
    }
.choseRow-number-mob-app .last-paragraph-no-margin{ padding-bottom: 20px !important;}

.mobapp-icon-bg{
    width: 130%;
    max-width: 120%;
    margin-top: -153px;
    bottom: 0px;
    margin-bottom: -185px;
}


.prj-box-row .col-sm-6, .prj-box-row .col-12 {
    padding: 0 5px;
    margin-bottom: 10px;
}
.prj-box-row{ margin-bottom: 0px !important;}


.gallery-box-color .p-50px{ padding: 20px !important;}


.project3-VectoA1 {
        top: -150px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
.py-150px {
        padding: 70px 0;
    }

.uxuiban .min-height-630px{  min-height: auto; }



.uiuxTab-Sec .handBx-Ux-Img {
        right: 0; bottom: 0;
    }
.uiuxTab-Sec .sm-pe-50px {
        padding-right: 15px !important;
    }
.uxuiSlide-Row .sliding-box .sliding-box-item {
        width: 100% !important;
    }


.iconbgAtg {
        left: -30px;
        margin-top: -199px !important;
        margin-bottom: -66px;
        width: 100%;
    }
.iconbgAtg img {
        max-width: 576px;
        width: 144% !important;
    }




    .project1-mobpic {
        bottom: -65px;
        max-width: 98px;
    }

.lauch-row .fs-16 {
        font-size: 10px !important;
        line-height: 15px !important;
        margin-bottom: 11px;
    }









}


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

.md-bottom-minus-70px {
        bottom: -20px !important;
    }
.tXtts > img {
        width: 66px;
    }
.ttx {
        padding-left: 78px;
    }
.testeSec-before {
        height: 58%;
    }
    .xs-lh-112 {
        line-height: 6rem;
    }

.moApport-box {
        height: 340px;
    }

.mobile-app-design-ban .fs-150 {
        font-size: 60.44px !important;
        line-height: 62px !important;
    }

.transof-project2-sec{ padding-bottom: 0px;}



.navbar-toggler2 {
    top: 30px;
}



.lauch-row{ padding: 19% 9%;}
    .sign-logo{
        width: 32px;
        margin-bottom: 15px;
    }




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

.page-title-large h1 br{ display: none;}






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

.testeSec-before {
        height: 61%;
    }
.navbar .col-lg-2.text-end{ padding: 0px !important;}
.threeD-letter-menu .menu-item .menu-item-text {
        line-height: 0.8 !important;
    }

.mw-360 {
    min-width: 100%;
}

.mobile-app-design-ban .fs-150 {
        font-size: 50.44px !important;
        line-height: 52px !important;
    }
.clone.words .word span, .menu-item span {
        font-size: 43px;
        line-height: 42px;
    }
    .threeD-letter-menu .menu-item .menu-item-text {
        line-height: 0.1 !important;
    }




}