:root {
    --yellow: #f8c331;    
    --white: #fff;    
    --blue: #2b3e7e;    
   --lightblue: #f7f9ff;    
    --orange: #f5821f;    
    --black: #000000; 
    --grey:#666;
    --v3:3px;   
    --v5:5px;   
    --v10:10px;   
    --v12:12px;   
    --v14:14px; 
    --v15:15px;   
    --v16:16px;   
    --v17:17px;   
    --v18:18px;   
    --v19:19px;   
    --v20:20px;   
    --v22:22px;   
    --v24:24px;   
    --v25:25px;   
    --v26:26px;   
    --v28:28px;   
    --v30:30px;   
    --v32:32px;   
    --v34:34px;   
    --v35:35px;   
    --v36:36px;   
    --v38:38px;   
    --v40:40px;   
    --v45:45px;   
    --v50:50px;
    --v60:60px;
    --v70:70px;
    --v80:80px;
    --v90:90px;
    --v100:100px;
    --fw3:300;   
    --fw4:400;   
    --fw5:500;   
    --fw6:600;   
    --fw7:700; 
    --fw8:800;   
}

/*global*/
.text-gradiant-blueToYellow{ background: #2C3E7E;
    background: -webkit-linear-gradient(to right, #2C3E7E 0%, #C49B2B 100%);
    background: -moz-linear-gradient(to right, #2C3E7E 0%, #C49B2B 100%);
    background: linear-gradient(to right, #2C3E7E 0%, #C49B2B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .text-gradiant-whiteToYellow{ background: #FFFFFF;
    background: -webkit-linear-gradient(to right, #FFFFFF 0%, #f8c331 100%);
    background: -moz-linear-gradient(to right, #FFFFFF 0%, #f8c331 100%);
    background: linear-gradient(to right, #FFFFFF 0%, #f8c331 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

.text-gradiant-blackToBlue{ background: #000000;
    background: -webkit-linear-gradient(to right, #000000 0%, #5076FF 100%);
    background: -moz-linear-gradient(to right, #000000 0%, #5076FF 100%);
    background: linear-gradient(to right, #000000 0%, #5076FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

.text-gradiant-whiteToBlue{ background: #fff;
    background: -webkit-linear-gradient(to right, #fff 0%, #5076FF 100%);
    background: -moz-linear-gradient(to right, #fff 0%, #5076FF 100%);
    background: linear-gradient(to right, #fff 0%, #5076FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

body{margin: 0;padding:0px;font-family: 'Poppins', sans-serif; font-size:var(--v18);color:var(--black)}


a,button{transition: all 0.5s ease;}
button:focus, input:focus{outline: none;}
h2{font-size:var(--v40);font-weight:var(--fw7);color:var(--black); position: relative;}
.container{max-width:1260px;;}
.wrapper{margin:0px;padding:0px;}
ul{margin: 0;padding:0 0 0 var(--v25)}
header {
    padding: var(--v15) 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background:url(../images/header-round-shape.svg) no-repeat left top;
    z-index: 10;
    min-height: 175px;
    padding-top: 30px;
}
.header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-phone {
    display: flex;
    justify-content: flex-end;
    margin-right: 15px;
}
.header-phone li a {
    color: #2b3e7e;
    font-size: var(--v14);
}

.header-phone li:first-child {
    border: none;
}

.header-phone li {
    list-style: none;
    padding: 0 10px;
    border-left: solid 1px #2b3e7e;
    line-height: 10px;
}

.btn-callback {
    margin: 0;
    padding: 0;
}

.btn-callback a {
    background: var(--yellow);
    color: var(--black);
    padding: 10px 20px;
    border-radius: var(--v20);
    font-size: var(--v15);
    font-weight: var(--fw6);
}



.cmmi-logo{text-align: right;}

.main-banner{background:#aeb6d3  url(../images/watermark-logo-concreate.png) no-repeat top 68px center; min-height: 720px; position: relative;  padding:200px 0;   color:var(--white);font-size:var(--v20)}
.main-banner:after{content:""; background:url(../images/banner-outer-first.png) no-repeat center; position:absolute; left: 0px; right: 0px; bottom: 0px;  height: 286px; display: block;}

.banner-heading{text-align: center;margin:0 auto var(--v50); max-width: 1024px;}
.banner-subheading{font-size:var(--v25); color: #000000;}
.banner-heading span{color:var(--yellow);font-weight:var(--fw7);}
.main-banner h1{font-weight:var(--fw8);font-size:var(--v50);}
.main-banner li{margin-bottom:var(--v5);}
.form-section { margin-top: -320px;}
.form-section h3{ font-size: var(--v30); font-weight: var(--fw7);}

.caption-list.caption-list-dark ul {background:none; }
.caption-list ul{margin:var(--v0);padding:var(--v25);  background: #fff; display: block; border-radius:var(--v30); text-align: left; }
.caption-list ul li{background:url(../images/yellow-right.svg) left 5px no-repeat;margin-bottom: var(--v10); list-style: none;background-size:var(--v16);padding-left:var(--v30);font-size:var(--v18)}
.caption-list.caption-list-dark ul li{ color: var(--black); font-size: var(--v16); padding: 0px;padding-left:var(--v30); }
.caption-list ul.blue-arrow-left li{background:url(../images/blue-right.svg) left 5px no-repeat;}
.caption-list h4{ font-size:var(--v18); color: var(--black);}
.hire-rate{color:var(--yellow);font-size:var(--v22);margin-bottom:var(--v20); text-align: right; line-height: normal;}
.hire-rate span{font-weight:var(--fw7);font-size:var(--v30)}
.modal-body .booking-form{background:none;}

.booking-form{background:#2c3e7e;border-radius:var(--v30);padding:var(--v35); color:#fff;}
.booking-form h2{font-size:var(--v25);font-weight:var(--fw7);margin:var(--v0);padding:var(--v0);color:var(--white);}
.booking-form p{font-size:var(--v15);font-weight:var(--fw3);color:var(--white)}

.concreate-development{ position: relative; background: rgb(255,255,255);
    background: linear-gradient(25deg, rgba(255,255,255,1) 28%, rgba(161,196,253,1) 100%);}

.concreate-development:before{content:""; background:url(../images/section-curv-fliped.png) no-repeat center; position:absolute; left: 0px; right: 0px; top: -50px;   height: 286px; display: block;}
.innerbanner-development-sectionbg{background:url(../images/development-sectionbg.png) no-repeat center; background-size:cover ; padding:250px 0 100px 0; }    
.btn-link{color: #0073ec; text-decoration: none; } 
.btn-link i{background: #0073ec;  color: #fff; display: inline-block;  text-align:center; width: 35px; height: 35px; line-height: 35px;}    
.btn-link:hover{color: #0073ec; text-decoration: none; } 
.development-block{ transition: all ease-in-out 0.5s; border-left: 6px solid #0073ec; border-right: 6px solid #0073ec; position: relative; padding: 50px 0 0 0; margin: 30px 0;}
.development-block h3{font-size: var(--v20); font-weight: var(--fw6); margin:50px 0}
.development-block:before{content:""; position: absolute; left: 0px; top: 0px; width: 50px; height: 6px; background: #0073ec; display: inline-block;}
.development-block:after{content:""; position: absolute; left: 0px; bottom: 0px; width: 50px; height: 6px; background: #0073ec; display: inline-block;}

.development-block-inner:before{content:""; position: absolute; right: 0px; top: 0px; width: 50px; height: 6px; background: #0073ec; display: inline-block;}
.development-block-inner:after{content:""; position: absolute; right: 0px; bottom: 0px; width: 50px; height: 6px; background: #0073ec; display: inline-block;}

.concreate-development h4{ font-size: var(--v18);} 


.booking-form small{font-size:var(--v12);}
.booking-form form{margin:var(--v0) 0;}
.section-heading{max-width:900px;margin: auto;}
.booking-form label{font-size:var(--v14);margin-bottom:var(--v0);}
.booking-form ul{margin:var(--v0);padding:var(--v0)}
.booking-form ul li{list-style: none;}
.booking-form .styled-checkbox + label:before{width: 16px;min-width: 16px;height: 16px; background: none;border: solid 1px var(--white);border-radius:var(--v3);}
.booking-form .styled-checkbox:checked + label:after {left: 2px;top: 3px;width: 13px;height: 13px;bottom:inherit;}
.booking-form .styled-checkbox:checked + label:before{background:var(--white)}

.booking-form button{font-size:var(--v20);font-weight:var(--fw7);text-transform: uppercase;width:100%;max-width: 280px;margin:auto;display: block;}
.btn{padding:var(--v15) var(--v45);border-radius:var(--v5);font-weight:var(--fw7);font-size:var(--v22);transition: all 0.5s ease;}
.btn:hover{background:var(--grey);color:var(--white)}
.btn-yellow{background:var(--yellow);color:var(--black)}
.btn-blue{background:#5882fd;color:var(--white)}
.btn-black{background:var(--black);color:var(--white)}

.form-control{border: none;padding:var(--v10);height: auto;font-size:var(--v14);color:var(--black)}
textarea.form-control{max-height:150px;}
.privacy-link{font-size:var(--v12);margin-bottom:var(--v20);}
.privacy-link a{color:var(--yellow)}

.client-served{padding:100px 0; margin-bottom:15px; background:#fff url(../images/client-served-bottom-bg.png) no-repeat bottom center;}
.served-box{border-radius:var(--v20);padding:var(--v30) 0;color:var(--black);font-size:var(--v20);}
.served-box h2{font-weight:var(--fw7);}
.heading-border h2{padding-bottom:var(--v15);margin-bottom:var(--v20);}
.heading-border h2:after{content:'';width:210px;height:var(--v5);background:var(--yellow);position: absolute;bottom: 0;display: block;}

.logo-box{box-shadow: 1px 0 15px rgba(0,0,0,0.1); background: var(--white); border: solid 1px #f2f2f2;border-radius:var(--v10);height:110px;margin:0 1% 2%; display: flex; align-items: center;justify-content: center;padding:var(--v15);width:23%}

.logo-column-6 .logo-box{width:16%}



.logo-box img{max-height: 70px;width: auto !important;}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{ position: absolute;border-radius:var(--v50); top: 0;bottom: 0;margin: auto;width:var(--v40);height:var(--v40);background-size:20px 20px ;
    background-repeat: no-repeat; background-position:center;background-color:var(--yellow);}
.owl-nav span{font-size:var(--v0); display: none;}
.owl-carousel .owl-nav button.owl-prev{left: 0;background-image:url(../images/arrow-prev.svg) ;}
.owl-carousel .owl-nav button.owl-next{background-image:url(../images/arrow-next.svg);right: 0;}
.logo-slider.owl-carousel .owl-nav button.owl-next{right:0px;;}
.logo-slider{padding:0 0px;position: relative; margin-left:0px;padding-right:var(--v0);display: flex;flex-wrap: wrap}
.framework-columns{padding:var(--v50) 0}
.heading-border.text-center h2:after{margin: auto;left: 0;right: 0;}

.why-choose{background:url(../images/dotted-shape.png) left top no-repeat;padding:var(--v50) 0}
.why-choose ul{margin:var(--v0);padding:50px 0 20px;display: flex; justify-content: center;}
.why-choose ul li{ list-style: none;width:16.66%}
.why-choose ul li h4{font-size:var(--v16);font-weight:var(--fw6);max-width: 130px;margin: auto;text-align: center;}
.why-choose ul li h4 span{color:var(--blue);}
.why-choose .choose-icon{width: 100px;height: 100px;border: solid 1px var(--black);border-radius:50%;display: flex; align-items: center; justify-content: center;margin:0 auto 10px;}
.reviews-outer{ position: relative; background: rgb(255,255,255);
    background: linear-gradient(25deg, rgba(255,255,255,1) 28%, rgba(248,195,49,1) 100%);
    }
    .reviews-outer:before {
        content: "";
        background: url(../images/section-curv-fliped.png) no-repeat center;
        position: absolute;
        left: 0px;
        right: 0px;
        top: -50px;
        height: 286px;
        display: block;
    }

.reviews{padding:200px 0 50px 0;background:url(../images/world-map.png) center 50px no-repeat}


.review-slider{margin:var(--v50) 0 0}
.review-slider .item{ height: 100%;}
.review-slider .owl-stage{display: flex;}
.review-box-outer{ padding: 15px; position: relative; height: 100%;}
.review-box-outer:after{content: "";  background:#3f58af; z-index: 2; border-radius: 15px; position: absolute; left: 0px; right:20%; display: block;  top: 0px; bottom: 100px;}

.review-box{ position: relative; z-index: 3; box-shadow: 0 5px 15px rgba(0,0,0,0.1);  background:#fff url(../images/blockquote.png) 20px 20px no-repeat;border-radius:var(--v10); height: 100%;padding:var(--v70) var(--v25) var(--v25);font-size:var(--v15)}

.review-box h4{font-size:var(--v16);color:var(--blue);font-weight:var(--fw6);}
.review-box h5{font-size:var(--v14)}

.webdev-concreate{padding:var(--v20) 0 var(--v0);margin:var(--v0)}
.webdev-concreate-header{padding:var(--v70) 0 var(--v30);color:var(--black);text-align: center;margin-bottom:0px; position: relative;}
.webdev-concreate h2{color:var(--yellow);font-weight:var(--fw7);}
.framework-list{margin:var(--v0);padding:var(--v0);margin-top:118px}
.framework-list li{list-style: none;text-align: left;background:var(--yellow) url(../images/right.svg) 10px center no-repeat;color:var(--black);margin-bottom:var(--v10);padding:10px 10px 10px 45px;
    font-weight:var(--fw6);background-size:20px}

.our-exp{padding:var(--v70) 0 0 0;color:var(--white); margin-bottom: 0;}
.our-exp h2{color:var(--white);padding-bottom:var(--v10);}
.inner-exp-section-blue{ padding: var(--v40); background:var(--blue);}
.inner-exp-section-gray{ padding: var(--v40); background:var(--blue);}

.exp-feature{padding:var(--v40); background: var(--lightblue);}
.exp-feature ul{margin:0px;padding:0px;}
.exp-feature ul li{ list-style: none;padding:var(--v15) 0;display: flex; align-items: center;}
.exp-feature ul li img{margin-right:var(--v15);max-width:40px;}
.spiner-logo{position: absolute; left: 0;right: 0;top: 0;bottom: 0;margin: auto; width: 192px;}
.circle-spin{position: relative;}

.work-portfolio{padding:150px 0 0 0}
.work-portfolio .section-heading{padding-bottom:var(--v30);}
.work-portfolio .logo-box {height: auto;width:auto;padding:var(--v10)}
.work-portfolio .logo-box img{max-height:inherit; width: 100% !important;}
.portfolio-slider .owl-nav button.owl-next{right:-15px}
.portfolio-slider .owl-nav button.owl-prev{left:-15px}

.hire-steps{background:#fefaec; padding:var(--v70) 0 var(--v90) 0}
.step{font-size:100px;color:var(--black);opacity:0.3;font-weight:var(--fw7);padding-right:var(--v15);}
.steps{display: flex;align-items: center;max-width: 400px;justify-content: flex-start;margin: auto;}
.steps-view{display:flex;padding:0px;max-width: 1000px;margin: auto;}
.steps-view li{list-style: none;width:25%;padding:0 var(--v10); position: relative;}
.step-box{display:flex;align-items: center; justify-content: center;padding:var(--v20);height:100%; position: relative;}
.step-box .step-circle img{position: relative;max-width: 100%;margin-right: 0;}
.step-box img{position: absolute;max-width:80px; display: flex;justify-content: center; align-items: center;margin-right:var(--v25)}
.hire-steps .btn{margin-top:var(--v50)}
.steps-view li:last-child img{margin-right: 0;}
  
.awards{background:#fff url(../images/award-section-bg.png) no-repeat right top;padding:200px 0 0 0; position: relative;}

.awards::before {
    content: "";
    background: url("../images/section-curv-fliped-colored.png") center center no-repeat;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -50px;
    height: 286px;
    display: block;
}



.award-list{margin:0;padding:0; display: flex;}
.award-list li{ list-style: none;margin:0 10px;}
.award-list li span{ display: inline-block; position: relative;}
.award-list li span img{ z-index: 3;  position: relative; width: 300px;}

.award-list li span:after {
    content: "";
    background: #f8c331;
    z-index: 1;
    border-radius: 15px;
    position: absolute;
    right: -20px;
    left: 20%;
    display: block;
    top: 50px;
    bottom: -20px;
}

footer.foot-bg {
    background: #222c35 none repeat scroll 0 0;
    padding:0px 0 0;
}
footer .footinfo {
    background: #1b232a;
    padding: 20px;
    margin:0px 0 0;
}
footer .footinfo .ftr-hd {
    color: #ababab;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    margin: 20px 0 10px;
    padding: 0;
    text-transform: uppercase;
}
footer .footinfo a {
    color: #8d8d8d;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 0 4px 0 0;
}
footer .footinfo a::after {
    display: inline-block;
    content: "|";
    color: #8d8d8d;
    margin: 0 0 0 7px;
}
.cmmi-info-top, .cmmi-info-bottom {
    background: rgba(0,0,0,0) url(../images/info-icon-new.png) no-repeat scroll center center;
    display: block!important;
    font-size: 0!important;
    height: 16px;
    margin: 0!important;
    padding: 0!important;
    position: absolute;
    right: -8px;
    top: -8px;
    width: 16px;
}
.cmmi-ftr-logo {
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: middle;
    width: 190px;
    position: relative;
}
.logo img, img {
    max-width: 100%;
}

footer.foot-bg {
    background: #222c35 none repeat scroll 0 0;
    padding:40px 0;
    color:#fff;
}
footer .footinfo {
    background: #1b232a;
    padding: 20px;
    margin:0px 0 0;
}
footer .footinfo .ftr-hd {
    color: #ababab;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    margin: 20px 0 10px;
    padding: 0;
    text-transform: uppercase;
}
footer .footinfo a {
    color: #8d8d8d;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 0 4px 0 0;
}
footer .footinfo a::after {
    display: inline-block;
    content: "|";
    color: #8d8d8d;
    margin: 0 0 0 7px;
}
.cmmi-info-top, .cmmi-info-bottom {
    background: rgba(0,0,0,0) url(../images/info-icon-new.png) no-repeat scroll center center;
    display: block!important;
    font-size: 0!important;
    height: 16px;
    margin: 0!important;
    padding: 0!important;
    position: absolute;
    right: -8px;
    top: -8px;
    width: 16px;
}
.cmmi-ftr-logo {
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: middle;
    width: 190px;
    position: relative;
}
.logo img, img {
    max-width: 100%;
}

.iso-logos{margin-bottom:var(--v20);text-align: right;}
.iso-logos img{margin-left: 10px;}

footer a:hover{text-decoration: none;}

footer .footbar .footbarleft.footlink a {
    color: #606060;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 28px 0 0;
}

.social a {
    color: #5a5a5a;
    display: inline-block;
    font-size: 23px;
    margin: 0 15px 0 0;
}
.social.text-right {
    margin-top: 7px;
}
footer .footbar .footbarleft.footlink p a {
    color: #666;
    margin: 0;
    text-transform: none;
    font-weight: 300;
}
footer .footbar .footbarleft.footlink p {
    font-size: 14px;
    color: #666;
    font-weight: 300;
    margin: 5px 0 0;
}
footer .footbar {
    background: #14191e;
    padding: 15px 0;
}
.address.full{margin-bottom:20px;}
.ds-logo-block {
    padding: 20px 0 0;
}
footer .email-address{margin-top:20px;}


.copyright{background:#fff;padding:20px 30px;color:#222c35;font-size: 15px;}


.styled-checkbox { 
    position: absolute;
    opacity: 0;
  }
  .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
  }
  .styled-checkbox + label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width:30px;
    min-width:30px;
    height:30px;
    background: white;
  }
  .styled-checkbox:hover + label:before {
    background:white;
  }
 
  .styled-checkbox:checked + label:before {
    background: #fff;
  }
  .styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
  }
  .styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
  }
  .styled-checkbox:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top:0;
    background:url(../images/right.svg) center top no-repeat;
    width: 20px;
    height:20px;
    display: block;
    bottom: 0;
    margin: auto;
  }

  .w3-spin{animation:w3-spin 20s infinite linear}
  @keyframes 
  w3-spin{
      0%
    {transform:rotate(0deg)
    }
    100%{transform:rotate(359deg)}
}

.modal-body .booking-form{padding:40px 10px;color:#000;text-align: left;}
.modal-body .booking-form input{border: solid 1px #666;}
.modal-body .booking-form textarea{border: solid 1px #666;}
.modal-body .booking-form h2{color:#000}
.modal-body .booking-form .styled-checkbox + label:before{border: solid 1px #000;}
.modal-body .booking-form .styled-checkbox + label:after{display: block;}
.modal-content .close-btn{position: absolute;right:15px;top:15px;z-index: 10;}
.modal-body .hire-rate{color:#2b3e7e;line-height: 25px;}

.reason-to-choose{padding:50px 0;background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 2%, rgba(174,194,214,1) 100%);}

.office-address{padding:25px 0;font-size:var(--v15);}
.office-address h3{font-size: 20px;}
.office-address strong, .office-address a{color:var(--yellow)}
.office-address p{margin:0 0 8px}
.email-address h3{font-size:20px;}
.email-address a{color:var(--yellow)}

.need-talk{ color: var(--white); position: relative; background:#3f58af url(../images/watermark-logo-concreate.png) right top no-repeat; padding:100px 0; background-blend-mode: color-burn;}
.need-talk::before {
    content: "";
    background: url("../images/section-curv-fliped-colored02.png") center center no-repeat;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -100px;
    height: 286px;
    display: block;
}

.need-talk h2 span{display:block;font-size:40px; margin-bottom: 35px;}
.need-talk h2 img{display:inline-block; vertical-align:middle; max-width:120px;}
.gray-spacer{  background: #f7f9ff; padding: 200px 0 0 0; margin-top: -100px;}
.extra-spaced{padding-left: 80px; padding-right: 80px;}


/*flip tranisition*/
/* .card-wrapper {
    display: inline-block;
    perspective: 1000px;
  }
  .card-wrapper .card {
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transform-style: preserve-3d;
  }
  .card-wrapper .card .front,
  .card-wrapper .card .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform: rotateX(0deg);
  }
  .card-wrapper .card .front {
    z-index: 2;
  }
  .card-wrapper .card .back,
  .card-wrapper.flip-right .card .back {
    transform: rotateY(180deg);
  }
  .card-wrapper:hover .card,
  .card-wrapper.flip-right:hover .card {
    transform: rotateY(180deg);
  }
  .card-wrapper.flip-left .card .back {
    transform: rotateY(-180deg);
  }
  .card-wrapper.flip-left:hover .card,  .development-block:hover .card {
    transform: rotateY(-180deg);
  }
  .card-wrapper.flip-up .card .back {
    transform: rotateX(180deg);
  }
  .card-wrapper.flip-up:hover .card {
    transform: rotateX(180deg);
  }
  .card-wrapper.flip-down .card .back {
    transform: rotateX(-180deg);
  }
  .card-wrapper.flip-down:hover .card {
    transform: rotateX(-180deg);
  }
  .card-wrapper.flip-diagonal-right .card .back {
    transform: rotate3d(1, 1, 0, 180deg);
  }
  .card-wrapper.flip-diagonal-right:hover .card {
    transform: rotate3d(1, 1, 0, 180deg);
  }
  .card-wrapper.flip-diagonal-left .card .back {
    transform: rotate3d(1, 1, 0, -180deg);
  }
  .card-wrapper.flip-diagonal-left:hover .card {
    transform: rotate3d(1, 1, 0, -180deg);
  }
  .card-wrapper.flip-inverted-diagonal-right .card .back {
    transform: rotate3d(-1, 1, 0, 180deg);
  }
  .card-wrapper.flip-inverted-diagonal-right:hover .card {
    transform: rotate3d(-1, 1, 0, 180deg);
  }
  .card-wrapper.flip-inverted-diagonal-left .card .back {
    transform: rotate3d(1, -1, 0, 180deg);
  }
  .card-wrapper.flip-inverted-diagonal-left:hover .card {
    transform: rotate3d(1, -1, 0, 180deg);
  }
  */
  .card-wrapper,
  .development-block .card {
    width: 100%;
    min-height:270px;
    background: none;
    border:0px;
  }
  .card .front,
  .card .back {
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    flex-wrap: wrap;
    display: flex;
  }
  .card .front {
    font-weight: 700;
    font-size: 16px;

  }
  .card .back {
    font-size: 16px;
    padding: 30px ;
  }
  
/* .development-block:hover{ background: #fff; } */ 
.header-inverse{background: #fff; min-height: 100px; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.no-bg{ background: #fff !important;}

.is-invalid{
    color: #efb2b2;
    font-size: 14px;
margin-top: 4px;}

.logo-slider.logo-column-6{ justify-content:center}

#loading_image {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
#loading_image:before {
    content: '';
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}
#loading_image img {
    position: relative;
    z-index: 11;
    max-width: 60px;
}