@charset "UTF-8";
/*Theme Name: CRMEXPRESS*/


@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap');

:root{
   --primary: #2276E4; 
   --color2: #0D117D;
   --color3: #481791;
   --orange: #EF3750;
   --font-family: "Assistant", sans-serif;
   --white:#fff;
   --gradient: transparent linear-gradient(266deg, #F95934 0%, #FDAB13 100%) 0% 0% no-repeat;
   --gradienthover: transparent linear-gradient(266deg, #FDAB13 0%, #F95934 100%) 0% 0% no-repeat;
}
body {
    margin: 0px;
    padding: 0px;
    font-family: var(--font-family);
    font-size: 16px;
    line-height: 1;
}
*{padding:0px; margin:0px;}
h1, h2, h3, h4, h5, h6,  input, textarea ,.bottom_section_text{
    font-family: var(--font-family);
}
.testimonial_auther_rating h4 , .steps-form input[type="submit"] , .get_an_offer_form .gform_footer.top_label input{
    font-family: var(--font-family);
}
img {
    max-width: 100%;
	height:auto
}
a{
    cursor: pointer;
	text-decoration:none
}
.banner-content  .container {
    max-width: 1487px !important;
}
.container{
    max-width: 1365px !important
}
.section {
    padding: 50px 50px 65px;
}
p {
    font-size: 20px;
    color: var(--color2);
    line-height: 27px;
}
.wrapper {
    width: 100%;
    overflow: hidden;
}
h2.title span {
    display: block;
}
.text_center{
    text-align: center;
}
.f_white{
    color: #fff !important;
}
.f_white p {
    color: #fff;
}
.f_primary{
    color: var(--color2) !important;
}
.home #related-boxes span.title1{
     font-size: 45px;
    font-weight: bold;
    color: var(--color2);   
}
span.title1 {
    font-size: 24px;
    font-weight: bold;
    color: var(--primary);
}
span.title2 {
    font-size: 45px;
    font-weight: bold;
    color: var(--color2);

}
/* header css =========================== */
#circle-animation {
    width: 85%;
}
.menu-wrap {
    display: flex;
}

.header.sticky-header .menu-primary{
    width: 100%;
}
.action-bt ul , .main-menu ul{
    display: flex;
    align-items: center;
}
.main-menu ul{
    flex-flow: wrap;
}
.action-bt ul li, .main-menu ul li{
	list-style:none;
}

.action-bt ul li a, .main-menu ul li a{
	color:var(--color2);
	font-size:20px;
    LETTER-SPACING: 0.4px;
	
}
.header.sticky-header {
    background: var(--color2);
    z-index: 99;    
}
.header.sticky-header .main-menu ul li a{
    color: #fff;
}
.header.sticky-header .logo .default{
    display: none;
}
.header.sticky-header .logo .sticky{
    display: block;
}
.logo .default{
    display: block;
}
.logo .sticky{
    display: none;
}
.header {
    background: transparent;
    position: fixed;
    left: 0px;
    right: 0px;
    padding-top: 10px;
    padding-left: 34px;
    padding-right: 10px;
    z-index: 1;
    padding-bottom: 10px;
}
.header.sticky-header li.call_action_bt a{
    border: 1px solid #fff;
}

.logo {
    text-align: left;
    margin-right: 15px;    
}
.logo img {
    max-width: 252px;
}
.main-menu ul li{
	 padding: 5px 0px 5px 24px;
}
.main-menu ul li a {
	position:relative;
    display: block;
}
.main-menu ul li.current-menu-item a:before , .main-menu ul li:hover a:before{
	position:absolute;
	content:"";
	display:block;
	width:100%;
	height:6px;
    background: var(--gradient);
    bottom:-8px;
	left:0px;
	border-radius:80px;
}
.main-menu {
    display: flex;
    align-content: center;
    align-items: center;
    margin-right: 15px;
}
.action-bt li a {
    border: none;
    border-radius: 80px;
    padding: 10px 22px;
    display: flex;
    column-gap: 5px;
    text-align: center;
    align-items: center;
}
.action-bt ul {
    column-gap: 10px;
}
li.call_action_bt a {
    border: 1px solid #fff;
    color: #fff !important;
    font-weight: 600;    
}

li.call_action_bt a:hover{background: transparent !important;}
.action-bt li a:hover, .action-bt li a:focus, .action-bt li.quote_action_bt a {
    background: var(--gradient);
    color: #fff;
}
/* banner css =============================== */

#hometopimage {
    position: relative;
    background: transparent linear-gradient(0deg, #FFFFFF 0%, #F1F3FB 100%) 0% 0% no-repeat padding-box;
    padding: 0px 50px;    

}
.blue_BG {
    width: 44%;
    height: calc(100% + 110px);
    transform: matrix(1, 0.09, -0.09, 1, 0, 0);
    background:#192353 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 500px 0px;
    opacity: 1;
    position: absolute;
    left: -40px;
    top: -100px;
}
.blue_BG:before {
    content: "";
    position: absolute;
    left: 45px;
    width: 90%;
    height: 90%;
    background:transparent radial-gradient(closest-side at 50% 50%, #03749C 0%, #1574BE00 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    top: 50px;
}
#hometopimage img.topimg {
    position: absolute;
    left: 0px;
    width: 50%;
    top: 0px;
    height: 100%;
    object-fit: cover;
    object-position: bottom;    
}
.banner-content-wrap {
    display: flex;
}
.banner-content {
    position: relative;
}

.inner-cap {
    width: 40%;
    line-height: 1;
   
}
.banner-content-wrap {
    display: flex;
    align-items: center;
    min-height: 850px;
}

.banner-small-image{
    position: absolute;
    left: 125px;
    width: 50%;
    bottom: 0px;    
}
@media only screen and (min-width:1960px){
	.banner-small-image {
        bottom: 0;
        top: 110px;
        left: 100px;
        width: 50%;
	}
}
.inner-cap  h1{font-size:62px; line-height:70px;font-weight:700;color: var(--primary);}
.inner-cap  h2{font-size:84px; line-height:74px;font-weight:700;color:var(--color2);}

.inner-cap  p {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 25px;
}
.more a, .more span, .contact-line-form form input[type="submit"], .contact-page-form input[type="submit"], .more.button {
    background: var(--gradient);
    color: #fff;
    border-radius: 80px;
    padding: 15px 55px;
    display: block;
    width: fit-content;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}
.more.button{
    margin: 15px auto;
}
.about-us-content .more a, #related-boxes .more a{
    background: var(--primary);
}
.more a:hover ,  .more span:hover, .contact-line-form form input[type="submit"]:hover, .contact-page-form input[type="submit"]:hover{
    background:var(--gradienthover)}

.platform {
    font-size: 24px;
    font-weight: bold;
    color: var(--primary);
    display: flex;
    align-items: center;  
    gap: 10px;
    margin: 40px 0px;    
}

.platform_icon {
    display: flex;
}
.platform_icon img {
    margin: 0px 4px;
}
img.arrow2 {
    position: absolute;
    bottom: 0;
    right: 20%;
}
.logo-click-action a {
    color: #fff;
}

.logo-click-action {
    transform: rotate(270deg);
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    margin-top: 86px;
    margin-right: -38px;
    position: absolute;
    border: 0px;
}
.logo-click-action a {
    font-size: 14px;
    padding-bottom: 5px;
    border-bottom: #fff solid thin;
    padding-left: 39px;
}


/* footer css ==================================== */

.footer {
    background: var(--color2);
    color: #fff;
    padding: 94px 0 53px  0;
    margin-top: 250px; 
    position: relative;    
}
.footer .contact-line{
    width: 100%;
}
.home .footer:before {
    content: "";
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F1F3FB 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    height: 295px;
    width: 100%;
    top: -295px;
    left: 0;
}
.page-template-page-contact-php .footer{
    margin-top: 0px;
}
.footer .container{
    position: relative;
}
.footer-contact-detail img {
    width: 20px;
    max-width: 25px;
}
h3.widget_title {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 18px;
}
.footer-widget-wrap li a, .footer-widget-wrap li span {
    color: rgb(255 255 255 / 74%);
    font-size: 16px;
    /*word-break: break-all;*/
}
.footer-widget-wrap li a:hover , .footer-widget-wrap li span:hover {
	
	 color: rgb(255 255 255 / 100%);
}
.footer-contact-detail li {
    display: flex;
    align-items: center;
    column-gap: 8px;
    margin-bottom: 8px;
}
.footer-widget-wrap li {
    list-style: none;
}
.footer-contact-detail span:first-child {
    width: 20px;
}
.foot-logo {
    text-align: center;
    color: #fff;
}
.foot-logo p, .foot-logo p a{  color: rgb(255 255 255 / 74%);
    font-size: 13px; margin-top:25px;}
.footer-copyright {
    padding-top: 55px;
}	
.footer-widget-wrap .widget_nav_menu li a {
    line-height: 30px;
}
.contact-line-form form .gfield--type-phone input {
    direction: ltr;
    text-align: right;
}
/* contact line ========================= */

.contact-line {
	/*background: transparent linear-gradient(270deg, #051E42 0%, #062F67 100%) 0% 0% no-repeat padding-box;*/
    background: #fff;
    padding-bottom: 52px;
    margin-top: -190px;
    position: relative;
    border-radius: 20px;
    box-shadow: 0px 0px 40px #80808099;
    padding: 90px 50px 50px;
    z-index: 9; 
    width: 80%;
}
.contact-line .container {

}

img.badgeIcon {
    position: absolute;
    left: 0;
    top: -170px;
    width: 200px;
    margin: 0 auto;
    right: 0;
}
p.gform_required_legend {
    display: none;
}
.contact-line h3{
	
    line-height: 1;
	font-size:36px;
	font-weight:700;
	color:#fff;
	text-align:center
}
.contact-line h3 span {
    display: block;
    color: var(--primary) !important;
}
.contact-line h3 span.title1 {
    font-size: 45px !important;
    font-weight: bold;
    color: var(--color2) !important;    
}
.contact-line h3 span.title2 {
    font-size: 25px !important;
    font-weight: 400;
    color: var(--primary) !important;    
}
.contact-line-form form {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.contact-line-form form .gform_body.gform-body {
    width: 75%;
}
.contact-line-form form .gform_footer {
    width: 25%;
    padding: 0px;
    margin: 0px;
}
.contact-line-form form .gform_body.gform-body div.gform_fields {
    display: flex;
    justify-content: space-between;
}
.contact-line-form form .gform_body.gform-body div.gform_fields div.gfield {
    width: 33.33%;
}
.contact-line-form {
    margin-top: 35px;
}
.contact-line-form form input {
    width: 100%;
    background-color: transparent;
    border: var(--color2) solid 1.5px;
    border-radius: 30px;
    height: 57px;
    padding: 0 20px!important;
    color: var(--color2)!important;
    font-size: 22px!important;
}
.validation_message {
    display: none;
}
::placeholder {
  color: var(--color2);
}
.contact-line-form form input[type="submit"]{
	font-weight: 600;
	cursor: pointer;
    width: 100%;
    color: #fff !important;
    border: 0px;	
}

/* PROJECT scroll section ================================= */

.project-loop {
    text-align: center;
}
.project-loop .art-title{
    margin: 10px 0 30px;
}
.project-loop {
    padding: 0px 4px;
}

.project-loop h5 {
    font-size:23px;
    font-weight: bold;
    color: var(--color2);
}
#images-scroll .project-loop h5 {
	font-size:30px;
}
.image-carousel-section{
    padding-bottom: 200px;
}
.project-loop .excerpt {
    font-size: 20px;
    color: var(--primary);
    line-height: 28px;
    margin-top: 10px;
    padding: 0px 15px;    
}
/* testimonial section =================================== */
.testimonial_page .testimonial-column{
  margin: 0px;
    height: 100%;    
}

.testimonial_page .blog-row-section .col-lg-6 {
    margin-bottom: 40px;
}
.title-section {
    text-align: center; margin-bottom:60px;
}
.title-section h2 {
    font-size: 45px;
    font-weight: 700;
    color: var(--color2);
    margin-top: 25px;
}
.title-section h3{font-size:50px;color: var(--color2); font-weight:700; }


.testimonial-section {
    background-image: url(images/testimonial-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 60px;
}
.testimonial-column {
    background: #001146;
    box-shadow: 0px 0px 33px #051E4212;
    border-radius: 15px;
    padding: 45px;
    margin: 35px 25px;
    position: relative;
}
.page-template-page-testimonial .testimonial-column {
    background: #F6F2FC;
    box-shadow: none;
}
.page-template-page-testimonial  .testimonial-short-text, .page-template-page-testimonial .teastionial-meta-title h5{
    color: #072F51;
}
.page-template-page-testimonial .teastionial-meta-title h4{
    color: var(--primary);
}

.testimonial-column:before {
    content: "";
    display: block;
    background-image: url(images/quote.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 75px;
    height: 53px;
    left: 35px;
    top: -25px;
}
.entry h2 span {
    font-size: 45px !important;
line-height: 48px;    
}
.testimonial-short-text {
    font-size: 23px;
    color: #fff;
    line-height: 30px;
    font-weight: 300;
}
.testimonial-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.testimonial-wrap {
    margin-top: 30px;
}
.testimonial-wrap .slick-prev{
background-image: url(images/arrow-right-white.png);    
}
.testimonial-wrap .slick-next{
background-image: url(images/arrow-left-white.png);    
}
.teastionial-star {
    color: var(--primary);
}
.teastionial-meta-title h5 {
    color: #fff;
    font-size: 16px;
}
.teastionial-meta-title h4 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 26px;    
}

button.slick-next, button.slick-prev {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.slick-prev:after, .slick-next:after{display:none}

.slick-prev {background-image:url(images/icon-right.svg);     left: -30px;}
.slick-next {background-image:url(images/icon-left.svg);     right: -30px;}


/* feature section =================================== */

.feture-section {
    background-image: url(images/feature-bg.png) ;
    background-size: cover;
    color: #fff;
    padding-top: 170px;
    padding-bottom: 150px;
    /*margin-top: -130px;*/
    padding-left: 50px;
    padding: 50px;
    flex-direction: column;
}
.feture-section .container{
    position: relative;
    z-index: 9;
}
/*.feture-section:before {*/
/*    content: "";*/
/*    background: transparent radial-gradient(closest-side at 50% 50%, #F1532F 0%, #072F51 100%) 0% 0% no-repeat padding-box;*/
/*    width: 1370px;*/
/*    height: 2080px;*/
/*    position: absolute;*/
/*    right: -1000px;*/
/*}*/
/*.feture-section:after {*/
/*    content: "";*/
/*    background: transparent radial-gradient(closest-side at 50% 50%, #F1532F 0%, #072f5100 100%) 0% 0% no-repeat padding-box;*/
/*    width: 1370px;*/
/*    height: 2080px;*/
/*    position: absolute;*/
/*    left: -1000px;*/
/*    bottom: 500px;*/
/*}*/
.feture-section h2.title span.title2 {
    font-size: 70px !important;
}
.feture-section .short-text p {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
}
.feture-section h3 {
    font-size: 45px;
    font-weight: 700;
	margin-top:0px;
}
.short-text {
    margin-top: 30px;
}

img.feature-accessibility-image {
    position: absolute;
    right: -255px;
    top: -171px;
}

.feture-section .row {
    padding: 60px 0;
}
.feture-section .row:nth-child(odd) {
    flex-direction: row-reverse;
}
.feture-section .row:nth-child(odd) .feat_icon {
    left: auto;
    right: -8px;
}
.feture-section, .project-loop .feature_img{
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.feat_icon {
    position: absolute;
    z-index: 9;
    top: -28px;
    left: 80px;
    background: #BD41D9;
    width: 123px;
    height: 123px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.feature_img {
    text-align: center;
}
#logos-scroll .feature_img {
    text-align: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 20px;
box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    padding: 40px 10px;
height:155px;    
}
#logos-scroll .slick-track{
    margin: 35px 0px;    
}
.feature_img img {
    border: none;
    border-radius: 0px;
    transition: all linear .6s;
    display: inline-block;
}
.project-loop .feature_img img:hover {
    transform: scale(1.3);
    cursor: pointer;
}
/*.project-loop .feature_img:before {*/
/*    content: "";*/
/*    background: #bc1e35;*/
/*    width: 280px;*/
/*    height: 180px;*/
/*    position: absolute;*/
/*    transform: rotate(45deg);*/
/*    border-radius: 14px;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: 0 auto;*/
/*    top: 158px;*/
/*}*/

/* accessibility action  section ============================== */

.accessibility-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
}
.heading .title-section {
    margin: 0px;
}
.heading {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.click-accessibility {
    background: transparent linear-gradient(270deg, #051E42 0%, #062F67 100%) 0% 0% no-repeat padding-box;
    padding: 49px 0px;
}
.heading .title-section h2 {
    margin: 0px;
    color: #16BE6A;
}
.desc p {
    font-size: 29px;
    line-height: 32px;
    color: #fff;
}
.desc {
    border-right: rgb(255 255 255 / 31%) solid thin;
    padding-right: 24px;
    margin-right: -10px;
}

/* about section ============================= */

.about-section .title-section {
    text-align: right;
    margin-bottom: 30px;
}
/*.about-content {*/
/*    height: 400px;*/
/*    overflow-y: scroll;*/
/*    overflow-x: hidden;*/
/*    padding-left: 20px;*/
/*}*/
/*.about-content::-webkit-scrollbar-track*/
/*{*/
/*	-webkit-box-shadow: inset 0 0 6px #fff;*/
/*	border-radius: 10px;*/
/*	background-color: transparent;*/
/*}*/

/*.about-content::-webkit-scrollbar*/
/*{*/
/*	width: 12px;*/
/*	background-color: transparent;*/
/*}*/

/*.about-content::-webkit-scrollbar-thumb*/
/*{*/
/*	border-radius: 10px;*/
/*	-webkit-box-shadow: inset 0 0 6px #051E42;*/
/*	background-color: #051E42;*/
/*}*/
.about-section-background {
    position: absolute;
    width: 100%;
    top: 0px;
    right: -120px;
    height: 100%;
    overflow: hidden;
}
.about-section-background .row {
    height: 100%;
}
.about-us-content{padding-right:80px;}
.about-section {
    padding: 140px 50PX 50px;
   position: relative;
   overflow: hidden;
      min-height: 970px; 
}
.aboutBtn{
    margin-top: 30px;
}
.image-carousel-section{
background: transparent linear-gradient(180deg, #FFFFFF 0%, #F1F3FB 100%) 0% 0% no-repeat padding-box;	 
}





/* inner page banner ================== */

.inner-banner-small-image {
    position: relative;
    bottom: -10px;
    text-align: left;
}
.inner-banner-small-image img {
    max-height: 100%;
    width: auto;
}
.breadcrumbs-title-wrap {
    height: 420px;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
div#topimage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
        margin-bottom: 40px;
}
.top_left_ing {
    position: absolute;
    left: 0;
    width: 50%;
        text-align: end;
}

.inner-banner-small-image img {
    position: relative;
    z-index: 9;
}
h1.toptitle {
    font-size: 70px;
    color: var(--color2);
    font-weight: bold;
    line-height: 1;
}
div#breadcrumbs{
	margin-bottom: 15px;
    position: absolute;
    top: 75px;
    width: 100%;
    right: 50px;	
}
div#breadcrumbs , div#breadcrumbs a {
    color: var(--color2);
	font-size:15px;
	font-weight:400;
	
}
.inner-banner-content {
    position: relative;
}
/*div#main {*/

/*    padding-bottom: 270px;*/
/*}*/
div#main #related-boxes, #main .blog-intro-content {
background: transparent linear-gradient(0deg, #FFFFFF 0%, #F1F3FB 100%) 0% 0% no-repeat padding-box;
padding-bottom: 0px;
}
/* contact Page ========================================= */
.page-template-page-contact .footer_contactLine{
    display: none;
}
.contact-page-form {
    margin-top: 50px;
}

div#contact-section {
    background-image: url(images/contact-page-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 100px;
    margin-top: 30px;    
}
div#contact-section input::placeholder, #contact-section textarea::placeholder {
  color: #Fff;
}
img.badge {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -100px;
}

.contact-page-form input, .contact-page-form textarea {
    background: transparent;
    border: #fff solid 1.5px;
    border-radius: 80px;
    height: 66px!important;
    padding: 17px 25px!important;
    font-size: 20px!important;
    color: #fff;
}

.contact-page-form input[type="submit"] {
    width: 234px!important;
    margin: 0px auto!important;
    cursor: pointer;
    border: none;
    display: block;
	padding: 0px!important;
}
.acf-map.location {
    height: 440px;
}

.contact-col {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.contact-col-img img {
    max-width: 53px;
    height: 53px;
}
.contact-detail {
    position: relative;
    padding-bottom: 100px;
    padding-top: 70px;
}
.contact-col-content {
    display: flex;
    flex-direction: column;
}
.contact-col-content label{
    color: var(--primary);
    font-size: 24px;
    font-weight: bold;
}
.contact-col-content a, .contact-col-content span{color:#1F2847; font-size:20px; font-weight:600; display:block;}


/* blog page css =========================== */

.blog-row-section {
    padding-top: 80px;
}
.blog-row-section .article img {
    transform: scale(1.0);
	webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.blog-row-section .article:hover img {
    transform: scale(1.1);
}
.blog-row-section .article .art-img {
    overflow: hidden;
    border-radius: 15px;
}
.art-img img {
    border-radius: 15px;
    display: block;
}
.art-title h2 {
    color: var(--primary);
    font-size: 23px;
    font-weight: bold;
    margin: 15px 0px;
}

.art-img {
    display: flex;
    justify-content: center;
    align-items: center;
}
.art-title {
    margin: 10px 0 5px;
}
.article {
    margin-bottom: 30px;
}
.blog-intro-content {
    text-align: center;
    margin-top: 50px;
    padding-top: 93px;
    padding-bottom: 110px;
}
.blog-content {
    margin-top: 40px;
    font-size: 20px;
    line-height: 35px;
    color: var(--color2);
}

.proTitle h2 {
    font-size: 24px;
    font-weight: bold;
    color: var(--color2);
    text-align: center;    
}
.proexcer{
    font-size: 20px;
    color: var(--color2);
    text-align: center;      
}
.firstRow_word {
    background-color: rgb(7 47 81 / 8%);
    display: flex;
    justify-content: space-between;
    border-radius: 100px;
    padding: 4px 8px;
}
.word {
    font-size: 16px;
    color: #072F51;
}
.number {
    font-size: 16px;
    color: #072F51;
    font-weight: bold;
}
.prokey {
    display: flex;
    justify-content: space-between;
    background-color: rgb(153 204 51 / 8%);
    padding: 8px 10px;
    border-radius: 80px;
    margin: 8px 0px;
}
.prokey div {
    font-size: 20px;
    color: #072F51;
}
.project-loop {
    padding: 0px 2rem;
}
.projectLoop{
    padding:  2rem;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 30px #072F511A;
    border-radius: 15px;    
}
/* =POST
-------------------------------------------------------------- */

/* General */
.one-5 {
	width:20%;
	float: right;
	padding-left:15px;
	padding-right:15px;
}

.two-cols {
	-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;
}

.entry {
	line-height:35px;
	font-size:20px;
	color:#072F51;
}

.entry h1 {
	font-size:40px;
	color:var(--primary);
	font-weight:400;
	margin-bottom:20px;
}
.entry h2 {
	font-size:45px;
	color:var(--primary);
	font-weight:700;
	margin-bottom:15px;
    line-height: 1;	
}

.entry h3 {
	font-size:26px;
	color:var(--primary);
	font-weight:700;
	margin-bottom:15px;
}

.entry h4 {
	font-size:24px;
	color: var(--primary);
	font-weight:400;
	margin-bottom:15px;
}
.entry h5 {
	font-size:22px;
	font-weight:300;
	margin-bottom:10px;
	color:var(--color2);
}

.entry h6 {
	font-size:20px;
	font-weight:500;
	color:var(--primary);
	margin-bottom:10px;
	
}

.entry hr {
	border-top:#c2c3c4 1px solid;
}

.entry ul,
.entry ol {
	margin-right: 50px;
	}

.entry ul li {
	list-style: square;
}



.entry ol li {
	list-style: decimal;
}


.entry a {
	text-decoration: underline;
	    color: #023571;
}

.entry a:hover {
	text-decoration:  none;
}

.entry img.alignleft  {
	padding-right:10px;
	padding-bottom:10px;
}





.one-half {
	width:50%;
	float: right;
}

.one-third {
	width:33.33%;
	float:right;
}

.one-fourth {
	width:25%;
	float:right;
}

.mas-item {
    width: calc(25% - 30px);
    float: right;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}


.entry img.alignleft {
	margin-right:30px;
	margin-bottom:30px;
}

.entry img.alignright {
	margin-left:30px;
	margin-bottom:30px;
}

.two-cols p:first-child {
	margin-top:0;
}



/* Post General
----------------------------*/

.single-img.alignleft {
	position: relative;
	margin-right:30px;
	margin-bottom:30px;
	float:left
		
}

.single-img.alignright {
	position: relative;
	display: block;
	margin-left:30px;
	margin-bottom:30px;
	
	
}

.single-img {
	max-width:50%;
}

.single-img img {
	display: block;    border-radius: 10px;
	
	}

/* =Faq section
-------------------------------------------------------------- */
.title-section.align-right h2{text-align:right}
.faq-content {
    font-size: 15px;
    line-height: 18px;
    margin-top: 8px;
}
.faq-content{
	display:none
}
.faq-title {
    display: flex;
    justify-content: space-between;
    column-gap: 15px;
    flex-direction: row-reverse;
    align-items: center;
}

.faq-title h2 {
    color: var(--color2); 
    font-size: 20px;
    line-height: 35px;
    font-weight: 700;
}
.faq-title span {
    font-size: 33px;
    cursor: pointer;
    color: #fff;
    background: var(--primary);
    font-weight: 700;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
}
.faq-title span.minus {
    line-height: 26px;
    font-size: 40px;
}
.faq-title span.minus , .faqrow.active span.plus{
	display:none
}
.faqrow {
    background: #fff;
    box-shadow: 0px 3px 30px #072F511A;
    border-radius: 15px;
    padding: 20px 30px;
    margin-bottom: 15px;
    border-radius: 20px;
}
.faq-content p{
	font-size:18px;
}
.faqrow.active span.minus , .faqrow.active .faq-content{
	display:block;
	
}
div#faq-boxes {
    margin-bottom: 30px;
}
.inner-page-faq h2 span {
    color: var(--primary) !important;
}

.fixcontentmenu {
	position: fixed;
    top: 230px;
    right: 0px;
    z-index: 999;
}

.fixmenu_menubt {
    background: var(--color2);
    color: #ffff;
    display: flex;
    align-content: center;
    width: 127px;
    height: 39px;
    align-items: center;
    column-gap: 10px;
    padding: 0 1px;
    font-size: 15px;
    letter-spacing: -0.15px;
    justify-content: center;
	cursor:pointer
}

.fixmenu_menubt:hover{
	background-color:var(--primary);
}


.fixmenu_menuwrap {
    background: #F4F8FB;
    padding: 10px 20px;
	display:none;
}
.fixcontentmenu.active .fixmenu_menuwrap{
	display:block
}
.fixmenu_menuwrap {
    background: #FAF9F7;
    padding: 10px 20px;
    min-width: 250px;
}
.fixmenu_menuwrap li {
	list-style: auto;
    margin-right: 20px;
    margin-bottom: 5px;
}
.fixmenu_menuwrap li a {
    font-size: 15px;
    line-height: 19px;
    color: #262D3C;
    letter-spacing: 0.15px;
    font-weight: 500;
}

.fixmenu_menuwrap li a:hover{
	
	color:var(--color2)
}



/* related section =================================== */

/*div#related-boxes {*/
/*background: transparent linear-gradient(180deg, #FFFFFF 0%, #F6F7FD 100%) 0% 0% no-repeat padding-box;*/
/*}*/
.related-slider .slick-dots button:after {
    color: #000;
}
.related-slider .slick-dots .slick-active button:after {
    color: var(--color2);
}
.related-post-column {
    padding: 0 7px;
}
.excerpt p {
    font-size: 15px;
    line-height: 22px;
    font-family: var(--font-family);
}
.footer_contactLine{
    margin-top: -270px;
    margin-bottom: 100px;    
    z-index: auto;   
    box-shadow: 0px 10px 50px #0000003d;    position: relative;
}

.backofDiv {
    content: "";
    background: transparent linear-gradient(260deg, #24BBF1 0%, #24BBF1 100%) 0% 0% no-repeat padding-box;
    border-radius: 80px;
    opacity: 0.3;
    filter: blur(19px);
    position: absolute;
    width: 100%;
    height: 30PX;
    bottom: -20px;
    z-index: 1;
    right: 0;
}
.footer_contactLine img.badgeIcon {
    position: absolute;
    left: -160px;
    top: -170px;
    width: 200px;
    margin: 0 0;
    right: auto;
}
.page-template-page-home-php .footer_contactLine img.badgeIcon {
    position: absolute;
    left: 0;
    top: -190px;
    width: 200px;
    margin: 0 auto;
    right: 0;
}
/* similar css applied on home page ================== */

.about-section .title-section h3 , .steps-section .title-section h3{font-weight:400;}


/* fixed icons ============================================ */
aside#wp_access_helper_container button.wahout.aicon_link.layout-wide-sidebar {
    display: none!important;
}
.fixed-icons-wrap  button.wahout.aicon_link.layout-wide-sidebar {
    left: auto;
}
.fixed-icons-wrap {
    position: fixed;
    right: 0px;
   top: 500px;
    z-index: 999;
    column-gap: 10px;
    display: flex;
    flex-direction: column;
}
.fixed-icon button.aicon_link {
    opacity: 1;
}
body .aicon_link{
    /*position: relative !important;*/
    /*opacity: 0;    */
    display: none;
}
.fixed-icon button.wahout.aicon_link.layout-wide-sidebar {
    position: relative;
}
/*slick css overwrite  ============================================ */

.slick-dots {
    position: absolute;
    bottom: -40px;
    left: 20px;
    margin: 20px 0;
    list-style: none;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    column-gap: 15px;
}


.slick-dots button:after {
    
    color: #051E42 !important;
}
.slick-dots .slick-active button:after {
    content: "\f111";
    color: var(--color2) !important;
}
.gform_confirmation_message {
    text-align: center;
    color: #fff;
}
.action-bt ul li a{
    transition: linear .5s all;
}
.action-bt ul li a:hover{
    /*color: var(--primary);*/
    transform: scale(0.89);
}



.inner-page-faq .faqrow {
    background: #F7F8FD;
   
}


.inner-page-faq .faq-title h2 {
    color: var(--color2)!important;
    font-size: 28px;
    
}
.inner-page-faq .faq-title span {
    
    color: var(--primary);
    background: transparent;
    
}

.inner-page-faq  .faq-content p {
    font-size: 20px;
    color: var(--color3)!important;
}

/* price section */

.price_section_wrap {
    display: flex;
}

.price_column {
    width: 25%;
    text-align: center;
    padding: 0 10px;
    position: relative;
}
.price_column_wrap_inner {
	 padding: 20px;
}
.price_column_wrap {
    background: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0px 3px 14px #072F511A;
   
}
.price_section_wrap {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}
.price_col {
    border-bottom: #D6D8E2 solid thin;
    padding: 20px 0;
    font-size: 20px;
}
.price_column_wrap_inner .price_col:nth-child(3), .price_column_pro .price_column_wrap_inner .price_col.price_text:nth-child(4) {
    font-weight: bold;
}
.price_col:nth-child(2) , .price_column.price_column2.price_column_pro .price_col:nth-child(3) {
    font-size: 26px;
    font-weight: 700;
}
.price_col:nth-child(1) , .price_column.price_column2.price_column_pro   .price_col:nth-child(2) {
    border-bottom: none; 
    padding-bottom: 0px;
    font-size: 40px;
    font-weight: bold;
}
.price_col:nth-last-child(2) , .price_col:nth-last-child(1) {
    border-bottom: none;
}
/*.price_column.price_column2 .price_column_wrap{*/
/*    box-shadow: 0px 3px 30px #04182A5C;*/
/*}*/
.price_pro_tag {
    position: absolute;
    left: -34px;
    transform: rotate(-45deg);
    background: var(--gradient);
    color: #fff;
    padding: 4px 51px;
    top: 36px;
}
.price_text span {
    font-size: 33px;
}
.price_column_wrap_inner {
    overflow: hidden;
    position: relative;
}
.price_col {
    text-align: center;
}
.price_col img {
    display: inline-block;
}
.price_col .more {
    text-align: center;
    display: inline-block;
}