body{background: #070b17;color: #fff;}

/*===================================================case-study **/
.card {background: #101729; border: 1px solid #51412f;transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);overflow: hidden;border-radius: 20px;min-height: 400px;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);}
@media (max-width: 768px) {
.card {min-height: 350px;}
}
@media (max-width: 420px) {
.card {min-height: 300px;}
}

.card.card-has-bg {transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);background-size: 100%;background-repeat: no-repeat;background-position: center center;}
.card.card-has-bg:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: inherit;
-webkit-filter: grayscale(1);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.card.card-has-bg:hover {transform: scale(0.98);box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.3);background-size: 110%;transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);}
.card.card-has-bg:hover .card-img-overlay {transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);background: #101729;background: linear-gradient(0deg, rgba(16, 23, 41, 1) 0%, #101729 100%);}

.card .card-footer {background: none;border-top: none;}
.card .card-footer .media img {border: solid 3px rgba(255, 255, 255, 0.3);}

.card .card-body {transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);}
.card .card-body .card-meta {color: #78da89;}
.card .card-body .card-title a{color:#f3c04b; text-decoration: none;}
.card:hover {cursor: pointer;transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);}
.card:hover .card-body {margin-top: 30px;transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);}
.card .card-img-overlay {transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);background: #101729;background: linear-gradient(0deg, rgba(16, 23, 41, 0.3785889356) 0%, #101729 100%);}


.dynamic-bg-casestudy{width: 100%;height: auto;}

/*===================================================case-study-details **/
/*-------top-fold-contact-form-1-----*/
.btn,
.form-control{font-size: calc(0.15rem + 1vw);}
input::placeholder{font-size: calc(0.15rem + 1vw);}

.download-pdf{position: relative;}
.download-pdf h4{font-size: 2rem;font-weight: 600;text-align:center;padding: 30px 40px;}
/* .download-pdf .innercontent{background: #ffffff;padding:40px;border:0px;box-shadow: 0 3px 8px rgb(0 0 0 / 0.2);} */
.download-pdf .innercontent{padding: 2rem;border-radius: 1rem;background: #101729;box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);border: 1px solid #20293a;}

.form-floating label {color: #aaa;}
.form-floating > label {left: 10px;}

.form-floating > .form-control,
.form-floating > .form-select {background-color: #20293a !important;border: 1px solid #333f51 !important;color: #fff !important;height: auto;}
.form-floating > .form-control:focus,
.form-floating > .form-select:focus {background-color: #20293a !important;border-color: #479fca;box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);color: #fff;}

.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {color: #fff;font-weight: 400;top: -16px;}

.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {background-color: #009dff;}

.form-floating > textarea.form-control {min-height: 200px;}




/*==================================================== BIG  RESPONSIVE DESIGN ==========================================*/
@media (min-width: 3800px) {/*3840 x 2160*/

}
@media (min-width: 3400px) {/*3456 x 2234*/

}
@media (min-width: 2500px) {/*2560 x 1440*/

}
@media (min-width: 1900px) {/*1920 x 1080*/
}
@media (min-width: 1800px) {
}
@media (min-width: 1600px) {
}
@media (min-width: 1400px) {
}

/*====================================================  RESPONSIVE DESIGN ==========================================*/
@media (max-width: 1300px){

}
@media (max-width: 1230px){

}
@media (max-width: 1199px) {

}
@media (max-width: 991px) {
    
}
@media (max-width: 799px){

}
@media (max-width: 768px) {

}
@media (min-width: 768px) {/*e*/

}
@media only screen and (max-width: 767px) {

}
@media (max-width: 640px) {/*e*/

}
@media (max-width: 600px){

}
@media only screen and (max-width: 575px) {

}
@media (max-width: 480px) {

}
@media (max-width: 360px) {

}
@media (max-width: 320px) {/*e*/

}