@media (min-width:1700px){
.container{max-width: 1640px;}
}

/*********************************** Start Of Common Css ***********************************/
@font-face {
    font-family: 'gorditaregular';
    src: url('https://res.cloudinary.com/dnzgy4k2e/raw/upload/v1658749162/Satva-home/Home-page-images/Font/gordita-regular-webfont.woff2') format('woff2'),
         url('https://res.cloudinary.com/dnzgy4k2e/raw/upload/v1658749162/Satva-home/Home-page-images/Font/gordita-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gorditabold';
    src: url('https://res.cloudinary.com/dnzgy4k2e/raw/upload/v1658749242/Satva-home/Home-page-images/Font/gordita_bold-webfont.woff2') format('woff2'),
         url('https://res.cloudinary.com/dnzgy4k2e/raw/upload/v1658749242/Satva-home/Home-page-images/Font/gordita_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gorditamedium';
    src: url('https://res.cloudinary.com/dnzgy4k2e/raw/upload/v1658749342/Satva-home/Home-page-images/Font/gordita-medium-webfont.woff2') format('woff2'),
         url('https://res.cloudinary.com/dnzgy4k2e/raw/upload/v1658749342/Satva-home/Home-page-images/Font/gordita-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{font-family: 'gorditaregular'; margin:0px auto;}

h1,h2,h3,h4,h5,h6 { font-family: 'gorditabold';color:#2D2D2D;margin:0px;padding:0px;}

p { font-family: 'gorditaregular'; font-size:16px;color:#606267;line-height:30px;letter-spacing:0.6px;margin:0px;}

ul,ol {list-style-type:none;margin:0px;padding:0px;}

img {outline:none;}

a {color:#0086CD;text-decoration:none;cursor: pointer;}

a:active,a:hover,a:focus{outline:none;text-decoration:none;
    color:#fff;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
:focus{outline:none;}

input,select,textarea{font-size:15px;color:#656D72;width:100%;background:#fff;padding:0px 15px;border:1px solid #DEDEDE;}

textarea{padding:15px;height:100px;}

input[type="checkbox"], input[type="radio"]{width:20px; height: 20px;}
::-webkit-input-placeholder{color:#000;}
::-moz-placeholder{color:#000;}
::-ms-input-placeholder{color:#000;}
/*********************************** End Of Common Css ***********************************/


/*********************************** Start Of Common Class Css ***********************************/
.ExtraLargeText{font-size:24px;line-height: 40px;}
.LargeText {font-size:23px; line-height: 40px;}
.MediumText{font-size:20px; line-height: 35px;}
.SmallText{font-size: 17px;}

.LargeTitleText{font-size: 60px;line-height: 75px;}
.MediumTitleText{font-size: 39px;}
.SmallTitleText{font-size: 33px;}


.BlackColor{color: #000 !important;}
.DarkColor{color: #222222 !important;}
.WhiteColor{color: #fff !important;}
.ParagraphTextColor{color: #606267; font-family: 'gorditaregular';}

.EmptySpaceTop{margin-top: 180px;}
.EmptySpaceBottom{margin-bottom: 180px;}
.LargeTitleTextSpace{
    margin-bottom: 60px;
}
.FontWeightRegular{
font-family: 'gorditaregular';
}
.FontWeightMedium{
font-family: 'gorditamedium';
}
.FontWeightBold{
font-family: 'gorditabold';
}

.BgButton, .BorderButton{
    background: #0086CD 0% 0% no-repeat padding-box;
    height: 74px;
    letter-spacing: 0.25px;
    color: #FFFFFF;   
    font-size: 25px;
    line-height: 51px;
    font-family: 'gorditamedium';
    border: 2px solid #0086cd;
    padding: 10px 35px;
    display: inline-block;
    transform: scale(1.0);
    transition: 1s;
}
.BorderButton{
background: transparent;
color: #0086CD;
    font-size: 18px;
    height: 60px;
    line-height: 35px;
}
.BorderButton:hover .ClickArrow {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.FontSize19 {
    font-size: 19px;
}
.SubTitle{
    letter-spacing: -0.54px;
font-size: 45px;
}
.BackBtn:hover, .BackBtn:focus, .BackBtn:active {
    color: #606267 !important;
}
.readMoreModelButton:hover, .readMoreModelButton:focus, readMoreModelButton:active {
    color: #0086CD !important;
}
/*********************************** End Of Common Class Css ***********************************/

.YearsOfExperience .slick-prev, .YearsOfExperience .slick-next {
    display: none !important;
}
/*******hover*******/
.BorderButton:hover {
    background: #0086CD 0% 0% no-repeat padding-box;
    color: #fff;
    transform: scale(1.05);
    transition: 1s;
}
.BgButton:hover{
 background: #0086CD 0% 0% no-repeat padding-box;
    color: #fff;
    transform: scale(1.05);
    transition: 1s;
}
/******EndHover*******/


/*----headercss----*/
.navbar {
    padding: 30px 0 0 0;
}
.MailText{
        letter-spacing: -0.27px;
    font-size: 19px;
    line-height: 19px;
    color: #0086CD;
}
/*---End headercss----*/


/*----Banner-----*/
.Banner {
    margin-top: 100px;
}

.FloatLeft {
    float: left;
}

.List li img {
    margin-right: 10px;
    margin-top: 9px;
}
#btn-validate {
    width: 100%;
}
.YearsOfExperience .slick-slide {
    margin-right: 15px;
}
.YearsOfExperience .slick-slide:last-child {
    margin-right: 0px;
}
/*---EndBanner----*/

/*-------HoWDoes--------*/
.HoWDoes {
    margin: 0 auto;
    display: block;
    width: 70%;
}
.IconText, .List li{
     align-items: start;
    letter-spacing: -.18px;
    font-family: 'gorditaregular';
    margin-bottom: 18px;
    
}
.IconText img {
    margin-right: 15px;
    margin-top: 7px;
}
.HowDoesBox{
    max-width: 1378px;
    margin: 0px auto 0 !important;
}
/*.HowDoesBox .IconText {
    margin-bottom: 40px;
}*/
/*------End-HoWDoes--------*/
/*---WhatTypeOfEntities-----*/
.WhatTypeOfEntities .IconWidth {object-fit: contain;
    
    width: 65px;}
    .WhatTypeOfEntities .card {
    background: #FFF 0 0 no-repeat padding-box;
    box-shadow: 0 0 30px #bfbfbf1a;
    border: 1px solid #DAE2F5;
    padding: 30px;
    height: 100%;
}
/*.WhatTypeOfEntities ul li, .QbookEditionMain ul li {
   
    padding-top: 4px;
    padding-bottom: 4px;
}*/
/*----End-WhatTypeOfEntities----*/

/*-----FaQ-----*/
.AnsText {
    padding-left: 30px;
    margin-top: 7px;
    position: relative;
}
.AnsText:before {
    position: absolute;
    content: "";
    left: 0;
    background: #0096D5;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    top: 12px;
}
.questions {
    margin-bottom: 40px;
}
/*---End-Faq-----*/


/**************What our happy customer says******************/
.BottomImg.LineImg {
    bottom: 72px;
}
.WhatOurHappyCustomerSays {
    flex-direction: column;
    height: 100%;
}
.QuotesImg {
    width: 72px;
}
.ClientName {
    margin-top: auto;
    margin-bottom: 50px;
}
.ClientImg {
    float: left;
    margin-right: 20px;
}
.ClientNameDetail {
    display: table;
}

/*.ClientNameDetail p {
    letter-spacing: -0.23px;
    color: #222222;
    font-size: 29px;
    line-height: 38px;
    font-family: 'gorditamedium';
}*/
/*.WhatOurHappyCustomerSays {
    padding: 0 125px 0 0px;
}*/
.QuotesImg {
    padding-bottom: 30px;
}

.slick-dots li {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #0086CD;
    border-radius: 50%;
        transition: all .3s linear;
}
.slick-dots .slick-active {
    background: #0086CD 0% 0% no-repeat padding-box;
    border-radius: 8px;
    width: 60px;
  
}
.slick-dots li button {
    transition: 1s;
}

.SliderVideoTestimonial .slick-dots {
    left: 0;
    display: block;
    width: auto;
   bottom: -50px;
}
.BottomImg {
    position: absolute;
    right: -16px;
    bottom: 152px;
}
.WhatOurHappyCustomerSays  {
    position: relative;
}
.ClientNameDetail small {
    letter-spacing: -0.14px;
    font-size: 17px;
    line-height: 36px;
}
.ClientMsgReadMoreBtn, .ClientMsgReadMoreBtn:hover {
    text-decoration: underline;
}
.WhatOurHappyCustomerSays .ClientImg {
    background: url(https://res.cloudinary.com/dnzgy4k2e/image/upload/v1667307723/Satva-home/Home-page-images/testimonial-sprite-updated-2.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.WhatOurHappyCustomerSays .ClientImg.Belinda {
    background-position: -158px -250px;
}
.WhatOurHappyCustomerSays .ClientImg.Tommys{
        background-position: -19px -19px;
}
.WhatOurHappyCustomerSays .ClientImg.EricM{
    background-position: -284px -246px;
}
.WhatOurHappyCustomerSays .ClientImg.Arthur{
    background-position: -33px -360px;
}
.WhatOurHappyCustomerSays .ClientImg.Londa{
      background-position: -145px -360px;  
}
.WhatOurHappyCustomerSays .ClientImg.Nikki{
        background-position: -280px -360px;
}
.WhatOurHappyCustomerSays .ClientImg.Michele{
     background-position: -33px -467px;   
}
.WhatOurHappyCustomerSays .ClientImg.Chris{
        background-position: -144px -466px !important;
}
/***************End What our happy customer says*****************/

/********Testimonial***************/
.TestimonialBox {
        margin: 25px;
    padding: 25px 30px 0px 30px;
}
.TestimonialBox {
    display: flex !important;
    flex-direction: column;
    height: auto;
        box-shadow: 0px 1px 10px #bfbfbf33;}

.Testimonial .slick-track {
    display: flex;
    height: 100%;
}
.slick-dots {
    bottom: -50px;
}
.TestimonialDetail {
    margin-bottom: 50px;
}
.contentReadMoreModel {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.readMoreModelButton {
    text-align: right;
    font-size: 23px;
    letter-spacing: -0.23px;
    text-decoration: underline;
    cursor: pointer;
    z-index: 999;
    display: block;
}
.next-arrow {
    right: -14px;
}
.prev-arrow, .next-arrow {
    position: absolute;
    top: -106px;
    background-color: transparent;
    border: 0;
}
/********Testimonial*************/
/********videotestimonial*******/
 .video {
    position: relative;    
    padding-right: 1px;

}
.anim {
    width: 60px;
    height: 60px;
    background-color: transparent;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;   
    position: relative;
    bottom: 110px;
    left: 50px;
}
.anim::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #fff;
    border-radius: 100%;
    animation: animate-pop 1s ease-out;
    animation-iteration-count: infinite;
    background: #ffffff85;
    margin: auto;
}
 .videoIcon {
    position: absolute;
    bottom: 111px;
    left: 50px;
    height: 60px!important;
}
.anim::after {
    content: '';
    display: block;
    position: absolute;
    top: -15px;
    bottom: -15px;
    left: -15px;
    right: -15px;
    border: 1px solid #fff;
    border-radius: 100%;
    animation: animate-pop 1s ease-out;
    animation-iteration-count: infinite;
    background: #ffffff85;
}
@keyframes animate-pop {
      0%{transform:scale(.1);opacity:0.0;}
  50%{opacity:1;}
  100%{transform:scale(1.2);opacity:0;}
}
.VideoModel .modal-dialog {
    width: auto !important;
    max-width: max-content;
   
}
.CloseBtn {
    background: #000!important;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 11;
    border-radius: 50%!important;
    opacity: 1!important;
    padding: 10px!important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.VideoModel .modal-body {
    padding: 0;
}
.VideoModel .modal-content{
background-color: transparent;

}
/*****End videotestimonial*******/


/************BlogCss*****************/


.BlogTitle {
        letter-spacing: -0.2px;
    color: #222222;
    font-size: 25px;
    line-height: 36px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
}

.AuthorName {
    text-align: left;
    letter-spacing: -0.16px;
    color: #606267;
}
.Blog .card {
   /* margin: 25px;*/
    border: 0;
    margin-bottom: 30px
}
.Blog .slick-slide > div {
  margin: 0 30px;
}
.Blog .slick-list {
  margin: 0px;
}
.card-img, .card-img-bottom, .card-img-top {
    width: auto;
}
.Blog .card-body {
    padding: 34px;
        box-shadow: -10px 10px 35px #bfbfbf38;
        height: 200px;
}
.prev-arrow, .next-arrow{
    position: absolute;
    top: -106px;
    background-color: transparent;
    border: 0;
}
.next-arrow {   
        right: -14px;

}
.prev-arrow {   
    right: 80px;   
}
.slick-disabled img {
    opacity: 0.2;
}
.CallToActionTwo {
    padding: 50px 0 100px;
}

/************EndBlogCss**************/

/*********CallToActionBox************/
.CallToActionBox{
    justify-content: center;
    height: 100%;
        flex-direction: column;
}
.BtnWidth {
    width: fit-content;
}
/***********End CallToActionBox*************/
.TechnologyText {
    font-size: 14px;
    
}

/*********27-7-2022**********/
.QuickbooksLogoW, .UlBox {
    padding: 30px;
}
.QuickbooksLogoW {
    background: #fcfcfc;
}
.QuickbooksLogoW img {
    width: 315px;
  
 
}
.ClientNameDetail p {
    letter-spacing: -0.23px;
    color: #222222;
    font-size: 29px;
    line-height: 38px;
    font-family: 'gorditamedium';
}
.height100 {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.card{
    background: #FFF 0 0 no-repeat padding-box;
    box-shadow: 0 0 30px #bfbfbf1a;
    border: 1px solid #DAE2F5;
    height: 100%;
}

.UlIconSmall li {
 
    align-items: flex-start;
}

.UlIconSmall li img {
    margin-top: 7px;
}
.SubTitleSpace {
    margin-top: 10px;
    margin-bottom: 60px;
}
.BannerTitle {
    letter-spacing: -1.77px;
    font-size: 60px;
    line-height: 80px;
   
}
/*******************/
.back-to-top {   
   
    text-align: center;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #0086CD;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    z-index: 99999;
}
.back-to-top img {
    top: -2px;
    position: relative;
}


.ClientCompany {
    margin: 15px auto;
    border: 1px solid #DAE2F5;
}



.portfolio{display:flex!important;}
.portfolio .PortfolioContent{padding:0 30px;width:60%;}
.portfolio h4{margin-bottom:0;margin-left:10px;}
.portfolio .Box{width:40%;}
.portfolio .Box img{width:100%;}

.WorkPortfolio .row {
    width: 100%;
}


.DevelopersExpertise .nav-pills .nav-link {background: 0 0; border: 0; border-radius: 0rem; padding: 15px 0;}
.DevelopersExpertise .nav-link.active {width: 300px; background: #0086cd;}
.DevelopersExpertise .nav-pills .nav-link {background: 0 0; border: 0;}
.DevelopersExpertise .nav-pills .nav-link.active,.DevelopersExpertise .nav-pills .show>.nav-link {color: #fff; background-color: #0086cd;}
.DevelopersExpertise .nav-pills .nav-link {background: 0 0; border: 0; padding: 15px 0; width: 300px; color:#222222;}
.DevelopersExpertise .main {box-shadow: 1px 1px 20px rgb(0 0 0 / 10%);display: flex!important;align-items: center;}
.DevelopersExpertise .tab-content {padding: 0 0 0 20px;}
.DevelopersExpertise #v-pills-tab {background: #fafafa; min-height: 500px;}
.DevelopersExpertise .nav-pills .nav-link{position:relative;}
.DevelopersExpertise .nav-pills .nav-link:before {content: ""; position: absolute; right: -8px; height: 16px; width: 16px; background: #fff; top: 33%; transform: rotate(45deg); transition: all .3s linear;}
.DevelopersExpertise .nav-pills .nav-link.active:before {background: #0086cd; }


.SmTickIcon:before {
    content: "";
    position: absolute;
    left: 0;
    background: url(https://res.cloudinary.com/dnzgy4k2e/image/upload/v1658831489/Satva-home/Home-page-images/Header/Tick-Mark.svg);
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    top: 8px;
}
.SmTickIcon {
    position: relative;
    padding-left: 30px;
}

.roundbox {position: fixed; bottom: -40px; right: -50px; transform: scale(.3);}
.roundbox:before {content: ""; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 125vmax; height: 125vmax; border-radius: 100%; background:#111; box-shadow: 0 0 20px pink; transition: all 500ms cubic-bezier(.49,.23,0,.99) ; opacity: 0;}
.roundbox .completed:before{transform: translate(-50%, -50%) scale(1); opacity: 0.5;}
.roundbox svg {position: sticky; transform: rotate(-90deg);}
.roundbox svg circle {stroke: rgb(0 0 0 / 30%);stroke-width: 10px;stroke-linecap: round;fill: transparent;}
.roundbox svg .progress-bar {stroke: url(#grad); transition: stroke-dashoffset 0 ease-in-out; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.2));}
.roundbox .pct {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; font-size:40px;}