/*!
Theme Name: DriveShaftSpecialists
Author: CasaPixel
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: driveshaftspecialists
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.



/*CSS*/

/*@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/Opensans-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}*/
header{
    padding:24px;
    background-color: #fff;
    position: fixed;
    width:100%;
    z-index:2;
}
h2{
    font-family: 'Roboto';
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
}
h3{
    font-family: 'Roboto';
    font-weight: 500;
    font-size:24px;
    line-height:32px;
}
p{
    font-family : 'Open Sans';
    font-weight: 400;
    font-size:16px;
    line-height: 24px;
    /*margin-bottom: 24px;*/
}
body{
    margin-top:0px;
   background-color:#F3F6F9;
}
.main-navigation a{
	font-family: 'Roboto';
	color: #000000;
	font-weight:600;
	font-size:16px;
	line-height:24px;
    letter-spacing: 0.5px;
    text-decoration:none;
}
.main-navigation ul{
	display: flex;
    list-style: none;
}
.main-navigation ul li{
	padding:0px 8px;
    text-align:center;
}
.main-navigation ul a:hover{
	text-decoration:underline;
	color: #37A252;

}
#rmp_menu_trigger-515 {
    top: 20px;
    z-index: 101;
}
.mobile{
    position: fixed;
    width: 100%;
    padding: 12px;
    margin-top: -100px;
    border-bottom: 2px solid #37a252;
    z-index:100;
}
.desktop{
    margin-top:-120px;
    z-index:99999;
}
footer {
    border-top: 2px solid #37A252;
    background: #F3F6F9;
}
footer p a{
	color: #000;
}
.site-footer{
    padding:80px 200px;
}
.site-info p{
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
.text-footer p{
    color: #000;
    font-family: 'Open Sans';
    font-weight:400;
    font-size:14px;
    line-height: 22.4px;
}
.text-footer span{
    color: #000;
    /*font-family: 'Roboto';*/
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; 
    letter-spacing: 0.5px;
}
.text-footer{
    margin-right:30%;
}
footer hr{
    background-color:#37A252;
    /*width:100% !important;*/
    height:2px;
    margin-left:0%;
    opacity:0.5;
    position:relative;
}
.socials img{
    margin-right:12px;
    /*width:40px;*/
}
.white-text{
    color:#fff;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align:right;
}
.button-phone{
    background: #fff;
    border: 1px solid #37A252 !important;
    border-radius: 12px;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #000000;
    margin: 0px 12px;
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    padding: 4px;
}
.button-phone a{
    color: #000;
    text-align: center;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    text-decoration:none;
}
.button-phone .tag{
    color: #000;
    text-align: center;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
}
.button-phone{
    display: block;
    position: relative;
    right: -85px;
}
header .button-drive{
    display: inline-block;
    margin-bottom:0px;
    padding: 17px 28px;
}
.button-drive{
    background: #37A252;
    font-family: 'Roboto';
    font-weight: 500;
    font-size:16px;
    line-height:24px;
    letter-spacing: 0.5px;
    color:#fff;
    padding:12px 28px;
    border:none;
    border-radius:8px;
    margin-bottom:64px;
    text-decoration: none;
}
.green{
    background-color: #37A252;
}
.hero h1{
    font-family: 'Roboto';
    font-weight:500;
    font-size:48px;
    line-height:52px;
}
.hero p{
    font-family: 'Open Sans';
    font-weight:200;
    font-size:18px;
    line-height:28.8px;
    margin: 32px 225px;
}
.hero img{
    max-width:80%;
    margin-top: 64px;
}
.bg-hero{
    background-repeat: no-repeat;
    background-size:cover;
    padding: 80px 160px 40px 160px;
    background-position: center;
}
/*.nav-driveshaft {
	position: relative;
}
.nav-centered{
	margin: 0;
    position: absolute;
    top: 50%;
    left: 42%;
    transform: translate(-50%, -50%);
}*/
/*.p-section{
    padding: 80px 0px;
}*/
.solutions {
    background: #f2f5f8;
    padding: 80px 0px 20px 0px;
}
.solutions h2{
    margin-bottom:24px;
}
.solutions h3{
    margin-top:12px;
    margin-bottom:16px;
}
/*.solutions .col-solutions p{
    height:120px !important;
    margin-right:60px !important;
    margin-bottom:24px;
}*/
.solutions .col-solutions .description{
    margin: 0px 35px 24px 0px;
    height: 125px;
}
.solutions .col-solutions .div-button{
    margin-bottom:60px;
}
.solutions .text-center p{
    padding: 0px 275px !important;
    margin-bottom:64px;
}   
/*.solutions .col-solutions{
    height: 595px !important;
    overflow: hidden !important;
}*/
.solutions .col-solutions img{
    margin-top:0px !important;
    width:100%
}
.solutions .last-col p{
    margin-top:8px;
    height:auto;
}
.solutions .last-col {
    padding: 0px 140px 0px 80px !important;
}
.solutions .last-col span {
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
}
.solutions .last-col a{
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    color: #37A252;
    text-decoration: none;;
}
.about, .contact-us, .expert-solutions-inside, .measure-diagrams, .card-form, .shipping, .driveshafts, .pinion{
    padding:80px 0px;
    scroll-margin-top: 200px;
    scroll-behavior: smooth;
}
.about span{
    color: #000;
    font-family: 'Roboto';
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; 
}
.about p{
    margin:32px 0px;
}
.about .col-md-4 p{
    padding:0px 10px;
    text-align: center;
}
.about .text-align-center{
    text-align: center;
}
.about .row-about .col-md-4{
    height:110px;
}
.about .row-about .col-md-4 .title{
    margin-top:-30px;
    text-align:center;
}
.team p{
    color: #161C2D;
}
.team .text-center p{
    padding: 0px 265px;
    margin-bottom:64px;
}
.team h2{
    margin-bottom:24px;
}
.team h3{
    margin:24px 0px 16px 0px;
}
.team img{
    height:354px;
}
.team .row-team{
    padding-bottom:80px;
    text-align: justify;
}
.gradient-banner .row{
    height:400px;
}
.bg-gradient{
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    /*padding: 40px 0px;*/
}
.gradient-banner h2{
    font-family: 'Roboto';
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    margin-bottom:32px;
}
.gradient-banner .col{
    padding: 0px 950px 0px 0px;
}

.testimonials{
    padding:80px 0px 0px 0px;
}
.testimonials p{
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
}
.testimonials .dots{
    position: relative;
    top: -90px;
    width: 140px !important;
    height: 130px;
    left: 20px;
}
.testimonials .img-item{
    float: right;
    width: 85% !important;
}
.testimonials .carousel-indicators {
    margin-right: 0%;
    margin-bottom: 4rem;
    margin-left: 10%;
}
.testimonials .carousel img{
    width:100%;
}
.testimonials .carousel-control-prev {
    left: -70px;
}
.testimonials .carousel-control-next{
    right:-70px;
}
.testimonials p{
    margin-top:32px;
    margin-bottom: 32px;
}
.testimonials .name{
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.8px;
}
.testimonials .vehicle{
    color: #000;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
}
.testimonials h2{
    margin-top: 60px;
}
.carousel .slide-text{
    padding: 0px 110px 0px 30px;

}
.carousel-indicators [data-bs-target]{
    border-top:none;
    border-bottom:none;
}
.carousel .carousel-indicators button {
    width: 10px;
   height: 10px;
   /*border-radius: 100%;*/
 }
.carousel-control-prev-icon {
    background-image: url('/wp-content/uploads/2024/10/Vector-Stroke.png');
    height: 30px;
    width: 18px;
    background-size: contain;
}
.carousel-control-next-icon {
    background-image: url('/wp-content/uploads/2024/10/Vector-Stroke-1.png');
    height: 30px;
    width: 18px;
    background-size: contain;
}
.carousel-indicators {
   margin-right:0%;
   margin-bottom:2rem;
   margin-left:50%;
   z-index:1;
}
.carousel-indicators button.active{
    background-color: #37A252 !important;
    height: 10px;
    /*border-radius: 100%;*/
    width: 32px !important;
}
.carousel-indicators button{
    background-color:#B8B8B8 !important;
    border-radius: 50px;
    height:8px !important;
    width:8px !important;
    transition: width 0.5s !important;
}
.contact-us{
    margin-top:40px;
}
.contact-us form{
    margin-top:0px;
}
.contact-us p{
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px
}
.contact-us img{
    margin-top:16px;
}
.contact-us label{
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    width:100%;
}
input, select{
    height:46px;
    width: 100%;;
}
.contact-us label span input, .contact-us label span textarea, .contact-us label span select {
    width:100%;
    background-color: #37A25226;
    border: none;
    margin-top:16px;
}
.wpcf7-submit{
    background: #37A252;
    border-radius: 8px;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    border: none;
    color: #fff;
}
.extra-80{
    padding:0px 0px 80px 0px;
}
.page-id-27 .contact-us {
    padding:0px 0px 80px 0px;
}
.breadcrumbs img{
    height: 13.29px;
    width: 7.64px;
    margin: 0px 16px;
}
.breadcrumbs{
    padding:12px 0px;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    color: #000;
}
.bg-hero-inner{
    height: 264px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero-inner p {
    margin: 32px 300px;
}
.hero-inner h2{
    font-family: 'Roboto';
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    color:#000;
    margin-bottom: 0px;
}
.no-padding{
    padding: 0px;
}
hr{
    width: 65% !important;
    height:1px;
    margin-left: 26%;
    background-color: #37A252;
    margin-top: 18px !important;
    position: absolute;
    border:none;
    opacity:1;
}
.expert-solutions{
    padding:64px 0px;
}
.expert-solutions .outside{
    padding-top:48px;
}
.expert-solutions .outside h3{
    margin-bottom:36px;
    text-align: left;
    position: relative;
}
.expert-solutions .outside h3 span, .expert-solutions-ford h3 span, .import .imports-logos h3 span, .driveshafts .first-section h2 span, .driveshafts .second-section h2 span, .driveshafts .pricing h3 span, .internal-modal .row-table h3 span, .gral-section h2 span, .example h2 span{
    background: #f3f6f9;
    z-index: 99;
    position: relative;
    padding: 0px 16px 0px 0px;
}
.expert-solutions .outside h3::after{
    content: '';
    position: absolute;
    width: 99%;
    height: 1px;
    left: 12px;
    top: 50%;
    background: #37A252;
    z-index: 50;
}
.driveshafts .first-section h2::after{
    content: '';
    position: absolute;
    width: 99%;
    height: 1px;
    left: 12px;
    top: 50%;
    background: #37A252;
    z-index: 50;
}
.driveshafts .second-section h2::after{
    content: '';
    position: absolute;
    width: 99%;
    height: 1px;
    left: 12px;
    top: 50%;
    background: #37A252;
    z-index: 50;
}
.driveshafts .pricing h3::after{
    content: '';
    position: absolute;
    width: 99%;
    height: 1px;
    left: 12px;
    top: 50%;
    background: #37A252;
    z-index: 50;
}
.gral-section h2::after{
    content: '';
    position: absolute;
    width: 99%;
    height: 1px;
    left: 12px;
    top: 50%;
    background: #37A252;
    z-index: 50;
}
.example h2::after{
    content: '';
    position: absolute;
    width: 99%;
    height: 1px;
    left: 12px;
    top: 50%;
    background: #37A252;
    z-index: 50;
}
.pinion h2::after{
    content: '';
    position: absolute;
    width: 99%;
    height: 1px;
    left: 12px;
    top: 50%;
    background: #37A252;
    z-index: 50;
}
#mopar h2::after{
    content: '';
    position: absolute;
    width: 99%;
    height: 1px;
    left: 12px;
    top: 50%;
    background: #37A252;
    z-index: 50;
}
.pinion h2 span{
    font-family: 'Roboto';
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
}
.sticky{
    position: sticky;
    top: 9.5rem;
    z-index: 100;
}
.internal-modal .row-table h3::after{
    content: '';
    position: absolute;
    width: 98%;
    height: 1px;
    left: 12px;
    top: 50%;
    background: #37A252;
    z-index: 50;
}
table{
    width:100%;
   
}
tbody, .shipping, .pinion{
    background-color: #fff;
}
th{
    width:25%;
}
th, td{
    padding:4px !important;
}
.table tr:first-child{
    --bs-table-bg: #37A252;
    --bs-table-color: #fff;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.5px;
}
.table td{
    font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22.4px;
}
tr {
    border-color: transparent;
}
.table tr:first-child th:first-child{
    border-top-left-radius: 12px;
}
.table tr:last-child td:first-child{
    border-bottom-left-radius: 12px;
}
.table tr:first-child th:last-child{
    border-top-right-radius: 12px;
}
.table tr:last-child td:last-child{
    border-bottom-right-radius: 12px;
}
.row-table-full .table tr:first-child th:first-child{
    border-top-left-radius: 32px;
}
.row-table-full .table tr:last-child td:first-child{
    border-bottom-left-radius: 32px;
    border:none;
}
.row-table-full .table tr:last-child td:nth-child(2){
    border:none;
}
.row-table-full .table tr:first-child th:last-child{
    border-top-right-radius: 32px;
}
.row-table-full .table tr:last-child td:last-child{
    border-bottom-right-radius: 32px;
}
.row-table-full table{
    margin:0px;
}
.expert-solutions-inside, .measure-diagrams, .about{
    background-color: #fff;
}
.expert-solutions-inside .row-tables-inside{
    margin-bottom:46px;
}
.expert-solutions-inside table td{
    background-color: #F3F6F9;
}
.expert-solutions-inside .inside-image{
    border-radius:8px;
    height: 270px;
    width: 306px;
    margin: 20px auto;
}
.expert-solutions-ford{
    padding:64px 0px 80px 0px;
}
.expert-solutions-ford img{
    margin-bottom:0px;
}
.measure-diagrams .modalbox img {
    max-width: 100%;
}
.measure-diagrams .col-card .card{
    background-color: #37A25226;
    border:none;
    /*height:449px;*/
    height:auto;
    overflow: hidden;
    margin-top:34px;
} 
.measure-diagrams .content{
    background: #fff;
    margin: 12px;
    border-radius: 8px;
    padding: 15px;
    margin-top: -70px;
    height:106px;
    display: flex;
    flex-direction: column;
}
.measure-diagrams img{
    max-width: 70%;
    margin:15px auto;
}
.measure-diagrams .measure p{
    margin-bottom:0px;
}
.measure-diagrams .col-card{
    padding:0px 16px;
}
.measure-diagrams h3, .import .imports-logos h3, .internal-modal .row-table h3, .gral-section h2, .example h2, .pinion h2{
    text-align: left;
    position: relative;
}
.measure-diagrams h3 span, .pinion h2 span, #mopar h3 span{
    background: #fff;
    z-index: 99;
    position: relative;
    padding: 0px 16px 0px 0px;
}
.measure-diagrams h3::after{
    content: '';
    position: absolute;
    width: 98%;
    height: 1px;
    left: 12px;
    top: 50%;
    background: #37A252;
    z-index: 50;
}
.measure-diagrams .name{
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.2px;
    flex: 1;
    display: flex;
    align-items: center;
}
.measure-diagrams .more a{
    color: #37A252;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration:none;
}
.card-form .measure-form, .pinion .measure-form{
    position: absolute; 
    top:0; 
    bottom: 0;
    left:0;
    right:0;
    opacity:0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 20px;
}

.card-form .measure-col, .pinion .measure-col{
    background-color: #37A25226;
    padding:30px;
    border-radius: 20px;
    position: relative;
}
.card-form .measure-col:hover .measure-form, .pinion .measure-col:hover .measure-form{
    opacity:1;
}
.card-form .measure-col .img-archive, .pinion .measure-col .img-archive{
    width: 100%;
    border-radius:8px;
    height: 240px;
}
.archive-measure{
    position: relative;
}
.button-form{
    position: relative;
    top: 30px;
    padding: 16px 28px;
    background: #37A252;
    font-family: 'Roboto';
    font-weight: 500;
    font-size:16px;
    line-height:24px;
    letter-spacing: 0.5px;
    color:#fff;
    border:none;
    border-radius:8px;
    text-decoration: none; 
}
.card-form h2{
    font-family: 'Roboto';
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    color:#000;
    margin-bottom: 0px;
}
.card-form .row-card p{
    padding:40px;
}
.card-form span.tag{
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.5px;
}
.card-form h3{
    margin-bottom:0px;
}
.card-form .card-description{
    margin-top:20px;
}
.card-form .row-inner{
    height: 440px;
}
.breadcrumbs a{
    color:#000;
    text-decoration: none;
}
.import{
    padding:40px 0px 80px 0px;
}
.import .card-logos{
    background: white;
    border-radius: 32px;
    margin: 24px 12px;
}
.import .space-logo .image-grid{
    max-width:60%;
}
.import .card-logos .space-logo{
    height:300px;    
    text-align: center;
    align-content: center;
}
.import .button-text{
    height:96px;
    text-align: center;
    align-content: center;
}
.import .button-text a{
    color:#000000;
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.5px;
}
.import .card-logos .logo-image{
    height:320px;
    align-content: center;
}
#profile{
    margin-top:32px;
}
.import .logo-image-list img{
    max-width:70%;
}
.import .logos-list .button-text{
    align-content: center;
    text-align:left;
    height:64px;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
}
.import .logos-list{
    background: #fff;
    border-radius:16px;
    margin:8px;
    height:64px;
}
.import .tab-content>.active {
    display: inline-flex;
}
.nav-tabs {
    --bs-nav-tabs-border-width: 0px;
    --bs-nav-tabs-border-color: transparent;
    --bs-nav-tabs-border-radius: 12px;
    --bs-nav-tabs-link-active-bg: #D7ECDC;
    margin-top:-3%;
}
.nav-tabs .nav-link{
    border-radius:12px;
    background-color: #fff;
}

.shipping hr {
    width: 100% !important;
    margin-left: 0%;
    margin-top: 44px !important;
    position: relative;
}
.shipping h3 {
    margin-bottom:19px;
}
.shipping span{
    color: #000;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}
.shipping .middle_text{
    margin-top:19px;
    margin-bottom: -19px;
}
.shipping .description_bottom{
    margin-top:44px;
}
.hero-inner-text .mb-40{
    margin-bottom:40px;
}
.hero-inner-text p{
    margin-bottom:0px;
}
.internal {
    padding:24px 0px;
    background-color: #37A252;
    color:#fff;
}
.internal ul{
    display: inline-flex;
    list-style:none;
    padding:0px;
    margin-bottom:0px;
}
.internal ul li{
    margin: 0px 12px;
    border: 1px solid #fff;
    padding: 6px 7px;
    border-radius: 8px;
}
.internal span{
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.8px;
}
.driveshafts .first-section, .driveshafts .pricing h3, .driveshafts-content .content h3, .driveshafts-content .table-content{
    margin-bottom:36px;
}
.driveshafts .mb-80, .general .mb-80, .driveshafts-content .mb-end{
    margin-bottom:80px;
}
.driveshafts .mb-80 .col p{
    margin-bottom:0px;
}
.driveshafts .second-section h2{
    margin-bottom:28px;
}
.driveshafts .upgrade-section{
    margin:36px 0px;
}
.driveshafts ul li, .driveshafts-content ul li, .driveshafts-content ol li{
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.8px;
}
.driveshafts table tr td{
    background-color: #F3F6F9;
}
.driveshafts table tr{
    border-color: #37A252;
}
.driveshafts .content-list ul{
    margin-top:-15px;
}
.driveshafts-content .upgrade-section_bottom img{
    width: 300px;
    height: 300px;
    object-fit: contain;
}
.driveshafts-content .content-aluminium a{
    color:#37A252;
    font-weight:700;
    text-decoration: none;
}
.driveshafts-content .content-aluminium, .pop_drive_mb, .end-description h3{
    margin-bottom:36px;
}
.pop_drive_mt{
    margin-top:36px;
}
.small{
    width:70% !important;
}
.end-description a{
    color:#37A252;
    font-weight: 700;
    text-decoration: none;
}
.general .first-section hr{
    width: 70% !important;
    margin-left: 21%;
    margin-top: -28px !important;
}
.general{
    padding:40px 0px 64px 0px;
}
.general .gral-section hr{
    width: 70% !important;
    margin-left: 20%;
    margin-top: -29px !important;
}
.general .gral-section{
    margin-bottom: 20px;
}
.general .images img{
    width: 252px;
    height: 313px;
}
.general .description p {
    padding: 0px 111px 0px 0px;
    margin-left: -25px;
}
.general .example hr{
    width: 49% !important;
    margin-left: 41%;
    margin-top: -28px !important;
    position: absolute;
}
.general .content-example{
    padding: 0px 250px 0px 48px;
}
.general .example .content p{
    margin-bottom:36px;
}
.pinion hr{
    width: 65% !important;
    margin-left: 26%;
    margin-top: -28px !important;
}
.pinion .diagram{
    margin-top:24px;
}
.pinion span{
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.8px;
}
.pinion .content{
    margin-top:16px;
}
.pinion .button-drive{
    top: 16px;
    position: relative;
}
.card-form .button-modal{
    position: relative;
    top: 30px;
}
/*MODAL*/
/*Efect*/
.modalmask {
    position: fixed;
    font-family: Arial, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-out;
    -moz-transition: opacity 400ms ease-out;
    transition: opacity 400ms ease-out;
    pointer-events: none;
}
.modalmask:target {
    opacity:1;
    pointer-events: auto;
}

/*Window format*/
.modalbox{
    width: 25%;
    position: relative;
    padding: 50px 10px 10px 10px;
    background: #fff;
    border-radius:32px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}
/*Movements*/
.movedown {
    margin:100%  auto;
}
.modalmask:target .movedown{       
    margin:7% auto;   
}
.modalbox img{
    width:100%;
}
/*Close button*/
.close {
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 1px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
}
.close img{
    width:30px !important;
    position: relative;
    top: 15px;
    right: 20px;
}
.download{
    width:25px !important;
}
.download-pdf{
    position: relative;
    top: -12px;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    color: #000000;
    text-decoration: none;
}
.import hr{
        width: 54% !important;
        height: 1px;
        margin-left: 28%;
        background-color: #37A252;
        margin-top: 18px !important;
        position: absolute;
        border: none;
        opacity: 1;
}
.import-modal .close{
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 30px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 3px;
}
.import-modal .modalbox{
    background: transparent;
    color:#000000;
    width:52%;
    padding: 0px;
    height: 600px;
    overflow: auto;
}
.import-modal .green, .internal-modal .green{
    color:#fff;
}
.internal-modal hr{
    background-color:#fff;
    height:1px;
    width: 97% !important;
    margin: 20px auto;
    margin-top: 18px !important;
    position: relative;
    opacity:0.7;
}
.import-modal .content-description ul{
    display: inline;
    list-style: disc;
}
.import-modal .content-description ul li{
    border:none;
    margin:0px 0px 0px 30px !important;
}
.import-modal hr{
    background-color:#37A252;
    height:1px;
    width: 97% !important;
    margin: 20px auto;
    margin-top: 18px !important;
    position: relative

}
.import-modal .img-modal{
    border-radius:16px;
}
.import-modal .close img, .internal-modal .close img {
    width: 22px !important;
    top: 5px;
}
.import .row-top hr, .internal .row-top hr{
    background-color:#fff;
    height:1px;
    width: 97% !important;
    margin: 20px auto;
    margin-top: 18px !important;
    position: relative;
    opacity:0.7;
}
.import-modal .row-price{
    background: #fff;
    border-radius: 16px;
    margin: 24px 0px;
    padding: 12px 4px !important;
}
.import-modal .row-top, .internal-modal .row-top{
    padding-top: 36px !important;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
}
.import-modal .row-image, .internal-modal .row-image{
    padding-bottom:24px !important;
    padding-top:100px !important;
}
.row-image .pinion-image{
    height:304px;
}
.import-modal .row, .internal-modal .row{
    /*padding:100px 12px 0px;*/
    padding:0px 12px;
}
.import-modal .row-price .tag{
    color:#37A252;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 200% */
    letter-spacing: 0.5px;
}
.import-modal .row-price .title{
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px; 
}
.import-modal .row-price .button-see-more{
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.5px;
    text-decoration-line: underline;
    opacity: 0.35;
    color:#000000;
}
.import-modal .row-price .price{
    color: #000;
    text-align: right;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}
.import-modal p{
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px; 
}
.import-modal .p-small, .internal-modal .p-small{
    margin-bottom:0px;
}
.import-modal .row-content, .import-modal .row-lists{
    background:#F3F6F9;
}
.import-modal .row-content .title{
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom:5px;
    background:#F3F6F9;
}
.import-modal .description{
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.import-modal .row-content hr{
    width: 100% !important;
    margin: 20px auto;
    margin-top: 18px !important;
    position: relative;
}
.import-modal .row-content h4{
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; 
}
.submodal{
    position: fixed;
    font-family: Arial, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-out;
    -moz-transition: opacity 400ms ease-out;
    transition: opacity 400ms ease-out;
    pointer-events: none;
}
.submodal:target {
    opacity:1;
    pointer-events: auto;
}
.submodal .modalbox{
    width: 40%;
    position: relative;
    padding: 50px 10px 10px 10px;
    background: #fff;
    border-radius:32px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in; 
}
.submodal .movedown {
    margin:10%  auto;
}
.submodal:target .movedown{       
    margin:0 auto;
}
.submodal .modalbox img{
    width:100%;
}
.submodal .close {
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 1px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
}
.submodal .close img{
    width:30px !important;
    position: relative;
    top: 15px;
    right: 20px;
}
.pinion .space-between{
    padding:0px 40px;
}
.internal .button-drive{
    margin-bottom:0px;
    padding:0px;
}
.internal-modal ul{
    display: block;
    list-style: disc;
    padding: 0px 15px;
    margin-bottom: 0px;
}
.internal-modal ul li{
    margin: 0px 12px;
    border: none;
    padding: 0px;
    border-radius: 0px;
}
.internal-modal h4{
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}
.internal-modal .modalbox{
    background: #F3F6F9;
    color: #000000;
    width: 800px;
    padding: 0px;
    height:600px;
    width:auto;
    overflow: auto;
}
.internal-modal .subdescription{
    margin-top:14px;
}
.internal-modal h4{
    margin-bottom:0px;
}
.internal-modal .internal-image{
    height:440px;
}
.internal-modal .row-table{
    padding: 36px 11px 20px 11px;
}
.internal-modal table tr{
    border-bottom:1px solid #37A252;
}
.internal-modal table tr:first-child {
    border-top:none;
    border-bottom:none;
}
.table-text-section td{
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height:   28.8px;
}
.table-text-section tr:first-child {
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.8px;
}
.internal-modal td{
    background: #fff;
    padding: 0px;
    position: relative;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
}
.internal-modal table div{
    background: #F3F6F9;
    margin: 8px 0px;
    padding: 6px;
    position: relative;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
}
.internal-modal table div p{
    margin-bottom:0px;
}
.internal-modal .row-table, .internal-modal .row-table p, .internal-modal .row-content p{
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
}
.internal-modal .row-content h4  {
    font-family: "Open Sans";   
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.8px;
}
.internal-modal .green, .internal-modal .green p{
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.internal-modal .green .text-start{
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.5px;
}
.internal-modal .row-table-full{
    padding:36px 12px;
}
.internal-modal .row-table-full table td:first-child, .internal-modal .row-table-full table th:first-child{
    background:#000000;
    color:#fff;
    border-bottom: 1px solid black;
}
.internal-modal .row-table-full table td:nth-child(2), .internal-modal .row-table-full table th:nth-child(2){
    color:#fff;
    background-color: #37A252;
    border-bottom:1px solid #37A252; 
}
.internal-modal .row-table-full table th {
    border:none;
}
.internal-modal .row-table-full table tr{
    border-bottom:none;
    text-align: center;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.8px;
    height: 22px;
}
.internal .rotate{
    transform: rotate(90deg);
}
.internal-modal .row-table-full table div {
    background: transparent;
    margin: 0px;
    padding: 0px;
    position: relative;
}
.internal-modal .rotated-th__label {
    position: absolute ;
    transform: rotate( 90deg ) ;
    transform-origin: center left ;
    white-space: nowrap ;
    text-align: center;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.8px;
}
.internal-modal .header-table{
    height: 84px;
}
.internal-modal .row-table-full table tr {
    border-bottom: 1px solid #fff;
}
.vertical-align-middle{
    vertical-align:middle;
}
.toll-free a{
    background: #fff;
    height: 69px !important;
    border-radius: 12px;
    line-height: 25px !important;
    width: 192px !important;
    text-align: center !important;
    padding: 8px !important;
    margin-left: 65px;
    border: 1px solid #37A252;
    border-bottom: 1px solid #37A252 !important;
    margin-top:25px;
}
.toll-free a span{
   font-weight:bold !important;
}
.contact-us-mobile a{
    background: #37a252 !important;
    height: 69px !important;
    border-radius: 12px;
    line-height: 25px !important;
    width: 192px !important;
    text-align: center !important;
    padding: 8px !important;
    margin-left: 65px;
    border: 1px solid #37A252;
    border-bottom: 1px solid #37A252 !important;
    color: #fff !important;
    margin-top: 15px;
    font-weight: bold !important;
}
.contact-us-mobile a span{
    top: 10px;
    position: relative;
}
.card-form .row-inner .order-md-1{
    margin-bottom:0px;
}
.expert-solutions-inside .content-inside {
    margin-top:0px;
}
.import .nav-tabs{
    margin-top:0px;
}
.row-price .content{
    margin-right: 100px;
}
.row-price .content .p-small{
    margin-right:-100px;
}
.drivesfhafts .upgrade-section .aligng-self-center{
    margin-top:0px;
}

.pinion .button-modal{
    margin: 25px 0px 25px;
}
.expert-solutions-inside .inside h3, .expert-solutions-ford h3, .driveshafts .first-section h2, .driveshafts .second-section h2, .driveshafts .pricing h3{
    /*margin-bottom:36px;*/
    text-align: left;
    position: relative;
}

.expert-solutions-inside .inside h3 span{
    background: #fff;
    z-index: 100;
    position: relative;
    padding: 0px 16px 0px 0px;
}
.expert-solutions-inside .inside h3::after{
    content: '';
    position: absolute;
    width: 95%;
    height: 1px;
    left: 12px;
    top: 50%;
    background: #37A252;
    z-index: 50;
}
.expert-solutions-ford h3::after{
    content: '';
    position: absolute;
    width: 95%;
    height: 1px;
    left: 12px;
    top: 50%;
    background: #37A252;
    z-index: 50;
}
.import .imports-logos h3::after{
    content: '';
    position: absolute;
    width: 88%;
    height: 1px;
    left: 12px;
    top: 50%;
    background: #37A252;
    z-index: 50;
}
.upgrade-section img{
    margin-bottom:0px;
}
#carouselOutside img{
    width: auto;
} 
.w-60-image{
    width: 60%;
    margin-top: 32px;
    border-radius: 16px;
}
.pinion-sections{
    padding:0px 0px 80px 0px;
    scroll-margin-top: 250px;
    scroll-behavior: smooth;
}
.pinion-sections .row-table-full {
    padding: 10px 12px;
}
.w-image{
    width:60%;
    margin-bottom:32px;
}
.note{
    padding: 16px 25px;
    text-align: center;
}
.driveshafts-content .mb-80 {
    margin-bottom: 50px;
}
.driveshafts-content_style2 .pop_drive ul{
    margin-top:-1rem;
}
.driveshafts-content_style2 .pop_drive img{
    width:75%;
}
.additional_drive img{
    margin-bottom:0px !important;
    width:auto;
    height: auto;
    object-fit: contain;
}
.driveshafts-content_style2 .extra-info img{
    width:80%;
    border-radius:16px;
}
.col-bg{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    margin-left: 12px;
    margin-right: -12px;
    border-radius:40px;
    height: 550px;
}
.col-bg-right{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    margin-left: -12px;
    margin-right: 12px;
    border-radius:40px;
    height: 550px;
}
.content-margin{
    margin-left:20px;
    margin-right:-20px;
}
footer a{
    text-decoration: none;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.content-inside .bg{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: auto;
    margin-top: 0px;
}
.upgrade-section_bottom .description{
    text-align: left;
}
.large{
    margin: 30px 0px 40px 0px;
}
.bg{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height:auto;
}
.import-modal .row-top{
    position:fixed;
    width:51%;
}
footer .sitemap ul{
    padding-left: 0px;
    display: block;
}
footer .sitemap ul li{
    text-align: left;
    padding-left: 0px;
    margin-bottom: 16px;
}
footer .sitemap ul li a{
    color: #000;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 22.4px;
}
footer .sitemap ul li a:hover{
    color: #000;
    text-decoration: none;
}
footer .footer-contact p{
    margin-right: 30px;
}
/* Smalls (576px and more)*/
@media (min-width: 320px) {
    body{
        margin-top:100px;
    }
    .bg-hero{
        padding: 80px 0px 40px 0px;
    }
    .hero p{
       margin: 32px 12px;
    }
    .solutions .text-center p {
        padding: 0px 0px !important;
    }
    .solutions .col-solutions .description {
        margin: 0px 0px 35px 0px;
        height: auto;
    }
    .solutions .col-solutions img{
        margin-top:50px;
    }
    .solutions .last-col {
        padding: 0px 12px !important;
        margin-top:0px;
    }
    .solutions {
        padding: 80px 0px;
    }
    .about img, .contact-us img, .driveshafts img, .example-img, .expert-solutions-ford img, .expert-solutions-inside img{
        width:100%;
    }
    .site-footer {
        padding: 80px 0px;
    }
    .team .text-center p {
        padding: 0px 0px;
        margin-bottom: 64px;
    }
    .team .row-team{
        text-align: center;
    }
    .gradient-banner .col {
        padding: 0px;
    }
    .contact-us form{
        margin-top:60px;
    }
    .hero-inner p {
        margin: 32px 0px;
    }
    .measure-diagrams .content {
    
        height: auto;
    }
    .measure-diagrams h3::after {
        width: 94%;
    }
    .expert-solutions .outside h3::after{
        width: 94%;
    }
    hr {
        width: 50% !important;
        height: 1px;
        margin-left: 15px;
        background-color: #37A252;
        margin-top: -25px !important;
        position: relative;
        border: none;
        opacity: 1;
    }
    .expert-solutions-ford h3::after{
        width: 97%;
    }
    .expert-solutions-ford img{
        margin-bottom:24px;
    }
    .card-form .row-card p {
        padding: 40px 0px;
    }
    .card-form .row-inner {
        height: auto;
    }
    .card-form .row-inner .order-md-1{
        margin-bottom:80px;
    }
    .card-form .measure-col .img-archive, .pinion .measure-col .img-archive {
        width: 100%;
        border-radius: 8px;
        height: auto;
    }
    .carousel-indicators {
        margin-right: auto;
        margin-bottom: -2rem;
        margin-left: auto;
    }
    .expert-solutions-inside .content-inside {
        margin-top:60px;
    }
    .modalbox{
        width:90%;
    }
    .modalmask:target .movedown {
        margin: 40% auto;
    }
    .import .nav-tabs{
        margin-top:0px;
    }
    .internal ul {
        display: inline;
        list-style: none;
        padding: 0px;
        margin-bottom: 0px;
    }
    .internal ul li {
        margin: 12px 12px;
        border: 1px solid #fff;
        padding: 6px 7px;
        border-radius: 8px;
    }
    .internal-modal .row-table h3::after {
        width: 97%;
    }
    .import-modal .modalbox {
        background: #F3F6F9;
        color: #000000;
        width: 330px;
        padding: 0px;
        height: 600px;
        /* width: auto; */
        overflow: auto;
    }
    .import-modal .close img, .internal-modal .close img {
        width: 22px !important;
        top: -5px;
    }
    .internal-modal table div {
        background: #F3F6F9;
        margin: 8px 0px;
        padding: 6px;
        position: relative;
        font-family: "Open Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
    }
    .driveshafts .first-section h2::after {
        width: 97%;
        top: 76%;
    }
    .driveshafts .second-section h2::after {
        width: 97%;
        top: 75%;
    }
    .driveshafts .pricing h3::after {
        width: 96%;
        top: 75%;
    }
    .drivesfhafts .upgrade-section .aligng-self-center{
        margin-top:40px;
    }
    .row-image .pinion-image{
        height:auto;
    }
    .gral-section h2::after {
        width: 97%;
    }
    .example h2::after {
        width: 97%;
        top:75%;
    }
    .general .images img {
        width: 260px;
        height: 280px;
        margin: 20px 77px;
    }
    .general .description p {
        padding: 0px 0px;
        margin-left: 0px;
    }
    .general .content-example {
        padding: 25px 12px 0px 12px;
    }
    .pinion h2::after {
        width: 97%;
    }
    .testimonials .carousel-control-next {
        right: 0;
    }
    .testimonials .carousel-control-prev {
        left: 0;
    }
    .testimonials .carousel-indicators {
        margin-right: 0%;
        margin-bottom: -2rem;
        margin-left: 0%;
    }
    .carousel .slide-text {
        padding: 0px 30px 0px 30px;
    }
    .text-footer {
        margin-right: 0;
    }
    footer hr {
        background-color: #37A252;
        height: 2px;
        margin-left: 0%;
        opacity: 0.5;
        position: relative;
        top: 40px;
        margin-bottom: 14%;
    }
    .expert-solutions-inside .inside h3::after{
        width:94%;
    }
    .import .imports-logos h3::after {
        width: 94%;
    }
    .upgrade-section img{
        margin-bottom:30px;
    }
    #carouselOutside img{
        width: auto;
        margin: 20px auto;
    } 
    .sticky {
        position: sticky;
        top: 6.2rem;
        z-index: 100;
    }
    .w-60-image {
        width: 90%;
        margin-top: 30px;
        border-radius: 16px;
    }
    #mopar h2::after {
        width: 97%;
        top: 75%;
    }
    .pinion .button-modal {
        margin: 25px 0px 60px;
    }
    .row-price .content {
        margin-right: 0px;
    }
    .additional_drive img{
        margin-bottom:30px !important;
    }
    .col-bg {
        margin-bottom: 36px;
    }
    .content-margin {
       margin:0 auto;
    }
    .carousel-inner {
        position: relative;
        width: auto;
        overflow: hidden;
    }
    .expert-solutions-inside .inside-image {
        margin: 20px auto;
    }
    .content-inside .bg{
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 500px;
        margin-top:15px;
    }
    .driveshafts .upgrade-section {
        margin: 15px 0px 36px 0px;
    }
    .driveshafts-content .content-aluminium {
        margin-bottom: 0px;
    }
    .driveshafts-content .upgrade-section_bottom img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .upgrade-section_bottom .description{
        text-align: center;
        margin: 20px 0px;
    }
    .col-bg-right{
        background-size: contain;
        margin-left: auto;
        margin-right:auto;
    }
    .col-bg{
        background-size: contain;
        margin-left: auto;
        margin-right:auto;
    }
    .bg{
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height:400px;
    }
    .pinion-sections {
        padding: 0px 0px 80px 0px;
        scroll-margin-top: 430px;
        scroll-behavior: smooth;
    }
    .driveshafts{
        padding:80px 0px;
        scroll-margin-top: 320px;
        scroll-behavior: smooth;
    }
    .mobile{
        margin-top: -100px;
    }
    .import-modal .row-top {
        position: fixed;
        width: 330px;
    }
 }

/* Medium (tablets, 768px and more)*/
@media (min-width: 768px) { 
    body{
        margin-top:120px;
    }
    #rmp_menu_trigger-515 {
        display: block;
        top: 20px;
    }
    .hero p{
        margin: 32px 55px;
    }
    .solutions .col-solutions .description {
        margin: 0px 35px 35px 0px;
        height: 120px;
    }
    .solutions {
        padding:80px 0px 20px 0px;
    }
    .measure-diagrams .content {
        height: 130px;
    }
    .measure-diagrams h3::after {
        width: 96%;
    }
    hr {
        width: 43% !important;
        height: 1px;
        margin-left: 49%;
        background-color: #37A252;
        margin-top: 18px !important;
        position: absolute;
        border: none;
        opacity: 1;
    }
    .expert-solutions-inside .inside h3::after{
        width: 96%;
    }
    .card-form .measure-col .img-archive, .pinion .measure-col .img-archive {
        width: 100%;
        border-radius: 8px;
        /*height: 305px;*/
        height:auto;
    }
    .card-form .row-inner {
        height: 440px;
        margin-bottom:40px;
    }
    .card-form .row-inner .order-md-1{
        margin-bottom:0px;
    }
    .modalbox {
        width: 400px;
    }
    .modalmask:target .movedown {
        margin: 110px auto;
    }
    .gral-section h2::after {
        width: 98%;
    }
    .internal ul{
        display: inline-flex;
        list-style:none;
        padding:0px;
        margin-bottom:0px;
    }
    .internal ul li{
        margin: 0px 12px;
        border: 1px solid #fff;
        padding: 6px 7px;
        border-radius: 8px;
    }
    .import-modal .modalbox {
        background: #F3F6F9;
        color: #000000;
        width: 700px;
        padding: 0px;
        height: 600px;
        overflow: auto;
    }
    .import .nav-tabs {
        margin-top: -46px;
    }
    .import .imports-logos h3::after {
        width: 98%;
    }
    .import-modal .close img, .internal-modal .close img {
        width: 22px !important;
        top: 5px;
    }
    .internal-modal table div {
        font-size: 18px;
        height: 48px;
    }
    .driveshafts .second-section h2::after {
        width: 98%;
        top: 50%;
    }
    .driveshafts .pricing h3::after {
        width: 98%;
        top: 50%;
    }
    .drivesfhafts .upgrade-section .aligng-self-center{
        margin-top:0px;
    }
    .row-image .pinion-image{
        height:304px;
    }
    .general .images img {
        width: 260px;
        height: 290px;
        margin: 20px 0px;
    }
    .general .description p {
        margin-left: -25px;
    }
    .example h2::after {
        width: 98%;
        top: 50%;
    }
    .general .content-example {
        padding: 0px 0px 0px 48px;
    }
    .pinion h2::after {
        content: '';
        position: absolute;
        width: 98%;
        height: 1px;
        left: 12px;
        top: 50%;
        background: #37A252;
        z-index: 50;
    }
    .pinion .space-between {
        padding: 0px 10px;
    }
    .carousel .slide-text {
        padding: 0px 20px 0px 30px;
    }
    .testimonials .carousel-indicators {
        margin-right: 0%;
        margin-bottom: -2rem;
        margin-left: 18%;
    }
    footer hr {
        background-color: #37A252;
        width: 100% !important;
        height: 2px;
        margin-left: 0%;
        opacity: 0.5;
        position: relative;
        top: -8px;
        margin-bottom: 0;
    }
    .expert-solutions .outside h3::after{
        width: 96%;
    }
    .expert-solutions-ford h3::after{
        width: 98%;
    }
    .expert-solutions-inside .inside-image {
        border-radius: 8px;
        height: 150px;
        width: 165px;
    }
    #carouselOutside img{
        width: 100%;
    } 
    .internal-modal table div {
        font-size: 18px;
        height: auto;
    }
    .sticky {
        position: sticky;
        top: 7.5rem;
        z-index: 100;
    }
    #mopar h2::after {
        width: 98%;
        top: 50%;
    }
    .w-60-image {
        width: 90%;
        margin-top: 0px;
        border-radius: 16px;
    }
    .pinion .button-modal {
        margin: 25px 0px 25px;
    }
    .additional_drive img{
        margin-bottom:0px !important;
    }
    .driveshafts-content .content-aluminium{
        margin-bottom:0px;
    }
    .driveshafts-content .upgrade-section_bottom img {
        width: 100%;
    }
    .col-bg {
        margin-bottom: 0px;
    }
    .upgrade-section_bottom .description{
        text-align: left;
    }
    .driveshafts-content .upgrade-section_bottom img {
        width: 300px;
        height: 300px;
        object-fit: contain;
    }
    .bg{
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height:auto;
    }
    .pinion-sections {
        padding: 0px 0px 80px 0px;
        scroll-margin-top: 300px;
        scroll-behavior: smooth;
    }
    .driveshafts{
        padding:80px 0px;
        scroll-margin-top: 200px;
        scroll-behavior: smooth;
    }
    .mobile{
        margin-top: -120px;
    }
    .import-modal .row-top {
        position: fixed;
        width: 700px;
    }
}
/* Large (992px and more)*/
@media (min-width: 992px) { 
    header .button-drive {
        display: inline-block;
        margin-bottom: 0px;
        padding: 17px 26px;
    }
    #rmp_menu_trigger-515 {
        display: none;
    }
    .hero p {
        margin: 32px 185px;
    }
    .solutions .col-solutions .description{
        margin: 0px 35px 24px 0px;
        height: 200px;
    }
    .hero-inner p {
        margin: 32px 120px;
    }
    hr {
        width: 58% !important;
        height: 1px;
        margin-left: 35%;
        background-color: #37A252;
        margin-top: 18px !important;
        position: absolute;
        border: none;
        opacity: 1;
    }
    .expert-solutions-inside .inside h3::after{
        width: 98%;
    }
    .modalbox {
        width: 430px;
    }
    .card-form .row-inner {
        height: 440px;
        margin-bottom: 40px;
    }
    .card-form .measure-col .img-archive{
        width: 100%;
        border-radius: 8px;
        height: 305px;
    }
    .gral-section h2::after {
        width: 99%;
    }
    .import-modal .modalbox {
        background: #F3F6F9;
        color: #000000;
        width: 731px;
        padding: 0px;
        height: 600px;
        /* width: auto; */
        overflow: auto;
    }
    .import .imports-logos h3::after {
        width: 98%;
    }
    .driveshafts .first-section h2::after {
        width: 98%;
        top: 52%;
    }
    .driveshafts .second-section h2::after {
        width: 99%;
        top: 50%;
    }
    .driveshafts .pricing h3::after {
        width: 99%;
        top: 50%;
    }
    .general .images img {
        width: 200px;
        height: 240px;
    }
    .example h2::after {
        width: 99%;
        top: 50%;
    }
    .general .content-example {
        padding: 0px 0px 0px 48px;
    }
    .pinion h2::after {
        width: 99%;
    }
    .carousel .slide-text{
        padding: 0px 35px 0px 30px;
    }
    .testimonials .carousel-indicators {
        margin-right: 0%;
        margin-bottom: -2rem;
        margin-left: 13%;
    }
    .text-footer{
        margin-right:30%;
    }
    .measure-diagrams h3::after {
        width:98%;
    }
    .expert-solutions .outside h3::after{
        width: 98%;
    }
    .expert-solutions-ford h3::after{
        width: 99%;
    }
    .button-phone{
        display: block;
        position: relative;
        right: 1px;
        width:100%;
    }
    .w-60-image {
        width: 60%;
        margin-top: 32px;
        border-radius: 16px;
    }
    .row-price .content {
        margin-right: 100px;
    }
    .driveshafts-content .upgrade-section_bottom img {
        width: 300px;
    }
    .driveshafts .upgrade-section {
        margin: 36px 0px;
    }
    .pinion-sections {
        padding: 0px 0px 80px 0px;
        scroll-margin-top: 250px;
        scroll-behavior: smooth;
    }
    .driveshafts{
        padding:80px 0px;
        scroll-margin-top: 200px;
        scroll-behavior: smooth;
    }
    .import-modal .row-top {
        position: fixed;
        width: 731px;
    }
}

/* X-Large (1200px and more)*/
@media (min-width: 1200px) {   
    .hero p{
        margin: 32px 25px;
    } 
    .solutions .col-solutions .description{
        margin: 0px 35px 24px 0px;
        height: 125px;
    }
    .driveshafts-content .content-aluminium{
        margin-bottom:36px;
    }
    .import-modal .row-top {
        position: fixed;
        width: 731px;
    }
}

/* XX-Large (1400px and more)*/
@media (min-width: 1400px) { 
    .hero p{
        margin: 32px 375px;
    }
    .solutions .col-solutions .description{
        margin: 0px 35px 24px 0px;
        height: 125px;
    }
    .contact-us form {
        margin-top:0px;
    }
    .hero-inner p {
        margin: 32px 300px;
    }
    .measure-diagrams .content {
        height: 106px;
    }
    hr {
        width: 65% !important;
        height: 1px;
        margin-left: 26%;
        background-color: #37A252;
        margin-top: 18px !important;
        position: absolute;
        border: none;
        opacity: 1;
    }
    .expert-solutions-ford img{
        margin-bottom:0px;
    }
    .card-form .row-card p {
        padding: 40px;
    }
    .expert-solutions-inside .content-inside {
        margin-top:80px;
    }
    .modalbox {
        width: 500px;
    }
    .modalmask:target .movedown {
        margin: 70px auto;
    }

    .import .nav-tabs{
        margin-top:-42px;
    }
    .import-modal .modalbox {
        background: #F3F6F9;
        color: #000000;
        width: 731px;
        padding: 0px;
        height: 600px;
        /* width: auto; */
        overflow: auto;
    }
    .expert-solutions-ford hr {
        width: 80% !important;
        margin-left: 20%;
        margin-top: -22px !important;
    }
    .import .imports-logos h3::after {
        width: 99%;
    }
    .driveshafts .first-section h2::after {
        width: 99%;
        top: 50%;
    }
    .general .images img {
        width: 252px;
        height: 313px;
        margin:0px;
    }
    .general .description p {
        padding: 0px 111px 0px 0px;
        margin-left: -25px;
    }
    .general .example hr {
        width: 50% !important;
        margin-left: 41%;
        margin-top: -28px !important;
        position: absolute;
    }
    .general .gral-section hr {
        width: 70% !important;
        margin-left: 21%;
        margin-top: -29px !important;
    }
    .general .content-example {
        padding: 0px 250px 0px 48px;
    }
    .pinion hr {
        width: 66% !important;
        margin-left: 25%;
        margin-top: -28px !important;
        position: absolute;
        margin-bottom: 0px;
    }
    .pinion .measure-col .img-archive {
        width: 100%;
        border-radius: 8px;
        height: 240px;
    }
    .pinion .space-between {
        padding: 0px 40px;
    }
    .carousel .slide-text{
        padding: 0px 110px 0px 30px;
    
    }
    .testimonials .carousel-indicators {
        margin-right: 0%;
        margin-bottom: 4rem;
        margin-left: 10%;
    }
    .testimonials .carousel-control-next {
        right: -60px;
    }
    .testimonials .carousel-control-prev {
        left: -60px;
    }
    .expert-solutions .outside h3::after{
        width: 95%;
    }
    .internal-modal .row-table h3::after {
        width: 98%;
    }
    #carouselOutside img{
        width: auto;
    } 
    .expert-solutions-inside .inside-image {
        border-radius: 8px;
        height: 270px;
        width: 306px;
        margin: auto auto;
    }
    header .button-drive {
        display: inline-block;
        margin-bottom: 0px;
        padding: 17px 28px;
    }
    .button-phone{
        display: block;
        position: relative;
        right: -85px;
        width:auto;
    }
    .solutions .last-col {
        padding: 0px 140px 0px 80px !important;
    }
 }