@charset "utf-8";/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

html {
  scroll-behavior: smooth;
}

body{
	overflow-x:hidden;
}

.header{background-color: #fff;     border-bottom: 3px solid #00a1e0; margin-bottom: 30px;}
.navbar-fix-top {position:fixed; width:100%; top:0px; background:#fff; z-index:5; box-shadow:0 0 49px rgba(0, 0, 0, .1); }
.hover-bx {padding:20px 10px; z-index:1; position:relative; background:#077dab; height: 245px; border-radius: 3px; box-shadow: none; transition:0.5s; margin-bottom:10px;}
.hover-bx:hover {box-shadow:0px 0px 50px rgba(0, 0, 0, 0.1); background:#077dab; box-shadow: 0 0 24px 0 #ddd; transition:0.5s;}
body{font-family: 'Poppins', sans-serif;  font-weight: 400;font-size:16px; }
section {padding:80px 0px; }
.no-padding {padding:0px !important; }
.bg-dark {background-color:transparent !important; }
.mb_100 {margin-bottom:100px !important; }
.navbar-dark .navbar-nav .nav-link {color:#032d60; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 600;}
.navbar-dark .navbar-nav .active > .nav-link {color:#f58220; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color:#f58220; }
.navbar-expand-md .right-contant {display:block; width:100%; text-align:right; }
.navbar-expand-md .right-contant li {display:inline-block; }
.navbar-brand {padding:0px; }
.navbar {padding-top:28px; padding-bottom:28px; }
.banner-bottom-style img {width:100%; margin-bottom:45px; }

/*business-orientation*/
.business-orientation {text-align:center; }
.business-orientation .headng-box {margin-bottom:80px; }
.business-orientation .btn {font-size:14px; color:#FFF; padding-left:18px; padding-right:18px; }
.btn-primary {border-radius:50px; padding: 10px 30px; color:#FFF; background-color:#00a1e0; border-color:#52acd0; }
.btn-primary:hover {background-color:#f58220; border-color:#f58220; }
.business-orientation [class*="col-"] {margin-bottom:30px; }
.textbox {box-shadow:7px 7px 10px rgba(0, 0, 0, 0.1); padding:30px 5px; height:100%; }
.textbox:hover {background:rgba(0, 0, 0, 0.05); }
.textbox p {font-family: 'Poppins', sans-serif;  color:#434343; line-height:24px;font-weight: 400; }
.textbox h4 {margin-bottom:24px; color:#434343; font-size:24px; font-weight: 600;}
.textbox img {margin-bottom:10px; height: 44px; }
.headng-txt {font-size:40px; font-family: 'Poppins', sans-serif; font-weight: 600; color:#032d60; margin-bottom: 20px; }
.headng-txt span {color:#18a0db; }
.sub-txt {font-size:16px; color:#565656; }
.sub-txt.textbold {/*font-family:'Roboto Cn'; font-size:17px;*/}

/*salesforce-integrations*/
.salesforce-integrations {margin:45px 0; padding:0px 0; background:url(../images/blue-bg.png) no-repeat; background-position:center center; background-size:100% auto; }
.salesforce-integrations .sub-txt {margin-bottom:142px; }
.salesforce-integrations .border-specing {padding-bottom:50px; }
.salesforce-integrations .inner-col [class*="col-"] {margin-bottom:40px; color:#626262;  font-size:19px; }
.salesforce-integrations .inner-col [class*="col-"] img {width:77px; float:left; }
.salesforce-integrations .inner-col [class*="col-"] .textdiv {overflow:hidden; float:none; line-height:normal!important; padding-left:25px; padding-top:30px; }
.salesforce-integrations .inner-col [class*="col-"] .textdiv.double {padding-top:18px; }
.salesforce-integrations .inner-col [class*="col-"] .textdiv.double p {font-size:14px; margin-top:5px; }
.salesforce-integrations .center-img {text-align:center; }
.salesforce-integrations .center-img img {margin-top:110px; }
/*trusted*/
.trusted {margin:50px 0 130px; }
.logo-img {margin-top:80px; }
.logo-img [class*="col-"] {height:100%;}

/*about-dotsquares*/
.about-dotsquares {
   background: url(../images/ab-dotbg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 60px 30px;
    margin-bottom: 90px;
    position: relative;
    /* margin-top: 70px; */
}
.about-dotsquares:before {background:url('../images/about-dotsquares-left.png') no-repeat; position:absolute; left:0px; top:0px; bottom:0px; content:""; width:484px; height:564px; opacity:0.4; }
.about-dotsquares:after {background:url('../images/about-dotsquares-right.png') no-repeat; position:absolute; right:0px; top:0px; bottom:0px; content:""; width:429px; height:582px; opacity:0.4; }
.about-dotsquares .headng-txt {
    color: #032d60;
    margin-bottom: 20px;
}
.about-dotsquares .sub-txt {
    color: #032d60;
    margin-bottom: 70px;
    padding: 0 14%;
}
.about-dotsquares .ab-dot-detail h4 {color:#FFF; font-size:35px;}
.about-dotsquares .ab-dot-detail p {color:#FFF; font-size:17px; line-height:100%; padding:0 4%; }
.btn-bigblue {font-size:15px; font-family: 'Roboto Condensed', sans-serif; color:#FFF; background:#0b8ec3; border-radius:0px; height:56px; min-width:196px; text-align:center; text-transform:uppercase; padding-top:15px; }
.btn-bigblue:hover {background:#f58220; color:#FFF; }

/*our-applications*/
.our-applications {margin-bottom:80px; }
.our-applications .btn {margin-top:70px; }
.our-applications [class*="col-"] {text-align:center; }
.our-applications [class*="col-"] .imgbox {width:100%; margin-bottom:30px; text-align:center; }
.our-applications [class*="col-"] .imgbox img {box-shadow:7px 7px 10px rgba(0, 0, 0, 0.1); }
.our-applications [class*="col-"] h5 {font-size:30px; padding:0 9%; color:#565656;height: 75px;}
.our-applications [class*="col-"] h5 a {color:#565656; text-decoration:none; }

/*readyform*/
.readyform {background:#ebf2f5; padding:80px 0; }
#enqform .readyform {background:#ebf2f5; padding:20px 0; }
.readyform .bottom-form {margin-top:95px; margin-bottom:15px; }
#enqform .readyform .bottom-form {margin-top:25px; margin-bottom:15px; }
.readyform .bottom-form .form-group {position:relative; margin-bottom:40px; }
#enqform .readyform .bottom-form .form-group {position:relative; margin-bottom:40px; }
.readyform .bottom-form .form-group sup {position:absolute; top:15px; left:5px; color:#18a0db; font-size:16px; }
.readyform .bottom-form .form-control {background:none; border-top:none; border-left:none; border-right:none; border-radius:0px !important; padding-left:15px; }
.readyform .bottom-form .btn-ready {}
.readyform .bottom-form .form-control::-webkit-input-placeholder {/* Chrome/Opera/Safari */
 font-style:italic; color:#797979; }
.readyform .bottom-form .form-control::-moz-placeholder {/* Firefox 19+ */
 font-style:italic; color:#797979; }
.readyform .bottom-form .form-control:-ms-input-placeholder {/* IE 10+ */
 font-style:italic; color:#797979; }
.readyform .bottom-form .form-control:-moz-placeholder {/* Firefox 18- */
 font-style:italic; color:#797979; }
.btn-ready {font-size:15px; color:#FFF;  font-family: 'Poppins', sans-serif; background:#f58220; border-radius:0px; height:56px; line-height:44px; min-width:198px; 
text-align:center; text-transform:uppercase; padding-top:5px;  font-weight: 600;}
.btn-ready:hover {background:#0b8ec3; color:#FFF; }
.form-control:focus {box-shadow:0 0 0 .2rem #ebf2f5; }
footer {
    background: #002d3f url(../images/bottom-half.png) no-repeat;
    background-size: 100% 100%;
    padding: 70px 0 40px 0px;
    position: relative;
    overflow: hidden;
}
footer:after {content:""; background:url('../images/bottom-right.png') no-repeat; width:444px; height:458px; position:absolute; top:0px; bottom:0px; right:0px; opacity:0.4; z-index: 0; }
footer h6 {font-size:25px; font-family: 'Roboto Condensed', sans-serif;  color:#FFF; margin-bottom:55px; }
.contact-list ul {padding:0px; margin:0px; }
.contact-list ul li {
    list-style: none;
    color: #c5c5c5;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    background-position: top left;
    min-height: 44px;
}

li.aus-no {
    width:100%;
}

ul.dropdown-menu.case-drop.show {
    height: 250px;
    overflow: auto;
}

.social-links p {
    color: #fff;
}
.contact-list ul li p {line-height:100%; }
.contact-list ul li p:last-child {margin-bottom:0px; }
.contact-list ul li:last-child p:nth-last-child(2) {margin-bottom:5px; }
.contact-list ul li.icon-first {background:url('../images/albourne-court-icon.png') no-repeat; }
.contact-list ul li.icon-seconde {background:url('../images/democracy-blvd-icon.png') no-repeat; }
.contact-list ul li.icon-third {background:url('../images/waaverley-road-icon.png') no-repeat; }
.sitelinks {}
.sitelinks ul {padding:0px; margin:0px; }
.sitelinks ul li {list-style:none; float:left; width:50%; margin-bottom:10px; }
.sitelinks ul li a {color:#b5b5b5; font-size:15px; font-family: 'Roboto Condensed', sans-serif;  }
.sitelinks ul li:hover a {text-decoration:none; color:#f58220; }
.social-links {position:relative; z-index:2; }
.social-links ul {padding:0px; margin:0px; }
.social-links ul li {list-style:none; display:inline-block; margin-left:18px; }
.social-links ul li:first-child {margin-left:0px; }
.social-links ul li:hover a {text-decoration:none; }

/*copyright*/
.copyright {padding-bottom:50px; padding-top:20px;}
.copyright .col-12 {text-align:left !important; }
.copyright p {font-size:16px; color:#b1b1b1; font-family: 'Roboto Condensed', sans-serif;  margin-bottom:0px; }
.copyright ul {
    padding: 0px;
    text-align: right;
    margin: 0px;
    position: absolute;
    z-index: 999999;
    padding-left: 0%;
	float: right;
}
.copyright ul li {list-style:none; display:inline-block; }
.copyright ul li:first-child {background:url('../images/bottom-border.png') no-repeat; background-position:center right; padding-right:14px; margin-right:7px; }
.copyright ul li a {font-size:16px; color:#b1b1b1; font-family: 'Roboto Condensed', sans-serif; }
.inner-page-banner {background:url('../images/bg-1.png') center center; padding:25px 0px; /*box-shadow:5px 5px 74px rgba(0,0,0,.3); */
}
.inner-page-banner h1 {font-size:52px; color:#fff; font-weight:bold; margin:45px 0px 21px 0px; }
.inner-page-banner p {color:#dff5fe; font-size:16px; line-height:26px; }
.bg-white {background:transparent !important; }
.integrations-services {background:#e3f7ff; padding:100px 0px; }
.integrations-services .headng-txt {color:#000; margin-bottom:35px; }
.integrations-services .sub-txt {color:#000; margin-bottom:60px; }
.white-bx {background:#fff; padding:25px; color:#434343; margin-bottom:35px; box-shadow:1px 1px 20px rgba(0, 0, 0, .2); }
.white-bx h2 {font-size:30px; color:#434343; margin-bottom:18px; }
.white-bx p {font-size:14px; line-height:24px; color:#000; }
.cloud-page {padding:50px 0px 5px 0px; }
.industries {padding:90px 0px 90px 0px; }
.salesforce-integrations .textbox {background-color:rgba(255, 255, 255, 0.8); box-shadow:none; padding:30px 5px; height:100%; }
.salesforce-integrations .textbox:hover {background:#fff; }
.cloud-page .inner-title, .industries .inner-title {font-size:22px; color:#00a1e0; font-weight:606; margin:10px 0px 17px 0px; }
ul.listing {margin:0px; padding:0px; }
ul.listing li {margin-bottom:15px; background:url('../images/dot-arrow.png') 1px 2px no-repeat; padding-left:32px; list-style:none; font-size:17px; }
.margin-20 {margin:20px 0px !important; }
.app-bx {border:solid 1px #dedede; padding:16px; margin-bottom:25px; background:#f0faff; }
.app-bx img {border:solid 1px #000; padding:10px; background:#fff; }
.app-bx h2 {color:#00658d; }
.tp-hd {background-color:#e5f5fc; padding:7px 0px; text-align:right; border-bottom:solid 1px #c6efff; }
ul {margin:0px; padding:0px; }
.phoneno li {display:inline-block; padding:0 10px; border-right:1px solid #cdcdcd; font-size:14px; font-weight:normal; }
.phoneno li span {color:#ff7500; font-weight: 600; }
.phoneno li a {color:#2b3e7f; font-weight:600; }
.phoneno li:last-child {border:none; }
.mg-top70 {margin-top:70px; }
.certifications-ico {margin-top:20px; }
.certifications-ico img {margin-top:20px; }
#mouseleave-outer3 .social-hover3 {background:#f7b81f; left:0px; width:54px; position:fixed; top:225px; z-index:100; border-radius:0 5px 5px 0; color:#fff; font-size:18px; padding:13px 18px; text-align:center; cursor:pointer; }
#mouseleave-outer3 .social-hover3 {background:#f58220; left:0px; width:54px; position:fixed; top:50%; z-index:100; border-radius:0px; color:#fff; font-size:19px; padding:8px 8px; text-align:center; cursor:pointer; transform:translatey(-50%); }
#mouseleave-outer2 .social-hover2, #mouseleave-outer3 .social-hover3 {color:#ffffff; }
div#section\ about-bg {
       background: url(../images/Sf-background.jpg) no-repeat;
}
.social-hover3, .social-main3 {position:fixed; top:50%; z-index:100; transform:translatey(-50%); }
.show-inner-bar-icon {left:210px !important; }
.show-inner-bar {left:0 !important; }
.social-main3 {left:-210px; width:210px; height:44px; background:#e5f5fc; line-height:44px; }
ul.microsites li a, ul.microsites li strong {color:#000000; font-size:14px; text-decoration:none; width:100%; display:block; }
ul.microsites li strong {padding:0px 10px; }
.stepwizard-step p {margin-top:10px; }
.process-row {display:table-row; }
.process {display:table; width:100%; position:relative; }
.process-step button[disabled] {opacity:1 !important; filter:alpha(opacity=100) !important; }
.process-row:before {top:50px; bottom:0; position:absolute; content:" "; width:100%; height:1px; background-color:#ccc; z-order:0; }
.process-step {display:table-cell; text-align:center; position:relative; }
.process-step p {margin-top:10px; }
.btn-circle {width:100px; height:100px; text-align:center; padding:6px 0; font-size:12px; line-height:1.428571429; border-radius:15px; }
.no-mar {margin:0; }

#advanced-features {overflow:hidden; }
#advanced-features .features-row {padding:10px 0 10px 0; }
#advanced-features h2 {font-size:20px; font-weight:700; color:#fff; }
#advanced-features h3 {font-size:20px; line-height:24px; font-weight:400; font-style:italic; color:#d6edff; }
#advanced-features p {line-height:24px; color:#fff; margin-bottom:30px; }
#advanced-features i {color:#666666; font-size:64px; transition:0.5s; float:left; padding:0 15px 0px 0; line-height:1; }
#advanced-features i:before {background:#1dc8cd; background:linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%); background-clip:border-box; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#advanced-features .advanced-feature-img-right {max-width:555px; width:100%; float:right; padding:0 0 30px 30px; }
#advanced-features .advanced-feature-img-left {max-width:555px; width:100%; float:left; padding:0 30px 30px 0; }
#advanced-features ul {padding:0px; margin:0px; }
#advanced-features ul li {list-style:none; margin-bottom:10px; color:#fff; font-size:16px; }
#advanced-features ul li i {color:#666666; font-size:20px; transition:0.5s; float:left; padding:0 15px 0px 0; line-height:1; }
.pd-0-nw{padding-bottom:0px!important;}
#advanced-features h4{font-size: 28px!important; font-weight: bold; color: #fff;}
.sr-icons {margin-bottom:20px; border:1px dashed #f58220; border-radius:50px; width:100px; height:100px; line-height:90px !important; color:#f58220 !important; }
.dropdown-menu {width:215px; padding:5px 0 !important; margin:0 !important; border:1px solid rgba(0, 0, 0, .15); border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175); box-shadow:0 6px 12px rgba(0, 0, 0, .175); background-color:#fff; }
.dropdown-menu > li > a {color:rgba(67, 67, 67, .9); text-transform:uppercase; font-size:14px; display:block; text-decoration:none; clear:both; line-height:1.428571429; white-space:nowrap; width:100%; padding:5px 15px; }
.dropdown-menu > li {width:100%; }
.dropdown-menu > li > a:last-child {}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {text-decoration:none; color:#262626; background-color:#f5f5f5; }
.navbar-nav .dropdown-menu {float:left; }
.carousel-item .col-sm-5 {text-align:center; }
.carousel-item .carousel-caption h1 {text-align:center; }
.carousel-item .carousel-caption h2 {text-align:center; }
.carousel-item .carousel-caption p {text-align:center; }
.g-recaptcha div:first-child {margin:0}
.enq_hd {display:none; }
.enq_hd a {color:#fff; display:block; font-size:18px; font-weight:600; padding:5px 10px; text-align:center; text-transform:uppercase; text-decoration:none; }
.enq_hd a::after {content:"\f107"; font-family:"Font Awesome 5 Free"; position:absolute; right:10px; top:5px; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; writing-mode:horizontal-tb; }
.enq_hd.toggal-roated a::after {transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); writing-mode:horizontal-tb; top:6px; }
.navbar-nav > li:last-child a {    background:#f5821f;    color: #fff !important;    padding: 6px 15px !important;    border-radius: 6px; }
a.cta_btn {background:#f58220; color:#fff !important; padding:.5rem; }




.text-left img {
    margin-bottom: 10px;
}


.home-form {
    background-color: #fff;
    padding: 20px;
    margin: 0px 0 0 0;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #0b8ec3;
    
    width: 435px;
    
}
.trusted-partner h1 {
    color: #fff;
}

.trusted-partner h2 {
    color: #fff;
}

.trusted-partner p {
    color: #fff;
}

.back-img {
    margin: -45px 0 0 0;
    padding-top: 45px;
    
}

.col-lg-6.col-12.ds {
    display: block;
}

.col-lg-12.col-12.mb {
    display: none;
}




@media (max-width:768px) {
	#advanced-features .advanced-feature-img-right, #advanced-features .advanced-feature-img-left {max-width:50%; }
}
@media (max-width:767px) {
	#advanced-features .advanced-feature-img-right, #advanced-features .advanced-feature-img-left {max-width:100%; float:none; padding:0 0 30px 0; }
	section#features {
		width: 100%;
		overflow-x: hidden;
	}


}
.panel {text-align:center; }
.panel:hover {box-shadow:0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); }
.panel-body {padding:0px; text-align:center; }
.the-price {background-color:rgba(220, 220, 220, .17); box-shadow:0 1px 0 #dcdcdc, inset 0 1px 0 #fff; padding:20px; margin:0; height:107px; }
.the-price h1 {line-height:1em; padding:0; margin:0; }
.subscript {font-size:25px; }


.trusted-partner {
    background: #ececec;
    padding: 45px 0px;
    background: url(../images/Home/Sf-banners.jpg) no-repeat;
    background-size: cover;
    
}

/* Business Orientration Section
--------------------------------*/

.cloud-page {
  background: #fff;
  
 
}

.cloud-page .headng-box .headng-txt{
  margin-bottom:10px;
  font-size: 40px;
}

.cloud-page .headng-box p.sub-txt{
  font-size: 22px;
  line-height: 30px;
}

.cloud-page .box {
  margin-bottom: 15px;
  text-align: center;
}

.cloud-page .icon {
  margin-bottom: 10px;
}

.cloud-page .icon i {
  color: #666666;
  font-size: 40px;
  transition: 0.5s;
}

.cloud-page .icon i:before {
  background: #1dc8cd;
  background: linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cloud-page .title {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 22px;
  text-align: left;
  color:#032d60;
  margin-top: 0;
}

.cloud-page .description {
  line-height: 24px;
  margin-bottom: 10px;
}

.cloud-page .section-description {
  padding-bottom: 10px;
}

.key-benefits{
    background: rgba(0,0,0,0.06);
    border-radius: 10px;
    padding: 20px;
    max-width: 1140px;
    margin: 0 auto;
  }

/* More Features Section
--------------------------------*/

.key-features {
  /*padding: 60px 0 60px 0;*/
  padding: 0;
  
}

.key-features .box {
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 30px rgb(73 78 92 / 15%);
    background: #fff;
    transition: 0.4s;
    
    min-height: 340px;
}

h4.Main-Service {
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: bold;
    margin-bottom: 45px;
}

.key-features .icon {
  float: left;
}

.key-features .icon i {
  color: #666666;
  font-size: 60px;
  transition: 0.5s;
  line-height: 0;
}

.key-features .icon i:before {
  background: #1dc8cd;
  background: linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.key-features h4 {
  margin-left: 80px;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.key-features h4 a {
  color: #111;
}

.key-features p {
  font-size: 14px;
  margin-left: 80px;
  margin-bottom: 0;
  line-height: 24px;
  text-align:left;
}


/* Sections Header
--------------------------------*/

.section-title {
    text-align: center;
    padding-bottom: 30px;
}

.section-title h4 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    
    font-size: 40px;
    color: #565656;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 50px;
}


.section-title h4::before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
}

.section-title h4::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #1977cc;
    bottom: 0;
    left: calc(50% - 20px);
}


.about-area {
  position: relative;
  z-index: 1;
}

.about-area .container{
        max-width: 1140px;
}

.section-hd .line {
    background: -webkit-linear-gradient(to right, #f58220 0%,#db6500 100%);
    background: -o-linear-gradient(to right, #f58220 0%,#db6500 100%);
    background: linear-gradient(to right, #f58220 0%,#db6500 100%);
    width: 150px;
    height: 5px;
    margin-bottom: 10px !important;
}

.section-hd .title {
    font-size: 32px;
    padding-top: 10px;
    font-weight: 400;
    line-height: 42px;
    font-family: 'Roboto Condensed', sans-serif;
}

.section-hd .title span {
    font-weight: 700;
    display: contents;
}

.about-content .text {
    margin-top: 15px;
}


/* Blog
--------------------------------*/

.blog {
  background: #fff;
  padding: 60px 0 ;
  overflow: hidden;
}

.blog .headng-box .headng-txt{
  margin-bottom:10px;
  font-size: 42px;
}

.blog .headng-box p.sub-txt{
  font-size: 16px;
}

.blog ul{
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 16px;
}

.blog ul li{
  padding-bottom:10px;
  margin: 0;
}

.blog ul li:last-child{
  padding-bottom:0px;
}

.blog .box {
  margin-bottom: 15px;
  text-align: center;
}

.blog .icon {
  margin-bottom: 10px;
}

.blog .icon i {
  color: #666666;
  font-size: 40px;
  transition: 0.5s;
}

.blog .icon i:before {
  background: #1dc8cd;
  background: linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blog .title {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 22px;
  text-align: left;
  color:#032d60;
}

.blog .description {
  line-height: 24px;
  margin-bottom: 10px;
}

.blog .section-description {
  padding-bottom: 10px;
}


/* Services Item */
#why-ds{background: url('../images/ds-locations.png') no-repeat fixed; background-position: center bottom; background-size: 100% auto;}

#why-ds .item-boxes {
  padding: 30px 15px;
  border-radius: 4px;
  border: 1px solid #eaeaea;
  margin: 15px 0;
  background: #fff;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

#why-ds .item-boxes h4{
  font-size:16px;
  min-height: 40px;
}

#why-ds .item-boxes .icon {
  margin-bottom: 20px;
}

#why-ds .item-boxes .icon i {
  font-size: 30px;
  line-height: 60px;
  color: #F97794;
  width: 60px;
  height: 60px;
  background: #f9f9f9;
  display: inline-block;
  line-height: 60px;
  font-size: 32px;
  text-align: center;
  border-radius: 50%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

#why-ds .item-boxes:hover {
  /*background: transparent;*/
  background:rgba(255,255,255,0.3);
  box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
}


#why-ds .item-boxes .color-1 i {
  background: #FAE3E3;
  color: #D82928 !important;
}

#why-ds .item-boxes .color-2 i {
  background: #E6F8ED;
  color: #57D283 !important;
}

#why-ds .item-boxes .color-3 i {
  background: #E3EAFA;
  color: #457BF4 !important;
}

#why-ds .item-boxes .color-4 i {
  background: #F3EAD6;
  color: #f1a90a !important;
}

#why-ds .item-boxes .color-5 i {
  background: #E7E6FF;
  color: #7271FF !important;
}

#why-ds .item-boxes .color-6 i {
  background: #DEDEDE;
  color: #35393D !important;
}

#why-ds .item-boxes .services-content {
  padding-left: 65px;
}

#why-ds .item-boxes .services-content h3 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

#why-ds .item-boxes .services-content h3 a {
  color: #272727;
}

#why-ds .item-boxes .services-content h3 a:hover {
  color: #F97794;
}

#why-ds .item-boxes:hover {
  box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
}

#why-ds .item-boxes:hover .icon i {
  background: rgba(255,255,255,0.8);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.hover-bx img {
    height: 70px;
}

/* ==========================================================================
   Blog 
   ========================================================================== */
#case-study .case-study-item-wrapper {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.15);
  -webkit-transition: transform 0.2s linear, -webkit-box-shadow 0.2s linear;
  -moz-transition: transform 0.2s linear, -moz-box-shadow 0.2s linear;
  transition: transform 0.2s linear, box-shadow 0.2s linear;
}

#case-study .case-study-item-wrapper:hover {
  box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

#case-study .case-study-item-wrapper:hover .case-study-item-img:before {
  opacity: 1;
}

#case-study .case-study-item-img {
  position: relative;
}

#case-study .case-study-item-img img {
  width: 100%;
  border-radius: 4px;
}

#case-study .case-study-item-text {
  padding: 20px 30px;
}

#case-study .case-study-item-text .icon {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 600;
  color:#f58220;
}

#case-study .case-study-item-text .icon i {
  margin-right: 7px;
  font-size: 16px;
}

#case-study .case-study-item-text h5 {
  line-height: 26px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0px;
  margin-top: 0;
}

#case-study .case-study-item-text h3 a {
  color: #263238;
}

#case-study .case-study-item-text h3 a:hover {
  color: #F97794;
}


@media (max-width: 768px) {

  #advanced-features .advanced-feature-img-right, #advanced-features .advanced-feature-img-left {

    max-width: 50%;

  }

}



@media (max-width: 767px) {

  #advanced-features .advanced-feature-img-right, #advanced-features .advanced-feature-img-left {

    max-width: 100%;

    float: none;

    padding: 0 0 30px 0;

  }

  

}





.panel

{

    text-align: center;

}

.panel:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); }

.panel-body

{

    padding: 0px;

    text-align: center;

}



.the-price

{

    background-color: rgba(220,220,220,.17);

    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;

    padding: 20px;

    margin: 0;

	height:107px;

}



.the-price h1

{

    line-height: 1em;

    padding: 0;

    margin: 0;

}



.subscript

{

    font-size: 25px;

}



/* CSS-only ribbon styles    */
.cnrflash {/*Position correctly within container*/
 position:absolute; top:-9px; right:4px; z-index:1; /*Set overflow to hidden, to mask inner square*/
 overflow:hidden; /*Set size and add subtle rounding to soften edges*/
 width:100px; height:100px; border-radius:3px 5px 3px 0; }
.cnrflash-inner {/*Set position, make larger then container and rotate 45 degrees*/
 position:absolute; bottom:0; right:0; width:145px; height:145px; -ms-transform:rotate(45deg); /* IE 9 */
 -o-transform:rotate(45deg); /* Opera */
 -moz-transform:rotate(45deg); /* Firefox */
 -webkit-transform:rotate(45deg); /* Safari and Chrome */
 -webkit-transform-origin:100% 100%; /*Purely decorative effects to add texture and stuff*/
 /* Safari and Chrome */
 -ms-transform-origin:100% 100%; /* IE 9 */
 -o-transform-origin:100% 100%; /* Opera */
 -moz-transform-origin:100% 100%; /* Firefox */
 background-image:linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, .1) 50%), linear-gradient(0deg, transparent 0%, rgba(1, 1, 1, .2) 50%); background-size:4px, auto, auto, auto; background-color:#aa0101; box-shadow:0 3px 3px 0 rgba(1, 1, 1, .5), 0 1px 0 0 rgba(1, 1, 1, .5), inset 0 -1px 8px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 0 rgba(255, 255, 255, .2); }
.cnrflash-inner:before, .cnrflash-inner:after {/*Use the border triangle trick to make it look like the ribbon wraps round it's container*/
 content:" "; display:block; position:absolute; bottom:-16px; width:0; height:0; border:8px solid #800000; }
.cnrflash-inner:before {left:1px; border-bottom-color:transparent; border-right-color:transparent; }
.cnrflash-inner:after {right:0; border-bottom-color:transparent; border-left-color:transparent; }
.cnrflash-label {/*Make the label look nice*/
 position:absolute; bottom:0; left:0; display:block; width:100%; padding-bottom:5px; color:#fff; text-shadow:0 1px 1px rgba(1, 1, 1, .8); font-size:0.95em; font-weight:bold; text-align:center; }
.panel {margin-bottom:20px; background-color:#fff; border:1px solid transparent; border-radius:4px; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:0 1px 1px rgba(0, 0, 0, 0.05)}
.panel-body {padding:15px}
.panel-body:before, .panel-body:after {display:table; content:" "}
.panel-body:after {clear:both}
.panel-body:before, .panel-body:after {display:table; content:" "}
.panel-body:after {clear:both}
.panel > .list-group {margin-bottom:0}
.panel > .list-group .list-group-item {border-width:1px 0}
.panel > .list-group .list-group-item:first-child {border-top-right-radius:0; border-top-left-radius:0}
.panel > .list-group .list-group-item:last-child {border-bottom:0}
.panel-heading + .list-group .list-group-item:first-child {border-top-width:0}
.panel > .table {margin-bottom:0}
.panel > .panel-body + .table {border-top:1px solid #ddd}
.panel-heading {padding:10px 15px; border-bottom:1px solid transparent; border-top-right-radius:3px; border-top-left-radius:3px}
.panel-title {margin-top:0; margin-bottom:0; font-size:16px}
.panel-title > a {color:inherit}
.panel-footer {padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #ddd; border-bottom-right-radius:3px; border-bottom-left-radius:3px}
.panel-group .panel {margin-bottom:0; overflow:hidden; border-radius:4px}
.panel-group .panel + .panel {margin-top:5px}
.panel-group .panel-heading {border-bottom:0}
.panel-group .panel-heading + .panel-collapse .panel-body {border-top:1px solid #ddd}
.panel-group .panel-footer {border-top:0}
.panel-group .panel-footer + .panel-collapse .panel-body {border-bottom:1px solid #ddd}
.panel-default {border-color:#ddd}
.panel-default > .panel-heading {color:#333; background-color:#f5f5f5; border-color:#ddd}
.panel-default > .panel-heading + .panel-collapse .panel-body {border-top-color:#ddd}
.panel-default > .panel-footer + .panel-collapse .panel-body {border-bottom-color:#ddd}
.panel-primary {border-color:#428bca}
.panel-primary > .panel-heading {color:#fff; background-color:#428bca; border-color:#428bca}
.panel-primary > .panel-heading + .panel-collapse .panel-body {border-top-color:#428bca}
.panel-primary > .panel-footer + .panel-collapse .panel-body {border-bottom-color:#428bca}
.panel-success {border-color:#d6e9c6}
.panel-success > .panel-heading {color:#468847; background-color:#dff0d8; border-color:#d6e9c6}
.panel-success > .panel-heading + .panel-collapse .panel-body {border-top-color:#d6e9c6}
.panel-success > .panel-footer + .panel-collapse .panel-body {border-bottom-color:#d6e9c6}
.panel-warning {border-color:#fbeed5}
.panel-warning > .panel-heading {color:#c09853; background-color:#fcf8e3; border-color:#fbeed5}
.panel-warning > .panel-heading + .panel-collapse .panel-body {border-top-color:#fbeed5}
.panel-warning > .panel-footer + .panel-collapse .panel-body {border-bottom-color:#fbeed5}
.panel-danger {border-color:#eed3d7}
.panel-danger > .panel-heading {color:#b94a48; background-color:#f2dede; border-color:#eed3d7}
.panel-danger > .panel-heading + .panel-collapse .panel-body {border-top-color:#eed3d7}
.panel-danger > .panel-footer + .panel-collapse .panel-body {border-bottom-color:#eed3d7}
.panel-info {border-color:#bce8f1}
.panel-info > .panel-heading {color:#3a87ad; background-color:#d9edf7; border-color:#bce8f1}
.panel-info > .panel-heading + .panel-collapse .panel-body {border-top-color:#bce8f1}
.panel-info > .panel-footer + .panel-collapse .panel-body {border-bottom-color:#bce8f1}
.section-bg {/*background:#eff5f5; */}

#features {background:#f6fbfd; }
#features .feature-thumb {margin-top:15px; }
#features .nav {position:relative; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; margin:0 auto; padding:0; max-width:1200px; }
#features .nav .nav-item {position:relative; z-index:1; display:block; margin:0; text-align:center; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; }
#features .nav .nav-item .nav-link {font-size:20px; color:#a0a6ad; padding:30px 0; line-height:1; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; transition:color 0.2s; border:none; background:transparent; }
#features .nav .nav-item .nav-link i {font-size:40px; margin-bottom:5px; display:block; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; transition:color 0.2s; }
#features .nav-tabs {background:#f6fbfd; margin-top:-100px; }
#features .nav-tabs .nav-item.show .nav-link, #features .nav-tabs .nav-link.active {border-bottom:1px solid #3c9cfd; color:#191c1e; }
#features .nav-tabs .nav-item.show .nav-link i, #features .nav-tabs .nav-link.active i {background:-webkit-linear-gradient(left, #3c96ff 0%, #2dfbff 100%); background:-o-linear-gradient(left, #3c96ff 0%, #2dfbff 100%); background:linear-gradient(to right, #3c96ff 0%, #2dfbff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#features .tab-content {margin-top:15px; text-align:center; }
#features .tab-content .tab-pane {padding:20px 15px; font-size:14px; line-height:26px; }
.text-wrapper {height:100%; width:100%; display:table; }
.text-wrapper > div {vertical-align:middle; display:table-cell; }
.text-wrapper h3 {font-size:30px; font-weight:700; margin-bottom:20px; }
.text-wrapper .btn-rm {margin-top:15px; }

/* ========================================================================== features-two ========================================================================== */
#features-two .img-thumb {margin-bottom:15px; }
/* ========================================================================== App Features Section Style ========================================================================== */


#app-features .content-left {position:relative; }
#app-features .content-left span {float:right; margin-left:25px; }
#app-features .content-right {position:relative; }
#app-features .content-right span {float:left; margin-right:25px; }
#app-features .box-item {margin:30px 0; }
#app-features .box-item .icon {text-align:center; margin:0 15px; display:inline-block; width:60px; height:60px; border-radius:50px; text-align:center; position:relative; background-image:-moz-linear-gradient(0deg, #3c96ff 0%, #2dfbff 100%); background-image:-webkit-linear-gradient(0deg, #3c96ff 0%, #2dfbff 100%); background-image:-ms-linear-gradient(0deg, #3c96ff 0%, #2dfbff 100%); z-index:1; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; }
#app-features .box-item .icon i {color:#fff; font-size:24px; line-height:60px; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; }
#app-features .box-item .text h4 {font-weight:700; font-size:22px; margin-bottom:15px; line-height:22px; }
#app-features .box-item .text p {font-size:14px; line-height:26px; }
#app-features .content-left .text {margin-right:90px; }
#app-features .content-right .text {margin-left:90px; }
#app-features .show-box {text-align:center; margin:15px 0; }
#app-features .show-box img {/*width:100%; */}

.store-img {width:170px; padding-bottom:10px; }
.bg-orange {background-color:#ffb300; }
.bg-grey {background-color:#fafafa; }
.video-promo {background:#002d3f url('../images/bottom-half.png') no-repeat center top fixed; background-size:cover; }
.video-promo .video-promo-content {color:#fff; margin-bottom:15px}
.video-promo .video-promo-content .video-popup {width:80px; height:80px; background:#fff; line-height:80px; text-align:center; border:3px solid #fff; color:#3c9cfd; border-radius:50%; display:inline-block; font-size:26px}
.video-promo .video-promo-content .video-popup:hover {box-shadow:0 8px 9px 0 rgba(96, 94, 94, .17)}
.video-promo .video-promo-content h2 {color:#fff; font-size:30px; text-transform:uppercase}
.video-promo .video-promo-content p {color:#fff}

/* Large desktops and laptops */
@media (min-width:1800px) {
	/*.home-page:before {background:url('/resource/1638452763000/ImageV3/ImageV3/topleft.png') no-repeat; width:319px; height:294px; content:""; position:absolute; top:0px; left:0px;
	z-index: -1; }
 .home-page:after {background:url('/resource/1638452763000/ImageV3/ImageV3/top-right.png') no-repeat; width:370px; height:259px; content:""; position:absolute;    top: 30px;right:0px; 
	z-index: -1; } */
}
/* Large desktops and laptops */
@media (max-width:1290px) {
	.trusted-partner h2 {
    color: #fff;
    margin-top: 0;
}

.home-form {
    background-color: #fff;
    padding: 20px;
    margin: 0px 0 0 0;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #0b8ec3;
    
    width: 435px;
    margin-left: 0px;
}


.trusted-partner h1 {
    color: #fff;
    font-size: 30px;
}
	
}

@media (min-width:1199px) and (max-width:1275px) {
.trusted-partner h1 {
    color: #fff;
    font-size: 32px;
}

.trusted-partner h2 {
    color: #fff;
    margin-top: 0px ;
    font-size: 28px;
}
.home-form {
    background-color: #fff;
    padding: 20px;
    margin: 0px 0 0 0;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #0b8ec3;
    
    width: 435px;
    margin-left: 0px;
}

}


/* Landscape tablets and medium desktops */
@media (min-width:992px) and (max-width:1199px) {
	.navbar-brand img {max-width:240px !important; }
	.home-form {
    background-color: #fff;
    padding: 20px;
    margin: 0px 0 0 0 !important;
    border-radius: 30px !important;
    box-shadow: 0 0 8px 0 #0b8ec3;
    
    width: 395px !important;
    margin-left: 0px !important;
}
}
/* Portrait tablets and small desktops */
@media (min-width:768px) and (max-width:991px) {
 .navbar-expand-md > .container {flex-wrap:wrap; }
 .navbar-expand-md .navbar-collapse {float:left; width:100%; display:block !important; margin-top:20px; }
 .carousel {margin-top:0; }
 .navbar-expand-md .right-contant {text-align:left; }
 .carousel-item .carousel-caption h1 {font-size:28px; }
 .carousel-item .carousel-caption h2 {font-size:30px; margin-bottom:20px; }
 .our-applications [class*="col-"] h5 {font-size:22px; padding:0 9%; color:#565656; }
 .copyright ul {padding:0px; text-align:center; margin:0px; }
 .copyright .col-12 {text-align:center !important; }
 
 .home-form {
    background-color: #fff;
    padding: 20px;
    margin: 0px 0 0 0;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #0b8ec3;
    
    width: 335px !important;
    margin-left: 0px !important;
}

/*.trusted-partner {
    background: #ececec;
    padding: 45px 0px;
    background: url(../images/Sf-banners.jpg) no-repeat;
    background-size: cover;
    
    background-position-x: -164px !important;
}*/



.trusted-partner h2 {
    color: #fff;
    margin-top: 0;
    font-size: 22px !important;
}
.trusted-partner h1 {
    color: #fff;
    font-size: 25px !important;
}

.home-form {
    background-color: #fff;
    padding: 20px;
    margin: 0px auto;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #0b8ec3;
    
    width: 400px !important;
    
}
 
}


@media (min-width:575px) and (max-width:768px) {
.home-form {
    background-color: #fff;
    padding: 20px;
    /* margin: -161px 0 0 0 !important; */
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #0b8ec3;
    
    width: 95% !important;
   margin:0px auto;
}

.col-md-12.text-center.cnt-hd {
    padding-top: 0px;
}

.trusted-partner h1 {
    color: #fff;
    font-size: 25px !important;
}

.trusted-partner h2 {
    color: #fff;
    margin-top: 0px !important;
    font-size: 20px !important;
}
div#section {
    margin-top: 550px !important;
}	
	
	
}


/* Landscape phones and portrait tablets */
@media (max-width:767px) {
 .tp-hd { text-align:center; }
 .phoneno li {/*display:block; */ border:none; font-size:13px; }
 .app-bx {text-align:center; margin:20px 10px; }
 .app-bx img {margin-bottom:25px; }
 .inner-page-banner {background-repeat:repeat; }
 .inner-page-banner h1 {font-size:29px; margin:10px 0px 20px 0px }
 .inner-page-banner p {font-size:14px; }
 .white-bx h2 {font-size:22px; }
 .navbar-brand {max-width:70%; float:left; margin-right:0px; }
 .navbar-toggler {float:right; background-color:#f58220; padding:5px; margin-bottom:5px; }
 .navbar-collapse.collapse.show {background:#2b3e7f; }
 .navbar-expand-md .right-contant {float:left; width:100%; text-align:center; }
 .navbar-expand-md .right-contant li {float:left; width:100%; border-bottom:solid 1px rgba(255, 255, 255, 0.5); }
 .navbar-expand-md .right-contant li a {color:#FFF !important; }
 .navbar-expand-md .right-contant li.active, .navbar-expand-md .right-contant li:hover {background:#f58220; }
 .navbar-expand-md .right-contant li.active a, .navbar-expand-md .right-contant li:hover a {color:#FFF !important; }
 .carousel {margin-top:0px; }
 .carousel-item .carousel-caption h1 {font-size:28px; }
 .carousel-item .carousel-caption h2 {font-size:29px; margin-bottom:20px; }
 .business-orientation .headng-box {margin-bottom:10px; }
 .salesforce-integrations {margin:0px 0; }
 .headng-txt {font-size:28px; margin-bottom:20px; }
 .salesforce-integrations .col-md-1.border-specing {display:none; }
 .salesforce-integrations .sub-txt {margin-bottom:20px; }
 .salesforce-integrations .border-specing {padding-bottom:20px; margin-bottom:20px; }
 .salesforce-integrations .inner-col [class*="col-"] {margin-bottom:20px; }
 .salesforce-integrations .inner-col [class*="col-"] .textdiv.double br {display:none; padding-top:25px; }
 footer .col-md-3.text-right {text-align:left !important; }
 .copyright ul {text-align:center !important; }
 .social-links {margin-bottom:15px; }
 footer h6 {margin-bottom:10px; margin-top:30px; }
 footer [class*="col-"] {position:relative; z-index:3; }
 .contact-list ul li {padding-right:0px; }
 .about-dotsquares .sub-txt {padding:0 0%; }
 .about-dotsquares .headng-txt {margin-bottom:20px; }
 .about-dotsquares:before, .about-dotsquares:after {width:320px; }
 .dropdown-menu {width:auto; background-color:#f58220; padding:0 !important; border-radius:0; }
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#4b5e9f; }
 .our-applications [class*="col-"] h5 {font-size:17px; padding:0 9%; color:#565656; }
 .g-recaptcha div:first-child {margin:0 auto; }
 .copyright .col-12 {text-align:center !important; }
 #enqform .readyform .bottom-form .form-group {position:relative; margin-bottom:20px; }
}

/* Portrait phones and smaller */
@media (max-width:480px) {}
.marg_t30 {margin-top:30px; font-weight:bold; margin-bottom:10px !important; }
.pricing {background:#fff; padding:85px 0; position:relative; }
.pricing .sub-txt {color:#000; margin-bottom:70px; padding:0 14%; }
.carousel-control-prev-icon {background-image:url('../images/previous.png'); }
.carousel-control-next-icon {background-image:url('../images/next.png'); }
.carousel-control-next-icon, .carousel-control-prev-icon {height:30px; width:30px; }
.carousel-item .carousel-caption p.first {height:115px !important; }
a.go_link {background:#003c4d; text-transform:uppercase; font-weight:700; font-size:20px; color:#fff; border-radius:10px; padding:20px 40px; font-family: 'Roboto Condensed', sans-serif;  text-decoration:none; transition:0.5s; display:inline-block; }
a.go_link_sm {background:#003c4d; text-transform:uppercase; font-size:14px; color:#fff; border-radius:5px; padding:8px 16px; text-decoration:none; transition:0.5s; font-family: 'Roboto Condensed', sans-serif;}
a.go_link_sm {background:#003c4d; text-transform:uppercase; font-size:14px; color:#fff; border-radius:5px; padding:8px 16px; text-decoration:none; transition:0.5s; font-family: 'Roboto Condensed', sans-serif;}
a.go_link_sm:hover, a.go_link:hover {background:#00a1e0; transition:0.5s; }
#privacy_notice ul {margin:0; padding:0; }
#privacy_notice ol {margin:0 0 0 15px; padding:0; }
#privacy_notice ol li {margin:0 0 5px 0; }
#terms {padding-left:30px; padding-right:30px; }
#terms ul {margin:0; padding:0; }
#terms ul li {margin:0 0 20px; padding:0; }
#terms ol {margin:0 0 0 15px; padding:0; }
#terms ol li {margin:0 0 5px 0; }
.bluetxt, .textwidget span a {color:#f58220; font-weight:bold; display:block; margin:10px 0 !important; }
#terms .bluetxt {margin:0 !important; }
.navbar-fix-top {transition:0.5s; padding-top:20px !important; padding-bottom:20px !important;    border-bottom: 3px solid #00a1e0; }
.navbar-fix-top .img-fluid {max-width:70%; height:auto; }
.service-box {max-width:400px; margin:50px auto 0; }

@media (min-width:992px) {
	.service-box {margin:20px auto 0; }
	
}
@media (min-width:576px) {
 .carousel-item .carousel-caption h1 {text-align:left; }
 .carousel-item .carousel-caption h2 {text-align:left; }
 .carousel-item .carousel-caption p {text-align:left; }
 .carousel-item .col-sm-5 {text-align:left; }
}

.service-box p {margin-bottom:0; }
.br-btm-1 {border-bottom:4px solid #eb5273; }
.salesforce-integrations .br-btm-1 .sr-icons {border:1px dashed #eb5273; color:#eb5273 !important; background:none !important; }
.br-btm-2 {border-bottom:4px solid #35eaea; }
.salesforce-integrations .br-btm-2 .sr-icons {border:1px dashed #35eaea; color:#35eaea !important; background:none !important; }
.br-btm-3 {border-bottom:4px solid #fc7e46; }
.salesforce-integrations .br-btm-3 .sr-icons {border:1px dashed #fc7e46; color:#fc7e46 !important; background:none !important; }
.br-btm-4 {border-bottom:4px solid #2e8aec; }
.salesforce-integrations .br-btm-4 .sr-icons {border:1px dashed #2e8aec; color:#2e8aec !important; background:none !important; }
.br-btm-5 {border-bottom:4px solid #fdd868; }
.salesforce-integrations .br-btm-5 .sr-icons {border:1px dashed #fdd868; color:#fdd868 !important; background:none !important; }
.br-btm-6 {border-bottom:4px solid #2cc400; }
.salesforce-integrations .br-btm-6 .sr-icons {border:1px dashed #2cc400; color:#2cc400 !important; background:none !important; }
.br-btm-7 {border-bottom:4px solid #7269b4; }
.salesforce-integrations .br-btm-7 .sr-icons {border:1px dashed #7269b4; color:#7269b4 !important; background:none !important; }
.salesforce-integrations h4, .industries h4 {font-size:20px; margin:15px 0 0; }
.f1 {box-shadow:0 0 10px rgba(0, 0, 0, 0.05) !important; }
.f1:hover {box-shadow:0 5px 30px rgba(0, 0, 0, 0.15) !important; }
.blogs {margin:45px 0; padding:45px 0; }
.blogs p img {margin-bottom:0; }
.blogs h4 {font-size:20px; margin:15px 0; }
.blogs .textbox {box-shadow:7px 7px 10px rgba(0, 0, 0, 0.1); padding:0; height:100%; }
.w100 {padding:0px !important; }
.ftr_fixed {background:#00979e none repeat scroll 0 0; bottom:0; left:0; position:fixed; right:0; width:100%; z-index:99}
.enquiry-btn-fixed {background:rgba(0, 0, 0, 0) url('../images/enq-btn.png') no-repeat scroll 0 0; background-size:auto; background-size:100px auto; bottom:-200px; color:#fff !important; display:block; font-size:0; height:100px; letter-spacing:0; padding:0; position:fixed; right:15px; text-transform:uppercase; width:100px; z-index:99; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-timing-function:linear; animation-timing-function:linear; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -webkit-animation-name:bounce; animation-name:bounce; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; opacity:0; visibility:hidden; }
.enquiry-btn-fixed.btn-show {opacity:1; visibility:visible; bottom:40px; }

@media (min-width:1024px) and (max-width:1199px) {
	.enquiry-btn-fixed {background-size:80px auto; bottom:-200px; height:80px; width:80px; }
	.develop-service1 p {
    padding-left: 13px;
    height: 122px;
    text-align: justify;
}
}

@media only screen and (min-device-width:375px)and (max-device-width:667px)and (-webkit-min-device-pixel-ratio:2) {
 body.scrl-hdn {overflow:hidden; overflow-y:hidden; -webkit-overflow-scrolling:hidden }
 .scrl-hdn .ftr_fixed {background:#003c3f none repeat scroll 0 0; top:0 }
 .enq_hd a, .enq_hd a::after {transition:inherit; -moz-transition:inherit; -webkit-transition:inherit }
 body.scrl-hdn .ftr_fixed {bottom:0; top:0 }
 body.scrl-hdn .enq_hd a {font-size:16px; padding:2px }
 body.scrl-hdn .enq_hd a:after {top:0 }
 body.scrl-hdn .enq_hd.toggal-roated a:after {top:3px }
}



@media screen and (max-width:1023px) {.enq_hd {display:block }
 .enquiry-btn-fixed {display:none; }
}

/* Xero APIL CSS */
#xero-integration {overflow:hidden; background:#fff; padding:85px 0; position:relative; }
#xero-integration .features-row {padding:10px 0 10px 0; }
#xero-integration h2 {font-size:20px; font-weight:700; color:#fff; }
#xero-integration h3 {font-size:16px; line-height:24px; font-weight:400; font-style:italic; color:#212529; }
#xero-integration p {line-height:24px; color:#212529; margin-bottom:30px; }
#xero-integration p span {font-weight:bold; }
#xero-integration i {color:#666666; font-size:64px; transition:0.5s; float:left; padding:0 15px 0px 0; line-height:1; }
#xero-integration i:before {background:#1dc8cd; background:linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%); background-clip:border-box; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#xero-integration .example-img {text-align:center; margin-bottom:30px; }
#xero-integration .example-img img {max-width:800px; }
#integration-with-sf {overflow:hidden; background:#ddd; padding:85px 0; position:relative; margin:0; }
#integration-with-sf .features-row {padding:10px 0 10px 0; }
#integration-with-sf h2 {font-size:20px; font-weight:700; color:#fff; }
#integration-with-sf h3 {font-size:16px; line-height:24px; font-weight:400; font-style:italic; color:#212529; }
#integration-with-sf p {line-height:24px; color:#212529; margin-bottom:30px; }
#integration-with-sf p span {font-weight:bold; }
#integration-with-sf i {color:#666666; font-size:64px; transition:0.5s; float:left; padding:0 15px 0px 0; line-height:1; }
#integration-with-sf i:before {background:#1dc8cd; background:linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%); background-clip:border-box; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#integration-with-sf .example-img {text-align:center; margin-bottom:30px; }
#integration-with-sf .example-img img {max-width:800px; }
.mb-30 {margin-bottom:30px; }
.pricing-box {text-align:center; padding:20px 0px 40px; border-radius:5px; -webkit-box-shadow:0px 0px 1px 1px #eee; box-shadow:0px 0px 15px 6px #eee; border:5px dashed #95d7ff; height:690px; margin-bottom:0; }
.pricing-box i {font-size:50px; margin-bottom:20px; display:block; color:#43A047; }
.pricing-feature {margin:30px 30px; text-align:left; }
.pricing-feature li {padding:8px 0px; list-style:disc; }
.price-heading h2 {margin-bottom:15px;font-weight: 600; }
.price {font-size:40px; color:#222; font-weight:800; font-family:"Poppins", sans-serif; padding:12px 0px; background:#00A1E0; margin-bottom:30px; color:#fff; }
.price sub, .price sup {font-size:13px; }
.price-heading .color-2 {color:#FB8C00; }
.price-heading .color-3 {color:#4155C5; }

@media (max-width:575px) {
	.pricing-box {margin-bottom:20px; }
}

.bg-2 {background:#00A1E0; }
.bg-3 {background:#4155C5; }
.headng-txt2 {font-size:30px; color:#565656; font-family: 'Roboto Condensed', sans-serif; margin-top:50px; }
.headng-txt2 span {font-size:18px; }
.mrg-bt {margin-bottom:30px; }
.morecontent span {display:none; }
.morelink {display:block; }

section.home-client-testimonial {background-image:linear-gradient(180deg, #0b8ec4, #fff); background-repeat:no-repeat; padding:50px 0px; }
.home-client-testimonial-card {border-radius:50px; border:solid 4px #cce7f3 !important; }
.home-client-testimonial-card-img {height:100px; width:100px; margin:auto; border-radius:100% !important; overflow:hidden; display:flex; align-items:center; justify-content:center; box-shadow:0px 4px 8px 0px #BDBDBD}
.home-client-testimonial .profile-pic {max-width:100%; }
.home-client-testimonial-card-name {color:#f58220; font-weight:600; font-size:20px; margin:15px 0px 10px 0px; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {background:0 0; color:#1E88E5 !important; border:none; padding:5px 20px !important; font:inherit; font-size:50px !important}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {color:#0D47A1 !important; background-color:transparent !important}
.owl-dots {display:none}
.home-client-testimonial .item { /*display:none*/ }
/*.next {display:block !important; position:relative; transform:scale(0.8); transition-duration:0.3s; opacity:0.6}*/
/*.prev {display:block !important; position:relative; transform:scale(0.8); transition-duration:0.3s; opacity:0.6}*/
.item.show {display:block; transition-duration:0.4s}
button.owl-prev:focus, button.owl-next:focus {outline:none; }

@media screen and (max-width:999px) {
 .next, .prev {transform:scale(1); opacity:1 }
 .home-client-testimonial .item {display:block !important }
}



#myCarousel{max-height: calc(100vh - 171px); overflow: hidden; display: flex; align-items: center;}

#myCarousel h1 {font-family: 'Poppins', sans-serif; font-weight: 600; color:#032d60;}  
.business-orientation .headng-box {  margin-bottom: 30px;}

.our-features [class*="col"]{margin: 15px 0;}
.feature-card{background-color: #fff; border-radius: 5px;	box-shadow: 0 8px 24px 0 rgba(0,0,0,0.15);padding:30px 20px;    text-align: center; display: flex;
flex-direction: column; justify-content: space-between; height: 100%;}
.feature-card {padding: 30px 0;}
.feature-card-footer{padding: 0px;}
.feature-card:hover{background-color: #e5f5fc; box-shadow: none;}

.feature-card-title{margin: 20px 0px;}


.salesforce-integrations{background: url('../images/salesforce-integrations-bg.jpg') no-repeat; background-size: cover; position: relative;}
.salesforce-integrations:before{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.95);}
.salesforce-integrations .inner-col [class*="col-"] .textdiv{ letter-spacing: 1px;}
.readyform .bottom-form .form-control{background: #ffffff;}

.testimonial-block{padding: 50px 0;    background-color: #e5f5fc;}
.testimonial-card{display: flex; flex-direction: column; background-color: #fff; border-radius: 5px; width: 100%; }
.testimonial-card .testimonial-card-body {
    background: linear-gradient(135deg, #12a4e6 0%,#4daef8 100%);
    padding: 60px;
    color: #fff;
    border-radius: 5px 5px 0 0;
    position: relative;
	height: 284px;
}

.testimonial-card .testimonial-card-body:before{font-family:"Font Awesome 5 Free"; content: "\f10d"; display: inline-block; font-weight: 900;
left: 15px; top: 10px;    position: absolute; color:#ffffff; font-size: 28px; background-color: #032d60; width: 60px;    height: 60px;    border-radius: 60px;
    display: inline-flex;    align-items: center;    justify-content: center;opacity: 0.6;  }

.testimonial-card .testimonial-card-body:after{font-family:"Font Awesome 5 Free"; content: "\f10e"; display: inline-block; font-weight: 900;
    right: 15px;bottom:10px;    position: absolute; color:#ffffff;font-size: 28px; background-color: #032d60;    width: 60px;    height: 60px;    border-radius: 60px;
    display: inline-flex;    align-items: center;    justify-content: center;opacity: 0.6;}

.testimonial-card .testimonial-card-body{line-height: 28px;}

.testimonial-card .testimonial-author-image{position: relative; top: -35px;}
.testimonial-card .testimonial-author-image img{width: auto; display: inline-block; width: 100px; height: 100px; border-radius: 100px; object-fit: cover; border: solid 5px #e5f5fc;
box-shadow: 0px 3px 8px rgba(0,0,0,0.25);}
.testimonial-card .testimonial-author-name {
    padding: 0;
    margin: 0;
    position: relative;
    top: -20px;
    color: #032d60;
}

.testimonial-carousel{max-width: 900px; margin: 0 auto;}
.testimonial-carousel .owl-nav [class*=owl-]:hover{background: transparent;}


.testimonial-carousel.owl-theme .owl-nav  button{display: inline-flex; align-items: center; justify-content: center;  width: 50px; height: 50px; border-radius: 50px;  
	background-color:#00a1e0; 	opacity: 1; position: relative;border: 0;    outline: none;}
	.testimonial-carousel.owl-theme .owl-nav button.owl-prev{    position: absolute;   top: 30%;   left: -70px;}
	.testimonial-carousel.owl-theme .owl-nav button.owl-next{    position: absolute;   top: 30%;   right: -70px;}
.testimonial-carousel.owl-theme .owl-nav button:hover{background-color:  #f5821f;}
.testimonial-carousel.owl-theme .owl-nav button span{display: none;}
.testimonial-carousel.owl-theme .owl-nav button.owl-prev:before{	border: solid #ffffff;    border-width: 0 2px 2px 0;    display: inline-block;    padding: 8px;
    transform: rotate(135deg);   content: ""; position: absolute; left: 20px; top: 15px;    }
.testimonial-carousel.owl-theme .owl-nav button.owl-next:before{border: solid #ffffff;    border-width: 0 2px 2px 0;    display: inline-block;    padding: 8px;
    transform: rotate(-45deg);  content: ""; position: absolute; left: 13px; top: 15px; }

    


ul.blog-list{display: flex; flex-wrap: wrap; padding:0; margin:0; width: 100%;}
ul.blog-list li{list-style: none; width: 33.33%; padding: 15px;}
ul.blog-list li .blog-card{background-color: #fff; box-shadow: 0px 8px 24px rgba(0,0,0,0.15); display: flex; flex-direction:column;   height: 100%;}
ul.blog-list li .blog-card:hover{text-decoration: none;}
ul.blog-list li .blog-card-period{padding:10px 20px; background-color: #032d60; color:#fff; display: flex; justify-content: space-between;    font-size: 12px;}
ul.blog-list li .blog-card-period .blog-date{padding-right: 15px;}
ul.blog-list li .blog-card-period .blog-author{padding-left: 15px;}
ul.blog-list li .blog-card-body{padding: 20px;    display: flex;    flex-direction: column;   justify-content: space-between;    height: 100%;}
ul.blog-list li .blog-title{font-size: 24px;}
ul.blog-list li .blog-title a{ color: #032d60; text-decoration: none;}
ul.blog-list li p{ color: #212529; text-decoration: none;}    
ul.blog-list li .blog-card-link{ padding: 10px 0;}
ul.blog-list li .blog-card-link .btn-link{text-transform: uppercase;}


ul.blog-categories-list{padding: 0; margin: 0;}
ul.blog-categories-list  li{list-style: none; display: block; color: #032d60; margin-bottom: 15px; font-weight: 600;}
ul.blog-categories-list  li a{color: #032d60; text-decoration: none;}
ul.blog-categories-list  li a:hover{color: #f5821f; text-decoration: none;}

ul.social-share { padding: 0;  margin: 0;    display: flex;    align-items: center;}
ul.social-share li{list-style: none;    margin-right: 10px;}
ul.social-share li a {font-size: 40px; color: #f5821f;}
ul.social-share li a:hover {font-size: 40px; color:#032d60;}

@media(max-width:1199px){
	.trusted-partner h1 {
    color: #fff;
    font-size: 30px !important;
}
.trusted-partner h2 {
    color: #fff;
    margin-top: 0px !important;
    font-size: 25px !important;
}



}
@media(max-width:991px){
ul.blog-list li{width: 50%;}	
	.col-md-6.br-left44 {
    border-right: 0px solid #fff;
    margin-top: 20px;
}
label.control-label.col-sm-12 {
    color: #fff;
    padding-left: 0;
}
.col-sm-10.mobole-rr {
    padding-left: 0;
}
.col-sm-10.mobole-r {
    padding-left: 0;
}

}


@media (min-width:750px) and (max-width:1024px) {
.develop-service1 p {
    padding-left: 13px;
    height: 135px !important;;
    text-align: justify !important;;
    font-size: 15px !important;
}

.develop-service1 h2 {
    border-left: 3px solid #032d60;
    padding-left: 10px;
    font-size: 18px !important;;
    color: #032d60;
    font-weight: 600;
}
.about-dotsquares .ab-dot-detail p {
    color: #FFF;
    font-size: 15px;
    line-height: 100%;
    padding: 0 4%;
}

h5.head-uk {
    float: left;
    /* color: #fff; */
    list-style: none;
    color: #c5c5c5;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px !important;
    margin: 0 !important;
    
}


.ft-a1 a{
	font-size: 14px !important;
}

}

@media (min-width:560px) and (max-width:750px) {
.col-lg-4.col-sm-4.col-12.last-01 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

}

@media(max-width:767px){
.register-left img {
    width: 141px;
}
.register-left h3 {
    padding: 0;
    margin: 0;
    font-size: 18px;
}
.register-left p {
    font-weight: lighter;
    padding: 0 !important;
    margin-top: 0% !important;
    font-size: 13px;
}
form {
    width: 99% !important;
    margin: 3px auto !important;
    padding: 10px !important;
    text-align: center;
}
.contact-list ul li {
    list-style: none;
    color: #c5c5c5;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    background-position: top left;
    min-height: 44px;
    margin-bottom: 10px;
}

}

@media only screen and (min-device-width:414px)and (max-device-width:736px)and (-webkit-min-device-pixel-ratio:3) {
 body.scrl-hdn {overflow:hidden; overflow-y:hidden; -webkit-overflow-scrolling:hidden }
 .scrl-hdn .ftr_fixed {background:#003c3f none repeat scroll 0 0; top:0 }
 .enq_hd a, .enq_hd a::after {transition:inherit; -moz-transition:inherit; -webkit-transition:inherit }
 body.scrl-hdn .ftr_fixed {bottom:0; top:0 }
 body.scrl-hdn .enq_hd a {font-size:16px; padding:2px }
 body.scrl-hdn .enq_hd a:after {top:0 }
 body.scrl-hdn .enq_hd.toggal-roated a:after {top:3px }
 
 .home-form {
    background-color: #fff;
    padding: 20px;
    margin: 0px auto !important;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #0b8ec3;
    
    width: 94% !important;
    
}
div#section {
    margin-top: 550px !important;
}

.develop-service1 h2 {
    border-left: 3px solid #032d60;
    padding-left: 10px;
    font-size: 18px !important;;
    color: #032d60;
    font-weight: 600;
}

.develop-service1 p {
    padding-left: 13px;
    height: 200px !important;;
    text-align: justify !important;;
    font-size: 15px !important;
}
.contact-list ul li {
    list-style: none;
    color: #c5c5c5;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    background-position: top left;
    min-height: 44px;
}

 
}

@media (min-width:500px) and (max-width:690px) {
	
.home-form {
    background-color: #fff;
    padding: 20px;
     margin: 0px auto !important; 
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #0b8ec3;
    
    width: 94% !important;
    
}

.col-md-12.sub-bt {
    padding: 0px 0px;
}

.trusted-partner h1 {
    color: #fff;
    font-size: 22px !important;
}

div#section {
    margin-top: 550px !important;
}
.trusted-partner {
    background: #ececec;
    padding: 45px 0px;
    background: url(../images/Home/Sf-banners.jpg) no-repeat;
    background-size: cover;
    
    background-position: -198px;
}
.logo-img img {
    margin-top: 45px;
}

.col-lg-12.col-12.mb {
    display: block;
}
.col-lg-6.col-12.ds {
    display: none;
}


}

@media (min-width:500px) and (max-width:570px) {
.home-form {
    background-color: #fff;
    padding: 20px;
    margin: 0px auto !important; 
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #0b8ec3;
    
    width: 94% !important;
    
}

div#section\ about-bg {
    background: url(../images/Sf-background.jpg) no-repeat;
    margin-top:0px;
}

}


@media (min-width:414px) and (max-width:500px) {
	
	


.home-form {
    background-color: #fff;
    padding: 20px;
    margin: 0px auto !important; 
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #0b8ec3;
    
    width: 94% !important;
	}

div#section .about-bg {
    background: url(../images/Sf-background.jpg) no-repeat;
    margin-top: 0px;
}


div#section {
    margin-top: 550px !important;
}

.trusted-partner h1 {
    color: #fff;
    font-size: 28px !important;
}

.trusted-partner h2 {
    color: #fff;
    margin-top: 0px !important;
    font-size: 20px !important;
}

.trusted-partner {
    background: #ececec;
    padding: 45px 0px;
    background: url(../images/Home/Sf-banners.jpg) no-repeat;
    background-size: cover;
    
    background-position: -198px;
}

.col-sm-4.name {
    max-width: 40% !important;
}

.col-sm-8.mobile {
    max-width: 50% !important;
}
li.aus-no {
    width: 85% !important;
}
.col-lg-6.col-12.ds {
    display: none;
}

	.develop-service1 {
    margin-bottom: 45px;
}


.logo-img img {
    margin-top: 45px;
}

.col-lg-12.col-12.mb {
    display: block;
}
.col-lg-6.col-12.ds {
    display: none;
}

}


@media (min-width:320px) and (max-width:414px) {
	
.popup {
    position: fixed;
    padding: 10px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .5s, visibility 0s linear .5s;
    transition: opacity .5s, visibility 0s linear .5s;
    z-index: 1;
    width: 92% !important;
    padding: 20px 20px !important;
    border: 6px solid #37a3ff;
    box-shadow: 0px 0px 11px #000;
    border-radius: 25px;
    z-index: 9999999999999;
}
	
	.develop-service1 {
    margin-bottom: 45px;
}
.col-lg-12.col-12.mb {
    display: block;
}
.col-lg-6.col-12.ds {
    display: none;
}
.logo-img img {
    margin-top: 45px;
}


	.home-form {
    background-color: #fff;
    padding: 20px;
    margin: 0px auto !important;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #0b8ec3;
    
    width: 94% !important;
    
}
.trusted-partner h1 {
    color: #fff;
    font-size: 20px !important;
}

.trusted-partner h2 {
    color: #fff;
    margin-top: 0px !important;
    font-size: 18px !important;
}



div#section {
    margin-top: 550px !important;
}
.trusted-partner {
    background: #ececec;
    padding: 45px 0px;
    background: url(../images/Home/Sf-banners.jpg) no-repeat;
    background-size: cover;
    
    background-position: -198px !important;
}

.testimonial-card .testimonial-card-body {
    background: linear-gradient(135deg, #12a4e6 0%,#4daef8 100%);
    padding: 60px;
    color: #fff;
    border-radius: 5px 5px 0 0;
    position: relative;
    height: 550px !important;
}
.col-sm-4.name {
    max-width: 40% !important;
}

.col-sm-8.mobile {
    max-width: 50% !important;
}
li.aus-no {
    width: 90% !important;
}



div#section\ about-bg {
    background: url(../images/Sf-background.jpg) no-repeat;
    margin-top: 0px;
}


	
}

@media(max-width:575px){
ul.blog-list li{width: 100%;}		
}


.dropdown-menu{width: auto;}

.case-study-card{background-color: #f9f9f9; box-shadow: 0px 5px 10px rgba(0,0,0,0.2); margin-bottom: 30px; position: relative; overflow:hidden;}
.case-study-card:after{position: absolute;   content: "";    left: -50px;    top: -50px;    background-image: url('/resource/1638452763000/ImageV3/ImageV3/case-study-bg.png');    background-repeat: no-repeat;
    width: 100%;    height: 100%;    background-position: left top;    opacity: 0.2; z-index: 0;}
.case-study-card .case-study-card-body{ position: relative; padding:50px 30px;}
.case-study-card .headng-txt{position: relative;}
.case-study-card .headng-txt:before{position: absolute; content: ""; width: 150px; height: 5px; background-color: #032d60; top: -8px; left: 0;}
.case-study-card h3{padding: 30px 0 10px 0; font-size: 22px;}
.case-study-card ul{padding:0 0 0 40px;}
.case-study-card ul li{margin-bottom: 10px; list-style: none; }
.case-study-card ul li:last-child{}
.case-study-card ul li:before{font-family:"Font Awesome 5 Free"; content: "\f00c"; display: inline-block; font-weight: 900; color:#00a1e0; font-size: 20px;
    margin-right: 10px;}
.case-study-card ul ul li:before{content: "\f111"; font-size: 10px; font-weight: 400;     margin-top: 3px; color: #f5821f;}
.case-study-card figure{padding: 0; margin: 0;}
.case-study-card figure img{box-shadow: 0px 0px 7px rgba(0,0,0,0.3); border:solid 5px #fff;}


/* Image Gallery Section
--------------------------------*/

.img-gallery {
  margin:45px 0;
  padding:45px 0;
}

.img-gallery-grid .card {
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 0;
  margin: 0;
  overflow: hidden;
  border:2px solid #fff;
}

.img-gallery-grid .row {
  margin: 0;
}

.img-gallery-grid .row > div {
  padding: 0;
  /*max-width:calc(100% / 9) !important;*/
}

.img-gallery-grid .row > div .card img {
  width: 100%;
  transition: all .5s ease 0s;
 -moz-transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s;
}

.img-gallery-grid .row > div .card .portfolio-over {
  position: absolute;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.img-gallery-grid .row > div .card .portfolio-over > div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.img-gallery-grid .row > div .card .portfolio-over .card-title {
  color: #fff;
  font-size: 30px;
}

.img-gallery-grid .row > div .card .portfolio-over .card-text {
  color: #fff;
  opacity: .75;
  padding: 0 45px;
}

.img-gallery-grid .row > div .card img:hover{
  transform: scale(1.5);
  transition: all .5s ease 0s;
 -moz-transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s;
}


/* ==========================================================================
   Featured Section Start
   ========================================================================== */
.featured-box {
  margin-top: 15px;
  margin-bottom: 15px;
}

.featured-box .featured-icon {
  float: left;
}

.featured-box .featured-icon i {
  font-size: 30px;
  color: #F97794;
  text-align: center;
  float: left;
  margin-right: 25px;
  margin-bottom: 100px;
  display: block;
}

.featured-box .featured-content {
  padding-left: 40px;
  position: relative;
}

.featured-box .featured-content .icon-o {
  font-size: 86px;
  color: rgba(0, 0, 0, 0.07);
  z-index: 2;
  font-weight: 400;
  text-transform: capitalize;
  position: absolute;
  top: 0px;
  left: 50px;
  width: 100%;
}

.featured-box .featured-content h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.featured-box .featured-content p {
  font-size: 14px;
}

.carousel-indicators{
	bottom: 0px;
	margin-right: 0!important;
margin-left: 1%;
	
}

.carousel-control-next, .carousel-control-prev{width: auto!important;}

.disable-input{color: #CCC; background: #ececec!important;}
.error{color: #FF0004;
    margin: 0px;
    text-align: left;}
#contactUs .error {
  color: #f00;
}

.owl-next, .owl-prev{display: none!important;}

.mrg-img{margin-left: 15px; margin-top: 0px;}

@media (max-width:400px) {
	.mrg-img{margin-left: 0px; margin-top: 15px;}
}




.vwrap {
  height: 404px;
  line-height: 20px;
}
 

.vwrap {
  overflow: hidden; 
 
}

.vitem {
    text-align: center;
    color: #032d60;
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
}
 

.vmove { position: relative; }
@keyframes tickerv {
  0% { bottom: 0; } 
  30% { bottom: 30px; } 
  60% { bottom: 60px; } 
  90% { bottom: 90px; } 
  100% { bottom: 0; } 
}
.vmove {
  animation-name: tickerv;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1, 0, .5, 0);
}
.vmove:hover { animation-play-state: paused; }


.about-top{background: url('../images/about-banner-bg.jpg') repeat center; padding-top: 60px; padding-bottom: 60px; background-size: cover;}
.about-top h1{font-family: 'Poppins', sans-serif; font-size: 48px; padding-top: 35px; font-weight: 600; color: #fff; margin: 0px;}
.about-top h5{font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #fff; margin: 0px;}
.about-top h2{font-family: 'Poppins', sans-serif; font-size: 30px; font-weight: 400; color: #fff;}
.about-top p{font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; color: #fff; margin-bottom: 15px; margin-top: 0px;}

.our-specialist{padding-top:70px; padding-bottom: 70px; text-align: justify;}
.our-specialist h2{font-family: 'Poppins', sans-serif; font-size: 48px; font-weight: 600; text-transform: uppercase;}
.expertise h5{font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: 600;}
.expertise p{font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400;}

.consulting{background: url('../images/about-partner-bg.jpg') no-repeat center; padding: 67px 0px;}
.consulting-in{width: 90%; margin:0 auto; text-align: center;}
.consulting h2{font-family: 'Poppins', sans-serif; font-size: 48px; font-weight: 600; text-transform: uppercase; color: #ffffff;}
.consulting p{font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; color: #ffffff;}

.cloud{background: url('../images/cert-bg.jpg') repeat center; padding-top: 60px; padding-bottom: 60px; background-size: cover;}
.cloud h2{font-family: 'Poppins', sans-serif; font-size: 48px;  font-weight: 600; color: #333333; margin: 0px;}

.industry2{padding: 70px 0px;}
.industry2 h2{font-family: 'Poppins', sans-serif; font-size: 48px;  font-weight: 600; color: #333333; margin: 0px;}
.ind-card{border:1px solid #13a0db; background: #fff; font-size:20px; font-family: 'Poppins', sans-serif; font-weight: 600; min-height: 110px; display: flex; align-items: center; margin-bottom: 30px; justify-content: center; box-shadow: 0px 0px 12px #eee;}



@media(max-width:420px) {
	.chat-widget{width: 290px!important;}
}
.main p {
    text-align: justify !important;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{ color: #f58220!important; } 





@media (max-width : 767px){
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{ color: #fff !important; } 
.nav-item.dropdown.show>.nav-link.dropdown-toggle:hover {
  background-color: #2b3e7f !important;
}
}