.kockpit-screen2-page{
    padding: 30px 0 60px;
    background: #fff;
    position: relative;
    z-index: 99;
    height: 100vh;
}
.heading-header-screen2 {
    text-align: center;
}
h4.header-heading-screen2 {
    font-size: 24px;
    font-weight: 600 !important;
}
.text-box-after-head {
    text-align: left;
    padding: 140px 10px;
}
h3.textbox-screen2-head1 {
    font-size: 36px;
    color: #fff;
}
h4.textbox-screen2-head1 {
    font-size: 26px;
    color: #fff;
    font-weight: 600 !important;
    padding: 10px 0px;
}
h6.textbox-screen2-head1 {
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.6px;
    color: #fff;
}
h2.secondary-title.screen2.text-center.color-black.aos-init.aos-animate {
    font-size: 16px;
    padding: 0px 80px;
    letter-spacing: 0.5px;
    line-height: 26px;
}
img.screen2-icon-card {
    padding: 10px;
}
.heading-header-screen2 {
    text-align: right;
    padding-right: 35px;
}

.business-form-screen2 {
    width: 100%;
    background: rgba(255, 255, 255, 0.25);
    padding: 50px 20px !important;
    border-radius: 5px !important;
    /* border: 1px solid; */
    max-width: 500px;
}

.contactbox-screen2 {
    padding: 50px 50px;
}

.contact-form.screen2 .form-field {
    position: relative;
    margin: 26px 0;
}

h3.screen2-contact-box {
    font-size: 24px;
    font-weight: 500 !important;
    padding-bottom: 10px;
    color: #fff;
}

.contact-form.screen2 .label {
    position: absolute;
    left: 15px;
    bottom: 11px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    /* color: #999999; */
    color: #fff;
    cursor: text;
    text-transform: capitalize;
    transition: transform 0.2s ease-in-out;
}
.contact-form.screen2 .input-text {
    display: block;
    width: 100%;
    height: 30px;
    border-width: 0 0 1px 0;
    /* border-color: #ccc; */
    border-color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
}

.service-card.screen2 {
    min-height: 200px;
}
section.kockpit-customer.testimonials {
    padding: 80px 0 180px;
}

.small-test-box {
    border: 1px solid #DDDDDD;
    padding: 15px 15px;
    border-radius: 10px;
}
.circle-test {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0px 0px 15px 0px;
    background: #AAAAAA;
}
h5.test-des {
    font-size: 16px;
    color: #AAAAAA;
}
p.test-saying {
    font-size: 14px;
    font-weight: 500 !important;
    color: #000000;
    opacity: 60%;
    margin-bottom: 0.5rem;
    line-height: 22px;
    letter-spacing: 0.6px;
}
.big-test-box {
    margin: 80px 0 20px 0;
}
h5.test-name {
    font-size: 18px;
    font-weight: 600 !important;
    margin: 10px 0;
}


/* aman code testimonial */

.card-container {
    overflow: hidden;
    display: flex;
    margin-bottom: 2rem;
    padding: 2rem 0;
}

.card {
    border: 1px solid #ddd;
    border-radius: 1rem;
    padding: 1.5rem .8rem;
    max-width: 20rem;
    width: 100%;
    margin: 1rem;
    display: none;
    cursor: pointer;
    transition: transform .3s ease;
}

.card:hover {
    transform: translateY(-1rem);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.card.active {
    display: inline-block;
}

.card .profile-pic {
    width: 150px;
    height: 75px;
    border-radius: 50%;
    margin-bottom: 1rem;
}
img.car-logo-screen2 {
    width: 100%;
}

.card .name {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: .5rem;
}

.card .title {
    font-weight: bold;
    color: #adadad;
}

.card .comment {
    color: #888;
    margin: 1.4rem 0;
}

.card .rating {
    font-size: 14px;
    color: rgb(95, 95, 95);
    font-weight: 500 !important;
}

.smallboxabout.screen2about {
    margin-left: 32% !important;
}

img.offering-img {
    width: 60px;
}
.logo-box-offering-screen2 {
    text-align: center;
    margin: 30px 30px;
    padding: 10px 0px;
    border-radius: 5px;
    background: #7c7c7c12;
    transition: 0.4s ease;
}
.logo-box-offering-screen2:hover {
    transform: scale(1.1);
}

.nav-btns {
    text-align: center;
}

.nav-btns button {
    border: none;
    padding: .5rem 1.2rem;
    font-size: 2rem;
    transition: background-color .2s ease;
    cursor: pointer;
    background-color: transparent;
    transition: transform .2s ease;
}

.nav-btns button:hover {
    background-color: #222;
    color: #fff;
}

.nav-btns button:active {
    transform: scale(.8);
}

.moveLeft {
    animation: moveLeft .3s ease;
}

.moveRight {
    animation: moveRight .3s ease;
}

@keyframes moveLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes moveRight {
    0% {
        transform: 0;
    }

    100% {
        transform: translateX(100%);
    }
}

.moveFromRight {
    animation: moveFromRight .3s ease;
}

@keyframes moveFromRight {
    0% {
        transform: translateX(100%) scale(.5);
        opacity: 0;
    }

    100% {
        transform: translateX(0) scale(1);
        opacity: 1;
    }
}

.moveFromLeft {
    animation: moveFromLeft .3s ease;
}

@keyframes moveFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-100%) scale(.5);
    }

    100% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

/* my mobile code for testimonial section */

.testimonial_slider_2{
	width:100%;
	border: 1px solid #ebebeb;
	overflow:hidden;
	box-sizing:border-box;
	padding-bottom:30px;
}
.testimonial_slider_2 input {
	display: none;
}

.testimonial_slider_2 #slide_2_1:checked ~ .boo_inner { margin-left:0; }
.testimonial_slider_2 #slide_2_2:checked ~ .boo_inner { margin-left:-100%; }
.testimonial_slider_2 #slide_2_3:checked ~ .boo_inner { margin-left:-200%; }
.testimonial_slider_2 #slide_2_4:checked ~ .boo_inner { margin-left:-300%; }
.testimonial_slider_2 .boo_inner {
	width:400%;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.testimonial_slider_2 .slide_content{
	width:25%;
	float:left;
}
.testimonial_slider_2 #controls {
	text-align:center;
}
.testimonial_slider_2 #controls label{
	width:8px;
	height:8px;
	margin:0 2px;
	display:inline-block;
	background:#999; /* Change controls background color */
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.testimonial_slider_2 #slide_2_1:checked ~ #controls label:nth-child(1), 
.testimonial_slider_2 #slide_2_2:checked ~ #controls label:nth-child(2), 
.testimonial_slider_2 #slide_2_3:checked ~ #controls label:nth-child(3), 
.testimonial_slider_2 #slide_2_4:checked ~ #controls label:nth-child(4){
	background:#000; /* Change controls background color when mouse click */
}
.testimonial_2 {
	font-size: 16px !important;
	color: #333; /* Change testimonial paragraph text color */
	padding: 30px 30px 23px;
}
.content_2 {
	position: relative;
	padding-left: 30px;
	margin-bottom: 30px;
}
.content_2:before,
.content_2:after {
	content: "";
	height: 15px;
	width: 19px;
	position: absolute;
}
.content_2:before {
	background: url(icon_testimonial_2_before.png) 0 0 no-repeat;
	left: 0;
}
.content_2:after {
	background: url(icon_testimonial_2_after.png) 0 0 no-repeat;
	margin: 5px 10px;
}
.testimonial_2 p {
	display: inline;
}
.author_2 {
	margin-left: 30px;
}
.author_2 h3 {
	color: #333; /* Change author text color */
	font-size: 13px;
	font-weight: 600px;
	padding: 0 0 5px;
}
.author_2 h4 {
	color: #333; /* Change author text color */
	font-size: 12px;
	font-weight: 400;
	padding: 0 0 5px;
}
.author_2 h4 a {
	color: #999; /* Change company text link color */
	text-decoration: none;
	position: relative;
	padding-bottom: 1px;
	overflow: hidden;
	border-bottom: 1px solid;
}
.author_2 h4 a:after {
	background: #999; /* Change company border link background color */
	height: 1px;
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.author_2 h4 a:hover {
	color: #000; /* Change company text link color when mouse over */
	border: none;
}
.author_2 h4 a:hover:after {
	border-color: #000;
	width: 100%;
}


@media only screen and (min-width: 320px) and (max-width: 767px){
    .kockpit-screen2-page {
        padding: 30px 0 60px;
        background: #fff;
        position: relative;
        z-index: 99;
        height: 180vh;
    }
    .text-box-after-head {
        text-align: left;
        padding: 80px 10px;
    }
    .contactbox-screen2 {
        padding: 0px 50px;
    }
}



@media only screen and (min-width: 1450px) and (max-width: 3000px){
    h3.textbox-screen2-head1 {
        font-size: 48px;
    }
    h6.textbox-screen2-head1 {
        font-weight: 300 !important;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.4px;
    }
    h4.textbox-screen2-head1 {
        font-size: 28px;
        font-weight: 600 !important;
        padding: 10px 0px;
    }
    .text-box-after-head {
        text-align: left;
        padding: 180px 10px;
    }
    .contactbox-screen2 {
        padding: 100px 50px;
    }
}