@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Roboto:wght@300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&display=swap);
/*mobile css*/
.company-process {
    width: 33%;padding: 5px;
}
    .same-section.work-flow-section.mobile-flow{
        padding: 30px 0;
        background-image: none;
        background: #000 !important;
    }
.mobile-flow{display:none;}.mobile-flow img{width: 100%;}
.company-process button.btnx1.btn-white1 {
    display: flex
;
    justify-content: center;
    align-items: center;
    border: 1px solid #ff6300;
    border-radius: 10px;
    background: #fff;
    color: #000;
        width: 100%;
    padding: 21px;
}
section.banner-section.padding-custom {
    padding: 40px ;
}
.company-process button.btnx1.btn-white1 span img {
    filter: unset;
    padding-right: 15px;
}
.company-process button.btnx1.btn-white1 h4 {
    color: #111;
    font-size: 14px;
    text-align: left;
}
.company-process button.btnx1.btn-white1 h4 span {
    font-size: 24px;
    font-weight: 600;
    display: block;
    padding: 15px 0 9px;
    color: #434343;
    text-align: left;
}
.ecommerce-development-row img{
    filter: drop-shadow(0px 1000px 0 orange);
  transform: translateY(-1000px);
}
.current-opening-job-data ul li {
    padding-bottom: 10px;
}
.current-opening-job-data span {
    display: block;
        padding-bottom: 10px;
            font-family: 'Montserrat' !important;
}
.services-shap.aos-init.aos-animate {
    margin-right: 70px;
}
.ecommerce-development-row  .expertise-mobile-development-box {
    overflow: hidden;
}
section#video-tab .advance-ewallet-listing ul li{
    border:0px;
    background: url(../images/advance-listing-icon.svg) no-repeat;
    background-position: left top;
   
    background-size: 28px;
}
.sell-eccommerce-slider .owl-dots{
    bottom:-40px;
}
.sell-eccommerce-slider .owl-dots button.owl-dot{
    width: 7px;
    height: 7px;
}
.sell-eccommerce-slider {
    padding: 30px 0 0;
}
.bg-color-light{
        background: #eff9ff;
        border-radius: 15px;
}
.row.ecommerce-development-row .expertise-mobile-development-box {
    margin-bottom: 29px;
    height: auto;
}
.row.ecommerce-development-row h3 {
    font-size: 21px;
}
.ui-ux-element .step-video{
    transition:0.5s all;
}
.ui-ux-element .step-video:hover{
    margin-top:-20px;
}
.row.ui-ux-element .col1 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    padding: 0 10px;
    margin-bottom: 42px;
}
.challenges-uiux-box {

    padding: 25px;
    border-radius: 45px 0;
    background: #1d3957;
    position: relative;
}
.challenges-uiux-inner-slide img {
    width: auto !important;
}
.challenges-icon-ux {
    display: flex;
    padding: 20px 0;
}
.challenges-icon-ux svg {
    width: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 40px;
    padding: 8px;
    transition: 0.5s all;
    color: #fff;
    z-index: 1;
    position: relative;
}

.challenges-icon-ux h3 {
    width: 50%;
    font-size: 20px;
    font-weight: 500;
    color:#fff;
}
.hover-show-box.hidden {
    height: 0;
    transition: all .7s;
  }
.hover-show-box{
    background:#fe7117 ;
      padding: 25px;
    border-radius: 45px 0;
    position: absolute;
    top: 0px;
    right:0px;
    left: 0px;
    width:100%;
    height:100%;

}
.challenges-icon-ux svg:hover .hover-show-box{
}
.hover-show-box h3 {
    font-size: 20px;
    padding-bottom: 15px;
    font-weight: 500;
    color:#fff;
}
.hover-show-box p {

    color:#fff;
}
.ux-svg-challege{
     width: 50%;
     text-align: right;
}
.ui-related-box {
    background-image: url(../images/ui-bg-1.webp);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding:35px;
    display: flex;
    position: relative;
    transform: translate(0);
}
.padding-ui-box{
    background: #1d3957;
}
.ui-realed-inner img {
}
.ui-realed-inner p {
    color: #ddd;
    line-height: 1.7;
}
.ui-realed-inner h3 {
    font-size: 25px;
    color: #fff;
    padding: 20px 0;
}
.feature-carduiux.two {
    position: relative;
    z-index: 1;
}
.ui-ux-design1 img{
    padding-bottom:15px;
}
.ui-ux-element .step-video-content h3{
    font-size:16px;
    font-weight:500;
}
.contentuiux {
    padding: 0 25px;
}

.iconuiux {
    position: relative;
}
.iconuiux img {
    width: fit-content !important;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.feature-carduiux.two .iconuiux .uiuxicon-bg {
    position: absolute;
    bottom: 0;
    left: 0;
}
.feature-carduiux.two:hover .iconuiux{
    animation: unset
}
.feature-carduiux.two .iconuiux .uiuxicon-bg svg {
    fill: rgba(254,113,13,0.3);
}
.feature-carduiux.two:hover .iconuiux img{
    animation: zoomIn .7s linear
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.8,.8,.8)
    }

    50% {
        opacity: 1
    }
}
.feature-carduiux.two:before {
    content: "\f135";
    font-family: bootstrap-icons !important;
    font-size: 23px;
    position: absolute;
    left: 50%;
    top: 36px;
    z-index: -1;
    color: #3f444b;
}
.contentuiux h4 {
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 12px;
}
.contentuiux p {
    font-size: 15px;
    line-height: 1.7;
    color: #222;
}
.feature-carduiux.two:after {
    content: "";
    height: 1px;
    width: 86%;
    background-color: #3f444b;
    opacity: .2;
    position: absolute;
    left: 76px;
    top: 52px;
    z-index: -1;
}
.video-icon-img img {
    width: 70px;
}
.student-short a {
    display: block;
    width: 100%;
}
.display-procss-ui{
   display: grid
;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 60px;
}
.ui-element  {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0px;
}
.ui-element li:not(:nth-child(n+6))>div {
        border-bottom: .0625rem solid #e0e0e0;
}
.ui-element li:not(:nth-child(5n))>div {
        border-right: .0625rem solid #e0e0e0;
    }
    ul.ui-element li{
        text-align:center;
    
    }
ul.ui-element li h3 {
    font-size: 16px;
    padding: 15px 0 25px;
}
.interface-box {
    position: relative;
    border: 1px solid #eee;
    border-radius: 5px;
    background: #fff;
    padding:24px 24px 24px 42px;
    margin-bottom:25px;
}
.ui-ux-design1 {
    background: #fff;
    padding: 35PX;
    border-bottom: 5px solid #fe7117;
    margin: 0 0 25px;
}
.ui-ux-design1 h3 {
    font-size: 20px;
    padding-bottom: 19px;
    font-weight: 600;
}
.ui-ux-design1 p{
     font-size: 15px;
    color: #686868;
    line-height: 1.7;
}
.interface-box h4 {
    font-size: 28px;
    padding-bottom: 10px;
    font-weight: 600;
}
.interface-box p {
    font-size: 15px;
    color: #686868;
    line-height: 1.7;
}
.interface-box:before {
    content: "";
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 24px;
    width: 2px;
    background: #fe7117;
}
.ui-element-inner img {
    width: 50px;
}
.ui-element li .ui-element-inner{padding:20px;}
.ui-box-process h3 {
    font-size: 19px;
    font-weight: 600;
    padding: 20px 0 15px;
    color: #111;
}
.ui-box-process p {
    font-size: 15px;
    line-height: 1.7;
    color: #4c4c4c;
}
.ui-box-process {
    position: relative;
    border: 1px solid #eee;
    border-radius: 5px;
    background: #fff;
    padding: 32px;
}

.ui-box-process:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #afafaf;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.ui-box-process:nth-child(3n+3):after {
    left: 50%;
    top: unset;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
#video-tab .nav-tabs {
    display:none;
}
.testi-box_img .w-30{width:40%;}
div#videoedit-slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display:block;
    width:100%;
}

div#videoedit-slider .owl-nav button {
    width: 45px;
    height: 45px;
    background: #ff6300;
    color: #fff;
    border-radius: 50%;
    font-size: 32px;
    line-height: 30px;
    padding: 0px;
}
div#videoedit-slider .owl-nav button span {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 41px;
}
div#videoedit-slider .owl-prev {
    left: -5%;
    right:auto;
      position: absolute;
}
div#videoedit-slider .owl-next {
    right: -5%;
    left: auto;
    position: absolute;
}
.student-short {
    position: relative;
}
.short-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

section#video-tab ul li {
    border: 1px solid #ddd;
    background: transparent;
    color: #000;
 height:100%;
}
section#video-tab ul li a{
    background: transparent;
    color: #000;
        padding: 25px;
        height:100%;
}
section#video-tab .card{
     background: transparent;
}
section#video-tab ul li a.active{
   background:#ff6300; 
   color:#fff;
   border-radius:0px;
}
section#video-tab ul li a.active:after {
    border-left: solid 20px transparent;
    border-top: solid 20px #ff6300;
    position: absolute;
    border-right: solid 20px transparent;
    content: '';
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    width: 0;
}
section#video-tab ul li a {
    background: transparent;
    color: #1e1666;
    border: 0px;
    box-shadow: unset;
    font-weight: 500;
    position:relative;
}
@media(min-width:768px) {
  #video-tab  .nav-tabs {
        display: flex;
        flex-wrap:nowrap;
    }
    
   #video-tab .card {
        border: none;
    }

   #video-tab .card .card-header {
        display:none;
    }  

   #video-tab .card .collapse{
        display:block;
    }
}

@media(max-width:767px){
    #video-tab .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
    }

.video-mobile-tab .card-header a {
    background: transparent;
    color: #111;
    border: 0px;
    box-shadow: unset;
    font-weight: 500;
    font-size:17px;
}
}
.video-development-box .hide, .video-edit-box .hide{
    display: none;
}
.video-development-box button, .video-edit-box button {
    background: transparent;
    border: 0px;
    text-align: left;
    font-size: 14px;
    color: #07999f;
    font-weight: 500;
    margin: 10px 0;
}
.video-edit-content {
    padding: 25px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
}
.testi-box_img.w-20 {
    min-width: 50px;
    width: 62px;
}
.video-bg-change {
    background: #eff9ff;
    box-shadow: none;
}
.step-video {
    border: 1px solid #eeeeee;
    border-radius: 20px;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
        background: #eee;
}
.step-video-content h3 {
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 15px;
}
.step-video-content p {
    font-size: 14px;
    line-height: 1.7;
}
.video-icon-img {
    padding: 30px 0;
    background:#fff;
}
.step-video-content {
    background: #eee;
    padding: 21px;
}
.video-development-box img {
    width: 60px;
}
.video-development-box h3 {
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 11px;
}
.video-development-box p {
    font-size: 15px;
    line-height: 1.7;
    color: #444;
}
.video-edit-box button {
    text-align: center;
    margin: auto;
    width: fit-content;
    display: block;
}
.video-edit-icon {
 position: absolute;
    top: -38px;
    left: 50%;
    transform: translateX(-50%);
}
.video-edit-box {
    position: relative;
    margin-bottom: 61px;
}
.video-edit-content h3 {
    font-size: 19px;
    padding: 20px 0 10px;
    font-weight: 600;
    text-align:center;
}
.video-edit-content p {
    font-size: 15px;
    line-height: 1.7;
    color: #444;
      text-align:center;
}
.bg-chnage-color{
    background-color: #f6f7fc;
}
.digital-marketing-icon-part img{
    width: 55px;
}
div#accordion1 .card-header {
    padding: 0px;
}
.pxl-item--icon img {
    width: 63px;
}
.faq-mobileapp .card button:hover,.faq-mobileapp .card button:active , .faq-mobileapp .card button:focus, .faq-mobileapp .card button:focus-visible{
    color: #222;
    text-decoration:none;
    border:0px;
    width:100%;
    text-align:left;
        border: 0px;
    box-shadow:none;
  outline:0px !important;
}
.faq-mobileapp .card h5{
position: relative;
}
.faq-mobileapp .card button.btn.btn-link.collapsed:active, .faq-mobileapp .card button.btn.btn-link.collapsed:focus {
    border: 0px;
    box-shadow:none;
}
.faq-mobileapp .card button::after {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f6f7fc;
    border-radius: 50%;
    color: #000;
    content: "+";
    font-family:  "Font Awesome 6 Free";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    z-index: 3;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:10px;
}
.faq-mobileapp .card button:not(.collapsed)::after {
    content: "-";
      font-family:  "Font Awesome 6 Free";
}
.faq-mobileapp .card button {
background-color: transparent;
    font-family: intersemibold;
    color: #4e4e4e;
    box-shadow: none;
    padding: 18px 30px;
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.faq-mobileapp p{
    font-size:14px;
    line-height:1.8;
}
.faq-mobileapp .card:first-of-type button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}
.font-15{
    font-size:15px !important;
    line-height:1.7 !important;
}
.sys_aboutUs_process_content ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    background: url(../images/Vector-21.svg) no-repeat;
    background-size: 93px;
    width: 100%;
    height: 30px;
}
.sys_aboutUs_process {
    padding: 150px 0 100px
}
.mobile-seamless-box {
    background: #fff;
    border-radius: 15px;
    padding:10px;
    text-align:center;
    margin-bottom:25px;
    transition:0.5s all
}
.mobile-seamless-box:hover{
box-shadow: 0 30px 60px rgba(32, 33, 36, .2);
margin-top:-20px;
}
.m-seam-box img {
    width: 80px;
}
.m-seam-box h3 {
    font-size: 13px;
    padding: 10px 20px;
}
.sys_aboutUs_process_top {
    text-align: center;
    margin-bottom: 110px
}

.sys_aboutUs_process_top span {
    font-size: 16px;
    font-weight: 400;
    background: #fc7600;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: normal
}

.sys_aboutUs_process_top h2 {
    font-size: 40px;
    color: #161616;
    font-weight: 700;
    line-height: 50px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px
}

.sys_aboutUs_process_top h2:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 143px;
    height: 3px;
    background: #161616;
    transform: translateX(-50%)
}
.sys_aboutUs_process_content ul {
    display: flex
;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9%;
    text-align: center;
}

.sys_aboutUs_process_content ul li {
    width: 27%;
    margin-right: 0px;
    margin-bottom: 30px;
    position: relative;
    padding:30px;
    border:1px solid #ddd;
    transition:0.5s all;
}



.sys_aboutUs_process_content ul li:last-child:before {
    display: none
}


.sys_aboutUs_process_content ul li.third-class-css:after{
    display:none;
}
.sys_aboutUs_process_content ul li .sys_aboutUs_process_outer {
  
    align-items: center
}

.sys_aboutUs_process_content ul li .sys_aboutUs_process_outer .sys_aboutUs_process_img {
    width:80px;
    height: 80px;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 0 100px rgb(0 0 0/20%);
    line-height: 80px;
    text-align: center
}

.sys_aboutUs_process_content ul li .sys_aboutUs_process_outer .sys_aboutUs_process_img img {
    vertical-align: middle;
    padding: 15px;
    width: 89%;
}
.sys_aboutUs_process_content ul li .sys_aboutUs_process_outer .sys_aboutUs_process_text {
    width: 100%;
    padding-left: 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    text-align: center;
    padding-right: 10px
}

.sys_aboutUs_process_content ul li .sys_aboutUs_process_outer .sys_aboutUs_process_text span {
    font-size:35px;
    font-weight: 700;
    color: #999;
    line-height: normal;
    padding-left: 10px;
    padding-right: 0;
     -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #b4b4b4;
  transition:0.5s all;
}
.sys_aboutUs_process_content ul li:hover .sys_aboutUs_process_outer .sys_aboutUs_process_text span{
     -webkit-text-stroke-color: #15c0ad;
     color:#15c0ad;
     -webkit-text-fill-color:#15c0ad;
     opacity:1;
     background:transparent;
}
.sys_aboutUs_process_content ul li::before {
    left: 0%;
    border: 2px solid #ffeddd;
    transition: width 0.2s ease-in, height 0.15s 0.2s linear, opacity 0s 0.35s;
    width: 0%;
    height: 0%;
    bottom: 0;
    background: transparent;
    opacity: 0;
    z-index: 2;
    position: absolute;
    content: "";
}
.sys_aboutUs_process_content ul li:hover{background:#ffeddd;}
.sys_aboutUs_process_content ul li:hover::before {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: height 0.15s 0.1s linear, width 0.2s 0.25s linear, opacity 0s 0.1s;
}
.sys_aboutUs_process_content ul li .sys_aboutUs_process_outer .sys_aboutUs_process_text h2 {
    font-size: 16px;
    line-height: normal;
    font-weight: 700;
    color: #14212b;
    padding: 18px 0 15px;
}
.sys_aboutUs_process_content ul li .sys_aboutUs_process_outer .sys_aboutUs_process_text p {
    font-size: 13px;
    line-height: 1.8;
    font-weight: 400;
    color: #161616;
}
.sys_aboutUs_process_img {
    text-align: center;
    margin: auto;
}
.sys_aboutUs_process_text span {
    position: absolute;
    bottom: 1px;
    right: 12px;
    opacity: 0.3;
    background: #fff;
    /* display: none; */
}
.sys_aboutUs_process_content ul li:nth-child(2) .sys_aboutUs_process_outer .sys_aboutUs_process_text,
.sys_aboutUs_process_content ul li:nth-child(4) .sys_aboutUs_process_outer .sys_aboutUs_process_text,
.sys_aboutUs_process_content ul li:nth-child(6) .sys_aboutUs_process_outer .sys_aboutUs_process_text {
    width: 100%;
    padding-left: 0;
    display: flex;
    align-items: center;
    flex-direction: inherit;
    text-align: center;
    padding-left: 20px;
    padding-right: 0
}

.sys_aboutUs_process_content ul li:nth-child(2) .sys_aboutUs_process_outer .sys_aboutUs_process_text span,
.sys_aboutUs_process_content ul li:nth-child(4) .sys_aboutUs_process_outer .sys_aboutUs_process_text span,
.sys_aboutUs_process_content ul li:nth-child(6) .sys_aboutUs_process_outer .sys_aboutUs_process_text span {
    padding-right: 10px;
    padding-left: 0
}

.sys_aboutUs_process_content ul li:nth-child(3) .sys_aboutUs_process_outer .sys_aboutUs_process_text {
    order: 2;
    text-align: center;
    flex-direction: unset;
    padding-right: 0;
    padding-left: 20px
}

.sys_aboutUs_process_content ul li:nth-child(3) .sys_aboutUs_process_outer .sys_aboutUs_process_text span {
    padding-right: 10px
}

.sys_aboutUs_process_content ul li:nth-child(3) .sys_aboutUs_process_outer .sys_aboutUs_process_img {
    order: 1
}

.sys_aboutUs_process_content ul li:nth-child(4) .sys_aboutUs_process_outer .sys_aboutUs_process_text {
    order: 1;
    text-align: center;
    flex-direction: row-reverse;
    padding-right: 20px;
    padding-left: 0
}

.sys_aboutUs_process_content ul li:nth-child(4) .sys_aboutUs_process_outer .sys_aboutUs_process_text span {
    padding-left: 10px;
    padding-right: 0
}

.sys_aboutUs_process_content ul li:nth-child(4) .sys_aboutUs_process_outer .sys_aboutUs_process_img {
    order: 2
}

.sys_aboutUs_process_content ul li .sys_aboutUs_process_outer .sys_aboutUs_process_img {
    background: #fc7600;
    box-shadow: none
}

.sys_aboutUs_process_content ul li .sys_aboutUs_process_outer .sys_aboutUs_process_img img {
    filter: brightness(0) invert(1)
}

 .Talent_Redefining_inner .Talent_Redefining_Left_Part ul {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
}
.Talent_Redefining_inner .Talent_Redefining_Left_Part {
    width: 100%;
    background: #fff;
    padding: 0px;
}
.Talent_Redefining_box p {
    font-size: 13px;
    font-weight: 600;
    padding-top: 14px;
}
 .Talent_Redefining_inner .Talent_Redefining_Left_Part ul li {
    padding: 35px 0;
    width: 25%;
    border: solid 1px #eaeaea;
    transition:0.5s all;
}
img.w-80 {
    width: 75%;
    text-align: center;
    margin: auto;
    display: block;
}
.mobile-app-inner {
    transition: .3s;
        background-color: #fff;
    border-radius: 16px 0 0 16px;
    box-shadow: 0 1px 2px rgba(32, 33, 36, .1);
    overflow: hidden;
    padding: 40px;
    transition: .3s;
}
.mobile-app-inner:hover {
    border-radius: 16px;
    box-shadow: 0 30px 60px rgba(32, 33, 36, .2);
    position: relative;
    z-index: 1;
}
.w-60{width:70%;}
.Talent_Redefining_inner .Talent_Redefining_Left_Part ul li:hover {
  
    box-shadow: 0 30px 60px rgba(32, 33, 36, .2);
    position: relative;
    z-index: 9;
}
.mobile-development-box {

}
.g-0, .gx-0 {
    --bs-gutter-x: 0;
    margin:0px;
    padding:0px;
}
.mobile-development-box figure {
    border-radius: 50%;
    display: block;
    height: 75px;
    line-height: 75px;
    margin: 0 auto 20px;
    text-align: center;
    width: 75px;
}
.mobile-development-box img {
  
    padding: 15px;
}

.mobile-development-box p {
    color: #5f6168;
    font-size:14px;
    text-align:center;
}
.mobile-development-box{
/*background: #fbfbfb;*/
/*    border-radius: 30px;*/
/*    padding: 30px 20px;*/
/*    position: relative;*/
/*    height: 100%;*/
/*box-shadow: 0 3px 3px #000;*/
/*    box-shadow: 0 3px 9px rgb(0 0 0 / 8%);*/
/*    text-align:center;*/
}
.mobile-development-box h3 {
    color: #141125;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 5px;
    text-align: center;
}
.mobile-development-box  figure img{background:tranparent; text-align:center}
.mobile-development-box .bg-color-icon1{background: #242424;  }
    .mobile-development-box .bg-color-icon2{background: #3DDC84 ;}
    .mobile-development-box .bg-color-icon3{background: #ffe01b; }
    .mobile-development-box .bg-color-icon4{background: #61DBFB; }
    .mobile-development-box .bg-color-icon5{background: #042B59; }
    .mobile-development-box .bg-color-icon6{background: #8d0000;}
    .mobile-development-box .bg-color-icon7{background: #03363d; }
    
.tp-feature-five-shape-color {background-color: #242424;}    
.tp-feature-five-shape-color.feature-mob1{ background-color: #3DDC84 ;}
.tp-feature-five-shape-color.feature-mob2{ background-color: #ffe01b ;}
.tp-feature-five-shape-color.feature-mob3{ background-color: #61DBFB ;}
.tp-feature-five-shape-color.feature-mob4{ background-color: #042B59 ;}
.tp-feature-five-shape-color.feature-mob5{ background-color: #8d0000 ;}
.tp-feature-five-shape-color.feature-mob6{ background-color: #03363d ;}

.tp-feature-five-shape-color{  
   
    border-radius: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: .3s;
    width: 100%;
    z-index: -1;
    opacity:0;
}
.mobile-app-inner:hover .tp-feature-five-shape-color {
    top: -125%;
      opacity:1;
    transform: scale(3.7);
}
ul.list-stunning {
    list-style: none;
    padding: 0;
    /* margin: 50px 0 35px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mobile-process-list ul {
    display: flex;
    gap:10px;
    flex-wrap: nowrap;
}
.mobile-process-list ul li h4 {
    font-size: 15px;
    padding: 15px 0 0;
    color: #222;
    font-weight: 600;
}
.mobile-process-list li {
    border: 2px solid #ffb98d;
    border-radius: 15px;
    padding:40px 17px;
    text-align: center;
        width: 16%;
}
.z-index-1 {
    z-index: 1;
}
.mobile-icon {
    margin-right: 16px;
}
ul.list-stunning li{
   width: 30%;
    background-color: #fff;
    padding: 10px 20px;
    border: 2px solid #8fd5e7 ;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    color: #000c1e;
}
ul.list-stunning li:after {
    content: "";
    position: absolute;
    width: 32px;
    top: -2px;
    right: -10px;
    bottom: -2px;
    background: #8fd5e7 ;
    z-index: -1;
    transform: skewX(-10deg);
}
ul.list-stunning li:nth-child(2):after {
    background: #ffdf73;
}
ul.list-stunning li:nth-child(3):after {
    background: #fea5a6;
}
ul.list-stunning li:nth-child(4):after {
    background: #beb9f6;
}
ul.list-stunning li:nth-child(5):after {
    background: #88e6db;
}
ul.list-stunning li:nth-child(6):after {
    background: #8fd5e7;
}


/*ui css*/
.testi-logo img {
    width: 77px !important;
}

ul.first-versitle {

    display: flex;
    flex-wrap: wrap;
}
ul.first-versitle li{
    margin-bottom:25px
}
.testi-logo{margin-bottom:15px;}
section.mobile-development-us-banner {
 background: linear-gradient(0deg, rgba(27,56,86,1) 0%, rgba(25,137,148,1) 100%);
    padding: 150px 0 0px;
}
section.webdevelope-us-banner {
 background:url(../images/web-banner-new.jpg) center no-repeat;
 background-size:cover;
    padding:150px 0 100px;
}
.top-vector-web {
    position: absolute;
    top: 0px;
    left: 0px;
    width: fit-content;
}
.bottom-vector-web {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: fit-content;
}
.img-width-res{
    width:60%;
    text-align:right
}
.text-desktop{
     text-align:center
}
.webdevelopment-us-text h1 {
    font-size: 45px;
    color: #fff;
    font-weight: 700;
}
.webdevelopment-us-text p {
    font-size: 16px;
    color: #fff;
    padding: 30px 0;
}
.custom-btn-new .bg-btnnew1{
    background:#1b9aa0;
    color:#fff;
    border:1px solid #1b9aa0;
    text-transform: capitalize;
    font-weight: 400;
}
.custom-btn-new .bg-btnnew1:hover{
    background:transparent;
    color:#fff;
}
.custom-btn-new .bg-btnnew{
    background:transparent;
    text-transform: capitalize;
    font-weight: 400;
    color:#fff;
    border:1px solid #1b9aa0;
}
.custom-btn-new .bg-btnnew:hover{
    background:#1b9aa0;
    color:#fff;
     border:1px solid #1b9aa0;
}
.ui-col {
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: inherit;
}
.ui-process-row{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 60px;
    margin-top:40px;
}
.ui-inner {
    padding: 25px 20px;
}
.ui-content {
    padding: 20px 0 0;
}
.ui-content h4 {
    font-size: 19px;
    font-weight: 600;
    color: #111;
}
.ui-content p {
    font-size: 15px;
    color: #555;
    padding: 15px 0 0 0;
}

/*graphic css*/
h3.pxl-item--title {
    font-size: 20px;
    font-weight: 500;
}
.testi-box_content h2 {
    font-size: 17px;
    color: #000;
    font-weight: 600;
    padding-bottom: 15px;
}
.graphics-process ul {
    display: flex;
}
.graphics-process ul li{
    flex:0 0 16.6%;
    padding:15px;
        position:relative;
}
.box-contact-page {
    text-align: center;
    padding: 20px 10px;
}
.box-contact-page h5 {
    font-size: 18px;
    color: #fff;
    padding: 15px 0 0;
}
.border-radius-0{
     border-radius:0px !important;
}
.graphics-process ul li:after {
    content: '';
    position: absolute;
    background: url(https://gkmtit.com/images/graphic-arrow.png);
    top: 30%;
    right: 50%;
    width: 50px;
    height: 30px;
    background-repeat: no-repeat;
    transform: translate(-100%, -30%);
}
.graphics-process ul li:first-child:after{display:none;}
.graphices-process-list {
    text-align: center;
}
.graphices-process-list img {
    width: 60px;
}
.graphices-process-list h4 {
    font-size: 17px;
    padding: 15px 0;
    color: #000;
}
.graphics-tool-box {
    text-align: center;
    padding: 25px;
    border: 15px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    margin-bottom:25px;
}
.graphics-tool-box h3 {
    font-size: 16px;
    padding: 15px 0 10px;
    font-weight: 600;
    color: #111;
}
.graphics-white-box-cover ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px;
    position: relative;
    z-index: 2;

}
.graphics-white-box-cover ul li {
    position: relative;
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 25%;
    max-width: 25%;
    text-align: center;
    margin-bottom: 25px;
}
.challenges-icon img {
    filter: brightness(0) invert(1);
}

.challenges-icon {
    background: #f66305;
    border-radius: 50%;
    padding: 20px;
    width: 80px;
    margin: 0 auto 20px;
}
.gk-courses_item {

    margin-bottom: 25px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 30px 0;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.gk-courses-item_link {
    display: block;
    padding: 30px 20px;
    background-color: #ffffff;
    overflow: hidden;
    position: relative;

}
.gk-courses-item_link:hover,.gk-courses-item_link:hover .gk-courses-item_date {
    text-decoration: none;
    color: #fff
}

.gk-courses-item_link:hover .gk-courses-item_bg {
    -webkit-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10)
}
.gk-courses-item_link:hover .gk-courses-item_title h4{
    color:#fff;
    z-index:111;
}

.gk-courses-item_title {
    min-height: 87px;
    overflow: hidden;
    font-weight: 700;
    font-size: 20px;
    color: #222;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    position: relative
}


.gk-courses-item_title h4 {
    font-size: 17px;
    text-align: center;
    font-weight: 500
}

.gk-courses-item_date-box {
    font-size: 18px;
    color: #222;
    z-index: 2;
    position: relative
}

.gk-courses-item_bg {
    height: 128px;
    width: 128px;
    background-color: #ff6300;
    position: absolute;
    top: -75px;
    border-radius: 50%;
    z-index: 1
}


.gk-courses-item_bg {
    right: -75px;
    -webkit-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}



/*start mobile css*/
.advance-ewallet-listing.white-heading li {
    color: #fff;
}
.ambition-box-cover .ambition-box.ezzy-bbox{
    justify-content:start;
}
img.img-bg-none {
    background: none !important;
    border-radius: 0px !important;
    padding: 0px !important;
}
.web-development-us-banner{
        background: #1e3957;
    padding: 100px 0 ;
    display: flex;
    justify-content: center;
    align-items: center;
}
 .pxl-item--inner {
    margin-top: 91px;
    position:relative;
    padding: 118px 30px 50px;
    background-color: #1d3957;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    text-align: center;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
}
 .pxl-item--divider {
    width: 1px;
    height: 41px;
    left:49%;
    background: -webkit-linear-gradient(45deg, #f0a80e 0%, #f56d16 100%);
    background: -moz-linear-gradient(45deg, #f0a80e 0%, #f56d16 100%);
    background: -ms-linear-gradient(45deg, #f0a80e 0%, #f56d16 100%);
    background: -o-linear-gradient(45deg, #f0a80e 0%, #f56d16 100%);
    background: linear-gradient(45deg, #f0a80e 0%, #f56d16 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0a80e 0%',endColorStr='#f56d16 100%');
    position: absolute;
    top: 112px;
    transform: rotate(180deg);
}
.pxl-item--icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background: -webkit-linear-gradient(45deg, (#f0a80e) 0%, #f56d16 100%);
    background: -moz-linear-gradient(45deg, (#f0a80e) 0%, #f56d16 100%);
    background: -ms-linear-gradient(45deg, (#f0a80e) 0%, #f56d16 100%);
    background: -o-linear-gradient(45deg, (#f0a80e) 0%, #f56d16 100%);
    background: linear-gradient(45deg, #f0a80e 0%, #f56d16 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0a80e 0%',endColorStr='#f56d16 100%');
    z-index: -1;
    transform: rotate(135deg);
}
 .pxl-item--icon {
    line-height: 1;
    width: 111px;
    height: 111px;
    line-height: 111px;
    left: 50%;
    color: #fff;
    position: absolute;
    top: -54px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
section.mobile-app-us-banner {
    background: #3a1c40;
    padding: 100px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-us-text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.mobile-us-text h1 {
    font-size: 45px;
    color: #fff;
    padding-bottom: 30px;
}
.same-heading.mobile-para p{
    line-height: 1.8;
}
.row.web-development-row.block-color-font h3 {
    color: #111;
    font-size:18px;
}
.row.web-development-row.block-color-font p {
    color: #555;
    font-size:14px;
    line-height:1.7
}
.row.web-development-row.block-color-font img {
    background: #1d3957;
    padding: 10px;
    border-radius: 50%;
}
.web-value-inner-content img.goodfirm-logo{
    width: 56%;
}
/*start new web deveplment css*/
.client-slider .owl-nav {
    opacity: 0;
    transition: 0.5s all;
}
.client-slider:hover .owl-nav {
    opacity: 1;
}
.client-slider .owl-nav button {

    width: 50px;
    height: 50px;
    background: #ff6300 !important;
    border-radius: 50%;
    color: #fff !important;
    font-size: 25px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
}
.client-slider .owl-nav button.owl-prev {
        top: 49%;
    position: absolute;
    left: -50px;
}
.client-slider .owl-nav button.owl-next {
        top: 49%;
    position: absolute;
    right: -50px;
}
.testi-box_quote {
    height: 56px;
    width: 56px;
    line-height: 52px;
    background-color: #1d3957;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 2;
    margin: -28px auto 0 auto;
}
.testi-box_quote:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #1d3957;
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.testi-box_quote img {
    position: relative;
    z-index: 1;
}
.testi-box_quote img {
    width: 25px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: auto;
}
.testi-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    box-shadow: 0px 0  10px 0 rgba(8, 14, 28, 0.06);
    border-radius: 10px;
    gap: 30px;
    padding: 40px;
    margin: 17px 5px;
}
.testi-box_img {
    min-width: 140px;
    text-align: center;
    display: flex
;
    justify-content: center;
    align-items: center;
}
.testi-box_text {
    margin-top: -0.45em;
    padding-bottom: 23px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E2E8FA;
}
.testi-box_review {
    color: #684DF4;
    font-size: 14px;
    position: absolute;
    bottom: 55px;
    right: 40px;
}
.testi-box_desig {
    font-size: 13px;
    display: block;
    margin-bottom: -0.5em;
}
.testi-box .box-title {
    margin-bottom: 4px;
}
.box-title {
    font-size: 17px;
    line-height: 1.417;
    font-weight: 700;
    margin-top: -0.32em;
}
.contact-bottom{
     background-color:#1d3957;
    background-image: url(../images/contact-bg.webp);
    background-repeat: no-repeat;
    background-position: top left;
    padding:50px;
    border-radius:25px;
}
.mobileapp-development-features-listing-img {
    -webkit-animation: mover 1.9s infinite alternate;
    animation: mover 1.9s infinite alternate;
}

.mobileapp-development-features-listing-parent ul {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 15px 0 0;
    position: relative;
    z-index: 1;
}

.mobileapp-development-features-listing-parent ul li a {
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 19px;
    display: inline-block;
    padding: 30px 20px;
    min-width: 200px;
    text-align: center;
    margin: 0 7px;
    color: #3B3B3B;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    -webkit-transition: all 0.8s ease 0.3s;
    transition: all 0.8s ease 0.3s;
}

.mobileapp-development-features-listing-parent ul li a span {
    display: block;
    margin: 0 0 15px;
}

.mobileapp-development-features-listing-parent ul li a:hover {
    box-shadow: 0px 3px 6px #bba4d9;
    background: #0da6a4;
    color: #fff;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.mobileapp-development-features-listing-parent ul li a img {
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.mobileapp-development-features-listing-parent ul li a:hover span img {
    transform: rotate(360deg);
}
.ewallet-new-process-wrapper {
    margin: 0 auto;
}
.ewallet-cta-img-parent img {
    animation: none;
    position: absolute;
    right: 10%;
    top: 0;
    bottom: 0;
    /*height: 100%;*/
    width: 450px;
    object-fit: cover;
}
.ewallet-new-process-wrapper .ewallet-proces-box {
    width: 65%;
    border-left: 10px solid #15c0ad29;
    margin: 50px 0 0;
    padding: 25px;
    border-bottom: 2px dashed #D1D1D1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    padding-top: 20px;
}

.ewallet-process-content h3 {
    color: #000000;
    font-size: 19px;
    font-weight: bold;
    margin: 0 0 5px;
    line-height: 1.4;
}

.ewallet-process-content p {
    color: #3B3B3B;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.ewallet-new-process-wrapper .ewallet-proces-box span {
    color: #29123B;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: #fff;
    padding: 5px;
    position: absolute;
    top: -30px;
    left: -39px;
    width: 70px;
}

.ewallet-process-content {
    padding-left: 50px;
}

.ewallet-new-process-wrapper .ewallet-proces-box figure {
    margin: 0;
    margin-left: 30px;
}

.ewallet-new-process-wrapper .ewallet-proces-box:nth-child(odd) {
    margin-left: auto;
}

.ewallet-new-process-wrapper .ewallet-proces-box:nth-child(even) figure {
    order: 2;
    margin-left: 0;
    margin-right: 30px;
}

.ewallet-new-process-wrapper .ewallet-proces-box:nth-child(even) .ewallet-process-content {
    order: 1;
    text-align: right;
    padding-left: 0;
    padding-right: 50px;
}

.ewallet-new-process-wrapper .ewallet-proces-box:nth-child(even) {
    border-right: 10px solid #15c0ad29;
    border-left: 0;
}

.ewallet-new-process-wrapper .ewallet-proces-box:nth-child(even) span {
    left: inherit;
    right: -40px;
}

.ewallet-new-process-wrapper .ewallet-proces-box figure img {
    max-width: 60px;
    max-height: 60px;
}

.animtion-border {
    position: absolute;
    left: -10px;
    height: 35px;
    top: 30px;
    width: 10px;
    background: transparent linear-gradient(291deg, #15c0ad 0%, #a9fff5 100%) 0% 0% no-repeat padding-box;
    -webkit-animation: line 2s infinite alternate;
    animation: lining 2s infinite alternate;
}

.ewallet-new-process-wrapper .ewallet-proces-box:nth-child(even) .animtion-border {
    left: initial;
    right: -10px;
}

@-webkit-keyframes lining {
    0% {
        transform: translateY(70px);
    }

    100% {
        transform: translateY(-50px);
    }
}

@keyframes lining {
    0% {
        transform: translateY(70px);
    }

    100% {
        transform: translateY(-50px);
    }
}

.widget-logo.top-web-developer-jaipur img {
    filter: brightness(0);
}
.expertise-mobile-development-box {
    height: 100%;
    border: 1px solid #839ebb;
    border-radius: 34px;
    padding: 20px;
}
.web-development-row .col-lg-4{
    margin-bottom:25px;
}
.expertise-mobile-development-box p {
    color: #fff;
}
.expertise-mobile-development-box h3 {
    color: #FFFFFF;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 15px;
    display: inline-block;
}
.advance-ewallet-listing {
    margin: 20px 0 0;
}
.advance-ewallet-listing ul li {
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
background: url(../images/advance-listing-icon.svg) no-repeat;
    background-position: left top;
    padding-left: 40px !important;
    background-size: 28px;
    padding: 10px 0;
}
.web-valuew-section-wrapper {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    margin-left: 40px;
}
.web-valuew-section-wrapper .web-value-content {
    width: 50%;
}
.web-valuew-section-wrapper .web-value-content .web-value-inner-content {
    padding: 30px;
    text-align: center;
}
.web-valuew-section-wrapper .web-value-content .web-value-inner-content figure {
    background: #15c0ad;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}
.web-valuew-section-wrapper .web-value-content .web-value-inner-content h3 {
    color: #141414;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 5px;
}
.web-valuew-section-wrapper .web-value-content .web-value-inner-content p {
    color: #363636;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}
.web-valuew-section-wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #15c0ad;
    transform: translateY(-50%);
}
.web-valuew-section-wrapper:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #15c0ad;
    transform: translateX(-50%);
}

/*end css*/

section.about-us-banner.case-banner {
    background: #1d3857;
    padding: 100px 0;
}
.job-post-item {
    border-radius: 10px;
    background: #fff;
    margin-bottom: 20px;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
    border: 1px solid transparent;
box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
}
.job-post-item .one-third {
    width: calc(100% - 225px);
}
 .job-post-item-body img {
    max-width: 20px;
    margin-right: .5rem !important;
}
.job-post-item h2 {
    font-size: 19px;
    margin-bottom: 12px;
    font-weight: 600;
}
.job-post-item .one-third .subadge {
    color: #959595;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    padding-bottom:10px;
}
.me-3 {
    margin-right: 1rem !important;
}
section.same-section.imtoto-part {
    background: #272A39;
    padding: 60px 0;
}
.imoto-content h3 {
    font-size: 27px;
    color: #111;
    font-weight: 600;
    padding-bottom: 25px;
}
.imoto-content h4 {
    font-size: 20px;
    color: #FE9010;
    padding-bottom: 18px;
}
.imoto-content li {
    color: #333;
    padding-bottom: 27px;
}
.imtoto-content-para h3 {
    font-size: 27px;
    color: #272A39;
    font-weight: 600;
    padding-bottom: 25px;
}
.imtoto-content-para h4 {
    font-size: 20px;
    color: #FE9010;
    padding-bottom: 18px;
}
.imtoto-content-para li {
    color: #333;
    padding-bottom: 27px;
}
.divine-logo img {
    width: 105px;
    filter: brightness(0) invert(1);
}
.divine-logo {
    top: 60% !important;
    transform: translate(0px, -60%);
}
.faq-blog [data-toggle="collapse"] .fa:before {  
  content: "\f139";
}

.faq-blog [data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}
.faq-blog button.btn.btn-link.collapsed {
background: #f9f9f9;
    padding: 13px;
}
.faq-blog button.btn.btn-link {
background: #fdecdc;
    padding: 20px;
}
.faq-blog button.btn.btn-link:focus, .faq-blog button.btn.btn-link:active{
    border:0px;
    box-shadow:unset;
}
.faq-blog button.btn.btn-link {
    display: block;
    width: 100%;
    text-align: left;
    color: #000;
    text-decoration:none !important;
    font-size: 14px;
    font-weight:400
}
.faq-blog button.btn.btn-link i {
    position: absolute;
    right: 20px;
    font-size:15px;
}
div#accordion .card-header {
    background: transparent;
    padding:  0px;
}

.faq-blog .mb-0 > a[aria-expanded="true"]:after {
  content: "\f068";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}

.satta-matka-slides .owl-carousel{display:block !important;}
.satta-matka-slides {
    /*animation: marquee-horizontal 20s linear infinite;*/
    /*animation-play-state: running;*/
    /*display: flex;*/
    /*-moz-column-gap: 20px;*/
    /*column-gap: 20px;*/
    /*transition: .3s*/
}
.satta-matka-slides:hover{ animation-play-state: paused; }
@keyframes marquee-horizontal {
    0% {
        transform: translateZ(0);
        visibility: visible
    }

    to {
        transform: translate3d(-100%,0,0)
    }
}

.box-challenges {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 33px;
    /*background-color: #fdecdc;*/
    min-height: 162px;
}
.box-challenges h4, .box-challenges ul li, .box-solution h4, .box-solution ul li {
    color: #303037;
}

.box-solution {
    border: 1px solid #fdecdc;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 33px;
    background-color: #fdecdc;
    position: relative;
    min-height: 162px;
}
.case-features ul li {
    padding-bottom: 10px;
    color: #606060;
    font-size: 14px;
    line-height: 1.8;
}
.case-features h3 {
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 20px;
    text-align:center;
}
.case-features h4 {
    font-size: 18px;
    padding-bottom: 15px;
    font-weight:500;
}
section.about-us-banner.case-banner p {
    color: #fff;
    font-size: 17px;
    padding-bottom: 25px;
}
.boxes-area .single-box {
    padding: 30px 20px;
    border-radius: 5px;
    background: #fafafa;
    box-shadow: 0 0 10px rgba(72, 69, 224, .1);
    transition: .5s;
}
.boxes-area .single-box .icon {
    background: #5c3376;
    color: #fff;
}
.mid-box-color{
    background-color: #1e3957 !important;
    -webkit-box-shadow: -1px -1px 10px 2px rgba(0, 0, 0, .3)!important;
    box-shadow: -1px -1px 10px 2px rgba(0, 0, 0, .3)!important;
}
.mid-box-color p, .mid-box-color h4{
    color:#fff!important;
}
.ambition-box-cover .ambition-box.mid-box-color h4::after{background:#fff !important;}
.boxes-area .single-box .icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    line-height: 55px;
    background: #1d3857;
    border-radius: 50%;
    color: #fff;
    transition: .5s;
}
.boxes-area .single-box h3 {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 15px;
    transition: .5s;
}
.boxes-area .single-box h4 {
    transition: .5s;
    font-size: 26px;
    font-weight: 600;
}
.boxes-area .single-box p {
    transition: .5s;
}
.boxes-area .single-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 5px;
    height: 100%;
    background: #1d3857;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.boxes-area .single-box:hover:before {
    opacity: 1;
    visibility: visible;
}
.single-box:hover {
    transform: translateY(-9px);
    border-color: transparent;
}
.boxes-area .single-box:hover .icon {
    background: #fff;
    color: #1d3857;
}
.boxes-area .single-box:hover h2, .single-box:hover h3, .single-box:hover h4, .single-box:hover p {
    color: #fff;
}
 .sub-title {
    background: #1d3857;
    color: #fff;
    margin-bottom: 18px;
    border-radius: 30px;
    padding: 5px 20px 4px;
    font-size: 16px;
}
section.gkmtcase-overview {
    padding: 50px 0;
}
.oops_text,
.sorry_text {
    color: #0c6cd3;
    display: block;
    width: 100%
}
section.topBar {
    background: #131313;
    padding: 0 40px;
    position: relative;
    z-index: 111;
}
section.topBar a {
    font-size: 12px;
    color: #fff;
    margin-left: 14px;
    padding: 10px 0;
}
ul.phoneBox.d-inline li {
    display: inline-block;
}
a.inPhone i {
    transform: rotate(90deg);
}
a.requestCall, a.requestCall-non {
    background: #2ab596 none repeat scroll 0 0;
    font-size: 14px;
    font-weight: 700;
    padding: 7px 10px;
    /* letter-spacing: -1px; */
    /* padding: 0 18px; */
    text-transform: uppercase;
    transition: all .3s ease;
    /* display: inline-block; */
    box-shadow: 0 0 1px transparent;
    position: relative;
    margin: 0 0 0 24px;
    position: relative;
    /* z-index: 0; */
}
#bubbleimg img,
button.btnx1.btn-white1 span img {
    filter: brightness(0) invert(1)
}

.own-checkbox,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer
}
.blo-ditals-second h4 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}
*,
a,
after,
b,
before,
p,
strong {
    font-family: Montserrat, sans-serif
}

.bubble,
.home-slider-section .home-slider-bg .container {
    z-index: 2
}

#BUSINESS-slider .owl-dots,
.bubble-box,
.content-front,
.flip-box-inner,
.why-choose9hz .nhz-ds {
    text-align: center
}

.ambition-box-cover .ambition-box,
.bubble-icon-box div,
.contact-us-box .contact-us-info,
.services-tabs ul li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.popupbtn,
.steps_format ul li:nth-of-type(4),
.steps_format ul li:nth-of-type(5),
.steps_format ul li:nth-of-type(6) {
    float: right
}
.blog-section .blog-box-img .blog-img{height:auto;}
.why-choose9hz {
    padding: 50px 0
}

#bubbleimg img {
    height: 50px
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    overflow-x: hidden
}

body {
    background: #fff;
    font-size: 15px;
    color: #3e3e3e
}

.sorry_text {
    clear: both;
    font-size: 26px;
    padding: 20px 0 15px
}

.oops_text {
    font-size: 60px;
    letter-spacing: -6px
}

.error_code {
    display: block;
    clear: both;
    width: 100%;
    padding-bottom: 35px;
    font-family: sf_ui_display_medium
}

.banner-txt h1,
.banner-txt h2 span,
.underline {
    font-family: Quicksand, sans-serif
}

.requestModal {
    background: rgb(0 0 0 / .8)
}

.requestModal .request-dialog {
    max-width: 1100px
}

.requestModal-content {
    flex-direction: row
}

.halloweenOffer-img {
    min-width: 400px
}

.RequestQuoteFormSec {
    padding: 15px 30px
}

.requestModal .modal-header {
    border-radius: 0;
    border: none;
    color: #15c0ad;
    padding-bottom: 0
}

.requestModal .close {
    font-size: 35px
}

.requestModal .modal-content {
    border: none
}

.contactModal-title {
    font-size: 28px;
    font-weight: 500
}

.halloweenOffer-img img {
    height: 100%;
    object-fit: cover
}

.collab-agency h4 {
    color: #fff;
    text-align: right
}

.own-checkbox {
    display: block;
    position: relative;
    padding-left: 28px;
    user-select: none
}

.own-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 6px
}

@media(max-width:991px) {
    .requestModal .request-dialog {
        max-width: 910px
    }
}

@media(max-width:767px) {
    .halloweenOffer-img {
        display: none
    }
}

.popupbtn {
    margin-top: 10px !important;
    background: #15c0ad;
    border: 1px solid #3c9a90
}

button.btnx1.btn-white1 {
    background: 0 0
}

button.btnx1.btn-white1 h4 span {
    font-size: 35px;
    font-weight: 600;
    display: block;
    padding: 15px 0 9px;
    color: #fff
}

.ambition-box-cover .ambition-box.fill h4,
.ambition-box-cover .ambition-box.fill p,
.ambition-box-cover .ambition-box:hover *,
.collab-agency h1,
.collab-agency h5,
.collab-section .text-right p,
.color-white,
.free-lancer-section .text-right p,
.internship-white-box:hover p,
.job-white-box-cover ul li .job-white-box:hover h3,
.other-contact-info ul li a,
.our-client-section.services-our-client .our-client-text p,
.our-client-text h6,
.same-heading.white-heading h2,
.same-heading.white-heading p,
button.btnx1.btn-white1 h4,
section.section-testimonal p.city {
    color: #fff
}

a,
article,
aside,
body,
button,
canvas,
em,
footer,
form,
header,
iframe,
img,
input,
li,
menu,
nav,
ol,
p,
pre,
section,
select,
sub,
sup,
table,
textarea,
ul {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    outline: 0;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    font-family: Montserrat, sans-serif
}

*,
after,
before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

a {
    cursor: pointer !important;
    text-decoration: none !important;
    color: #1cd5b5;
    display: inline-block;
    transition: .2s ease-out;
    -webkit-transition: .2s ease-out
}

a:hover {
    color: #17335f;
    text-decoration: none
}

label {
    font-weight: 400 !important
}

b,
strong {
    font-weight: 700
}

u {
    text-decoration: underline
}

em,
i {
    font-style: italic
}

img {
    max-width: 100%
}

input[type=button],
input[type=reset],
input[type=submit],
input[type=text],
select,
textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

select::-ms-expand {
    display: none
}

p {
    color: #212529
}

.iti *,
.iti__selected-flag,
button {
    outline: 0 !important
}

.banner-section {
    background: #f3f0eb;
    min-height: 100vh;
    padding-top: 120px;
    padding-left: 40px;
    padding-right: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner-txt h2 {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    text-transform: uppercase;
    margin-bottom: 20px
}

.banner-txt h2 span {
    padding: 8px 20px;
    background: #ff6300;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
    font-size: 25px;
    height: 46px;
    vertical-align: middle
}

.banner-txt h1 {
    font-size: 70px;
    font-weight: 700;
    color: #000
}

.banner-txt p {
    font-size: 18px;
    color: #222;
    line-height: 1.8;
    font-weight: 500;
    margin: 15px 0 25px
}

.underline {
    display: inline-block;
    position: relative
}

.underline::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    border-radius: 20px;
    background: #15c0ad;
    bottom: 0;
    left: 0
}

.btnx {
    padding: 14px 40px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 16px;
    -webkit-transition: .3s;
    transition: .3s;
    border: 2px solid transparent
}

.btnx.btn-primaryx,
.site-header .main-menu ul li.quote-btn a:hover,
.site-header.fixed-header .main-menu ul li.quote-btn a:hover {
    background: #ff6300;
    border-color: #ff6300;
    color: #fff
}

.btnx.btn-primaryx:hover {
    background: 0 0;
    border-color: #ff6300;
    color: #ff6300
}

.btnx span,
.contact-us-box .contact-us-info .contact-us-top ul li a span {
    display: inline-block;
    margin-right: 8px
}

@media (min-width:1200px) {
    .container {
        max-width: 1170px;
        padding: 0
    }
}

.same-section {
    padding: 80px 0
}

.same-heading h2,
.same-heading h4,
.same-heading h5,
.why-us-section .same-heading p {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4;
    padding-bottom: 40px;
    color: #000;
    position: relative;
    font-family: Quicksand, sans-serif;
    text-transform: uppercase
}

.same-heading h5,
.same-heading.white-heading h3.treading-slider-head,
.same-heading.white-heading h5.treading-slider-head {
    color: #fff;
    font-size: 40px;
    line-height: 1.4;
    font-weight: 600;
    position: relative;
    font-family: Quicksand, sans-serif;
    text-transform: uppercase
}

.same-heading .page-para-heading {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4;
    padding-bottom: 10px;
    color: #000;
    position: relative;
    font-family: Quicksand, sans-serif;
    text-transform: uppercase
}

.same-heading .page-para-heading span,
.same-heading h2 span,
.span-title-color {
    color: #15c0ad
}

.same-heading h5 {
    padding-bottom: 40px
}

.same-heading p {
    color: #000;
    font-size: 17px;
    line-height: 1.5;
    padding-bottom: 20px
}

.same-heading.white-heading h3.treading-slider-head,
.same-heading.white-heading h5.treading-slider-head {
    padding-bottom: 10px
}

.bg-site-bg {
    background-color: #1d3957;
    padding: 50px 0
}

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

.ambition-box-cover .ambition-box.fill span img,
.ambition-box-cover .ambition-box:hover span img,
.bg-site-bg .btnx:hover span img,
.internship-white-box:hover span img,
.job-white-box-cover ul li .job-white-box:hover img,
.we-serve-tab-btn .we-serve-center img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.btn-white {
    background-color: #fff;
    color: #000;
    border-color: #fff
}

.btn-white:hover {
    background-color: #ff6300;
    border-color: #ff6300;
    color: #fff
}

.home-slider-section .home-slider-bg {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
    min-height: 770px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 150px 0 80px
}

.home-slider-section .home-slider-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .1);
    pointer-events: none
}

.home-slider-section .home-slider-bg .laptop-img {
    position: absolute;
    right: 0;
    width: 800px;
    max-width: 990px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

.services-shap-section {
    background: url(../webimage/services-shap.svg) 0 100%/48vw no-repeat;
    margin-bottom: 50px;
    padding: 100px 0
}

.blog-box:hover .blog-box-text h5,
.business_domains ul li a,
.change_contet_test:first-child,
.contact-us-box .contact-us-info .contact-us-top ul li,
.cover_bx,
.services-shap .services-text,
footer .logo-box a {
    display: block
}

.bubble,
.services-tabs ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    cursor: pointer
}

.services-shap .services-text span {
    display: block;
    text-align: left;
    margin-bottom: 12px
}

.services-shap .services-text span img {
    max-width: 100px;
    max-height: 80px
}

.services-tabs ul {
    display: block;
    position: relative
}

.services-tabs ul li {
    float: left;
    margin-bottom: 2px
}

.services-tabs ul li:nth-child(3),
.services-tabs ul li:nth-child(5) {
    clear: both;
    margin-left: 150px
}

.services-tabs ul li a {
    background-color: #fff;
    width: 150px;
    height: 150px;
    outline: #eee solid 1px;
    padding: 10px;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
    -webkit-transition: .3s;
    transition: .3s
}

.services-tabs ul li a span {
    display: block;
    font-size: 15px
}

.services-tabs ul li a h4 {
    font-size: 35px;
    font-weight: 600;
    margin: 6px 0
}

.services-tabs ul li a p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: inherit
}

.services-tabs ul li a.active,
.services-tabs ul li a:hover {
    background-color: #1d3957;
    color: #fff;
    border-color: #1d3957
}

.services-text {
    padding-right: 38px
}

.services-text h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    max-width: 400px
}

.services-text p {
    font-size: 15px;
    line-height: 1.6;
    color: #fff;
    font-weight: 400;
    margin: 15px 0
}

.clearfix {
    display: table;
    clear: both
}

.work-flow-section {
    background: url(../images/work-flow-page-1.webp) top left/cover no-repeat;
    min-height: 39vmax;
    padding: 40px 0
}

.bubble {
    margin: 30px;
    border-radius: 50%/60% 60% 40% 40%;
    width: 85px;
    height: 100px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#50fff6), to(#09c0b7));
    background-image: linear-gradient(#50fff6, #09c0b7);
    -webkit-animation: 5s linear infinite forwards bubble_move;
    animation: 5s linear infinite forwards bubble_move;
    color: #fff;
    font-size: 53px;
    position: relative
}

.blog-right-sidebar {
    border: 1px solid #ddd;
    padding: 10px;
}

.blog-latest-list ul li {
    padding-bottom: 18px;
}

.blog-cate-list ul li a {
    display: block;
    font-size: 12px;
    color: #000;
    text-transform: capitalize;
    border: 1px solid #000;
    padding: 4px 10px;
    border-radius: 30px;
    margin-bottom: 6px;
}

.blog-cate-list ul li {
    display: inline-block;
}

.blog-latest-list {
    padding-bottom: 20px;
}

.blog-latest-list ul li a p {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
}

.blog-head h3 {
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.blog-latest-list ul li a h4 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding-bottom: 6px;
}

.bubble-icon-box,
.bubble-icon-box div,
.portfolio-slider-section .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox
}

.bubble-box.active .bubble,
.bubble.active {
    background-image: none;
    background-color: #ff6300
}

.bubble.education {
    -webkit-animation: 5s linear infinite forwards education;
    animation: 5s linear infinite forwards education
}

.bubble.education>div {
    -webkit-animation: 5s linear infinite forwards back-education;
    animation: 5s linear infinite forwards back-education
}

.bubble.entertainment {
    -webkit-animation: 5s linear infinite forwards entertainment;
    animation: 5s linear infinite forwards entertainment
}

.bubble.entertainment>div {
    -webkit-animation: 5s linear infinite forwards back-entertainment;
    animation: 5s linear infinite forwards back-entertainment
}

.bubble>div {
    -webkit-animation: 5s linear infinite forwards backmove;
    animation: 5s linear infinite forwards backmove
}

.bubble-box {
    cursor: pointer
}

.bubble-box.active h4,
.contact-us-box .contact-us-info .contact-us-top ul li a:hover,
.copyright-section a:hover,
.cover_bx a:hover,
footer .footer-link ul li a:hover,
footer .social-icon ul li a:hover {
    color: #ff6300
}

.bubble-box h4 {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    line-height: 1.4
}

.bubble-text-box,
.cover_bx-cover {
    margin-top: 60px
}

.bubble-text-box h4 {
    font-size: 24px;
    font-weight: 500;
    color: #1e3957;
    position: relative;
    padding-bottom: 13px
}

.bubble-text-box h4::after {
    content: "";
    bottom: 0;
    left: 0;
    height: 2px;
    width: 70px;
    background-color: #07999f;
    position: absolute
}

.bubble-text-box p {
    font-size: 16px;
    line-height: 1.6;
    color: #222;
    margin: 15px 0
}

.bubble-icon-box {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.bubble-icon-box div {
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    padding: 0 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column
}

.bubble-icon-box div img {
    height: 90px;
    width: auto
}

.bubble-icon-box div strong {
    color: #494949;
    font-size: 16px;
    line-height: 1.5;
    padding: 23px 0
}

.right-choice-section {
    background-color: #eee;
    padding: 40px 0
}

.right-choice-section p {
    font-size: 26px;
    font-weight: 500;
    color: #222;
    line-height: 1.5;
    letter-spacing: 1px
}

.right-choice-section p span {
    color: #ff6300;
    font-weight: 600;
    text-transform: uppercase
}

.portfolio-slider-section {
    background-size: cover;
    position: relative
}

.business-img-slider {
    width: 150px
}

.height-bubbleimg {
    height: 50px
}

.portfolio-slider-section .same-heading {
    z-index: 3;
    position: absolute;
    left: 0;
    right: 0;
    top: 60px
}

.portfolio-slider-section .same-heading h2 {
    padding-bottom: 60px
}

.portfolio-slider-section .portfolio-text h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    font-family: Quicksand, sans-serif
}

#header-nav li,
#header-nav li a,
.about-us-banner,
.about-us-banner .about-us-img,
.form-group-right,
.internship-section,
.portfolio-img,
.select-box,
section.section-testimonal figure,
section.trending-solution-part {
    position: relative
}

.portfolio-img img.phone-img {
    position: absolute;
    max-width: 90px;
    max-height: 200px;
    bottom: 48px;
    z-index: 1;
    left: 16px
}

.portfolio-slider-section .portfolio-text p {
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    margin: 15px 0
}

.portfolio-slider-section .owl-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 145px;
    left: 145px;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none
}

.portfolio-slider-section .owl-nav button {
    font-size: 0px !important;
    color: #fff !important;
    width: 20px;
    height: 35px;
    background: url(../images/angle-left-solid.svg) top center no-repeat !important;
    pointer-events: all;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.blog-box-img .blog-img a,
.portfolio-slider-section .owl-nav button span {
    display: block;
    width: 100%;
    height: 100%
}

.portfolio-slider-section .owl-nav button.owl-next {
    background: url(../images/angle-right-solid.svg) top center no-repeat !important
}

.our-client-section.services-our-client .client-dash-img,
.portfolio-slider-section .owl-nav button:hover {
    -webkit-filter: initial;
    filter: initial
}

.portfolio-slider-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 170px 0;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    position: relative
}

.career-banner-section .container,
.portfolio-slider-box .container {
    position: relative;
    z-index: 3
}

.portfolio-slider-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6)
}

.free-lancer-section {
    padding: 70px 0;
    background-color: #eee;
    position: relative;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content,
.flip-box-inner {
    display: -ms-flexbox;
    display: -webkit-box
}

.free-lancer-section.ready-idea p {
    color: #222;
    font-size: 40px;
    line-height: 1.4;
    position: relative;
    font-weight: 500;
    font-family: Quicksand, sans-serif;
    z-index: 4
}

.free-lancer-section p strong {
    font-size: 52px;
    display: block
}

.free-lancer-section .free-lancer {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #ff6300;
    outline: 0
}

.free-lancer-section .free-lancer:after {
    content: '';
    position: absolute;
    left: -100px;
    width: 0;
    height: 0;
    border-bottom: 200px solid #ff6300;
    outline: 0;
    border-right: 0 solid #ff6300;
    border-left: 100px solid transparent
}

.free-lancer-section.ready-idea .free-lancer {
    width: 33.33%
}

.flip-box-back .triangle-down::before,
.flip-box-back .triangle-up::before,
.flip-box-front .triangle-down,
.flip-box-front .triangle-down::before,
.flip-box-front .triangle-up,
.flip-box-front .triangle-up::before {
    width: 0;
    border-left: 107.5px solid transparent;
    border-right: 107.5px solid transparent;
    content: ""
}

.free-lancer-section.ready-idea h4 {
    font-size: 40px
}

.free-lancer-section.ready-idea .btnx {
    position: relative;
    z-index: 4
}

.free-lancer-section.join-box {
    height: 100px
}

.free-lancer-section.join-box h4 {
    font-size: 44px
}

.free-lancer-section.join-box .free-lancer::after {
    border-bottom: 140px solid #ff6300
}

.bg-blue {
    background-color: #1d3957
}

.social-box img {
    cursor: pointer;
    margin: 7px;
    -webkit-transition: .3s;
    transition: .3s;
    max-width: 200px
}

.partnar-box a:hover img,
.social-box img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.social-box.up-img img {
    margin-top: -32px
}

#BUSINESS-slider,
#BUSINESS-slider .owl-stage-outer,
#BUSINESS-slider .owl-stage-outer .item,
#BUSINESS-slider .owl-stage-outer .owl-item,
#BUSINESS-slider .owl-stage-outer .owl-stage,
.partnar-box {
    height: 100%
}

.partnar-box img {
    max-width: 155px;
    -webkit-transition: .3s;
    transition: .3s
}

.blog-box {
    position: relative;
    height: 380px;
    width: 100%;
    border: 1px solid #ff7219;
    overflow: hidden;
    border-radius: 8px
}

.about-gkmt-img img,
.about-us-banner .about-us-img img,
.blog-box>img,
.content-section .content-form .row .col.content-img div img,
.services-img-box>img,
.we-serve-laptop-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-box .blog-box-text {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 12px;
    background: rgba(255, 99, 0, .9);
    z-index: 2;
    -webkit-transform: translateY(101px);
    transform: translateY(101px);
    -webkit-transition: .3s;
    transition: .3s
}

.blog-box .blog-box-text h5 {
    display: none;
    color: #fff;
    font-size: 12px;
    font-weight: 400
}

.blog-box .blog-box-text h3 {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    line-height: 1.4;
    margin: 12px 0
}

.blog-box .blog-box-text p {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    opacity: 0;
    visibility: hidden
}

.blog-box .blog-box-text a {
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
    font-weight: 500;
    color: #fff;
    margin-top: 10px
}

.blog-box:hover .blog-box-text,
.job-white-box-cover ul li:first-child,
.job-white-box-cover ul li:nth-child(5),
.portfolio-slider-section .owl-item.active .portfolio-img .phone-img,
.services-img-box:hover::after {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.blog-box-img .blog-img:hover::after,
.blog-box:hover .blog-box-text a,
.blog-box:hover .blog-box-text p,
.current-opening ul li a.active::after {
    opacity: 1;
    visibility: visible
}

.flip-box {
    background-color: transparent;
    width: 215px;
    height: 240px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin: 20px;
    pointer-events: all
}

.flip-box:hover .flip-box-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.flip-box-back,
.flip-box-front {
    width: 100%;
    height: 50%;
    color: #000
}

.content,
.gkmt-info {
    -webkit-box-pack: center
}

.flip-box-front {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background-color: #fff
}

.flip-box-front .triangle-up {
    position: absolute;
    top: -60px;
    left: 0;
    border-bottom: 60px solid #fff
}

.flip-box-back .triangle-up::before,
.flip-box-front .triangle-up::before {
    position: absolute;
    z-index: -1;
    border-bottom: 60px solid #15c0ad;
    -webkit-transform: translate(-50%, -7%) scale(1.05);
    transform: translate(-50%, -7%) scale(1.05)
}

.flip-box-front .triangle-down {
    position: absolute;
    bottom: -60px;
    left: 0;
    border-top: 60px solid #fff
}

.flip-box-back .triangle-down::before,
.flip-box-front .triangle-down::before {
    position: absolute;
    bottom: -5px;
    z-index: -1;
    border-top: 60px solid #15c0ad;
    -webkit-transform: translate(-50%, -1%) scale(1.05);
    transform: translate(-50%, -1%) scale(1.05)
}

.flip-box-front::before {
    position: absolute;
    content: "";
    width: 216px;
    height: 121px;
    z-index: -1;
    background-color: #079aa0;
    -webkit-transform: translate(-50%, 0) scale(1.045);
    transform: translate(-50%, 0) scale(1.045)
}

.flip-box-back .triangle-down,
.flip-box-back .triangle-up {
    left: 0;
    width: 0;
    border-left: 107.5px solid transparent;
    border-right: 107.5px solid transparent;
    position: absolute;
    content: ""
}

.flip-box-back {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: #1e3957;
    z-index: 1
}

.flip-box-back .triangle-up {
    top: -60px;
    border-bottom: 60px solid #1e3957
}

.flip-box-back .triangle-down {
    bottom: -60px;
    border-top: 60px solid #1e3957
}

.flip-box-back::before {
    position: absolute;
    content: "";
    width: 216px;
    height: 121px;
    z-index: -1;
    background-color: #15c0ad;
    -webkit-transform: translate(-50%, 0) scale(1.045);
    transform: translate(-50%, 0) scale(1.045)
}

.INDUSTRIES-section .we-serve-text,
.ambition-box-cover .ambition-box.fill h4::after,
.ambition-box-cover .ambition-box:hover h4::after,
.content,
.white-heading .underline_heading::after {
    background-color: #fff
}

.content {
    height: 100%;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center
}

.contact-us-icon ul li a,
.content-front {
    display: -webkit-box;
    -webkit-box-align: center;
    font-size: 18px;
    display: -ms-flexbox
}

.content-back {
    background-color: #1e3957
}

.content-back p {
    padding: 0 3px;
    color: #fff;
    font-size: 13px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.content-front {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #1e1e1e;
    font-weight: 500;
    margin-top: -2px;
    position: relative;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.why-us-box {
    max-width: 780px;
    margin: -200px auto 60px
}

.why-us-box .justify-content-center {
    margin-top: -91px
}

.why-us-box .d-flex {
    pointer-events: none
}

.why-us-section {
    margin-top: 80px
}

.same-heading.text-center .underline_heading {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.underline_heading {
    content: "";
    position: absolute;
    left: 0;
    width: 30vmin;
    height: 2px;
    background-color: #15c0ad;
    font-weight: 700;
    border-radius: 10px
}

.underline_heading::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 4px;
    background-color: #000;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    border-radius: 10px;
    -webkit-animation: 6s ease-in-out infinite forwards underline3;
    animation: 6s ease-in-out infinite forwards underline3
}

#BUSINESS-slider .owl-dots button {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #aba9a9;
    cursor: pointer;
    margin: 0 5px
}

#BUSINESS-slider .owl-dots button.active,
.contact-us-icon ul li a:hover,
.internship-white-box:hover,
.job-white-box-cover ul li .job-white-box:hover {
    background-color: #ff6300
}

.services-tabs ul::after,
.services-tabs ul::before {
    content: "";
    position: absolute;
    display: table;
    clear: both
}

.laptop-img img {
    width: auto !important;
    display: inline-block
}

.home-slider-section .same-heading .btnx,
.home-slider-section .same-heading h2,
.home-slider-section .same-heading p,
.portfolio-slider-section .portfolio-text .btnx,
.portfolio-slider-section .portfolio-text h4,
.portfolio-slider-section .portfolio-text p {
    transform: translateY(110px);
    -webkit-transform: translateY(110px);
    opacity: 0;
    transition: .9s;
    -webkit-transition: .9s
}

.home-slider-section .same-heading h2,
.portfolio-slider-section .portfolio-text h4 {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s
}

.home-slider-section .same-heading p,
.portfolio-slider-section .portfolio-text p {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s
}

.home-slider-section .same-heading .btnx,
.portfolio-slider-section .portfolio-text .btnx {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s
}

.laptop-img .slider-laptop-img {
    -webkit-transform: translateX(450px);
    transform: translateX(450px);
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
    -webkit-transition-delay: .3;
    transition-delay: .3;
    opacity: 0
}

.laptop-img .mobile-img {
    position: absolute;
    bottom: 27px;
    left: 0;
    z-index: 1;
    height: 290px;
    -webkit-transform: translateY(300px);
    transform: translateY(300px);
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    -webkit-transition-delay: .8;
    transition-delay: .8;
    opacity: 0
}

.home-slider-section .owl-item.active .laptop-img .mobile-img {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.home-slider-section .owl-item.active .laptop-img .slider-laptop-img {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.home-slider-section .owl-item.active .same-heading .btnx,
.home-slider-section .owl-item.active .same-heading h2,
.home-slider-section .owl-item.active .same-heading p,
.portfolio-slider-section .owl-item.active .portfolio-text .btnx,
.portfolio-slider-section .owl-item.active .portfolio-text h4,
.portfolio-slider-section .owl-item.active .portfolio-text p {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.contact-us-box .contact-us-info .contact-us-top ul li.phone a i,
footer .footer-link ul li.phone span i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.custom-btn .btnx+.btnx {
    margin-left: 8px
}

.contact-us-box {
    padding: 10px;
    background-color: #fff;
    border-radius: 10px
}

.contact-us-box .contact-us-info {
    border-radius: 10px;
    background-color: #1d3957;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative
}

.contact-us-box .contact-us-info::after {
    content: "";
    position: absolute;
    bottom: -9%;
    right: -10%;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    background-color: #15c0ad
}

.contact-us-box .contact-us-info::before {
    content: "";
    position: absolute;
    bottom: 10%;
    right: 8%;
    width: 100px;
    height: 100px;
    background-color: #2d5b8c;
    border-radius: 100px
}

.contact-us-box .contact-us-info h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
    padding-bottom: 18px
}

.contact-us-box .contact-us-info p {
    line-height: 1.4;
    font-size: 15px;
    color: #f7f7f7;
    padding-bottom: 35px
}

.contact-us-box .contact-us-info .contact-us-top {
    z-index: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    height: inherit !important
}

.contact-us-box .contact-us-info .contact-us-top ul li+li {
    margin-top: 40px
}

.contact-us-box .contact-us-info .contact-us-top ul li a,
footer .footer-link ul li a {
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    font-weight: 400
}

@media only screen and (max-width:600px) {
    .home-banner-top {
        display: block !important
    }
    .blog-banner-button {
        text-align: center !important;
        margin-right: 0 !important
    }
    .blog-banner-button a {
        padding: 5px 26px !important;
        border-radius: 100px !important;
        font-size: 10px !important;
        margin-bottom: 12px !important;
        color: #fff !important !important;
        border: 1px solid #fff !important;
        width: 79% !important
    }
    .blog-section {
        padding: 59px 0 !important;
        background-color: #446285e6;
        margin-top: 85px;
        position: relative
    }
}

.custom-row1,
.home-banner-top {
    display: flex
}

.contact-us-icon {
    margin-top: 30px;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    min-height: 50px
}

.contact-us-icon ul li,
.file-upload label span,
.join-us ul,
.join-us ul li {
    display: inline-block
}

.contact-us-icon ul li a {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.contact-us-icon ul li+li {
    margin-left: 2px
}

.contact-text-box {
    padding: 20px
}

.contact-text-box label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #474747
}

.contact-text-box .input {
    border-radius: 5px;
    height: 56px;
    width: 100%;
    font-size: 16px;
    color: #0a0a0a;
    padding: 0 20px;
    display: inline-block;
    vertical-align: middle;
    background: #f7f7f7;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1)
}

.contact-text-box textarea.input {
    resize: none;
    height: 120px;
    padding: 13px
}

.contact-text-box .input::-webkit-input-placeholder {
    color: #838282
}

.contact-text-box .input:-ms-input-placeholder {
    color: #838282
}

.contact-text-box .input::-ms-input-placeholder {
    color: #838282
}

.contact-text-box .input::placeholder {
    color: #838282
}

.connect-file-upload label:hover,
.contact-text-box .input:focus,
.contact-text-box .input:hover {
    border-color: #000
}

.select-box select {
    padding-right: 32px !important
}

.select-box .down {
    position: absolute;
    top: 50%;
    pointer-events: none;
    font-size: 16px;
    color: #000;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.check-box label {
    position: relative;
    padding-left: 25px
}

.check-box label .check {
    position: absolute;
    left: 0;
    top: 1px;
    content: '';
    width: 20px;
    height: 20px;
    color: #242424;
    border-radius: 2px;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    background: #cecece
}

.check-box input {
    width: 0;
    height: 0;
    display: none
}

.check-box input:checked+label .check::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 9px;
    position: absolute
}

.blog-section {
    padding: 121px 0;
    background-color: #ffffffdb;
}

details {
    padding: 121px 0;
    background-color: #2c2c2cdb;
    margin-top: 0 !important
}

.blog-banner-button a {
    padding: 5px 26px;
    border-radius: 100px;
    font-size: 10px;
    margin-bottom: 12px;
    color: #fff !important;
    border: 1px solid #fff;
    width: 100%
}

.blog-banner-button {
    margin-right: 20px
}

.blog-heading-text-second h1 {
    color: #fff;
    font-size: 72px;
    width: 100%;
    font-weight: 900
}

.blog-second-text-heading h1 {
    font-size: 25px;
    font-weight: 700;
    color: #000
}

.blog-second-text-heading p,
.posted_author {
    font-size: 18px
}

.blog-second-text-heading h2 {
    font-size: 22px;
    font-weight: 700
}

.blog-ditals-img img {
    width: 100%;
    margin-bottom: 60px
}

.blog-second-text-heading {
    margin-top: 68px
}

.blog-second-text-heading a {
    color: #00f;
    font-weight: 700
}

.blog-icon-to i.fa.fa-user {
    color: #fff;
    font-size: 25px;
    padding-right: 10px
}

.blog-icon-to i.fa.fa-clock-o {
    color: #fff;
    font-size: 25px;
    padding-right: 10px;
    padding-left: 20px
}

.blog-icon-to span {
    color: #fff;
    font-size: 20px;
    font-weight: 400
}

.blog-icon-to {
    margin-top: 31px
}

.blog-box-img .blog-text h3 a::after,
.change_contet_test,
.connect-file-upload input[type=file],
.file-upload input,
.footer-logo-box .container .widget-logo.border-none:after,
.logo-bx .on-fix-logo,
.site-header .main-menu ul li.quote-btn a::before,
.site-header.fixed-header .logo-bx img,
.steps_format ul li.nonearrowss .line-center-middle,
.steps_format ul li.nonearrowss .line_spacer,
.steps_format ul li.text-right .line-center-middle,
.steps_format ul li.text-right .line_spacer,
.widget-logo.top-web-developers:after {
    display: none
}

.connect-file-upload label {
    border-radius: 5px;
    position: relative;
    height: 56px;
    width: 100%;
    font-size: 16px;
    color: #0a0a0a;
    padding: 0 20px;
    display: inline-block;
    vertical-align: middle;
    background: #f7f7f7;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.connect-file-upload label span {
    display: block;
    font-size: 15px;
    color: #696c6d;
    position: absolute;
    top: 50%;
    right: 10px;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.connect-file-upload label p {
    font-size: 14px;
    color: #000;
    font-weight: 400
}

.blog-box-img {
    display: block;
    -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, .1);
    margin-bottom: 30px
}

.blog-heading-text {
    text-align: center;
    margin-bottom: 12px;
    font-weight: 700;
    margin-top: 63px;
    color: #000
}

.blog-box-img .blog-img {
    height: 400px;
    position: relative
}

.blog-box-img .blog-img::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(30, 57, 87, .7);
    pointer-events: none
}

.blog-box-img .blog-img a img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.blog-box-img .blog-text {
    padding: 15px;
    background-color: #fff
}

.blog-box-img .blog-text .auther-name span {
    display: inline-block;
    margin-right: 8px;
    font-size: 15px;
    font-weight: 500;
    color: rgba(0, 0, 0, .5)
}

.blog-box-img .blog-text .auther-name span a {
    color: rgba(0, 0, 0, .5)
}

.INDUSTRIES-section .we-serve-text h4,
.INDUSTRIES-section .we-serve-text p,
.blog-box-img .blog-text .auther-name span a:hover,
.fixed-header #header-nav li.subm>a:after,
.homepage #header-nav li.subm>a:after,
.page-heading.color-black h2 span,
.page-heading.color-black h2::after,
.site-header.fixed-header .main-menu ul li a,
.site-header.fixed-header .main-menu ul li a:after,
.site-header.homepage .main-menu ul li a {
    color: #000
}

.blog-box-img .blog-text h3 {
    margin: 15px 0;
    color: #000;
    font-weight: 600;
    font-size: 30px
}

.blog-box-img .blog-text h3 a {
    color: #000;
    font-size: 23px
}

.blog-bottom a:hover,
.blog-box-img .blog-text h3 a:hover,
.posted_author a:hover {
    color: #fe6200
}

.blog-box-img .blog-text p {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.blog-bottom {
    margin-top: 10px
}

.blog-bottom a {
    color: rgba(0, 0, 0, .4);
    font-size: 15px;
    font-weight: 600
}

.custom-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}

.custom-row .custom-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    padding: 0 15px
}

.blog-detail-section {
    padding: 60px 0
}

.blog-detail-section h1 {
    font-size: 38px;
    line-height: 1.4;
    color: #000;
    font-weight: 600;
    padding-bottom: 15px
}

.blog_authortype {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    padding: 20px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.posted_author {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%
}

.posted_author a {
    color: #555;
    font-weight: 600;
    display: inline-block;
    cursor: pointer
}

.category_categoryl i,
.posteddate {
    color: #1d3957
}

.authorpost_img {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 80px;
    margin-right: 15px
}

.authorpost_img img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.posteddate {
    display: block;
    font-size: 15px
}

.category_categoryl {
    display: inline-block;
    font-size: 15px;
    padding-left: 10px
}

.post_content {
    line-height: 1.6
}

.post_content p {
    padding-bottom: 15px;
    font-size: 17px;
    font-weight: 400;
    color: #212529;
    line-height: 1.5
}

.post_content a {
    color: #0c6cd4;
    font-weight: 600;
    position: relative
}

.post_content a:after {
    content: "";
    width: 0;
    left: 0;
    height: 2px;
    background: #19a2ef;
    position: absolute;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    bottom: 0
}

.iti.iti--allow-dropdown,
.main-wheel li a.active::after,
.main-wheel li a:hover::after,
.post_content a:hover:after {
    width: 100%
}

.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {
    padding-bottom: 15px;
    padding-top: 15px
}

.post_content ol,
.post_content ul {
    display: block;
    clear: both;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 40px
}

.post_content ol li,
.post_content ul li {
    display: block;
    clear: both;
    position: relative;
    padding-left: 18px;
    letter-spacing: .5px
}

.post_content ol li+li,
.post_content ul li+li {
    margin-top: 6px
}

.post_content ul>li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #1d3957;
    border-radius: 8px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: -16px;
    top: -1px;
    margin-right: -6px
}

.post_content ol>li li:before,
.post_content ul>li li:before {
    content: "";
    width: 6px;
    height: 6px;
    border: 1px solid #1d3957;
    background: 0 0;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 11px
}

.post_content ol {
    list-style-type: lower-alpha;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 18px;
    padding-inline-start: 18px
}

.post_content ol li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: lower-alpha;
    padding-left: 10px
}

.post_content ol>li li {
    list-style: none;
    padding-left: 25px
}

.blockquote {
    border-left: .25rem solid #eaeaea;
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem
}

.mark,
mark {
    display: inline;
    border-radius: 4px;
    padding: 6px 10px;
    background-color: #d5e9ff
}

.aboutauthors {
    display: block;
    clear: both;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    background: #e1e9ec;
    position: relative
}

.copyright-section,
.homepage.site-header .main-menu ul li a::before,
.owl-dots button.owl-dot.active,
.site-header.fixed-header .main-menu ul li a::before,
.site-header.homepage .main-menu ul li a::after {
    background-color: #000
}

.aboutauthors:after,
.aboutauthors:before,
.business_domains ul li a:after,
.business_domains ul li a:before,
.steps_format ul li:after,
.steps_format ul li:before {
    content: "";
    display: block;
    clear: both
}

.aboutauthors_left {
    float: left;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 40px
}

.aboutauthors_left img {
    display: block;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.aboutauthors_right {
    display: block;
    overflow: hidden;
    padding-left: 25px;
    line-height: 1.6;
    color: #444
}

.authordescribe_name {
    display: block;
    clear: both;
    width: 100%;
    padding-bottom: 5px;
    font-size: 20px;
    color: #000;
    font-weight: 500;
    font-family: Quicksand, sans-serif
}

.aboutauthors a,
.color_blue {
    color: #0c6cd4
}

.post_afbe {
    margin-top: 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.btnx.btn-border {
    border-color: #15c0ad;
    color: #15c0ad;
    background: 0 0
}

.btnx.btn-border:hover {
    background: #15c0ad;
    color: #fff
}

.btnx.btn-border i {
    margin: 0 6px
}

.related-bolg {
    margin: 40px 0 0
}

.related-bolg h4 {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    padding-bottom: 30px;
    font-family: Quicksand, sans-serif
}

.related-bolg .blog-box-img .blog-img {
    height: 250px
}

.our-client-section .same-heading+.row {
    margin-top: 50px
}

.site-header {
    padding: 45px 40px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    -webkit-transition: .3s;
    transition: .3s;
    position: fixed
}

.site-header .container-fluid,
.site-header .main-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.site-header .logo-bx img {
    width: 130px
}

.site-header .main-menu {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.site-header .main-menu ul li {
    margin-left: 40px
}

.site-header .main-menu ul li a {
    color: #fff;
    padding: 13px 0;
    font-weight: 500;
    font-size: 17px;
    position: relative
}

.site-header .main-menu ul li a::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    bottom: -10px;
    height: 2px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s;
    transition: .3s
}

.site-header .main-menu ul li a:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.site-header .main-menu ul li.quote-btn a {
    padding: 12px 40px;
    border-radius: 40px;
    background: #fff;
    color: #15c0ad;
    font-weight: 600;
    text-shadow: 0 0 3px rgba(21, 192, 173, .22);
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
    border: 1px solid #fff
}

.site-header.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .03);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .03);
    padding: 20px 10px
}

.site-header.fixed-header .logo-bx img {
    width: 100px
}

.site-header.fixed-header .main-menu ul li.quote-btn a {
    color: #fff;
    background: #ff6300;
    border-color: #ff6300
}

.site-header.fixed-header .logo-bx .on-fix-logo {
    display: block !important
}

footer {
    padding: 80px 0;
    background: #2c2c2c
}

footer .logo-box a img {
    max-width: 150px
}

footer .logo-box p {
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    margin-top: 15px
}

footer .footer-link h6 {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    padding-bottom: 25px
}

footer .footer-link ul li {
    margin-bottom: 15px
}

footer .footer-link ul li a span {
    margin-right: 5px
}

footer .footer-link .d-flex ul {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.copyright-section {
    padding: 25px 0;
    position: relative
}

.copyright-section:after,
.copyright-section:before {
    content: "";
    position: relative;
    clear: both;
    display: table
}

.copyright-section a,
.copyright-section p {
    font-size: 14px;
    color: #fff;
    font-weight: 400
}

@-webkit-keyframes bubble_move {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes bubble_move {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes backmove {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes backmove {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes entertainment {
    from {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
}

@keyframes entertainment {
    from {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
}

@-webkit-keyframes back-entertainment {
    from {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(-540deg);
        transform: rotate(-540deg)
    }
}

@keyframes back-entertainment {
    from {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(-540deg);
        transform: rotate(-540deg)
    }
}

@-webkit-keyframes back-education {
    from {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    to {
        -webkit-transform: rotate(-450deg);
        transform: rotate(-450deg)
    }
}

@keyframes back-education {
    from {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    to {
        -webkit-transform: rotate(-450deg);
        transform: rotate(-450deg)
    }
}

@-webkit-keyframes education {
    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    to {
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes education {
    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    to {
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@-webkit-keyframes underline3 {
    0%,
    100% {
        right: 0
    }
    50% {
        right: calc(30vmin - 15px)
    }
}

@keyframes underline3 {
    0%,
    100% {
        right: 0
    }
    50% {
        right: calc(30vmin - 15px)
    }
}

.about-us-banner .about-us-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8)
}

.about-us-banner .about-us-text {
    position: absolute;
    top: 43%;
    right: 0;
    left: 0;
    z-index: 2;
    content: ''
}

.about-us-banner .about-us-text h1 {
    font-size: 50px;
    color: #fff;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 15px;
    font-family: Quicksand, sans-serif;
    letter-spacing: 1px
}

.about-us-banner.services-banner .about-us-img::after {
    background: rgba(0, 0, 0, .6)
}

.about-gkmt-img {
    width: 100%;
    height: 400px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #ccc
}

.bg-gray {
    background-color: #efefef
}

.gkmt-info-box {
    margin-top: 35px
}

.gkmt-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gkmt-info .img img {
    filter: brightness(0);
    -webkit-filter: brightness(0);
    transition: .3s;
    -webkit-transition: .3s
}

.gkmt-info h2 {
    color: #1e1e1e;
    font-weight: 400;
    line-height: 1.5;
    font-size: 18px;
    padding-left: 30px;
    transition: .3s;
    -webkit-transition: .3s
}

.gkmt-info:hover h2 {
    color: #f66305
}

.gkmt-info:hover .img img {
    filter: brightness(1);
    -webkit-filter: brightness(1)
}

.our-product-section .row,
.row.no-space,
.services-img-section .row {
    margin-left: 0;
    margin-right: 0
}

.our-product-section .row div[class*=col-],
.row.no-space div[class*=col-],
.services-img-section .row div[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.ambition-section {
    background: #1d3857
}

.ambition-box-cover .ambition-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: column;
    flex-flow: column;
    min-height: 300px;
    height: 100%;
    padding: 15px 50px;
    background-color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.ambition-box-cover .ambition-box h4 {
    font-size: 25px;
    color: #070606;
    font-weight: 500;
    padding: 10px 0;
    margin-bottom: 15px;
    position: relative
}

.ambition-box-cover .ambition-box h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35px;
    height: 3px;
    background-color: #070606;
    pointer-events: none
}

.ambition-box-cover .ambition-box p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #070606
}

.ambition-box-cover .ambition-box.fill,
.we-serve-tab-btn .round.active {
    background-color: #f66305
}

.ambition-box-cover .ambition-box:hover {
    background-color: #1e3957;
    -webkit-box-shadow: -1px -1px 10px 2px rgba(0, 0, 0, .3);
    box-shadow: -1px -1px 10px 2px rgba(0, 0, 0, .3)
}

.we-serve-laptop-img {
    height: 450px;
    width: 360px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #000
}

.we-serve-text {
    display: block;
    padding: 25px;
    background-color: #1d3857e6;
    border-radius: 10px;
    max-width: 470px;
    box-shadow: 4px -1px 50px 12px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 4px -1px 50px 12px rgba(0, 0, 0, .3);
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.client-images-box ul,
.our-client-text,
.tab-wheel-box .tab-wheel-ball,
.we-serve-tab-btn .we-serve-center {
    display: -webkit-box;
    display: -ms-flexbox
}

.we-serve-text h4,
.we-serve-text h5 {
    color: #f66305;
    font-size: 25px;
    line-height: 1.4;
    padding-bottom: 15px
}

.we-serve-text p {
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 15px
}

.we-serve-tab-btn {
    width: 300px;
    height: 300px;
    border-radius: 100%;
    border: 1px dashed #303030;
    position: relative;
    margin: 0 auto
}

.we-serve-tab-btn .round {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    background-color: #07999f;
    position: absolute;
    text-align: center;
    line-height: 35px;
    color: #fff;
    z-index: 2;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    cursor: pointer
}

.we-serve-tab-btn .round.round1 {
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px)
}

.we-serve-tab-btn .round.round2 {
    right: -9px;
    top: 0;
    -webkit-transform: translate(0, 73px);
    transform: translate(0, 73px)
}

.we-serve-tab-btn .round.round3 {
    bottom: -8px;
    right: -8px;
    -webkit-transform: translate(0, -74px);
    transform: translate(0, -74px)
}

.we-serve-tab-btn .round.round4 {
    bottom: -5px;
    left: 50%;
    -webkit-transform: translate(-50%, 15px);
    transform: translate(-50%, 15px)
}

.we-serve-tab-btn .round.round5 {
    left: -9px;
    bottom: -5px;
    -webkit-transform: translate(0, -74px);
    transform: translate(0, -74px)
}

.we-serve-tab-btn .round.round6 {
    top: -6px;
    left: -7px;
    -webkit-transform: translate(0, 73px);
    transform: translate(0, 73px)
}

.we-serve-tab-btn .we-serve-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 95px;
    height: 95px;
    border-radius: 100%;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f66305
}

.file-upload label,
.our-client-text {
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

#line-round {
    position: absolute;
    width: 72px;
    height: 2px;
    background-color: #ff6300;
    top: 48%;
    left: 26px;
    z-index: 1;
    -webkit-transform-origin: 124px;
    transform-origin: 124px;
    -webkit-transform: translateX(0) rotateZ(90deg);
    transform: translateX(0) rotateZ(90deg);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    pointer-events: none
}

#line-round::after {
    content: "";
    position: absolute;
    left: 100%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border-left: 1px solid #ff6300;
    -webkit-transform: translate(0, -48%);
    transform: translate(0, -48%)
}

.our-client-text {
    background: url(../images/shape.svg) top center/cover no-repeat;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 400px;
    height: 420px;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 30px 75px 30px 60px;
    position: relative
}

.our-client-text span.quote {
    font-size: 16px;
    color: #ff4800
}

.our-client-text p {
    font-size: 15px;
    line-height: 1.4;
    color: #fff;
    margin: 30px 0 20px
}

.our-client-text h5 {
    color: #ff4800;
    font-size: 17px;
    font-weight: 500
}

.client-profile-img {
    position: absolute;
    right: -24px;
    bottom: 79px;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border: 2px solid #ff4800
}

.client-profile-img img,
.profile-box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.client-images {
    width: 570px;
    margin-left: auto;
    height: 300px;
    position: relative
}

.client-dash-img,
.content-section::after {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0
}

.client-images.nav {
    display: block !important;
    -ms-flex-wrap: initial !important;
    flex-wrap: initial !important;
    padding-left: initial !important;
    margin-bottom: initial !important;
    list-style: initial !important
}

.client-dash-img {
    -webkit-filter: brightness(800%);
    filter: brightness(800%);
    top: 0
}

.client-images-box {
    position: relative;
    z-index: 3;
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg)
}

.client-images-box ul {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.client-images-box ul li a {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;
    border: 6px solid #fff;
    cursor: pointer
}

.client-images-box ul li a img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50px;
    opacity: .7;
    -webkit-transition: .3s;
    transition: .3s
}

.client-images-box ul li a:hover {
    border-color: #ff4800
}

.client-images-box ul li a:hover img,
.our-client-section.services-our-client .client-images-box ul li a img,
.services-img-box:hover .services-img-text p {
    opacity: 1
}

.client-images-box1 {
    margin: 0 auto;
    max-width: 431px;
    -webkit-transform: translate(0, -23px) rotate(8deg);
    transform: translate(0, -23px) rotate(8deg)
}

.client-images-box2 {
    margin-top: 23px;
    margin-left: -10px;
    margin-right: -10px
}

.client-images-box3 {
    max-width: 436px;
    margin: 30px auto 0
}

.client-images-box4 {
    max-width: 233px;
    margin: 24px auto 0
}

.content-section {
    padding: 70px 0;
    position: relative
}

.content-section::after {
    content: "";
    height: 500px;
    background-color: #1e3957;
    pointer-events: none
}

.content-section .content-form {
    max-width: 850px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 10px rgba(65, 65, 65, .2);
    box-shadow: 0 0 10px rgba(65, 65, 65, .2);
    border-radius: 8;
    position: relative;
    background-color: #fff;
    z-index: 2
}

.content-section .content-form .row {
    margin: 0
}

.content-section .content-form .row .col {
    padding: 0
}

.content-section .content-form .row .col.content-img {
    max-width: 350px
}

.content-section .content-form .row .col.content-img div {
    width: 100%;
    -webkit-box-shadow: 4px 0 16px rgba(0, 0, 0, .3);
    box-shadow: 4px 0 16px rgba(0, 0, 0, .3);
    height: 750px
}

.content-section .content-form .row .col .content-text {
    padding: 30px
}

.content-section .content-form .row .col .content-text p,
.content-text p {
    font-size: 34px;
    color: #1d3857;
    line-height: 1.4;
    font-weight: 600;
    padding-bottom: 40px
}

.content-section .content-form .row .col .content-text .form-group {
    margin-bottom: 0;
    margin-right: 17px;
    margin-left: 17px
}

.form-control {
    text-align: center;
    height: 45px;
    padding: 0 15px;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    border: 1px solid #ced4da;
    border-right: none;
    border-left: none;
    border-radius: 0
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ced4da
}

.form-control::-webkit-input-placeholder {
    color: #838282
}

.form-control:-ms-input-placeholder {
    color: #838282
}

.form-control::-ms-input-placeholder {
    color: #838282
}

.form-control::placeholder {
    color: #838282
}

.content-text select.form-control {
    color: #838282
}

.form-group-right::before {
    content: "";
    position: absolute;
    right: -17px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    height: 45px;
    width: 30px;
    border-radius: 0 50px 50px 0;
    border: 1px solid #ced4da;
    border-left: 0
}

.form-group-right.textarea,
.textarea-space {
    margin-right: 45px !important
}

.form-group-right.textarea::before {
    height: 80px;
    width: 47px;
    right: -43px
}

.form-group-left {
    position: relative;
    margin-left: 17px
}

.form-group-left::before {
    content: "";
    position: absolute;
    left: -30px;
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px);
    height: 46px;
    width: 30px;
    border-radius: 50px 0 0 50px;
    border: 1px solid #ced4da;
    border-right: 0
}

textarea.form-control {
    height: 80px;
    resize: none;
    padding: 15px
}

.form-group.form-group-right.email::before {
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px);
    height: 46px
}

.file-upload {
    margin: 25px auto;
    width: 160px;
    height: 80px
}

.file-upload label {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: 1px dashed #b7b7b7;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column;
    font-size: 18px;
    font-weight: 500;
    color: #414141;
    margin-bottom: 0
}

.not-robot {
    margin: 20px 0 30px
}

.our-client-section .same-heading,
.tab-wheel-box {
    margin-bottom: 40px
}

select.form-control {
    -webkit-appearance: none
}

.about-services-section .same-heading p {
    font-size: 15px;
    padding-bottom: 10px
}

.about-services-section .about-gkmt-img {
    border: 3px solid #1d3957;
    border-radius: 0;
    height: 500px
}

.our-client-section.services-our-client .our-client-text {
    background: url(../images/shape-color.svg) top center no-repeat
}

.tab-wheel-box {
    border-bottom: 2px solid #eee;
    position: relative;
    text-align: center
}

.tab-wheel-box .tab-wheel-ball {
    width: 100px;
    height: 100px;
    background-color: #ff4800;
    position: absolute;
    top: 50%;
    left: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tab-wheel-box .tab-wheel-ball img {
    max-width: 50px
}

.tab-wheel-box .tab-wheel-ball::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 114px;
    width: 30px;
    height: 3px;
    background-color: #ff4800
}

.tab-wheel-box .tab-wheel-ball::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 29px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 85px;
    height: 85px;
    border-right: 2px solid #ff4800;
    border-radius: 50%
}

.main-wheel {
    justify-content: center;
    margin-top: 20px
}

.main-wheel li a {
    display: inline-block;
    margin: 0 18px;
    position: relative;
    text-align: center;
    min-width: 100px;
    cursor: pointer
}

.main-wheel li a::after {
    content: "";
    position: absolute;
    height: 3px;
    background: #ff6300;
    width: 0;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    bottom: -2px;
    left: 0;
    z-index: 2
}

.main-wheel li a.active::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #ff6300;
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    border-radius: 50px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    animation: .8s forwards dropv;
    -webkit-animation: .8s forwards dropv
}

.main-wheel li a img {
    width: 55px;
    height: 55px
}

.main-wheel li a span {
    display: block;
    clear: both;
    text-transform: uppercase;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 40px;
    position: relative;
    z-index: 2;
    background: #fff
}

@keyframes dropv {
    0% {
        margin-bottom: 10px
    }
    40% {
        margin-bottom: -2px;
        width: 28px;
        height: 20px
    }
    80% {
        margin-bottom: -12px;
        width: 15px;
        height: 25px
    }
    100% {
        margin-bottom: -10px;
        width: 20px;
        height: 20px
    }
}

@-webkit-keyframes dropv {
    0% {
        margin-bottom: 20px
    }
    40% {
        margin-bottom: -2px;
        width: 28px;
        height: 20px
    }
    80% {
        margin-bottom: -12px;
        width: 15px;
        height: 25px
    }
    100% {
        margin-bottom: -10px;
        width: 20px;
        height: 20px
    }
}

.wheel-box-white {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 20px;
    margin: 0 auto
}

.wheel-box-white h3,
.wheel-box-white h4 {
    font-size: 24px;
    color: #1e3957;
    font-weight: 600;
    padding-bottom: 10px
}

.wheel-box-white p {
    font-size: 16px;
    line-height: 1.5;
    color: #212529
}

.services-img-box {
    position: relative;
    height: 250px;
    overflow: hidden
}

.services-img-box.big {
    height: 790px
}

.services-img-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    top: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 3;
    background-size: cover !important
}

.services-img-box .services-img-text {
    position: absolute;
    left: 0;
    bottom: -50px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 30px;
    z-index: 4;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    justify-self: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.services-img-box .services-img-text img {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.services-img-box .services-img-text p {
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 10px 0 0;
    opacity: 0
}

.services-img-box:hover .services-img-text {
    bottom: 0
}

.services-img-box.big .services-img-text {
    padding: 50px 80px
}

.services-img-box.grid-pic-2,
.services-img-box.grid-pic-5 {
    height: 370px
}

.services-img-box.grid-pic-3,
.services-img-box.grid-pic-4 {
    height: 420px
}

.services-img-box.big::after {
    background: url(../images/grid-pic-1-bg.png) left bottom no-repeat
}

.services-img-box.grid-pic-2::after {
    background: url(../images/grid-pic-2-bg.png) left bottom no-repeat
}

.services-img-box.grid-pic-3::after {
    background: url(../images/grid-pic-3-bg.png) left bottom no-repeat
}

.services-img-box.grid-pic-4::after {
    background: url(../images/grid-pic-4-bg.png) left bottom no-repeat
}

.services-img-box.grid-pic-5::after {
    background: url(../images/grid-pic-5-bg.png) left bottom no-repeat
}

.INDUSTRIES-section .we-serve-text .btn-white {
    background: #15c0ad;
    color: #fff;
    border-color: #15c0ad
}

.INDUSTRIES-section .we-serve-text .btn-white:hover {
    background-color: transparent;
    color: #15c0ad
}

.INDUSTRIES-section .we-serve-tab-btn .round {
    background-color: #fff;
    color: #000
}

.INDUSTRIES-section .we-serve-tab-btn {
    border-color: #fff
}

.career-banner-section {
    padding: 160px 0;
    position: relative;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.career-banner-section .career-banner-shape {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    z-index: 2
}

.career-banner-txt h1 {
    font-size: 50px;
    line-height: 1.4;
    color: #1d3957;
    font-weight: 500;
    padding-bottom: 25px;
    font-family: Quicksand, sans-serif
}

.career-jobs-text h4 {
    font-size: 40px;
    color: #fff;
    font-weight: 500;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 50px
}

.career-jobs-text h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 4px;
    width: 65px;
    border-radius: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff
}

.career-jobs-section {
    position: relative;
    padding: 150px 0 200px
}

.career-jobs-section .job-section-color-img {
    position: absolute;
    top: -25%;
    max-height: 900px;
    left: 0;
    pointer-events: none
}

.job-white-box-cover {
    position: relative;
    max-width: 660px;
    margin-left: auto
}

.job-white-box-cover ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px;
    position: relative;
    z-index: 2
}

.job-white-box-cover ul li {
    position: relative;
    padding: 0 12px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.internship-white-box,
.job-white-box-cover ul li .job-white-box {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -webkit-box-direction: normal;
    width: 100%;
    -webkit-box-orient: vertical
}

.job-white-box-cover ul li .job-white-box {
    background-color: #fff;
    height: 160px;
    border-radius: 8px;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    text-align: center;
    margin-bottom: 50px;
    -webkit-transition: .3s;
    transition: .3s
}

.job-white-box-cover ul li .job-white-box h3 {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    color: #000;
    padding-top: 5px
}

.job-white-box-cover ul li:nth-child(2),
.job-white-box-cover ul li:nth-child(6) {
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.job-white-box-cover ul li:nth-child(3),
.job-white-box-cover ul li:nth-child(7) {
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.job-white-box-cover ul li:nth-child(4),
.job-white-box-cover ul li:nth-child(8) {
    -webkit-transform: translateY(150px);
    transform: translateY(150px)
}

.job-white-box-cover::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 960px;
    height: 960px;
    border-radius: 100%;
    background: url(../images/jobs-img-mask.png) top left/cover no-repeat #e8ebee
}

.current-opening ul li {
    display: block;
    position: relative;
    width: 100%
}

.current-opening ul li a {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 15px;
    color: #1e1e1e;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #acacac;
    -webkit-transition: .3s;
    transition: .3s
}

.current-opening ul li a::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    right: -36px;
    bottom: -18px;
    background-color: #ff6300;
    height: 32px;
    width: 40px;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    opacity: 0;
    visibility: hidden
}

.current-opening ul li a.active,
.current-opening ul li a:hover {
    background-color: #ff6300;
    color: #fff;
    border-color: #ff6300
}

.current-opening-section {
    padding: 120px 0 80px
}

.current-opening-job-data,
.iti.iti--allow-dropdown .input {
    padding-left: 50px
}

.current-opening-job-data h4 {
    font-size: 24px;
    color: #1e1e1e;
    font-weight: 500;
    line-height: 1.4;
    padding-bottom: 20px
}

.current-opening-job-data p {
    color: #1e1e1e;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px
}

.cf-features .fsas-col,
.page-heading {
    margin-bottom: 50px
}

.page-heading h2 {
    font-size: 40px;
    color: #ff6300;
    font-weight: 600;
    padding-bottom: 15px;
    position: relative
}

.page-heading h2 span {
    color: #08999f
}

.page-heading h2::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 170px;
    height: 2px;
    border-radius: 2px;
    background-color: #08999f
}

.internship-section .internship-section-bg {
    position: absolute;
    top: -100px;
    right: 0
}

.internship-section .page-heading {
    margin-bottom: 100px
}

.internship-white-box {
    position: relative;
    height: 300px;
    border: 1px solid #e1e1e1;
    background-color: #f2feff;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 15px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    margin-bottom: 70px;
    -webkit-box-shadow: 0 9px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 9px 20px 0 rgba(0, 0, 0, .1)
}

.our-partner-img,
.our-product-section .row .our-product-img {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center
}

.internship-white-box p {
    font-size: 20px;
    text-align: center;
    line-height: 1.4;
    font-weight: 400;
    color: #1e1e1e;
    margin-top: 30px;
    max-width: 260px
}

.internship-white-box.up-box {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
}

.our-partner-img {
    text-align: center;
    height: 150px;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.our-partner-img img {
    width: 50% !important;
    display: inline-block
}

.our-partner-section {
    padding: 70px 0
}

.our-partner-section .owl-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -15px;
    left: -15px;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.our-partner-section .owl-nav button {
    color: #626262 !important;
    font-size: 20px !important;
    pointer-events: all
}

.our-partner-section .owl-nav button:hover {
    color: #000 !important
}

.our-product-section .row .our-product-img {
    width: 100%;
    height: 500px;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.our-product-section .row .our-product-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7)
}

img.mobile-img.position-img {
    right: 0;
    left: unset
}

.our-product-img .mobile-img {
    position: absolute;
    bottom: 79px;
    left: 0;
    z-index: 1111;
    height: 270px
}

.our-product-img .slider-laptop-img {
    z-index: 1;
    position: relative
}

.our-product-section .row .our-product-img.product-1 {
    background: url(../images/patnare-1-bg.png) top left/cover no-repeat
}

.our-product-section .row .our-product-img.product-2 {
    background: url(../images/patnare-2-bg.png) top left/cover no-repeat
}

.our-product-section .row .our-product-img.product-3 {
    background: url(../images/patnare-3-bg.png) top left/cover no-repeat
}

.our-product-section .row .our-product-img.product-4 {
    background: url(../images/patnare-4-bg.png) top left/cover no-repeat
}

.our-product-section .row .our-product-img.product-5 {
    background: url(../images/patnare-5-bg.png) top left/cover no-repeat
}

.our-product-section .row .our-product-text {
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center;
    background-position: 20px center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(../images/patnare-1-bg-text.png)
}

.our-product-section .row .our-product-text h4 {
    position: relative;
    font-size: 28px;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
    font-family: Quicksand, sans-serif;
    padding-bottom: 10px
}

.our-product-section .row .our-product-text h4 span {
    color: #4ab825
}

.our-product-section .row .our-product-text h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90px;
    height: 2px;
    background-color: #4ab825
}

.our-product-section .row .our-product-text p {
    color: #000;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px;
    max-width: 500px
}

.our-product-section .row .our-product-text .btn-primaryx {
    background-color: #4ab825;
    border-color: #4ab825
}

.our-product-section .row .our-product-text .btn-primaryx:hover {
    background-color: transparent;
    color: #4ab825
}

.our-product-section .row .our-product-text.product-2-text {
    background-image: url(../images/patnare-2-bg-text.png)
}

.our-product-section .row .our-product-text.product-2-text h4 span {
    color: #ed0139
}

.our-product-section .row .our-product-text.product-2-text h4::after {
    background-color: #ed0139
}

.our-product-section .row .our-product-text.product-2-text .btn-primaryx {
    background-color: #ed0139;
    border-color: #ed0139
}

.our-product-section .row .our-product-text.product-2-text .btn-primaryx:hover {
    background-color: transparent;
    color: #ed0139
}

.our-product-section .row .our-product-text.product-3-text {
    background-image: url(../images/patnare-3-bg-text.png)
}

.our-product-section .row .our-product-text.product-3-text h4 span {
    color: #f24a6c
}

.our-product-section .row .our-product-text.product-3-text h4::after {
    background-color: #f24a6c
}

.our-product-section .row .our-product-text.product-3-text .btn-primaryx {
    background-color: #f24a6c;
    border-color: #f24a6c
}

.our-product-section .row .our-product-text.product-3-text .btn-primaryx:hover {
    background-color: transparent;
    color: #f24a6c
}

.our-product-section .row .our-product-text.product-4-text {
    background-image: url(../images/patnare-4-bg-text.png)
}

.our-product-section .row .our-product-text.product-4-text h4 span {
    color: #2a3d97
}

.our-product-section .row .our-product-text.product-4-text h4::after {
    background-color: #f38f4b
}

.our-product-section .row .our-product-text.product-4-text .btn-primaryx {
    background-color: #f38f4b;
    border-color: #f38f4b
}

.our-product-section .row .our-product-text.product-4-text .btn-primaryx:hover {
    background-color: transparent;
    color: #f38f4b
}

.our-product-section .row .our-product-text.product-5-text {
    background-image: url(../images/patnare-5-bg-text.png)
}

.our-product-section .row .our-product-text.product-5-text h4 {
    color: #a52b20
}

.our-product-section .row .our-product-text.product-5-text h4 span {
    color: #ef4902
}

.our-product-section .row .our-product-text.product-5-text h4::after {
    background-color: #ef4902
}

.our-product-section .row .our-product-text.product-5-text .btn-primaryx {
    background-color: #ef4902;
    border-color: #ef4902
}

.our-product-section .row .our-product-text.product-5-text .btn-primaryx:hover {
    background-color: transparent;
    color: #ef4902
}

.product-canvas {
    background-color: transparent;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body,
body *,
html,
html * {
    cursor: unset
}

.cursor-dot,
.cursor-dot-outline {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    z-index: 999999;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity .3s ease-in-out, transform .3s ease-in-out
}

.cursor-dot {
    width: 8px;
    height: 8px;
    background-color: #ff6300
}

.cursor-dot-outline {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 99, 0, .5)
}

.center-triangles,
.collab-section {
    height: 180px;
    position: relative;
    z-index: 1
}

.portfolio-slider-section .portfolio-img .laptop-img {
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    -webkit-transition: 1.2s ease-in-out 0.1s;
    transition: 1.2s ease-in-out 0.1s
}

.portfolio-slider-section .owl-item.active .portfolio-img .laptop-img {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.portfolio-slider-section .portfolio-img .phone-img {
    -webkit-transform: translateY(110px);
    transform: translateY(110px);
    -webkit-transition: 1.2s ease-in-out 0.1s;
    transition: 1.2s ease-in-out 0.1s
}

.free-lancer-section .btn-white:hover {
    border-color: #1d3957;
    color: #1d3957
}

footer .social-icon {
    margin-top: 25px
}

footer .social-icon ul li {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0 !important
}

footer .social-icon ul li+li {
    margin-left: 12px;
    margin-bottom: 0
}

.collab-section {
    display: grid;
    grid-template-columns: 1fr 180px 1fr;
    padding: 0
}

.collab-freelancer {
    width: 100%;
    background-color: #eee
}

.collab-freelancer h1,
.collab-freelancer h5 {
    color: #1e3957
}

.collab-section h5,
.collab-section p {
    color: #222;
    line-height: 1.4;
    z-index: 4;
    font-weight: 500
}

.collab-agency {
    width: 100%;
    background-color: #ff6300;
    color: #fff
}

.center-triangles {
    width: 100%;
    padding-bottom: 0;
    overflow: hidden;
    float: left
}

.center-triangles a {
    position: absolute;
    transition: none !important;
    -webkit-transition: none !important;
    width: 280px;
    height: 280px
}

.center-triangles a:first-child {
    top: 0;
    pointer-events: none;
    right: 0;
    background-color: #eee;
    transform-origin: top right;
    transform: rotate(45deg);
    transition: background-color
}

.center-triangles a:last-child {
    pointer-events: none;
    bottom: 0;
    left: 0;
    background-color: #ff6300;
    transform-origin: bottom left;
    transform: rotate(45deg);
    transition: background-color
}

@media screen and (max-width:991px) {
    .divine-logo {
        top: unset !important;
        transform: unset;
        position: static !important;
    }
    .collab-section {
        position: relative;
        height: 120px;
        display: grid;
        grid-template-columns: 1fr 120px 1fr
    }
    .collab-freelancer {
        width: 100%;
        height: 100%;
        background-color: #eee
    }
    .collab-agency {
        width: 100%;
        height: 100%;
        background-color: #ff6300;
        color: #fff
    }
    .center-triangles {
        width: 100%;
        height: 120px;
        padding-bottom: 0;
        position: relative;
        overflow: hidden;
        float: left;
        z-index: 1
    }
}

@media screen and (max-width:600px) {
    .center-triangles,
    .collab-agency,
    .collab-freelancer {
        width: 100%;
        height: 100px
    }
    .collab-section {
        position: relative;
        height: 100px;
        display: grid;
        grid-template-columns: 1fr 100px 1fr
    }
    .collab-section h5 {
        font-size: .8rem
    }
    .collab-section h1 {
        font-size: 1.1rem
    }
    .collab-agency {
        background-color: #ff6300;
        color: #fff
    }
    .center-triangles {
        padding-bottom: 0;
        position: relative;
        overflow: hidden;
        float: left;
        z-index: 1
    }
}

@media screen and (max-width:350px) {
    .collab-section h5 {
        font-size: .6rem
    }
    .collab-section h1 {
        font-size: 1rem
    }
}

.collab-section p {
    font-size: 25px;
    position: relative
}

.collab-section h5 {
    font-size: 52px;
    display: block;
    position: relative
}

.collab-section .pl-1 {
    padding-left: 10px !important
}

.collab-section .pr-1 {
    padding-right: 10px !important
}

.collab-section a {
    transition: none !important;
    -webkit-transition: none !important
}

.home-slider-section .same-heading.bottom h2 {
    padding-bottom: 0;
    position: relative;
    z-index: 3
}

.home-slider-section>.same-heading.bottom {
    transform: translateY(65px);
    position: relative;
    z-index: 5;
    height: 0
}

.copyright-section .container {
    display: flex;
    justify-content: space-between
}

.slider-laptop-img {
    height: 405px
}

.home-slider-section .owl-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px
}

.home-slider-section .owl-nav button {
    width: 30px;
    height: 30px;
    background-image: url(../images/arrow-pointing-to-right.svg) !important;
    background-size: 30px !important;
    background-color: transparent !important;
    margin: 0 9px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
}

.home-slider-section .owl-nav button.disabled {
    opacity: 0;
    visibility: hidden
}

.home-slider-section .owl-nav button.owl-prev,
.steps_format ul li:nth-of-type(4) .outer_anim,
.steps_format ul li:nth-of-type(5) .outer_anim,
.steps_format ul li:nth-of-type(6) .outer_anim {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.home-slider-section .owl-nav button span {
    font-size: 0;
    opacity: 0
}

span.file-size {
    font-size: 14px;
    color: #524d4d
}

.title_shown {
    display: block;
    font-weight: 500;
    width: 100%;
    padding-bottom: 15px;
    font-size: 26px;
    color: #000
}

.cover_bx a {
    display: block;
    color: #000;
    font-size: 15px;
    font-weight: 400
}

.lineadds {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.review-slider {
    max-width: 650px;
    margin: 0 auto;
    padding-bottom: 60px
}

.review-slider-box p {
    font-size: 22px;
    color: #191919;
    font-weight: 500;
    line-height: 1.5;
    margin: 30px 0 45px;
    position: relative;
    padding-bottom: 30px
}

.review-slider-box p:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: 0;
    width: 60px;
    height: 2px;
    background: #ff5a5f
}

.profile-box .img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.profile-box .text {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px
}

.profile-box .text h4 {
    font-size: 18px;
    color: #ff6300;
    font-weight: 500
}

.profile-box .text h5 {
    font-size: 14px;
    color: #8d8d8d;
    font-weight: 500
}

.review-slider .carousel-indicators {
    bottom: -60px
}

.review-slider .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #939393;
    border: 0;
    opacity: 1;
    transition: .3s;
    -webkit-transition: .3s
}

.review-slider .carousel-indicators li.active {
    background: #ff6300;
    width: 20px
}

.business_domains {
    width: 100%;
    text-align: center
}

.business_domains ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 40px;
    width: 18%;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out
}

.business_domains ul li:nth-of-type(5n+1),
.developers_list ul li:nth-of-type(5n+1),
.steps_format ul li:nth-of-type(3n+1) {
    clear: both
}

.business_domains ul li img {
    height: 70px;
    max-width: 70px;
    display: block;
    margin: 0 auto
}

.business_domains ul li span {
    display: block;
    clear: both;
    padding-top: 28px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    font-size: 14px
}

#header-nav li.subm>a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #fff;
    display: inline-block;
    margin-left: 5px;
    background: 0 0 !important
}

@media screen and (min-width:1200px) {
    .site-header .main-menu ul.subm_ul,
    .site-header .main-menu ul.subm_ul ul {
        display: block
    }
    .site-header .main-menu ul.subm_ul ul li {
        margin-left: 0 !important;
        display: inline-block;
        padding-bottom: 4px;
        margin: 0 20px 0 0;
        position: relative
    }
    .site-header .main-menu ul.subm_ul ul li.titleName a {
        padding-bottom: 6px;
        font: inherit;
        color: #000 !important;
        font-weight: 500;
        font-size: 16px
    }
    .site-header .main-menu ul.subm_ul ul li.titleName {
        display: block;
        width: 100%;
        padding-bottom: 8px;
        font-weight: 500;
        font-size: 16px;
        color: #000 !important
    }
    .site-header .main-menu ul.subm_ul ul li.titleName a:hover {
        color: #ff6300
    }
    .site-header .main-menu ul.subm_ul ul li a:after,
    .site-header .main-menu ul.subm_ul ul li.titleName a:after,
    .site-header .main-menu ul.subm_ul ul li.titleName a:before,
    .site-header .main-menu ul.subm_ul ul li:first-child:before,
    .site-header .main-menu ul.subm_ul ul li:last-child:before {
        display: none
    }
    .site-header .main-menu ul.subm_ul ul li a {
        font-size: 15px;
        color: #565656 !important;
        position: relative;
        display: inline-block;
        width: auto;
        padding: 4px 0;
        line-height: 1.3
    }
    .site-header .main-menu ul.subm_ul ul li a:hover {
        color: #000 !important
    }
    .site-header .main-menu ul.subm_ul ul li:before {
        content: "";
        display: block;
        position: absolute;
        top: 6px;
        width: 1px;
        height: 15px;
        background: #ccc;
        right: -13px
    }
    .site-header .main-menu ul.subm_ul ul li a:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 1px;
        width: 0;
        background: #ff6300;
        height: 1px;
        transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out
    }
    .site-header .main-menu ul.subm_ul ul li a:hover:before {
        width: 100%;
        left: 0;
        right: auto
    }
    ul.subm_ul {
        position: absolute;
        top: 100%;
        width: 700px;
        left: -220px;
        background: #fff;
        padding: 20px;
        z-index: 10;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0 0 3px rgba(0, 0, 0, .3);
        transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        transform: translate(0, 50px);
        -webkit-transform: translate(0, 50px);
        display: block !important;
        margin-top: 15px
    }
    #header-nav li.subm:hover ul.subm_ul {
        opacity: 1;
        visibility: visible;
        max-height: inherit;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0)
    }
}

.bg-color {
    background: #f5f5f5
}

.card-3 {
    background: #fff !important
}

.heading {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    padding-bottom: 20px
}

.footer-logo-box {
    padding: 40px 0;
    background: #fff
}

.footer-logo-box .container .widget-logo {
    position: relative;
    height: 150px;
    align-items: center;
    display: flex
}

.footer-logo-box .container .widget-logo:after {
    content: "";
    position: absolute;
    right: -15px;
    height: 150px;
    width: 1px;
    background: #ccc;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.footer-logo-box .container .widget-logo img {
    max-width: 120px;
    display: inline-block
}

.footer-logo-box .container .widget-logo a {
    width: 100%;
    display: block;
    text-align: center
}

.our-client-text .text-center,
.steps_format ul li:nth-of-type(4) {
    text-align: right !important
}

.home-slider-bg .same-heading p {
    padding-bottom: 0;
    margin-bottom: 20px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

.top-web-developers {
    margin-top: 20px;
    border: none
}

.top-web-developers img {
    max-width: 220px !important
}

#choose9hz {
    padding: 45px
}

.why-choose9hz .nhz-ds li {
    display: inline-block;
    vertical-align: top;
    width: 14.5%;
    margin: 10px
}

.why-choose9hz .choose-bx {
    position: relative;
    margin: 50px 15px 15px;
    text-align: center
}

.why-choose9hz .choose-bx .circle-bdr-o {
    width: 128px;
    height: 128px;
    margin: 0 auto 15px;
    text-align: center;
    position: relative;
    z-index: 1
}

.why-choose9hz .choose-bx .circle-bdr-o .img-static {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1
}

.cf-features .gf-icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border: 1px dashed rgba(79, 33, 185, .4);
    text-align: center;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 40px 0 rgb(79 33 185 / 30%);
    -moz-box-shadow: 0 0 40px 0 rgba(79, 33, 185, .3);
    box-shadow: 0 0 40px 0 rgb(79 33 185 / 30%)
}

.cf-features.cyber-benefits h2 {
    margin-bottom: 20px
}

.cf-features.cyber-benefits p {
    margin-bottom: 30px
}

.section_headerpart {
    display: block;
    width: 100%;
    clear: both;
    text-align: center;
    max-width: 86%;
    margin: 0 auto;
    padding-bottom: 62px
}

@media screen and (max-width:1400px) {
    .sec_head_title_serv {
        font-size: 28px
    }
    .section_headerpart {
        padding-bottom: 35px
    }
}

.sec_head_title_serv {
    display: block;
    width: 100%;
    clear: both;
    text-align: center;
    font-size: 30px;
    line-height: normal;
    max-width: 720px;
    color: #ff6300;
    margin: auto
}

.boxsection {
    background: #1d3857;
    padding: 45px
}

.sec_head_title_serv span {
    display: inline-block;
    clear: both;
    border-bottom: 2px solid #077fc8
}

.developers_list {
    width: 100%;
    margin-top: 30px
}

.developers_list ul {
    display: flex;
    justify-content: center !important;
    flex-wrap: wrap
}

.develop_listbox {
    display: block;
    width: 100%;
    max-width: 196px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #dadada;
    height: 250px;
    position: relative
}

.develop_listbox a {
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    padding: 54px 20px 20px;
    color: #ff6300
}

.develop_listbox img {
    height: 70px;
    display: block;
    margin: 0 auto;
    max-width: 80px
}

.develop_listbox span {
    display: block;
    clear: both;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    padding: 30px 0 0;
    line-height: 1.5
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translate(0)
}

.developers_list ul li {
    float: left;
    width: 20%;
    text-align: center;
    margin-bottom: 30px
}

.steps_format {
    width: 100%;
    clear: both;
    position: relative;
    margin-top: -30px;
    margin-bottom: -30px;
    text-align: center
}

.steps_format ul li {
    display: inline-block;
    width: 33.3333%;
    position: relative;
    margin: 44px 0;
    text-align: center;
    float: left
}

.outer_anim {
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute
}

.content_anim,
.steps_box {
    position: relative;
    width: 100%
}

.content_anim {
    display: block;
    z-index: 2;
    height: 100%
}

.steps_format ul li:nth-of-type(6) {
    text-align: left !important
}

.steps_box {
    display: inline-block;
    border: 1px solid #cfcfcf;
    border-radius: 0;
    padding: 15px 18px;
    text-align: center;
    max-width: 330px
}

.start_anim .line-center-middle:before,
.start_anim .line-top-middle:before {
    content: "";
    opacity: 0;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    margin-top: -3px
}

.steps_box_icon {
    display: block;
    width: 100%
}

.steps_box_icon img {
    height: 68px;
    max-width: 68px
}

.steps_box h4 {
    display: block;
    width: 100%;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1.4
}

.content_anim h4 {
    color: red !important;
    font-weight: 600
}

.steps_box p {
    font-size: 14px
}

.line_spacer {
    height: 1px;
    background: #cfcfcf;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: -90px;
    left: 100%
}

.downlinesp,
.line_spacer_ver {
    width: 1px;
    position: absolute;
    height: 90px
}

.start_anim .line-left-top {
    position: absolute;
    left: -1px;
    z-index: 1;
    width: 2px;
    height: 0%;
    top: 50%;
    background: #ff6300;
    animation: .5s forwards line_left_top;
    -webkit-animation: .5s forwards line_left_top
}

@keyframes line_left_top {
    0% {
        top: 50%
    }
    100% {
        top: 0;
        height: 50%
    }
}

@-webkit-keyframes line_left_top {
    0% {
        top: 50%
    }
    100% {
        top: 0;
        height: 50%
    }
}

.start_anim .line-top-top {
    position: absolute;
    left: 0;
    z-index: 1;
    height: 2px;
    width: 0%;
    top: -1px;
    background: #ff6300;
    animation: 1s .5s forwards line_top_top;
    -webkit-animation: 1s .5s forwards line_top_top
}

@keyframes line_top_top {
    0% {
        width: 0
    }
    100% {
        right: 0;
        width: 100%
    }
}

@-webkit-keyframes line_top_top {
    0% {
        width: 0
    }
    100% {
        right: 0;
        width: 100%
    }
}

.start_anim .line-right-top {
    position: absolute;
    right: -1px;
    z-index: 1;
    width: 2px;
    height: 0;
    top: 0;
    background: #ff6300;
    animation: .5s 1.5s forwards line_right_top;
    -webkit-animation: .5s 1.5s forwards line_right_top
}

@keyframes line_right_top {
    0% {
        top: 0
    }
    100% {
        height: 50%
    }
}

@-webkit-keyframes line_right_top {
    0% {
        top: 0
    }
    100% {
        height: 50%
    }
}

.start_anim .line-left-bottom {
    position: absolute;
    left: -1px;
    z-index: 1;
    width: 2px;
    height: 0%;
    bottom: 50%;
    background: #ff6300;
    animation: .5s forwards line_left_bottom;
    -webkit-animation: .5s forwards line_left_bottom
}

@keyframes line_left_bottom {
    0% {
        bottom: 50%
    }
    100% {
        bottom: 0;
        height: 50%
    }
}

@-webkit-keyframes line_left_bottom {
    0% {
        bottom: 50%
    }
    100% {
        bottom: 0;
        height: 50%
    }
}

.start_anim .line-bottom-bottom {
    position: absolute;
    left: 0;
    z-index: 1;
    height: 2px;
    width: 0%;
    bottom: -1px;
    background: #ff6300;
    animation: 1s .5s forwards line_bottom_bottom;
    -webkit-animation: 1s .5s forwards line_bottom_bottom
}

@keyframes line_bottom_bottom {
    0% {
        width: 0
    }
    100% {
        right: 0;
        width: 100%
    }
}

@-webkit-keyframes line_bottom_bottom {
    0% {
        width: 0
    }
    100% {
        right: 0;
        width: 100%
    }
}

.start_anim .line-right-bottom {
    position: absolute;
    right: -1px;
    z-index: 1;
    width: 2px;
    height: 0;
    bottom: 0;
    background: #ff6300;
    animation: .5s 1.5s forwards line_right_bottom;
    -webkit-animation: .5s 1.5s forwards line_right_bottom
}

@keyframes line_right_bottom {
    0% {
        bottom: 0
    }
    100% {
        height: 50%
    }
}

@-webkit-keyframes line_right_bottom {
    0% {
        bottom: 0
    }
    100% {
        height: 50%
    }
}

.start_anim .line-center-middle {
    height: 2px;
    background: #ff6300;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 0;
    left: 100%;
    z-index: 1;
    animation: .5s 2s forwards line_center_middle;
    -webkit-animation: .5s 2s forwards line_center_middle
}

@keyframes line_center_middle {
    0% {
        right: 0
    }
    100% {
        right: -90px
    }
}

@-webkit-keyframes line_center_middle {
    0% {
        right: 0
    }
    100% {
        right: -90px
    }
}

.start_anim .line-center-middle:before {
    background: #0c6cd4;
    position: absolute;
    left: 50%;
    margin-left: -2px;
    animation: .5s 2s forwards line_center_middle_before;
    -webkit-animation: .5s 2s forwards line_center_middle_before
}

@keyframes line_center_middle_before {
    0% {
        opacity: 0
    }
    100%,
    50% {
        opacity: 1
    }
}

@-webkit-keyframes line_center_middle_before {
    0% {
        opacity: 0
    }
    100%,
    50% {
        opacity: 1
    }
}

.start_anim .line-top-middle {
    width: 2px;
    height: 0;
    background: #0c6cd4;
    position: absolute;
    top: 0;
    margin-top: -1px;
    left: 50%;
    z-index: 1;
    animation: .5s 2s forwards line_top_middle;
    -webkit-animation: .5s 2s forwards line_top_middle
}

@keyframes line_top_middle {
    0% {
        height: 0
    }
    100% {
        height: 90px
    }
}

@-webkit-keyframes line_top_middle {
    0% {
        height: 0
    }
    100% {
        height: 90px
    }
}

.start_anim .line-top-middle:before {
    background: #0c6cd4;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -4px;
    animation: .5s 2s forwards line_top_middle_before;
    -webkit-animation: .5s 2s forwards line_top_middle_before
}

@keyframes line_top_middle_before {
    0% {
        opacity: 0
    }
    100%,
    50% {
        opacity: 1
    }
}

@-webkit-keyframes line_top_middle_before {
    0% {
        opacity: 0
    }
    100%,
    50% {
        opacity: 1
    }
}

.downlinesp {
    right: 50%;
    top: -90px
}

.line_spacer_ver {
    background: #cfcfcf;
    left: auto
}

.rel_container {
    position: relative;
    z-index: 1
}

.gallery-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 70vh
}

.item {
    flex: 1;
    height: 100%;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    transition: .5s;
    position: relative;
    cursor: pointer
}

.item:hover .trend-content {
    bottom: unset;
    top: 50%;
    transform: translate(0, -50%);
    width: 50%
}

.item:hover .trend-content h3 {
    font-size: 30px
}

.item:hover .trend-content p {
    height: auto;
    display: block
}

.trend-content h3 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    height: auto
}

.trend-content p {
    display: none;
    max-width: 100%;
    height: 100px;
    margin: 25px 0;
    font-size: 15px;
    line-height: 1.6;
    color: #fff;
    transition: .2s
}

.trend-content a {
    display: block;
    width: fit-content;
    padding: 10px 25px;
    color: #343539;
    margin: 20px 0 0;
    border-radius: 30px;
    font-weight: 600
}

.trend-content a.btn-color2,
.trend-new-content a.btn-color2 {
    background: #ff8c56
}

.trend-content a.btn-color1,
.trend-new-content a.btn-color1 {
    background: #fff
}

.trend-content a.btn-color3,
.trend-new-content a.btn-color3 {
    background: #f9bd42
}

.trend-content a.btn-color4,
.trend-new-content a.btn-color4 {
    background: #57d3c7
}

.trend-content a.btn-color5,
.trend-new-content a.btn-color5 {
    background: #cecdb2
}

.trend-content {
    position: absolute;
    bottom: 0;
    padding: 20px
}

.item:hover {
    flex: 5;
    background-position: center
}

.item-1 {
    background-image: url(../images/trend-1-2.jpg)
}

.item.item-1:hover,
.trending-bg.bg-chnage1 {
    background-image: url(../images/trending-2.jpg)
}

.item-2 {
    background-image: url(../images/trend-1-1.jpg)
}

.item.item-2:hover,
.trending-bg.bg-chnage2 {
    background-image: url(../images/trending-1.jpg)
}

.item-3 {
    background-image: url(../images/trend-1-3.jpg)
}

.item.item-3:hover,
.trending-bg.bg-chnage3 {
    background-image: url(../images/trending-3.jpg)
}

.item-4 {
    background-image: url(../images/trend-1-4.jpg)
}

.item.item-4:hover,
.trending-bg.bg-chnage5 {
    background-image: url(../images/trending-4.jpg)
}

.item-5 {
    background-image: url(../images/trend-1-5.jpg)
}

.item.item-5:hover,
.trending-bg.bg-chnage4 {
    background-image: url(../images/trending-5.jpg)
}

.footer-part {
    background-color: #1d3957;
    position: relative;
    margin-top: 50px
}

.footer-part:before {
    position: absolute;
    content: '';
    top: -96px;
    left: 0;
    right: 0;
    width: 100%;
    height: 97px;
    background: url(../images/wave.png) 0 0/cover no-repeat
}

ul {
    list-style: none
}

.footer-head h4 {
    color: #28b5ac;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px
}

.quick-link ul li a {
    color: #fff;
    transition: .5s
}

.quick-link ul li {
    padding-bottom: 5px
}

.quick-link ul li a:hover {
    color: #28b5ac
}

.contact-info p {
    color: #fff;
    padding-left: 35px
}

.other-contact-info ul li img {
    width: 22px
}

.other-contact-info ul li span {
    padding-right: 15px
}

.other-contact-info ul li {
    padding-bottom: 8px
}

.join-us ul li a {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center
}

.join-us ul li a img {
    width: 26px
}

.custom-col1 {
    width: 33.3%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    position: relative;
    padding-top: 70px
}

.custom-col1:first-child {
    border-left: 0
}

.custom-col1:last-child {
    border-right: 0px
}

.custom-col1:before {
    content: '';
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #fff
}

.contact-info {
    border-top: 1px solid #fff;
    padding-top: 15px
}

.other-contact-info {
    border-top: 1px solid #fff;
    padding: 20px 0 0;
    border-bottom: 1px solid #fff
}

.join-us {
    padding: 20px 0 0
}

.footer-about p {
    padding: 0 15px;
    color: #fff
}

ul.footer-client-review-logo li,
ul.footer-client-review-logo li a img {
    width: 100%;
    display: block
}

.custom-row-copyright {
    border-top: 1px solid #fff;
    padding: 10px 0;
    display: flex
}

.custom-col-2 {
    width: 33.3%
}

.custom-col-2 p,
.custom-col-2 p a {
    color: #9ba2aa
}

.trending-tab {
    background: 0 0;
    padding-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11
}

.trening-tab-inner .nav-tabs {
    border-bottom: 0;
    width: fit-content;
    margin: 15px auto 0
}

.trening-tab-inner .nav-tabs li a {
    background: #f5f2f2;
    border-top: 0;
    border-radius: 0 0 15px 15px;
    padding: 10px 31px;
    font-size: 16px;
    color: #000;
    font-weight: 600
}

.trening-tab-inner ul li {
    padding-right: 19px;
    position: relative;
    margin: -29px auto 0
}

.trening-tab-inner ul li:before {
    position: absolute;
    content: '';
    top: 0;
    left: -14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #c5c5c5
}

.trening-tab-inner .nav-tabs li:first-child a.active {
    background: #0f79c3;
    color: #fff
}

.trening-tab-inner .nav-tabs li:nth-child(2) a.active {
    background: #55295a;
    color: #fff
}

.trening-tab-inner .nav-tabs li:nth-child(3) a.active {
    background: #a13332;
    color: #fff
}

.trening-tab-inner .nav-tabs li:nth-child(4) a.active {
    background: #36353a;
    color: #fff
}

.trening-tab-inner .nav-tabs li:nth-child(5) a.active {
    background: #1f444a;
    color: #fff
}

.trend-new-content h3 {
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    height: auto
}

.trend-new-content p {
    color: #fff;
    margin: 25px 0;
    font-size: 17px
}

.trend-new-content a {
    display: block;
    width: fit-content;
    padding: 10px 25px;
    color: #343539;
    margin: 10px 0;
    border-radius: 30px;
    font-weight: 600
}

.trending-bg {
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    transition: flex 1s;
    position: relative;
    cursor: pointer;
    height: 100vh
}

.trend-new-content {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 30%
}

@media only screen and (max-width:600px) {
    .blog-heading-text-second h1 {
        color: #fff !important;
        font-size: 26px;
        width: 100%;
        font-weight: 900;
        text-align: center
    }
    .blog-second-text-heading p {
        font-size: 13px
    }
    .blog-second-text-heading h1 {
        font-size: 21px;
        font-weight: 700;
        color: #000
    }
    .blog-second-text-heading h2 {
        font-size: 18px;
        font-weight: 700
    }
    .blog-heading-text-second {
        margin-top: 20px
    }
    .blog-icon-to i.fa.fa-user {
        color: #fff;
        font-size: 15px;
        padding-right: 10px;
        padding-left: 6px
    }
    .blog-icon-to span {
        color: #fff;
        font-size: 12px;
        font-weight: 400
    }
    .blog-icon-to i.fa.fa-clock-o {
        color: #fff;
        font-size: 15px;
        padding-right: 10px;
        padding-left: 5px
    }
    .blog-section {
        background-color: #ffffffdb;
        padding: 54px 0;
        background-color: #446285e6;
        margin-top: 85px;
        position: relative
    }
}

.section-testimonal {
    background-color: #1e3957;
    padding: 60px 0 180px
}

section.section-testimonal p.paragraph {
    color: #fff;
    font-weight: 800
}

section.section-testimonal p.name {
    color: #23a49f;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 0
}

section.section-testimonal p.dest {
    color: #fff;
    margin-bottom: 0
}

section.section-testimonal figure img {
    border-radius: 50%;
    height: 60px !important;
    width: 60px !important
}

section.section-testimonal figure img.img1 {
    position: absolute;
    top: 20px;
    right: 25px
}

section.section-testimonal figure img.img2 {
    position: absolute;
    left: 80px;
    top: 105px;
    height: 50px !important;
    width: 50px !important
}

section.section-testimonal figure img.img3 {
    position: absolute;
    top: 181px;
    left: -6px
}

section.section-testimonal figure img.img4 {
    position: absolute;
    top: 141px;
    left: -116px;
    height: 50px !important;
    width: 50px !important
}

section.section-testimonal figure img.img5 {
    position: absolute;
    top: 22px;
    left: -55px
}

section.section-testimonal figure img.img6 {
    position: absolute;
    top: 4px;
    left: 46px;
    height: 50px !important;
    width: 50px !important
}

section.section-testimonal figure img.img7 {
    position: absolute;
    top: 58px;
    left: 75px;
    height: 80px !important;
    width: 80px !important
}

section.section-testimonal figure img.img10,
section.section-testimonal figure img.img14,
section.section-testimonal figure img.img8,
section.section-testimonalfigure img.img12 {
    height: 50px !important;
    width: 50px !important;
    position: absolute
}

section.section-testimonal figure img.img8 {
    top: 58px;
    left: 196px
}

section.section-testimonal figure img.img9 {
    position: absolute;
    top: -12px;
    left: 310px
}

section.section-testimonal figure img.img10 {
    top: 55px;
    left: 425px
}

section.section-testimonal figure img.img11 {
    position: absolute;
    top: 8px;
    left: -14px
}

section.section-testimonalfigure img.img12 {
    top: 71px;
    left: 34px
}

section.section-testimonal figure img.img13 {
    position: absolute;
    top: 3px;
    left: 150px
}

section.section-testimonal figure img.img14 {
    top: 174px;
    left: 114px
}

section.section-testimonal figure img.img15 {
    position: absolute;
    top: 110px;
    left: 208px;
    height: 80px !important;
    width: 80px !important
}

section.section-testimonal div.content {
    margin-top: 170px;
    background: 0 0
}

section.section-testimonal .active_users {
    border: 1px solid #000
}

figure.active_user img {
    border: 2px solid #18c9b0
}

.widgets_wrapper {
    margin: 0 30px;
    max-width: 100% !important
}

.owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px
}

.owl-dots button.owl-dot:focus {
    outline: 0
}

div#home-slider,
div#portfolio-slider {
    position: realtive
}

.owl-dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin: auto;
    text-align: center;
    transform: translate(-50%, 0)
}

.footer-part {
    background: #223645;
    position: relative;
    padding: 60px 0 0px;
}

.foot-head h3 {
    text-transform: uppercase;
    color: #fff;
    position: relative;
    font-size: 20px;
    font-weight: 500;
}

.footer-col-1 p {
    font-size: 16px;
    color: #fff;
    padding-right: 25px;
    font-weight: 300;
    line-height: 1.7;
}

.footer-svg-left {
    position: absolute;
    top: 0px;
    left: 0px;
}

.footer-svg-right {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.footer-logo h3 {
    color: #fff;
    font-size: 20px;
    padding: 25px 0 0;
}

.footer-present {
    display: flex;
}

.footer-present a {
    display: inline-block;
    width: 20%;
}

.footer-present a img {
    width: 100%;
}

.foot-head {
    padding-bottom: 10px;
}

ul.social-list {
    margin: 15px auto 0;
    width: fit-content;
}

ul.social-list li {
    display: inline-block;
}

ul.footer-link {
    padding: 0px;
    margin: 0px;
}

ul.footer-link li a {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;
}

ul.footer-link li {
    padding-bottom: 11px;
}

ul.contact-foot li {
    display: flex;
    align-items: baseline;
    margin-bottom: 14px;
}

ul.contact-foot {
    padding: 0px 32px 0 0;
    margin: 0px;
}

ul.contact-foot p {
    padding: 0px 10px;
    font-size: 16px;
    text-align: left;
    font-weight: 300;
}

.footer-copyright {
    border-top: 1px solid #818181;
    padding: 15px 0;
    margin-top: 40px;
}

.copyyright-text {
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 100%;
}

.join-box.position-relative {
    position: relative;
    z-index: 111;
}

.footer-logo img {
    width: 118px;
}

.widget-logo a {
    width: 100%;
    display: block;
}

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

.clutch-widget {
    padding: 5px;
}

.clutch-widget,
.goodfirm-widget {
    background: #fff;
    border-radius: 10px;
}

.home-about-content p {
    font-size: 15px;
    padding-bottom: 15px;
    line-height: 1.7;
}

.copyyright-text a {
    margin-left: 7px;
    padding-right: 7px;
    color: #fff;
}

.blog-tab ul {
    border: 0px;
}

.blog-tab .nav-tabs .nav-link {
    border: 1px solid #111;
    border-radius: 30px;
    margin: 0 6px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.blog-tab .nav-tabs .nav-link.active {
    background: #ff6300;
    color: #fff;
    border-color: #ff6300;
}
.portfolio-count h3 {
    color: #3BADAD;
    font-size: 54px;
    font-weight: 600;
}
.portfolio-count p {
    font-weight: 500;
}
.portfolio-count {
    text-align: center;
}
.lightboxpreview {
   transition: all .3s linear;
padding-top:60%;
  cursor:pointer;
  background-size:cover;
}
   
.lightbox-content {
max-height:75vh;
  height:75vh;
  width:100%;
  max-width: 1000px;}

.lightbox-close { 
  cursor:pointer;
    margin-left: auto;
  position:absolute;
  right:-30px;
  top:-30px;
  color:white;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;}
.modal_inner_image {
    min-height: 400px;
    z-index: 1000;}
.modal-content {
    width: 100%;}


.modalscale {transform:scale(0);
opacity:0;}



.lightbox-container, .lightbox-btn, .lightbox-image-wrapper, .lightbox-enabled{transition:all .4s ease-in-out;}
.lightbox_img_wrap {padding-top:65%;
  position:relative;
  overflow:hidden;
}
.lightbox-enabled:hover {
  transform:scale(1.1)
}
.lightbox-enabled {width:100%;
height:100%;
  position:absolute;
  top:0;
object-fit:cover;
cursor:pointer;}

.lightbox-container {width:100vw;
height:100vh;
position:fixed;
top:0;
left:0;
  display:flex;
  align-items:center;
  justify-content:center;
background-color:rgba(0,0,0,.6);
z-index:9999;
opacity:0;
pointer-events:none;
}

.lightbox-container.active {
  opacity:1;
  pointer-events:all;
}
.lightbox-image-wrapper {
  display:flex;
  transform:scale(0);
  align-items:center;
  justify-content:center;
  max-width:90vw;
  max-height:90vh;
  position:relative;
}
.lightbox-container.active .lightbox-image-wrapper {transform:scale(1);}
.lightbox-btn, #close {
  color:white;
  z-index:9999999;
 cursor:pointer; 
  position:absolute;

  font-size:20px;
}

.lightbox-btn:focus {
  outline:none;
}

.left {left:50px;}
.right {right:50px;}
#close {top:50px;
right:50px;}

.lightbox-image {
  width:100%;
  -webkit-box-shadow: 5px 5px 20px 2px rgba(0,0,0,0.19); 
box-shadow: 5px 5px 20px 2px rgba(0,0,0,0.19);
  max-height:95vh;
  object-fit:cover;
 }

@keyframes slideleft {
  33% {transform:translateX(-300px);
  opacity:0;
  }
  66% {transform:translateX(300px);
  opacity:0;
  }
}


.slideleft {
   animation-name: slideleft;
 animation-duration: .5s; 
 animation-timing-function: ease; 
}
@keyframes slideright {
  33% {transform:translateX(300px);
  opacity:0;}
  66% {transform:translateX(-300px);
  opacity:0;}
}


.slideright{
   animation-name: slideright;
 animation-duration: .5s; 
 animation-timing-function: ease; 
}
.portfolio-tab{
    background:#f9f9f9;
    padding:20px;
}
.portfolio-tab li a {
    color: #000;
    font-weight: 500;
    position:relative;
}
.portfolio-tab ul li {
    padding-bottom: 15px;
}	
.portfolio-tab ul li a.active {
    background: transparent !important;
    color: #000 !important;
    border-right: 2px solid #17c4af;
    border-radius: 0px;
}
.portlaptop-img img {
    width: auto !important;
    margin: auto;
}
.port-home-slider{
    padding:30px  0 0;
}
@media only screen and (max-width: 992px) {
   .Talent_Redefining_Left_Part{margin-top:30px;}
   section.mobile-development-us-banner {
    padding-bottom: 100px;
}
.text-mobile-center .underline_heading {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.text-mobile-center {
    display: block;
    width: fit-content;
    text-align: center;
    margin: 0 auto 25px;
}   
.graphics-process ul {
    display: flex
;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.graphics-process ul li {
    flex: 0 0 50%;}
    .graphics-process ul li:after{display:none;}
}

@media only screen and (max-width: 767px) {
    
    .faq-mobileapp .card button{    padding: 15px 60px 15px 15px; text-align:left}
    .Talent_Redefining_inner .Talent_Redefining_Left_Part ul li{width:50%;}
    .sys_aboutUs_process_content ul li{width:100%;}
    .sys_aboutUs_process_content ul li:after{display:none;}
   .web-valuew-section-wrapper.mobile-responsive-point .web-value-content{width:50%}
  .container.position-relative.z-index-1  .col-lg-2.col-md-6.mt-5 { margin-top: 0px !important;}
.footer-col-1{margin-bottom: 30px;}
.footer-logo h3{margin-bottom: 15px;}
}