* { font-family: 'Roboto', sans-serif; /*font-size:14px;*/ }
html { scroll-behavior: smooth; }
a { color: #00a5c9; }
a:hover { color: #00a5c9; }
@keyframes nav-slideIn {
  0% { transform: translateY(1rem); opacity: 0; }
  100% { transform:translateY(0rem); opacity: 1;}
  0% { transform: translateY(1rem); opacity: 0; }
}
@-webkit-keyframes nav-slideIn {
  0% { -webkit-transform: transform; -webkit-opacity: 0;}
  100% { -webkit-transform: translateY(0); -webkit-opacity: 1;}
  0% { -webkit-transform: translateY(1rem); -webkit-opacity: 0; }
}
.nav-slideIn { -webkit-animation-name: nav-slideIn; animation-name: nav-slideIn;}
.fixed-top.scrolled { background-color: #03566a !important; transition: background-color 500ms linear;     padding: .5rem 4%; transition:0.5s ease;border-bottom: 1px solid #cdf2fe;}
.fixed-top.scrolled .navbar-brand {    padding-top: 0px;  transition: 0.5s ease;}
.fixed-top.scrolled .nav-link { color:#ffffff !important; }
.fixed-top.scrolled .top-GetStartedBtn {  border: 2px solid #fff;}
.fixed-top.scrolled .logo-onScroll { display:block;}
.fixed-top.scrolled .Logo { display:none;}
.top-banner { background-color: #e5f9ff; text-align:center; border-radius:0px; border-top:2px solid #52c4df; background: linear-gradient(ellipse at center,#fff 11%,#e3f8ff 100%);     background: radial-gradient(ellipse at center,#fff 11%,#e3f8ff 100%); padding-bottom: 3rem; margin-bottom: 0px;}
.top-banner-container { padding-top:50px;}
.navbar-light .navbar-brand { transition: padding-top .4s steps(60); padding-top: 100px; position: absolute; z-index: 10; animation-fill-mode: forwards;    -webkit-animation-fill-mode: forwards; }
.navbar-nav .dropdown-menu { margin: 0px; box-shadow: 0 2px 11px -5px rgba(0,0,0,.36); overflow: visible; background-color: #fbfeff; border-radius: .188rem;   z-index: 11; padding: 2rem 0rem; border:none;}
.navbar-nav .dropdown-menu:before { content: ""; position: absolute; left: 40px; top: -8px; width: 0; height: 0; border-style: solid; border-width: 0 13px 12px; border-color: transparent transparent #fbfeff; z-index: -1;}
.navbar-nav .dropdown-menu-right:before { content: ""; position: absolute; left: auto; top: -8px; width: 0; height: 0; border-style: solid; border-width: 0 13px 12px; border-color: transparent transparent #fbfeff; z-index: -1; right: 40px;}
.doubleMenu {width: 547px; list-style:none;}
.navbar-light .navbar-nav .nav-link { color: #03566a; font-size: 14px; font-weight: 400; cursor:pointer;}
.navbar-light .navbar-nav .nav-link:hover { color: #00546b;}
.signInBtn { margin-right:5px; border:2px solid transparent; transition: 0.5s ease;}
.signInBtn:hover {  background: #03566a; color: #fff !important; border:2px solid #03566a;     opacity: 0.8;}
.top-GetStartedBtn { border:2px solid #03566a; box-shadow: 0 0.0625rem 0.125rem rgba(0,0,0,.15); text-transform:uppercase; transition: 0.5s ease;}
.top-GetStartedBtn:hover { background: #03566a; color: #fff !important; border-color: #03566a; opacity: 0.8;}
.dropdown-item { margin-bottom: 10px; opacity:0.9; transition:0.5s ease; }
.dropdown-item:hover { background: none; opacity: 1; }
.dropdown-item:hover .dropdown-item-img { margin-top:-2px; transition:0.5s ease;}
.dropdown-item.active, .dropdown-item:active {    color: #212529;     background: none;}
.dropdown-item:focus { background: none;}
.dropdown-menu-heading { padding: 0px 20px 5px; color: #212529; font-size: 14px;}
.dropdown-item-p { margin: 0px; line-height: 12px; font-size:13px; color: #212529;}
.dropdown-item-img { width: 30px; height: 30px; float: left; margin-right: 10px; font-size: 20px; /* border: 2px solid #00a5c9; */ border-radius: 50px; /* padding: 4px; */ text-align: center;  color: #03566a; /*opacity: 0.7;*/}
.dropdown-item-span { font-size: 11px; opacity: 0.5;}
.singleMenu {width: 274px;}
.banner-heading { font-weight:600; color: #03566a;}
.banner-slogan { font-size:24px; color: #03566a;}
.banner-btn {   text-transform: uppercase; background: #00a5c9; padding: 11px 24px; font-weight: 500; margin: 7px 0px -8px; border: 2px solid #00a5c9;    transition: 0.5s ease; -webkit-box-shadow: 0px 5px 7px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 7px -5px rgba(0,0,0,0.75); box-shadow: 0px 5px 7px -5px rgba(0,0,0,0.75);}
.banner-btn:hover {  background: #e5f9ff; /* opacity: 0.8; */ color: #00a5c9; border: 2px solid #00a5c9; }
.trusted-slogan { font-size: 19px; line-height: 30px; text-align: center; font-weight: 400; opacity: 0.6; margin-bottom:20px;}
.navbar-light .navbar-toggler  { border:none;}
.navbar-light .navbar-toggler:focus { outline:none;}
.navbar-toggler .icon-bar { margin: 7px; display: block; width: 30px; height: 2px; background-color: #ffffff; border-radius: 1px; transition:0.5s ease;}
.crossIcon .toggler-icon1{ transform: rotate(45deg); margin: 0px 7px 0px 0px;}
.crossIcon .toggler-icon2{ display:none;}
.crossIcon .toggler-icon3{ transform: rotate(-45deg); margin: -2px 7px 0px 0px;}
.banner-image { /* margin-top: -260px;*/ position: relative;}
.btn-primary { text-transform: uppercase; /*background: #00a5c9;*/ background:#03566a; font-weight: 500; border: 2px solid #03566a; transition: 0.5s ease;    -webkit-box-shadow: 0px 5px 7px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 7px -5px rgba(0,0,0,0.75); box-shadow: 0px 5px 7px -5px rgba(0,0,0,0.75); font-weight: 400;}
.btn-primary:hover { background: #f0f8fa; color: #03566a; border: 2px solid #03566a; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background: #e5f9ff;
 color: #03566a; border: 2px solid #03566a; box-shadow: 0 0 0 0.2rem rgba(3, 86, 106, 0.29);}
p { font-weight:300;}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {   box-shadow: 0 0 0 0.2rem rgba(3, 86, 106, 0.29); }
.btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(3, 86, 106, 0.29); }
.heading-black { font-weight: 300; margin-bottom: 10px;     text-transform: capitalize;}
.btn-lg { padding: 10px 24px;}
.common-p-heading{ font-size: 16px; /*color: #03566a;*/ margin-bottom: 0px; font-weight: 400; text-transform: uppercase; }
.common-p-heading img { margin-right:7px;}
.section-p { font-size: 16px; font-weight: 300; margin-bottom: 20px;     line-height: 30px;}
.heading-icon { max-width:120px; margin-top:20px;}
.section2 { background:#03566a; border-radius: 0px; /*margin: 50px 0px;*/ color: #fff; padding:7rem 0rem;}
.vert .carousel-item-next.carousel-item-left, .vert .carousel-item-prev.carousel-item-right {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.vert .carousel-item-next, .vert .active.carousel-item-right {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100% 0); }
.vert .carousel-item-prev, .vert .active.carousel-item-left {-webkit-transform: translate3d(0,-100%, 0); transform: translate3d(0,-100%, 0); }
.vertical-slide-item { background:#03566a;}
.vertical-slide-row {background: #fff; color: #212529; padding: 10px; border-radius: 3px; margin-bottom:10px; margin-left: 0px; margin-right: 0px; opacity:0.9; transition:0.5s ease;}
.vertical-slide-row:hover { opacity:1;}
.vertical-slide-img { width:100%;}
.vertical-slide-badge { padding: 5px 7px; margin-bottom: 3px;}
.vertical-slide-heading{ margin-bottom:0px;     font-weight: 500;}
.section3 { color:#212529; padding: 2rem 0rem 4rem;}
.section3-wave-icon {width: 35px; float: left; margin-right: 15px;}
.section3-heading { font-weight:300; margin-bottom: 20px;}
.section3-left-img { }
.section4 { color:#212529; line-height: 30px; padding: 5rem 0rem;}
.section4-p-heading-icon {width: 35px;  margin-right: 6px;}
.section4-image { position:relative; /*right:-15px;*/}
.margin-btn { margin-top:12px;}
.section5{ min-height: 207px; margin-top: 1rem; border-radius: 3px; background-color: #fff; box-shadow: 0 8px 29px 0 rgba(186,200,211,.6), 0 1px 0 0 #eef3f7;  margin-bottom: 1rem; background-image:url(../images/bg_img_in_page.svg); background-repeat: no-repeat; background-position: 100%; background-size: contain;padding: 4rem 4rem 3.6rem;} 
.section5 :: after { background:#90C; position:absolute;}
.section5-icon { margin-right:10px;}
.section5-btn { margin-top:10px;}
.section6{ padding:4rem 0rem;}
.section7 {padding:4rem 0rem;}
.section8 { background:#045669; color:#fff; padding:10rem 0rem;}
.section9 { background:#cdf2fe; padding-top: 4rem; margin-bottom:2rem;}
.section10 { padding:2rem 0rem;}
.section10-img { padding:20px;     max-height: 90px;}
.section10-btn { margin-top:20px;}
.section11 { padding:5rem 0rem 4.5rem; background: #00a5c9; text-align:center; color:#fff;}
.section11-h1 {  margin-bottom: 20px; font-size: 36px; font-weight: 300;}
.section11-h3 { font-weight: 300; margin-bottom: 24px; line-height: 34px;  font-size: 21px;}
.feedback-btn { z-index: 1000; position: fixed; right: -46px; top: 45%; transform: rotate(-90deg); background: #dc3545; padding: 8px 30px; color: #fff;   font-weight: 400; font-size: 17px;  border-top-left-radius: 3px; border-top-right-radius: 3px;}
.feedback-btn:hover { color:#fff; text-decoration:none;}
.modal-header { background: #00a5c9; color: #fff; }
.modal-header .close { color: #fff; text-shadow: 0 1px 0 #000;}
.modal-header .close:hover { color: #fff; }
.feedback-modal-body { padding:3rem 2rem 2rem;}
.feedback-modal-div { border-radius:3px; padding: 10px; font-size:14px;}
.feedback-div-img { padding:20px 20px 5px;}
.feedback-powered { margin-top: 3rem; font-size: 12px;}
.feedback-powered img { width: 20px; margin-right: 4px; }
.feedback-a { color: #212529 !important; transition:0.7s ease;  display: block;}
.feedback-a:hover { color: #212529 !important; text-decoration: none !important;  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); border-radius:3px;}
.feedbackMsg-body { padding:1.5rem 5rem; font-size:16px;}
.feedbackMsg-modal-header { display: block; font-size: 20px; padding: 10px;s}
.modal-content { border:none;}
.h4-common { font-weight:300; }
ul { font-weight: 300; line-height: 26px;}
.btn-danger { text-transform: uppercase; font-weight: 500; border: 2px solid #bd2130; transition: 0.5s ease; -webkit-box-shadow: 0px 5px 7px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 7px -5px rgba(0,0,0,0.75); box-shadow: 0px 5px 7px -5px rgba(0,0,0,0.75); font-weight: 400; }
.btn-danger:hover { background: #e5f9ff; color: #bd2130; border: 2px solid #bd2130; }
.btn-primary.focus, .btn-primary:focus { background: #fff; color: #03566a; }

.footer { padding:4rem 0rem 1rem;}
.footer-heading { font-weight: 400; text-transform: uppercase; font-size:14px;}
.footer-ul { padding-left: 0px; list-style:none; line-height: 24px;}
.footer-ul li a { color: #212529; text-decoration: none; font-size: 12px; opacity: 0.6; font-weight: 400;}
.footer-ul li a:hover { opacity:1;}
.footer-social { line-height: 0.5;  text-align: center;     margin: 20px 0px;}
.footer-social span { display: inline-block; position: relative;  }
.footer-social span:before, .footer-social span:after { content: ""; position: absolute; height: 5px; border-bottom: 1px solid #212529; border-top: 1px solid #212529; top: 10px; width: 100%; opacity:0.3;}
.footer-social span:before { right: 100%; margin-right: 15px;}
.footer-social span:after { left: 100%; margin-left: 15px;}
.footer-social a { color:#03566a; margin: 0px 5px; opacity:0.7; transition:0.5s ease; font-size: 12px;}
.footer-social a:hover { opacity:1;}
.footer-bottom-link-p { margin-bottom: 5px; font-size: 15px; font-weight: 400;}
.footer-bottom-link a { color: #212529; font-size: 13px; margin: 0px 4px; text-decoration: none; opacity: 0.7; font-weight: 400;}
.footer-bottom-link a:hover { opacity: 1;}




/****************************************** Start Inner pages *********************************************************/

.w-section2 { background: #03566a; color: #fff; padding: 6rem 0rem;}
.w-section2 img { max-height: 65px; margin-bottom: 15px;}
.w-section2 p { font-size:18px;}
.w-section3 {padding: 4rem 0rem 2rem;}
.w-section4 {padding: 3rem 0rem 2rem;}
.w-section5 {padding: 3rem 0rem 2rem;}
.w-section6 {padding: 3rem 0rem 2rem;}
.w-section7 {padding: 3rem 0rem 3rem;}
.w-section8 { padding: 5rem 0rem 4.5rem; background: #00a5c9; color: #fff; }
.w-section8-p-heading { font-size: 18px; margin-top: 25px; font-style: italic; margin-bottom: 30px; }
.w-section8 h6 { font-size: 18px; margin-bottom: 30px; }
.app-section2 { background: #03566a; color: #fff; padding: 5rem 0rem; /*margin-top: 1rem;*/}
.app-section2 img { max-height: 65px; margin-bottom: 15px;}
.app-section2 h4 { font-weight: 400; margin-bottom: 16px;}
.app-section2 p { font-size:18px;}
.app-section3 {padding: 4rem 0rem 2rem;}
.app-section3-carousel-control { color: #03566a;}
.app-section3 .carousel-control-next, .carousel-control-prev { width: 8%; }
.app-section3-indicators { color:#000;}
.carousel-indicators li { background-color: #00a5c9; display: inline-block; margin-bottom: -34px;}
.app-section3-carousel { margin-top:3rem;}
.app-section4 { padding: 3rem 0rem 2rem; }
.app-section5 { padding: 3rem 0rem 3rem; }
.app-section6 { padding: 3rem 0rem 2rem; }
.carousel-heading{ font-weight: 300; text-transform:capitalize; }
.email-customer-form {     margin: 0px 0px 10px;}
.in-section6 {  border-radius: 0px;     background: #f9f9f9;}
.in-section6 h2 { margin: 10px 0px 30px; font-weight: 400;}
.fetures-ul h4 { margin-top: 20px; text-transform: uppercase; font-size: 1.4rem;}
.fetures-ul li a { color:#212529; padding-left: 2px; font-weight: 300; line-height: 29px;}
.app-section2 a { color: #cdf2fe; text-transform: capitalize;}
.top-banner-white-bg { background-color: #fff; text-align: center; border-radius: 0px; border-top: 2px solid #52c4df; padding-bottom: 3rem; margin-bottom: 0px;}
.api-section3 { padding:5rem 0rem 3rem;}
.api-section3 img { max-height: 65px; margin-bottom: 15px; }
.api-section3 a{ font-weight:400;}
.integration-section2 { margin-bottom:2rem;}
.integration-section2 .card{  margin-bottom: 30px; font-size:14px; transition:0.5s ease;}
.integration-section2 .card:hover {/*
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/ }
.integration-section2 .card-header { height:80px; margin-left: 0px; margin-right: 0px; background: none; text-align:center;}
.integration-section2 .card-footer { background: none; border: none; padding-top: 0px; text-align:left;}
.integration-section2 .card-header img { max-height:55px; padding:5px;}
.integration-section2 .card-body {  min-height:300px;}
.integration-section2 .card-text { text-align:justify;}



/******************************************** process-box **************************************************/
.process-box{ background: #fff; padding: 10px; border-radius: 15px; position: relative; box-shadow: 2px 2px 7px 0 #00000057; }
.process-left:after{ content: ""; border-top: 15px solid #ffffff; border-bottom: 15px solid #ffffff; border-left: 15px solid #ffffff; border-right: 15px solid #ffffff; display: inline-grid; position: absolute; right: -15px; top: 42%; transform: rotate(45deg); box-shadow: 3px -2px 3px 0px #00000036; z-index: 1; }
.process-right:after{ content: ""; border-top: 15px solid #ffffff00; border-bottom: 15px solid #ffffff; border-left: 15px solid #ffffff; border-right: 15px solid #ffffff00; display: inline-grid; position: absolute; left: -15px; top: 42%; transform: rotate(45deg); box-shadow: -1px 1px 3px 0px #0000001a; z-index: 1;}
.process-step{ background: #00a5c9; text-align: center; width: 80%; margin: 0 auto; color: #fff; height: 100%; padding-top: 8px; position: relative; top: -26px; border-radius: 0px 0px 10px 10px; box-shadow: -6px 8px 0px 0px #00000014; }
.process-point-right{ background: #03566a; width: 25px; height: 25px; border-radius: 50%; border: 8px solid #ffffff; box-shadow: 0 0 0px 4px #03566a; margin: auto 0; position: absolute; bottom: 40px; left: -63px; }
.process-point-right:before{ content: ""; height: 144px; width: 11px; background: #03566a; display: inline-grid; transform: rotate(36deg); position: relative; left: -50px; top: -0px; }
.process-point-left{ background: #03566a; width: 25px; height: 25px; border-radius: 50%; border: 8px solid #ffffff; box-shadow: 0 0 0px 4px #03566a; margin: auto 0; position: absolute; bottom: 40px; right: -63px; }
.process-point-left:before { content: ""; height: 144px; width: 11px; background: #03566a; display: inline-grid; transform: rotate(-38deg); position: relative; left: 50px; top: 0px; }
.process-last:before{ display: none; }
.process-box p{ z-index: 9;}
.process-step p{ font-size: 20px; }
.process-step h2{ font-size: 39px; }
.process-step:after{ content: ""; border-top: 8px solid #04889800; border-bottom: 8px solid #03566a; border-left: 8px solid #04889800; border-right: 8px solid #03566a; display: inline-grid; position: absolute; left: -16px; top: 0; }
.process-step:before{ content: ""; border-top: 8px solid #ff000000; border-bottom: 8px solid #03566a; border-left: 8px solid #03566a; border-right: 8px solid #ff000000; display: inline-grid; position: absolute; right: -16px; top: 0; }
.process-line-l{ background: #03566a; height: 4px; position: absolute; width: 120px; right: -153px; top: 62px; z-index: 9; }
.process-line-r{ background: #03566a; height: 4px; position: absolute; width: 120px; left: -153px; top: 62px; z-index: 9;}

/******************************************** // Close Process-box **************************************************/

.Prm-section2 { background: #00a5c9; padding: 4rem 0rem; color:#fff;}
.Prm-upcoming-div { border:1px solid #eee;  padding: 30px 30px 15px; transition:0.5s ease;}
.Prm-upcoming-div:hover { -webkit-box-shadow: 0px 10px 5px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 5px -8px rgba(0,0,0,0.75); box-shadow: 0px 10px 5px -8px rgba(0,0,0,0.75);}
.Prm-upcoming-div a{transition:0.5s ease;   color: #212529;}
.Prm-upcoming-div a{ text-decoration:none;}
.Prm-section3 { padding:4rem 0rem;}
.Prm-section3 h3{ margin-bottom:2rem;}
.Prm-section3 h4 { margin-bottom: 15px; font-weight: 400; font-size: 20px; }
.Prm-upcoming-div p { text-align:justify;}
.Prm-section3 .card { border-radius:0px;}
.Prm-section3 .card-header{     padding: .45rem 1.25rem;}
.Prm-collapse-btn { text-align:left; color: #212529;     font-size: 20px;   font-weight: 300;}
.Prm-collapse-btn:hover { color: #212529;}
.pp-ul li { font-size: 22px; line-height: 40px; font-weight: 300;}
.pp-ul i { margin-right:10px;}
.pp-section9 { background: #cdf2fe; padding-top: 4rem; }
.pt-section2 { padding:4rem 0rem 2rem;}
.pt-section2 .common-p-heading { margin-bottom:10px;}
.pt-section3 { padding:3rem 0rem 2rem; }
.pt-section3 .heading-black { margin-top:25px;}
.pt-section4 { padding:2rem 0rem 2rem; }
.oc-section2 { margin:0rem 0rem 2rem;}
.oc-section2 iframe { margin-bottom:1.4rem;}


/***************** Our Team Image Flip On Hover ********************************/

.image-flip:hover .backside,
.image-flip.hover .backside { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg);    transform: rotateY(0deg); border-radius: .25rem; }
.image-flip:hover .frontside,
.image-flip.hover .frontside { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);
}
.mainflip {-webkit-transition: 1s; -webkit-transform-style: preserve-3d; -ms-transition: 1s; -moz-transition: 1s; -moz-transform: perspective(1000px);-moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 1s; transform-style: preserve-3d; position: relative;}
.frontside { position: relative; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); z-index: 2; margin-bottom: 30px;}
.backside { position: absolute; top: 0; left: 0; background: white; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); }
.frontside,
.backside { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;-webkit-transition: 1s; -webkit-transform-style: preserve-3d; -moz-transition: 1s; -moz-transform-style: preserve-3d; -o-transition: 1s; -o-transform-style: preserve-3d; -ms-transition: 1s; -ms-transform-style: preserve-3d; transition: 1s; transform-style: preserve-3d;}
.frontside .card,
.backside .card { min-height: 312px;}
.backside .card a { font-size: 18px;}
.frontside .card .card-title,
.backside .card .card-title { color: #00a5c9 !important;}
.frontside .card .card-body img { width: 120px; height: 120px; border-radius: 50%;}

/***************** // Close our Team Image Flip On Hover ********************************/

.ourteam-section2 { padding:0rem 0rem 3rem;}
.contact-section2 { margin-bottom:1rem;}
.ebook-section2 { margin-bottom:3rem;}
.ebook-section2 .card { margin-bottom: 30px; border-radius: 0px;}
.ebook-section2 .card-body { min-height: 220px; position: relative; }
.ebook-section2 .card-title { font-size: 16px; font-weight: 400;}
.ebook-section2 .card-text {font-size: 15px;}
.ebook-section2 .card-img-top { border-radius:0px;}
.ebook-section2 .card-body a {  position: absolute;  bottom: 15px;    box-shadow: none; text-transform: capitalize;}
.integration-section2 .card-footer  .btn { box-shadow:none; margin-bottom: 5px;}
.no-margin-p { margin-bottom:0px;}
.vocv-row  img { margin-top:30px;}
.ebook-section2 h2 { margin-top: 3rem; margin-bottom: 3rem;}
.fg-div { padding: 4rem 1rem; text-align: center; /* outline: 1px solid #eee;  outline-offset: -5px; */ color: #03566a; background: url(../images/bg-theme-color.jpg) no-repeat;  /* background-size: cover; */ background-position: initial;}
.filter-gallery .btn { margin:0px 2px;}
.filter-gallery .f-row .d-flex { margin-bottom:2rem; }
.login-section { margin-top:50px;}
.login-logo { text-align:center; margin-bottom: 15px;}
.login-section .heading-black { margin-bottom:10px;}
.login-section .form-control { font-weight:300; background: #fafeff;}
.login-div { padding: 1rem 3rem; font-weight: 300;}
.login-footer{ font-size: 14px; text-decoration: none;  opacity: 0.7; font-weight: 400; }
.About-section2 { text-align:center}
.login-section .btn-light{ text-transform:uppercase; -webkit-box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, 0.39); -moz-box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, 0.39); box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, 0.39); }
.rqst-section1 { background:#00a5c9; color: #fff; padding: 4rem 0rem;}
.rqst-card { color: #212529; font-weight: 300; padding: 25px 15px 5px; /*transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);*/ transition:0.5s ease;}
.rqst-card-p { font-size: 13px; opacity: 0.9;}
.rqst-card .btn { margin-top:24px;}
.rqst-carousel-indicators{ left: 0px; margin-left: 0px; bottom: -10px; right: inherit;}
.rqst-carousel-indicators li {     background-color: #fff;}
.rqst-section1 .carousel { margin-top:7rem;}
.rqst-section1 h5{  line-height: 30px; margin-top: 1.3rem; margin-bottom: 1.3rem;}
.rqst-section2 { padding:6rem 0rem 4rem;}
.rqst-section3 { padding:3rem 0rem 4rem;}
.rqst-img-set {     margin-top: 3rem;}
.rqst-img-set img { height:70px;}
.rqst-support-div { margin-top: 5rem; text-align: center; padding: 5rem 5rem 4rem;     background: #ececec;}
.rqst-support-div .heading-black { line-height:40px;  margin-bottom: 3rem;}
.rqst-section4 { background: #f9f9f9; padding: 7rem 0rem;}
.rqstademo-modal .modal-body { color: #212529; padding: 3rem; text-align:center;}
.rqstademo-modal button.close { width: 30px; font-weight: 400; margin-top: 5px; }
.rqstademo-modal button:focus { outline: none; }
.recover-modal p{ }
.recover-modal .modal-body { padding: 2rem 2.5rem; }
.recover-modal .heading-black { margin-bottom:20px;}
.terms-section2 .heading-black { margin-top:2rem;}

.blog-section2 { padding:0rem 0rem 3rem;}
.blog-left .card { border-radius:0px; margin-bottom: 30px; transition:0.5s ease; background: #f3f3f3; border: none;}
.blog-left .card:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(143,143,143,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(143,143,143,1);
box-shadow: 0px 0px 10px 0px rgba(143,143,143,1); }
.blog-left .card-body { min-height: 380px; position: relative; }
.blog-left .card-body .bReadmore { position: absolute; bottom: 15px; box-shadow: none; text-transform: capitalize; font-size: 15px;}
.heading-black a{ color:#212529;}
.blog-right .subscribe{ background:url(../images/bubbles-sidebar.png) no-repeat; background-size:cover; background-color: #00a5c9; padding: 2rem 1.5rem;color: #fff; text-align: center; border-radius: 4px; margin-bottom: 2rem;} 
.tweets-carousel { margin-bottom:45px;    font-size: 15px;}

.tweets-carousel .carousel-indicators { right: auto; margin-left: 0px; bottom: -20px;}
.tweets-carousel .carousel-indicators li { width: 20px; }
.tweets-carousel p { margin-bottom: 0.5rem;}
.blog-right .heading-black::after { content: " "; border-bottom-style: solid; border-bottom-width: 2px; display: table-cell; width: 50px; padding-top: 8px;border-color: #00a5c9;}
.blog-right h4 {  margin-bottom: 1rem; margin-top:4rem; }
.Instagram-div .row { margin-left:-5px; margin-right:-5px; }
.Instagram-div .col-lg-4 { padding-left:5px; padding-right:5px;}

.Instagram-div .modal-body { padding:0px;}

.Instagram-div .carousel-control-next-icon, .Instagram-div .carousel-control-prev-icon { padding: 20px; }
.blog-social-div a {     display: block;
    margin-bottom: 5px;
    width: 100%;
    padding: 11px 15px;
    font-size: 12px;
    color: #ffffff;
    background: #cecece; font-weight: 500; transition:0.5s ease;
}
.counter-element-right { float:right;     text-transform: capitalize;}
.num-count { margin-left:5px; font-weight: 300;}
.text-count { text-transform:capitalize;}

.blog-social-div .facebook:hover { background:#899dce; text-decoration: none;}
.blog-social-div .twitter:hover { background:#60d2f5; text-decoration: none;}
.blog-social-div .Instagram:hover { background:#709cbf; text-decoration: none;}
.blog-social-div .Youtube:hover { background:#ef464b; text-decoration: none;}
.counter-element-left i { font-size:16px;}