/*-----------------------------------------------------------------------------------

    Template Name: Used-Engine template
    Template URI: 
    Description: This is html5 template
   

-----------------------------------------------------------------------------------*/
:root {
    --primary-color-1: #033848;
    --primary-color-2: #bf1a38;
    --tooltip-1: #cb2745;992
    --tooltip-2: #2e3b79;

/*  fonts  */
    --font-family-1: 'Oswald', sans-serif;
    --font-family-2: 'Poppins', sans-serif;
}
/*----------------------------------------*/
/*  1. Default CSS
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
body, html { overflow-x:hidden; }
body {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: var(--font-family-2) !important; 
}
.clear{clear:both}
.fix {overflow: hidden}
.block {display: block}
img{
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    height:auto;
}
h1, h2, h3, h4, h5, h6 {font-weight: 700; margin: 0; padding: 0}
a{
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a:focus{
    text-decoration: none;
}
a:focus,
a:hover {
    color: #EC1C23;
    text-decoration: none;
}
a:active, a:hover {
    outline: 0 none;
}
a,
button,
input {
    outline: medium none;
    color: #606060;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
button{border: 0}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: inherit}
label {
    font-size: 15px;
    font-weight: 400;
    color: #606060;
}
*::-moz-selection {
    background: #b3d4fc;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    color: #fff;
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
    color: #fff;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.mark, mark {
    background: #4fc1f0 none repeat scroll 0 0;
    color: #ffffff;
    font-weight: 600;
}
.f-left {float: left}
.f-right {float: right}
p {
    font-size: 14px;
    line-height: 24px;
    color: #1f1f1f;
   
}
ul{
    list-style: outside none none;
    margin: 0;
    padding: 0
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #969696;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #969696;
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
:-ms-input-placeholder { /* IE 10+ */
    color: #969696;
}
:-moz-placeholder { /* Firefox 18- */
    color: #969696;
}
.bg-light{background: #fff!important;
    height: 80px!important;}
.default-btn {
    color: #fff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    padding: 8px 25px 9px;
    position: relative;
    text-transform: uppercase;
    z-index: 9;
    background: #EC1C23;
}
.default-btn:hover {color: #EC1C23; background: #fff}

.banner-btn span {
    transition: all 0.3s ease 0s;
}
input,
select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}


/*hero section  */

.banner-content {
    padding: 132px 0 134px;
}
.banner-content h2{
    font-size: 40px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
}
.banner-breadcrumb ul li {
  display: inline-block;
  padding: 30px 0;
}
.banner-breadcrumb ul li a, .banner-breadcrumb ul li{
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.banner-breadcrumb ul li:hover a{color: #471A72}
/*************************
     Basic margin padding
*************************/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
.bg-blue {
    background: #033848;
}
.bg-maroon {
    background: #cc2845;
}
.bg-danger {
    background: var(--primary-color-2) !important;
}
.bg-primary {
    background: none!important;
}
.text-danger {
    color: var(--primary-color-2) !important;
}
.text-primary {
    color: var(--primary-color-1) !important;
}
/*************************
        Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-23 { margin-top: 23px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-45 { margin-top: 45px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-58 { margin-top: 58px }
.mt-60 { margin-top: 60px }
.mt-65 { margin-top: 65px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-85 { margin-top: 85px }
.mt-90 { margin-top: 90px }
.mt-95 { margin-top: 95px }
.mt-96 { margin-top: 96px }
.mt-100 { margin-top: 100px }
.mt-105 { margin-top: 105px }
.mt-110 { margin-top: 110px }
.mt-115 { margin-top: 115px }
.mt-120 { margin-top: 120px }
.mt-125 { margin-top: 125px }
.mt-130 { margin-top: 130px }
.mt-135 { margin-top: 135px }
.mt-140 { margin-top: 140px }
.mt-145 { margin-top: 145px }
.mt-150 { margin-top: 150px }
.mt-157 { margin-top: 157px }
.mt-195 { margin-top: 195px }

/*************************
      Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-2 { margin-right: 2px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-66 { margin-right: 66px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
    Margin bottom
*************************/
.mb-0 { margin-bottom: 0px }
.mb-2 { margin-bottom: 2px }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-22 { margin-bottom: 22px }
.mb-23 { margin-bottom: 23px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-33 { margin-bottom: 33px }
.mb-35 { margin-bottom: 35px }
.mb-38 { margin-bottom: 38px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-47 { margin-bottom: 47px }
.mb-48 { margin-bottom: 48px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-58 { margin-bottom: 58px }
.mb-60 { margin-bottom: 60px }
.mb-65 { margin-bottom: 65px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-95 { margin-bottom: 95px }
.mb-96 { margin-bottom: 96px }
.mb-100 { margin-bottom: 100px }
.mb-105 { margin-bottom: 105px }
.mb-110 { margin-bottom: 110px }
.mb-115 { margin-bottom: 115px }
.mb-120 { margin-bottom: 120px }
.mb-125 { margin-bottom: 125px }
.mb-128 { margin-bottom: 128px }
.mb-130 { margin-bottom: 130px }
.mb-135 { margin-bottom: 135px }
.mb-140 { margin-bottom: 140px }
.mb-145 { margin-bottom: 145px }
.mb-150 { margin-bottom: 150px }
.mb-220 { margin-bottom: 220px }
.mb-350 { margin-bottom: 350px }
/*************************
    Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-85 { margin-left: 85px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
    Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-12 { padding-top: 12px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-23 { padding-top: 23px }
.pt-25 { padding-top: 25px }
.pt-30 { padding-top: 30px }
.pt-35 { padding-top: 35px }
.pt-38 { padding-top: 38px }
.pt-40 { padding-top: 40px }
.pt-45 { padding-top: 45px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-58 { padding-top: 58px }
.pt-60 { padding-top: 60px }
.pt-65 { padding-top: 65px }
.pt-66 { padding-top: 66px }
.pt-70 { padding-top: 70px }
.pt-72 { padding-top: 72px }
.pt-75 { padding-top: 75px }
.pt-77 { padding-top: 77px }
.pt-80 { padding-top: 80px }
.pt-85 { padding-top: 85px }
.pt-90 { padding-top: 90px }
.pt-93 { padding-top: 93px }
.pt-95 { padding-top: 95px }
.pt-96 { padding-top: 96px }
.pt-98 { padding-top: 98px }
.pt-100 { padding-top: 100px }
.pt-104 { padding-top: 104px }
.pt-105 { padding-top: 105px }
.pt-110 { padding-top: 110px }
.pt-112 { padding-top: 112px }
.pt-113 { padding-top: 113px }
.pt-115 { padding-top: 115px }
.pt-117 { padding-top: 117px }
.pt-120 { padding-top: 120px }
.pt-122 { padding-top: 122px }
.pt-123 { padding-top: 123px }
.pt-124 { padding-top: 124px }
.pt-125 { padding-top: 125px }
.pt-130 { padding-top: 130px }
.pt-135 { padding-top: 135px }
.pt-140 { padding-top: 140px }
.pt-145 { padding-top: 145px }
.pt-150 { padding-top: 150px }
.pt-152 { padding-top: 152px }
.pt-155 { padding-top: 155px }
.pt-157 { padding-top: 157px }
.pt-160 { padding-top: 160px }
.pt-195 { padding-top: 195px }
.pt-220 { padding-top: 220px }
/*************************
    Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-58 { padding-right: 58px }
.pr-60 { padding-right: 60px }
.pr-63 { padding-right: 63px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
    Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-12 { padding-bottom: 12px }
.pb-14 { padding-bottom: 14px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-27 { padding-bottom: 27px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-38 { padding-bottom: 38px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-66 { padding-bottom: 66px }
.pb-70 { padding-bottom: 70px }
.pb-75 { padding-bottom: 75px }
.pb-78 { padding-bottom: 78px }
.pb-80 { padding-bottom: 80px }
.pb-83 { padding-bottom: 83px }
.pb-85 { padding-bottom: 85px }
.pb-88 { padding-bottom: 88px }
.pb-90 { padding-bottom: 90px }
.pb-93 { padding-bottom: 93px }
.pb-95 { padding-bottom: 95px }
.pb-96 { padding-bottom: 96px }
.pb-100 { padding-bottom: 100px }
.pb-105 { padding-bottom: 105px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-118 { padding-bottom: 118px }
.pb-120 { padding-bottom: 120px }
.pb-125 { padding-bottom: 125px }
.pb-128 { padding-bottom: 128px }
.pb-130 { padding-bottom: 130px }
.pb-135 { padding-bottom: 135px }
.pb-140 { padding-bottom: 140px }
.pb-145 { padding-bottom: 145px }
.pb-150 { padding-bottom: 150px }
.pb-155 { padding-bottom: 155px }
.pb-185 { padding-bottom: 185px }
.pb-190 { padding-bottom: 190px }
.pb-195 { padding-bottom: 195px }
.pb-220 { padding-bottom: 220px }
/*************************
    Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }
/***************************
    Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-18 { padding: 18px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
/***************************
    Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }

.row {
    display: flex !important;
    margin: auto !important;
}
/***************************
    Font Size 
****************************/

.fs-18 {
    font-size: 18px;
}
.fs-26 {
    font-size: 26px;
}
.fs-38 {
    font-size: 38px;
}

/*----------------------------------------*/
/*  1. Header CSS
/*----------------------------------------*/

/* navbar css */

.container {
    padding: 0 2%;
}
header {
    position: relative;
    z-index: 1000;
}
.brand-logo img {
    width: 150px;
    position: relative;
    z-index: 1;
}
.navbar {
    
    overflow: hidden;
  }
ul.nav.nav-underline {
    display: flex;
    /* justify-content: space-between; */
    width: 100%;
    margin-right: 0px;
}
  .navbar a {
    float: left;
    font-size: 16px;
    font-weight: 600;
    display: block;
    color: var(--primary-color-2);
    text-align: center;
    text-decoration: none;
    padding: 0px 20px;
  }

  .brand-info span {
    font-size: 26px;
    font-family: var(--font-family-1);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    
  }
  form.control-form {
    padding: 0 15px;
}
   .toggle-bar {
    display: none;
    float: right;
    cursor: pointer;
    padding: 15px;
    font-size: 20px;
  }
  .mob_meanmenu {
    display: none;
  }
.logo a {display: inline-block}
.logo{
/*    padding: 60px 0 23px;*/
/*    width: 60%;*/
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
/*.header-area.two .logo {
    padding: 40px 0 33px;
}*/
.header-area.two.sticky .logo {
    padding: 15px 0  7px;
    width:60%;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.logo img {
    max-width: 150px;
    margin-top: 137px;
    position: relative;
    z-index: 1;
}
.header-area.two.sticky .search {
    top: 43px;
}
.header-area.two.sticky .main-menu > nav > ul > li > a{
    
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.one.mobile-menu a.meanmenu-reveal span {
    background-color: #fff;
}
.one.mobile-menu a.meanmenu-reveal {
    border: 1px solid #fff;
    color: #fff;
}
.header-area {

    height: 80px;
    display: flex;
    align-items: center;
}
.fixed {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 99;
}
.main-menu{display: inline-block}
.main-menu ul li {
    display: inline-block;
    position: relative;
}
.header-contact > a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #471a72;
    border-radius: 25px;
    color: #666666;
    margin-top: 13px;
}
.content-wrapper {
    text-align: left;
    display: flex;
    align-items: center;
}

.mean-container a.meanmenu-reveal {
    border: 1px solid #2C2B5E;
    color: #000;
    margin-top: -94px;
    padding: 4px 5px;
    position: absolute;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.header-area.two .mean-container a.meanmenu-reveal {
    margin-top: -84px;
}
.header-area.two.sticky .mean-container a.meanmenu-reveal {
    margin-top: -49px;
}
.mean-container a.meanmenu-reveal span {background-color: #2C2B5E}
.mean-container .mean-nav {
    border-right: 1px solid rgba(0, 0, 0, 0.5);
    margin-top: 0;
}

.header-sticky.sticky {
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.header-sticky.sticky.two{
    background: rgba(255, 255, 255, 0.8);
}
.sticky .main-menu > nav > ul > li > a {
    line-height: 69px;
}
.sticky .header-contact a{margin-top: 25px}
.sticky .logo {
    padding: 12px 0 8px;
}
.header-area .sticky {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4)
}
.menu-style-toggle nav {
    margin-right: -30px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}
.menu-style-toggle nav.menu-open {
    margin-right: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}
.menu-style-toggle nav {
    float: left;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.main-menu.mean-menu.menu-style-toggle.text-right {float: right;}
.mobile-header {
    background: #ffffff none repeat scroll 0 0;
    display: none;
    left: 0;
    margin: auto;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.mobile-logo img {width: 40px;}
.menu-icon {
    border: 1px solid #464646;
    box-sizing: content-box;
    color: #464646;
    cursor: pointer;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    padding: 4px 5px;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 25px;
    width: 22px;
}
.menu-icon span{background-color: #333333;
    display: block;
    height: 3px;
    margin-top: 3px;
    box-sizing: content-box
}
.mobile-menu-area {
    background-color: #fff;
    display: block;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.mobile-menu-area .menu-close {
    background-color: transparent;
    border: 2px solid #858585;
    border-radius: 50%;
    color: #858585;
    height: 40px;
    padding: 0;
    width: 40px;
    margin-bottom:30px;
}
.mobile-menu-area .menu-close:hover {
    color: #433a8b;
    border-color: #433a8b;
}
.mobile-menu-area .menu-close i {
    display: block;
    font-size: 30px;
    line-height: 30px;
    padding-right: 2px;
}
.sticky .menu-toggle {margin-top: 32px;}
.header-social ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-social ul li{
    display: inline-block;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.header-social ul li a{
    display: block;
    font-size: 16px;
    color: #191919;
    line-height: 100px;
    padding: 0 13px;
}
.header-social ul li:last-child a{
    padding-right: 0px;
}
.header-social ul li:first-child a{
    padding-left: 0px;
}
.header-social ul li:hover a{color: #471a72}
.contact-btn {
    cursor: pointer;
    display: inline-block;
    margin-left: 11rem;
    position: relative;
    top: -2px;
}

.contact-btn > span {
    font-size: 26px;
    font-weight: 700;
    font-family: var(--font-family-1);
    color: var(--primary-color-1);
    display: flex;
    justify-content: center;
    align-items: flex-end;
}


.header-top{
    background: #EC1C23;
    position: relative;
}
.header-top:after{
    background: #2C2B5E;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 36%;
}
.header-top::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 105px;
    position: absolute;
    right: 37.8%;
    top: -18px;
    transform: rotate(-45deg);
    width: 8px;
    z-index: 1;
}
.header-top-right{position: relative}
.header-top-right::after {
  background: #2c2b5e none repeat scroll 0 0;
  content: "";
  height: 100px;
  left: -16%;
  position: absolute;
  top: -38px;
  transform: rotate(-45deg);
  width: 60px;
}
.header-top-right ul li{
    display: inline-block;
    margin-right: 38px;
}
.header-top-right ul li:last-child{
    margin-right: 0px;
}
.header-top-left p, .header-top-right ul li a{
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 68px;
    position: relative;
    z-index: 1;
}
.header-top-right ul li:hover a{
    color: #EC1C23;
}
.header-area.two .main-menu > ul > li > a {
    color: #303030;
    line-height: 132px;
}
.header-area.two .main-menu  ul {margin-left: 35px !important;}
.header-area.two .main-menu > ul > li:hover > a {
    color: #EC1C23;
}

/*----------------------------------------*/ 
/*  2. Hero section CSS
/*----------------------------------------*/
.hero-banner{
    position: relative;
    margin-top: -85px;
}
.hero-banner-image {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -19%;
    z-index:1000
}
.hero-banner-image img {
    max-width: 600px;
}
.hero-bg-1 {
    background: var(--primary-color-2);
    position: relative;
        height: 800px;
    padding: 8rem 11rem;
}
.hero-bg-1 .tooltips {
    background: var(--tooltip-1);
    padding: 10px;
    width: 200px;
    font-size: 16px;
    font-family: var(--font-family-2);
    text-align: center;
    color: #FFF;
    border-radius: 15px 0 0px 15px;
    position: absolute;
    right: 0;
    top: 8%;
}
.pages-links p{
    font-size: 14px;
    font-weight: 100;
    color: #FFF;
}
.pages-links span{
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
}
.hero-banner .title h1 {
    width: 250px;
    padding: 0 10px;
    font-size: 80px;
    font-weight: 700;
    background: #FFF;
    color: var(--primary-color-2);
}
.title h1:nth-child(2) {
    margin-top: 10px;
    width: 350px;
}
.title h1:nth-child(3) {
    margin-top: 10px;
    width: 390px;
}
.number p{
    font-size: 18px;
}
.number > span{
    font-size: 45px;
}
.hero-banner-wrapper img {
    position: absolute;
    left: 0%;
    top: 72%;
    z-index: 1;
    width: 100%;
    max-width: 550px;
    transform: translate(-50%, -50%);
    z-index: 999;
}
 .hero-bg-2 {
    background: var(--primary-color-1);
    position: relative;
        height: 800px;
}
.hero-bg-2 .tooltips {
    background: var(--tooltip-2);
    padding: 10px;
    width: 200px;
    font-family: var(--font-family-2);
    font-size: 16px;
    text-align: center;
    color: #FFF;
    border-radius: 0px 15px 15px 0px;
    position: absolute;
    top: 8%;
}
.form-select {
    margin: 5px;
    border-radius: 0 !important;
}
select.form-select {
    float: left;
    color: #1d1d1d;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 5px;
    font-weight: 600;
}
section.best_products {
    margin-top: 3%;
}
.input-contorl input.input-fields::placeholder {
    color: #1d1d1d!important;
    font-weight: 600;
}
.input-contorl {
    text-align: center;
}
input.input-fields {
    width: 100%;
    font-size: 12px;
    padding: 10px;
    margin-left: 5px;
    margin-bottom: -1rem;
    margin-top: 0rem;
    border: 1px solid #00000038;
    
}
.background-white {
    margin-top: 4rem;
    background: whitesmoke;
    max-width: 400px;
    padding: 0 10px;
    float: right;
    border-radius: 10px 0 0 10px;
        position: relative;
    z-index: 9999;
}
.background-white h3 {
    font-size: 26px;
    padding-top: 28px;
    padding: 15px 40px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    line-height: 37px;
    text-align: center;
    margin-bottom: 2rem;
    color: var(--primary-color-1);
    background: whitesmoke;
    border-radius: 10px 10px 0 0;
}
.input-button {
    margin: auto;
    text-align: center;
    margin-bottom: 1rem;
}
.background-white span {
   color: var(--primary-color-2);
    font-family: 'Open Sans', sans-serif;
}
/* hero section */
section.banner-area.d-flex {
    background-image: url(images/banner-bg.png);
    background-position: center;
    width: 100%;
    background-size: cover;
    position:relative;
        min-height: 600px;
}
.banner-area {
    width: 100%;
}
.bg-red {
    width: 50%;
    position:relative
}
.bg-primary {
     width: 50%;
     position:relative
}
.banner-area .container {
    display: flex;
    position:relative
}
.banner-heading h1 {
    background: #fff;
    margin-top: 5px;
    width: fit-content;
    padding: 0 15px;
    font-size: 80px;
}
.banner-info h2 {
 font-size: 18px;
}
.banner-info p {
   font-size: 45px; 
   font-size: var(--font-family-2);
}
.tag p{
    font-size: 16px;
}
.tag {
    width: 200px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 2px; */
    flex-wrap: wrap;
    /* position: absolute; */
    margin-top: 7%;
        margin-left: -1px;
}
.bnr-content {
    padding-left: 20px;
    width: 80%;
}
.background-white {
    margin-top: 4rem;
    background: #fff;
    padding: 0;
    border-radius: 10px;
    position: absolute;
    right: 70px;
    z-index: 999;
}

h1.hide-heading {
    opacity: 0.3;
    font-size: 150px;
    color: #a91631;
    position: absolute;
    bottom: 0%;
    line-height: 0.7;
}
.bg-primary h1.hide-heading {
  opacity: 0.3;
    color: #1f2957;
   
}
.bg-red h1.hide-heading{
z-index: 999;}
/*----------------------------------------*/ 

/*----------------high quality engine------------------------*/ 

h3.Quality-title.fw-bold.fs-38.text-left {
    color: var(--primary-color-1);
}

h3.Quality-title.fw-bold.fs-38.text-left span {
    color: var(--primary-color-2);
}
.Quality-content .sales-distributors p {
    font-size: 18px;
    color: #212121;
    font-family: var(--font-family-2);
}
img.used_engine {
    width: 100%;
    max-width: 600px;
    float: right;
}
/*----------------------------------------*/ 
/*------------feature----------------------------*/ 
section.feature.mt-60 {
    background: #ebe1e121;
    padding: 80px 0;
}
.feature-content img {
    max-width: 20px;
}
.feature-content {  
    margin-top: 3rem;   
} 
.feature-content p {
    color: #1f1f1f;
    padding: 1rem 1rem;
    margin: 1rem;
    box-shadow: 0px 0px 10px 0px #ccccccd6;
    align-items: center;
    border-radius: 10px;
    background: #ffffff;
}  
h3.benefits-title { 
    margin: 1rem;   
}

.feature-content span {
    padding-left: 10px;
}
h3.feature-title.fw-bold.fs-38.text-center {
    color: var(--primary-color-2);
}
    
/*----------------------------------------*/ 
/*----------------how use engine expert------------------------*/ 
.middle-content p {
    font-size: 24px;
    line-height: 25px;
    color: white;
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;
    margin-left:3rem;
}
.middle-section{
    background: url(images/bg-2.png);
    background-size: cover;
    height: 500px;
    display: flex;
    align-items: center;
}
.middle-content {
    margin-top: 2rem;
}
.middle-1 {
    
    background: white;
    height: 150px;
    padding: 10px;
}
.middle-1 h3 {
    font-size: 22px;
    color: var(--primary-color-1);
}
.middle-1 p {
    font-size: 16px;
    font-family: var(--font-family-2);
}
.middle-1 span {
    font-size: 22px;
    color: var(--primary-color-2);
}
p.middle-number.text-dark.fw-bold {
    font-size: 16px;
    font-weight: 400;
}
.engine-expert{
    margin-top: 2rem;
}
 h3.middle-title.fw-bold.text-light.fs-38{
     margin-top:3rem;
     margin-left:3rem;
 }
/*----------------------------------------*/ 
/*  3. Section-4 css
/*----------------------------------------*/
.buying-selling-section.d-flex {
    padding: 0 25px;
}
.section-4 .buying-selling-section p:nth-child(1){
    color: var(--primary-color-2);
    font-weight: 700;
}
.section-4 .buying-selling-section p:nth-child(2),
.section-4 .buying-selling-section p:nth-child(3){
    color: #202020;
    font-weight: 400;
}

.divider:nth-child(1)::after {
    border: 1px solid #0000000d;
    width: 20%;
    content: "";
    margin-left: 2%;
    box-shadow: 0 0 18px 5px whitesmoke;
}
.section-4 .logo,
.experts .logo {
    margin-top: 70px;
    position: relative;
}
.section-4 .logo:before,
.experts .logo:before {
    content: " ";
    display: block;
    height: 4px;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    background: var(--primary-color-1);
}
.section-4 .logo:after,
.experts .logo:after {
    content: " ";
    display: block;
    height: 4px;
    width: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    background: var(--primary-color-2);
}
.question-widget h3 {
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
   font-family: "Open Sans",sans-serif;
    line-height: 23px;
    margin-bottom: 2rem;
    color:  #2C2B5E;
}
.question-widget span {
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
   font-family: "Open Sans",sans-serif;
    line-height: 0;
    margin-bottom: 0;
    color: var(--primary-color-2);;
}
.question-widget p {
    border-bottom: 1px solid #0000000f;
    display: flex;
    padding: 16px 0;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
/*----------------------------------------*/ 
/*  4. Sales CSS
/*----------------------------------------*/
.sales {
     width: 100%;
    position: relative;
     padding: 20px;
    
}
.sales:before {
    content: '';
    background: url(images/section-bg.jpg);
    background-size: cover;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height:100%;
    z-index: -1;

}
.sales .sales-content {
    padding: 15% 0;
}
.sales .sales-content .sales-distributors img {
    margin-left: -36px;
    margin-top: -36px;
    width: 150px;
}


.request-helpline {
    float: right;
   
}
.sales .container {
    position: relative;
}
.headline {
    position: absolute;
   bottom: 0%;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.request-helpline .headline p{
   font-size: 28px;
   font-weight: 700;
   background: #FFF;
   padding: 5px 10px;
   color: var(--primary-color-2);
   text-transform: uppercase;
   max-width: 280px;
  text-align: right;
}
.request-helpline .headline-number{
    font-size: 69px ;
   
}
/*-------------See what our customer about  us---------------------------*/ 
.about-widget.pr-60 {
    margin-top: 65px;
}
 
.about-widget p {
    font-size: 38px;
   font-weight: 700;
    text-transform: uppercase;
   font-family: "Open Sans",sans-serif;
    line-height: 23px;
    margin-bottom: 2rem;
    color:  #2C2B5E;
}
.about-widget span {
    color: var(--primary-color-2);;
    font-size: 38px;
    font-family: "Open Sans",sans-serif;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 15px;
}
.slick-slide {
    
    display: flex !important;
    margin-top: 2rem;
    
}
.paragraph-widget-1 {
   box-shadow: 0px 0px 10px 0px #ccccccd6;
    margin-bottom: 10px;
        padding: 3rem;
    min-height: 396px;
}
.paragraph-widget-1 img {
    width: 100%;
    max-width: 20px;
}
.star-icon {
    padding: 1rem 0;
}
.paragraph-widget-1 h3 {
    font-size: 24px;
     font-family: "Open Sans",sans-serif;
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 15px;
}
.paragraph-widget-1 p{
    font-size: 18px;
    color: black;
     font-family: "Open Sans",sans-serif;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 15px;
}
.paragraph-widget-1 span {
    color: var(--primary-color-2);;
    font-size: 20px;
    font-weight: 600;
}

.paragraph-widget {
   box-shadow: 0px 0px 10px 0px #ccccccd6;
    margin-bottom: 10px;
    padding: 2rem;
    min-height: 550px;
    margin: 0 10px;
}
.paragraph-widget img {
    width: 100%;
    max-width: 20px;
}
.star-icon {
    padding: 1rem 0;
}
.paragraph-widget h3 {
    font-size: 24px;
     font-family: "Open Sans",sans-serif;
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 15px;
}
.paragraph-widget p{
    font-size: 18px;
    color: black;
     font-family: "Open Sans",sans-serif;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 15px;
}
.paragraph-widget span {
    color: var(--primary-color-2);;
    font-size: 20px;
    font-weight: 600;
}
.paragraph-widget-1 {
   box-shadow: 0px 0px 10px 0px #ccccccd6;
    margin-bottom: 10px;
        padding: 3rem;
    min-height: 396px;
}
.paragraph-widget-1 img {
    width: 100%;
    max-width: 20px;
}
.star-icon {
    padding: 1rem 0;
    display: flex;
}
.paragraph-widget-1 h3 {
    font-size: 24px;
     font-family: "Open Sans",sans-serif;
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 15px;
}
.paragraph-widget-1 p{
    font-size: 18px;
    color: black;
     font-family: "Open Sans",sans-serif;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 15px;
}
.paragraph-widget-1 span {
    color: var(--primary-color-2);;
    font-size: 20px;
    font-weight: 600;
}

/*----------------------------------------*/ 
/*  12. Footer CSS
/*----------------------------------------*/
.main-footer {
    padding-bottom: 50px;
    padding-top: 60px;
    background: #2C2B5E;
   
}
.footer-logo img {
    margin: 0 3rem;
    display: block;
    margin: auto;
}
.footer-area.three .main-footer {
  padding-bottom: 50px;
}
.footer-area.two .main-footer{padding-top: 85px; padding-bottom: 60px}
.single-widget h3{
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-bottom: 20px;
    position: relative;
}
.single-widget p {
    text-align: center;
    color: white;
    padding: 11px;
    border-bottom: 2px solid #ffffff24;
    font-family: "Open Sans",sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 15px;
}
.single-widget span {
    color: white;
    font-family: "Open Sans",sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 15px;
}
.phone-no{font-size:30px!important}
.single-widget ul{margin-top: 25px}
.footer-social ul li {
    display: inline-block;
    margin-right: 13px; 
}
.single-widget ul li {
    color: #7d7d7d;
    font-family:var(--font-family-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    text-transform: capitalize;
}
.single-widget a {
    color: white;
    text-decoration: none;
}
.background-color {
    text-align: center;
    background:#1f1e4d;
   padding: 2rem 0;
    width: 100%;
    max-width: 330px;
}
.background-color h3 {
    color: white;
        padding-bottom: 1rem;
    font-size: 28px;
    font-weight:500;
    line-height: 29px;
}
.background-color span {
    font-size: 36px;
    font-weight: 800;
}
.background-color span .yellow{
        color: #ffc107;
}
input.input-field {
    width: 84%;
    font-size: 12px;
    padding: 9px;
    margin-bottom: -1rem;
    margin-top: 2rem;
}

button.get_quote {
    width: 100%;
    background: var(--primary-color-2);
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 10px 0;
    text-align: center;
    font-weight: 500;
    margin-left: 7px;
}
button.get_quote a{
    font-size: 22px;
}
button.subscribe {  
    width: 84%;    
    
    background: var(--primary-color-2); 
    margin-bottom: 15px;    
    margin-top: 5px;    
    padding: 10px 0;    
    text-align: center; 
    font-weight: 500;   
}   
button.subscribe a{ 
    font-size: 18px;    
}

.single-widget ul li:last-child{
    margin-right: 0px;
}
.footer-bottom{background: #2c2b5ee6}
.footer-bottom p {
    color: white;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom:0;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    padding: 20px 0;
}
.footer-area.three .footer-bottom.two p {
    line-height: 48px;
    margin-bottom: 0;
}
.footer-area.three .footer-bottom.two .footer-social ul  {
  padding: 15px 0 15px;
}
.footer-bottom p a{
    color: #fff;
    font-weight: 600;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.footer-bottom p a:hover{
    text-decoration: underline;
}
.main-footer .col-md-3:last-child{padding-left: 75px}
.footer-area.two .single-widget a{float: left; display: block}
.footer-area.two .single-widget ul li a{float: none}
.footer-area.two .main-footer .col-md-3:last-child {
    padding-left: 50px;
}
.footer-area.three .footer-bottom {
    background: #fafafa none repeat scroll 0 0;
    padding: 75px 0 55px;
}
.footer-area.three .footer-bottom p a {
    color: #c7c7c7;
}
.footer-area.three .footer-bottom p {
    margin-bottom: 10px;
}
.footer-bottom .footer-social ul {
    padding: 17px 0 15px;
}
.single-widget.instagram a{
    position: relative;
    line-height: 0;
}
.single-widget.instagram a:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    content: "";
    background:  rgba(236, 28, 35, 0.5) none repeat scroll 0 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-widget.instagram a:hover::after, .single-widget.instagram a:hover i{opacity: 1}
.single-widget.instagram a i{
    position: absolute;
    z-index: 1;
    color: #fff;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
/*----------------------------------------*/ 
/*  13. Service CSS
/*----------------------------------------*/
.single-service{padding: 40px 40px; box-shadow: 0 0 4px 0 #ddd;}
.service-area h3{
    font-size: 20px;
    color: #303030;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 12px;
}
.service-area p{
    font-size: 14px;
    color: #606060;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0px;
}
/*----------------------------------------*/ 
/*  14. About CSS
/*----------------------------------------*/
.about-content h2{
    font-size: 34px;
    color: #303030;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-top: 100px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.about-content h2 span{
    color: #ec1c23;
}
.about-content p{
    font-size: 14px;
    color: #606060;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 10px;
}
.about-content a {
    margin-top: 25px;
    padding: 10px 44px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.about-content a:hover{
    color: #fff;
    background: #2C2B5E;  
}
.about-img{
    position: relative; 
    z-index: 1;
    margin-right: -30px;
    padding: 0 20px;
}
.about-img:after{
    position: absolute;
    border: 10px solid #EBEBEB;
    left: 0;
    bottom: -5px;
    width: 100%;
    content: "";
    height: 88%;
    z-index: -1;
}
/*----------------------------------------*/ 
/*  15. Teacher CSS
/*----------------------------------------*/
.single-teacher{
    position: relative;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}
.single-teacher-img {
    line-height: 0;
    padding-bottom: 91px;
}
.single-teacher-img a{ 
    position: relative;
    display: block;
}
.single-teacher-img a:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(231, 231, 231, 0.84);
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-teacher:hover .single-teacher-img a:after{opacity: 1}
.single-teacher-content {
    background: #fff none repeat scroll 0 0;
    bottom: -70px;
    left: 0;
    padding: 20px 0 30px;
    position: absolute;
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-teacher-img img{
    width: 100%;
}
.single-teacher:hover .single-teacher-content{bottom: 00px}
.single-teacher-content h2 {
    color: #303030;
    font-family: "Open Sans",sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.single-teacher-content h4{
    color: #929292;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.single-teacher-content ul li{
    display: inline-block;
    margin-right: 5px;
}
.single-teacher-content ul li:last-child{
    margin-right: 0px;
}
.single-teacher-content ul li a i{
    font-size: 15px;
    color: #2c2b5e;
    background: #F6F6F6;
    height: 40px;
    width: 38px;
    text-align: center;
    line-height: 40px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-teacher-content ul li:hover a i{
    color: #fff;
    background: #EC1C23;
}
.pagination ul{margin-top: 24px}
.pagination ul li{display: inline-block; margin-right: 12px}
.pagination ul li:last-child{margin-right: 0px}
.pagination ul li a{    
    font-size: 18px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #606060;
    background: #fff;
    text-align: center;
    line-height: 36px;
    height: 38px; 
    width: 38px;
    display: block; 
    border: 1px solid #EBEBEB;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.pagination ul li:hover a{    
    color: #fff;
    background: #2C2B5E;  
}
.teacher-details-content{margin-top: 26px}
.teacher-details-content h2 {
    color: #303030;
    font-family: "Open Sans",sans-serif;
    font-size: 32px;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.teacher-details-content h5{
    font-size: 22px;
    color: #929292;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 40px;
    font-weight: 400;
}
.teacher-details-content h4{
    font-size: 24px;
    color: #303030;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.teacher-details-content p{
    font-size: 14px;
    color: #606060;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 38px;
}
.teacher-details-content ul li span{
    font-size: 14px;
    color: #303030;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.teacher-details-content ul li{
    font-weight: 600;
    margin-bottom: 15px;
}
.teacher-contact, .skill-area{margin-top: 58px}
.skill-area{margin-left: 40px}
.teacher-contact h4, .skill-area h4{
    font-size: 20px;
    color: #303030;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.teacher-contact p span{
    font-size: 14px;
    font-weight: 700;
    color: #303030;
    text-transform: uppercase;
}
.teacher-contact p{
    font-weight: 600;
    color: #606060;
    margin-bottom: 10px;
}
.teacher-contact ul{margin-top: 30px}
.teacher-contact ul li{
    font-weight: 600;
    color: #606060;
    display: inline-block;
    margin-right: 5px; 
}
.teacher-contact ul li a i{
    font-size: 15px;
    color: #2c2b5e;
    background: #F6F6F6;
    text-align: center;
    line-height: 30px;
    width: 34px;
    height: 32px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.teacher-contact ul li:hover a i{
    color: #F6F6F6;
    background: #2c2b5e;
}
.skill-bar-item > span {
    color: #606060;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: capitalize;
}
.skill-bar-item{overflow: hidden; padding-top: 5px; margin-left: 40px}
.progress {
    background-color: #e8e8e8;
    border-radius: 0;
    height: 10px;
    margin-bottom: 40px;
    overflow: visible;
}
.progress-bar {
    background-color: #d4d3d3;
    position: relative;
    box-shadow: none;
    overflow: visible;
}
.progress-bar span.text-top {
    background: #e6e6e6 none repeat scroll 0 0;
    color: #606060;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    position: absolute;
    right: 0;
    top: -38px;
    z-index: 8;
}
.skill-bar-item .text-top::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e6e6e6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 7px;
    bottom: -14px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}

/*----------------------------------------*/ 
/*  16. Contact CSS
/*----------------------------------------*/
.contact-contents{
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.13); 
    padding: 55px 0;
    margin-right: 65px;
}
.contact-icon {
  border: 1px solid #e3e3e3;
  border-radius: 50%;
  height: 50px;
  margin: auto auto 20px;
  position: relative;
  text-align: center;
  width: 50px;
}
.contact-icon img {
  bottom: 0;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.contact-add h3{
    font-size: 18px;
    color: #303030;
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
    text-transform: capitalize;
    margin-bottom: 8px;
}
.contact-add p{
    font-size: 16px;
    color: #606060;
    font-family: "Open Sans",sans-serif;
    margin-bottom: 0px;
}
.contact-area .reply-area h3{margin-top: 0}
/*---------------------
  17. Login CSS
-------------------------*/
.login-form-container {
  background: #f5f5f5 none repeat scroll 0 0;
  overflow: hidden;
  padding: 37px 40px;
  text-align: left;
}
.login-text {
    text-align: center;
    margin-bottom: 30px;
}
.login-text h2 {
    color: #444;
    font-size: 30px;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.login-text span {
    font-size: 15px;
}
.login-form-container input {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    color: #666666;
    margin-bottom: 20px;
    font-size: 14px;
    height: 40px;
    padding-left: 10px;
    width: 100%;
    border: medium none rgba(0, 0, 0, 0);
    box-shadow: none;
}
.login-form-container input::-moz-placeholder {
    color: #666666;
}
.login-form-container input::-webkit-input-placeholder {
    color: #666666;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.login-toggle-btn {
    padding-top: 20px;
}
.login-form-container input[type="checkbox"] {
    height: 15px;
    margin: 0;
    position: relative;
    top: 1px;
    width: 17px;
}
.login-form-container label {
    color: #606060;
    font-size: 15px;
    font-weight: 400;
}
.login-toggle-btn > a {
    color: #EC1C23;
    float: right;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.login-toggle-btn > a:hover {
    color: #444;
}
.button-box .default-btn {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #EC1C23;
    border-radius: 30px;
    color: #EC1C23;
    font-size: 14px;
    margin-top: 40px;
    padding: 8px 36px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.button-box .default-btn:after, .button-box .default-btn:before{display: none}
.button-box .default-btn:hover {
    background-color: #EC1C23;
    border: 1px solid #EC1C23;
    color: #fff;
}

/*----------------------------------------*/ 
/*  18. FAQ SECTION CSS
/*----------------------------------------*/
/*Want to buy used engines */

.BUY-HEADING .buy-content p {font-size: 40px;}
.BUY-HEADING .buy-content p {font-size: 24px;}
.BUY-HEADING .buy-content button.request.free{margin-top: 1rem;}
.BUY-HEADING .engine-logo {margin-top: 0;}

.faq-section .question-widget .question {font-weight: 700; cursor: pointer;}
.faq-section .question-widget .answer {
    display: block;
    background: #f2f5fc;
    padding: 10px;
    font-size: 18px;
}
/* layout_02 css */
.layout_02 .title-2.mt-195.text-light > h1 {
    background: whitesmoke;
    color: var(--primary-color-2);
    width: fit-content;
    line-height: 1;
    margin: 5px 0;
    padding: 0 15px;
    font-size: 60px;
    font-weight: 700;
    
}
.layout_02 .bnr-content .content > h6{
    font-weight: 100;
    font-size: 18px;
}
.layout_02 .bnr-content .content > p{
    font-weight: 700;
    font-size: 40px;
}
.layout_02  h1.hide-heading{
    display: none;
}
.hero-banner .title-2 h1 {
    font-size: 75px;
    font-weight: 700;
    color: #FFF;
    line-height: 75px;
    text-transform: uppercase;
}
button.learn_more_btn  {
    background: #FFF;
    padding: 10px 25px;
    float: left;
    margin-top: 3rem;
    box-shadow: 0 0 15px -8px black;
    font-family: var(--font-family-2);
}
button.learn_more_btn a{
   color: var(--primary-color-1);
   font-size: 18px; 
   font-weight: 700;
}
.experts_heading {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.experts_heading h3 {
    font-size: 38px;
    color: var(--primary-color-1);
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    max-width: 1240px !important;
    line-height: 50px;
}
.experts_heading p {
    font-size: 18px;
    color: #090909;
    font-family: var(--font-family-2);
    font-weight: 400;
  max-width: 730px;
    text-align: center;
}
.center-text {
            text-align: center;
            font-weight: bold;
            color: green;
            font-size: 16px;
            margin-bottom: 12px;
 }
.center-text-error {
            text-align: center;
            font-weight: bold;
            color: red;
            font-size: 16px;
            margin-bottom: 12px;
}
/* BEST PRODUCTS */

.best_products h6 {
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    font-family: var(--font-family-2);
    line-height: 24px;
    padding-top: 10px;
}


/*********************sliders*****************************/
/*  Testimonial slider */
.slider {
    width: 100%;
    display: flex;
}


.slick-slide {
    display: flex !important;
   
    margin-top: 2rem;
}
/*  Testimonial slider ends */
/**********************************************************/

/* used engine inc slider*/
 .slider-container {
        display: none;
    }

/*ends*/
/*******************************************************/
/* best products slider */
.products-slider {
    border: 1px solid #80808036;
    box-shadow: 0 0 6px 0px whitesmoke;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin:5px
}
.products-slider img {
    display: block;
    margin: auto;
}
.slider-content {
    background: whitesmoke;
    width: 100%;
    padding: 15px 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
button.used_engines {
    border: 1px solid var(--primary-color-2);
    background: #FFF;
    margin: auto;
    display: block;
  
    justify-content: center;
    margin-top: -26px;
}
button.used_engines a{
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color-2);
}
.slider-content .products-slider-description {
    padding: 20px 0;
}
.slider-content .products-slider-description h6 {
    font-size: 20px;
}
.slider-content .products-slider-description p {
    font-size: 16px;
}

/*engine transmission area*/
.collapse-area {
    background: url(images/bg-4.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 650px;
    display: flex;
    position: relative;
}
.collapse-description.d-flex {
    margin-top: 40px;
}
.collapse-description.d-flex{align-items:center}
.collapse-description .collapse_content h5{
   font-size: 50px;
}
.collapse_content {
    width: 50%;
}
.collapse_image {
    width: 50%;
}
.collapse-description .collapse_content p{
   font-size: 18px;
   line-height: 1.5;
   
}
.collapse-area .logo {
    position: absolute;
    left: 50%;
    bottom:-10%;
    transform: translateX(-50%);
}

  @media screen and (min-width: 1650px) {
/*.collapse_image img {
    max-width: 900px;
}*/
  }
.collapse-area .logo {
    position: absolute;
    left: 50%;
    bottom:-10%;
    transform: translateX(-50%);
}
.benefits_area .feature-content p {
    display: flex;
    padding: 1rem 1rem;
    margin: 1rem;
    align-items: center;
    border-radius: 10px;
    width: 700px !important;
       background: #f7f7f7;
}

.Benefits .middle-1, .section-buying .middle-1 {
    margin: 1rem;
    margin-left: 0;
    margin-left: ;
    background: white;
    width: 160px;
    height: 160px;
    padding: 2rem;
    box-shadow: 0px 0px 10px 0px #dee2e6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.Benefits .middle-2 {   
    margin-top: 1rem;  
    margin-left: 0; 
    margin-left: ;  
    background: white;  
    width: 160px;   
    height: 160px;  
    padding: 2rem;  
    box-shadow: 0px 0px 10px 0px #dee2e6;   
    display: flex;  
    flex-direction: column; 
    align-items: center;    
    justify-content: center;    
}

.Benefits .engine-expert .middle-1 p{
    font-size: 14px;
}

.icons-section {
    padding-right: 50px;
}






/

  /* faq accordian */
 .question-widget p {
            cursor: pointer;
            position: relative;
        }

        .answer {
            display: none;
            margin-top: 10px;
        }

        /*.icon {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }*/

  
  @media screen and (max-width: 600px) {
      .Benefits .col-md-4 {
    max-width: 50%;
    width: 50%;
}
    .navbar a:not(:first-child) {display: none;}
    .navbar a.icon {
      float: right;
      display: block;
    }
    .collapse-area .logo {
    bottom:-4%;
}
.collapse-description.d-flex {
    margin-top: 5px;
}
    
  }

  @media screen and (max-width: 768px) {
.icon_area {
   
    display: flex;
    align-items: center;
    justify-content: center;
}
    header {
        height: 55px;
    }
    .icons-section {
    padding-right: 0px;
}

    .Benefits .middle-1 {
    margin: 0;
}
    
    .hero-banner {
        margin-top: 0;
    }
    .bg-maroon{top: 10%;}
    .fixed-top {
    position: unset !important;
    
}
    .brand-logo img {
         width: 70px;
    
   }
   .navbar-toggler-icon {
    
    background-image: url(icons/toggle.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
   
}
.navbar-toggler{border: 0 !important;}
.navbar-toggler:focus{box-shadow: unset !important;}
   button.navbar-toggler {
    position: absolute;
    top: 15px;
    right: 17px;
   }
   .nav {
    
    flex-direction: column !important;
    
}

   .navbar {
    background-color: unset !important;
    overflow: hidden;
   }
   
    .navbar.responsive {position: relative;}
    .navbar.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    
    .navbar a {
         font-size: 14px;
   
  }

  .brand-info span {
    font-size: 18px;
   
    
  }
  .background-white {
    float: none;
}
.background-white h3 {
    font-size: 20px;
    margin-bottom: 0;
    padding: 16px;
}   
button.get_quote a {    
    font-size: 16px;    
}
footer.footer-area {
    padding-bottom:0;
}
.background-color{max-width:100%;}
.hero-bg-2 {
    height: auto;
}
.best_products h6 {
    text-align: center;
}


.section-4 .logo, .experts .logo {
    margin-top: 0;
    
}
.experts .logo {
    padding:0
}
.experts_heading h3 {
    font-size: 20px;
    line-height: 1.3;
}
.experts_heading p {    
    font-size: 14px;    
}
form.control-form select {
    width: 100% !important;
    max-width: 100%;
    color: #1d1d1d!important;
    font-weight: 600;
}
  .hero-bg-1 {
    padding: 0;
    height: auto;
}

.title-2.mt-60 h1 {
    display: initial;
    font-size: 25px !important;
    padding: 015px;
        line-height: 1.3;
}

.hero-bg-1 .tooltips {
    position: static;
}

.hero-banner-wrapper img {
    position: static;
    display: none;
}
  .collapse-area{height:auto;padding-bottom:110px;padding-top: 30px;}
  section.collapse-area.mt-100, 
  section.sales.mt-100, 
  footer.footer-area.mt-100,
  section.about-us.mt-100  {
    margin-top: 50px;
}

.request-helpline {
  float: none
}
.headline {
    position: inherit;
    align-items: center;
    justify-content: center;
margin: auto;
}
section.Benefits.mt-120.benefits_area {
    margin-top: 70px;
}
.main-about {
    padding-top: 20px;
}
  .collapse-area .logo {
    position: absolute;
    left: 50%;
    top: auto;
    transform: translatex(-50%);
}
  .collapse-description.d-flex {
    /* display: block !important; */
    margin-left: 0 !important;
    display: flex!important;
    flex-direction: column-reverse;
}
.collapse-description.d-flex.ms-5 {
    margin-top: 30px;
}
  .collapse-description .collapse_content h5 {  
    font-size: 25px;    
    text-align: center; 
}   
.collapse-description .collapse_content p { 
    font-size: 14px;    
    text-align: center; 
} 
.collapse-description button.learn_more_btn  {
    margin-left: 6rem;
}
 .collapse-area .collapse-description button.learn_more_btn {
  margin:0;
    text-align: center!important;
    display: flex;
}
.Benefits .middle-1 {   
   
   margin-bottom: 1rem; 
}   
.Benefits .middle-2 {   
    margin-top: unset;      
    margin-bottom: 1rem;    
}
.about-widget.pr-60 {
    margin-top:35px;
}

  .paragraph-widget{padding: 1rem;margin-bottom:10px; min-height: auto;}
  .about-widget p{font-size:25px;padding-right:0;line-height:1.3;text-align: center;}
  .warranty-review .about-widget p {text-align: left;}
  .about-widget p span{font-size:25px}
  .sales:before{min-height:500px}
  .headline{top:auto;bottom:auto}
.benefits_area .feature-content p{width:unset !important;margin: 10px 0;}
.sales .sales-content .sales-distributors img {
    margin: 0 !IMPORTANT;
    flex: 0 0 20%;
    width: 20%;
}
.request-helpline .headline-number{display:none}
.sales{padding:20px 0}

.sales-distributors.mt-60 {
    display: flex;
    flex-wrap: wrap;
}
.sales .sales-content {
    padding: 7% 0;
}
  }/*----------------------------------------*/ 
/*  18. FAQ SECTION CSS
/*----------------------------------------*/
/*Want to buy used engines */
.BUY-HEADING .buy-content p {font-size: 40px;}
.BUY-HEADING .buy-content p {font-size: 24px;}
.BUY-HEADING .buy-content button.request.free{margin-top: 1rem;}
.BUY-HEADING .engine-logo {margin-top: 0;}


  @media only screen and (max-width: 768px){
      .collapse_content {
    width: 100%;
}
      .hero-banner-image img {
    max-width: 280px;
}
     .navbar > ul > li > a,
     .brand-info {
      display: none;
    }
   
    .toggle-bar {
      display: block;
    }
    .mob_meanmenu {
        display: block;
  }
  .navbar>.container, .navbar>.container-fluid, 
  .navbar>.container-lg, .navbar>.container-md, 
  .navbar>.container-sm, .navbar>.container-xl, 
  .navbar>.container-xxl {
    
    justify-content: flex-end !important;
}

/*brand page responsive*/
.totota {
    text-align: left !important;
    
}
.icons-warranty p{text-align: left !important; margin-bottom: 1rem !important;}
.icons-warranty span{margin-left: 0 !important;
  }
}

@media only screen and (max-width: 1400px) {
    .hero-banner-image img {
    max-width: 500px;
}
    .navbar a {
    font-size: 16px;
}
    footer p.phone-no {
    font-size: 22px!important;
}
}
@media only screen and (max-width: 1200px) {
    

.single-widget span {
    font-size: 18px;
}
         h1.hide-heading {
    opacity: 0.3;
    font-size: 130px;}
    .paragraph-widget h3 {
    font-size: 18px;}
    .paragraph-widget p {
    font-size: 14px;}
    .collapse-description .collapse_content h5 {
    font-size: 36px;
}
    .collapse-description .collapse_content p {
    font-size: 14px;}
    .hero-banner-image img {
    max-width: 400px;
}
.background-white h3 {
    font-size: 22px;
    margin-bottom: 15px;
 
}
section.banner-area.d-flex {
  
    min-height: 500px;
}
.tag {
    margin-left: 0px;
}
     .title-2.mt-195.text-light > h1 {
     font-size: 32px;}

    /* navbar css */
    .navbar a {
         font-size: 12px;
         
    
}
.brand-info span {
font-size: 15px;}
}


/* hero section responsive */
/* mobile responsive */


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

/*  navbar offcanvas css  */
.navbar-toggler{padding: 0px 5px  !important;}
button.used_engines a {
font-size: 11px;}
.hero-banner-image {
   position: absolute;
    right: 0!important;
    transform: none;
    top: 7%;
    left: 58%;
    z-index:1} 
.hero-banner-image img {
    max-width: 200px;
}
.offcanvas {z-index: 111111;}
.brand-logo {
    padding-top: 10px;
}
.btn_coll {
    width: 100%;
    display: flex;
    justify-content: center;
}
    .banner-area {
       flex-direction: column;
       margin-top: unset;
    }
    
    .bg-primary {
    width: 100%;
    height: 600px;
    
}
.bg-red{
    width: 100%;
    height: 200px;
}
.bg-red .mt-195 {
    margin-top: 50px;
}
.bg-red .title-2.mt-195.text-light > h1 {
    
    margin-left: 0%;
}
button.learn_more_btn { 
    margin-top: 10px;
    margin-left: 0;    
} 
.bg-red .btn {
   
    padding: 0;
}  
button.learn_more_btn a {   
    font-size: 14px;    
}


  .banner-heading h1 {
    font-size: 20px;
}
.banner-info h2 {
 font-size: 15px;
}
.banner-info p {
   font-size: 30px; 
}
.tag p{
    font-size: 12px;
    line-height: 28px;
}
.tag{
    width: 150px;
    height: 30px;  
}
.tag.bg-blue.rounded-end-pill.float-start {
    top: 6% !important;
}
.background-white {
 
    border-radius: 10px!important;
    z-index: 999;
}
.tag {
   
    margin-top: 16%;
    margin-left: 0;
}
.bnr-content {
    padding-left: 20px;
    padding-top: 25px;
}
section.experts.mt-120 {
    margin-top: 160px;
}

.background-white {
 
    position: absolute;
    left: 0;
    right: 0;
    top: 36%;
   
    max-width: 100%;
}
button.get_quote {
    margin-left: 5px;
}


/* high quality responsive */
section.experts.mt-150 {
    margin-top: 12%; !important;
}
section.best_products {
    margin-top: 10%;
}
.Quality-title{
    font-size: 25px !important;
    text-align: center;
}
.Quality-content .sales-distributors p {
    font-size: 14px !important;
    text-align: center;
}

/*features section*/
.feature-title {font-size: 25px;}
.feature-content {
    margin-top: 20px;
}
.feature-content p {
    
    margin: 10px 0;
    width: 100%;
    padding: 10px;
}

/*middle section*/
.middle-section {
    height: unset;
}


/*how used engine experts*/
.engine-expert {
    margin-top: unset;
    margin-bottom: 20px;
}
.middle-title {
    font-size: 25px;
    text-align: center;
    margin-top: unset;
    margin-left: unset !important;
}
.middle-content p {
    font-size: unset;
    line-height: unset; 
    text-align: center;
    margin-left: unset !important;
}
.middle-1 h3,.middle-1 span {font-size: 16px;}
.middle-1 p {
    font-size: unset;
}

/*buying selling section*/

.divider:nth-child(1)::after {
    display: none;
}
.buying-selling-section {
    flex-direction: column;
}
.buying-selling-section img {
    max-width: 200px;
    display: block;
    margin: auto;
}

.logo img {
    max-width: 100px;
    
}
/*FAQ */
.question-widget h3,.question-widget span {font-size: 25px;text-align: center;}
.headline {right: 22%;}

/*see what our customers*/
.about-widget {
    margin-top: unset;
    padding-right: 0;
}
 
.paragraph-widget p {
    font-size: unset;
}

/*footer*/
.main-footer {
    padding-top: 20px;
}
.footer-logo img {
    width: 100px;
    display: block;
    margin: auto;
}
.single-widget ul li {line-height: 1.5;}

.background-color h3 {
    font-size: 25px;
}

p.bg-light-request {
    background: #fff;
    font-weight: 900;
    font-size: 20px!important;
    padding: 10px 30px!important;
}
/**********************/
/*index.php*/
/**********************/
button.learn_more_btn {
    padding: 5px 18px;
}

/*  FONT SIZE    */
p {font-size: 14px;}
.fs-18{font-size: 14px;}
.fs-38,.best_products h6, h3.feature-title {font-size: 25px !important;text-align: center;}
.request-helpline .headline p {font-size: 22px;}
.fs-26,.single-widget h3,.single-widget p,.paragraph-widget h3,.paragraph-widget span{font-size: 18px;}
.single-widget span {font-size: 18px;text-align: center;}
.title-2.mt-195.text-light > h1 {font-size: 18px; line-height: 28px;}
.single-widget p{border:unset;}
.main-footer .single-widget
{border-bottom:2px solid #ffffff24;
    padding-bottom: 20px !important;}
h3.benefits-title.fw-bold.fs-38.text-left.ms-5.text-uppercase.text-primary.lh-1 {
    margin-top: 2rem;
    margin-left: 0rem!important;
}
.main-footer .row .col-md-6:first-child .single-widget {
    display: flex;
    justify-content: flex-start;
    text-align: left;
    align-items: center;
   
}

.main-footer .row .col-md-6:first-child .single-widget p {
    text-align: left;
    padding: 0;
    margin: 0;
}

.main-footer .row .col-md-6:first-child .single-widget .footer-logo {
    padding-bottom: 0;
}
.single-widget h3{margin-bottom:0}

.single-widget ul li {
    flex: 0 0 50%;
}
.single-widget ul {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
/*layout -02 css responsive*/
.bnr-content .content h6 {margin-bottom: 0 !important;}
.bnr-content .content p {margin-top: 0 !important;}
.layout_02 .title-2.mt-195.text-light > h1 {
    font-size: 18px;
   
}
.layout_02 .bnr-content .content > h6{
    
    font-size:16px;
}
.layout_02 .bnr-content .content > p{
    
    font-size: 20px;
}
.engine-expert {display: flex; justify-content: center;}
.cont-form{padding: 0;}

/*----------------------------------------*/ 
/*  18. FAQ SECTION responsive
/*----------------------------------------*/
/*Want to buy used engines */
.BUY-HEADING .buy-content p {font-size: 18px;}
.faq-section .question-widget span{line-height: 1;}
.faq-section {margin-top: 20px !important;}
.faq-section .question-widget .answer {font-size: 13px;}

} 

/* tab responsive  */
 @media (min-width: 768px) and (max-width: 1024px) {
    .column-100{width: 100%;}


     .Benefits .icon_area {
    display: flex;
    justify-content: center;
}
.feature-content {
    /* margin-top: 3rem; */
    /*display: flex;
    /* justify-content: center; */
    /*flex-direction: column;
    align-items: center;*/
}
     .footer-cont {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
     .icons-section {
    padding-right: 00px;
}
.Benefits .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
}
     .hero-banner-image {
    position: absolute;
    left: 3%;
    transform: none;
    bottom: -5%;
}
.hero-banner-image img {
    max-width: 300px;
}
     .request-helpline .headline p {
font-size: 14px;}

.request-helpline .headline-number {
    font-size: 36px;
}
     .tag p {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600
}
.tag {
height: 30px;}
        .sales .col-md-5 {
    width: 100%;
}
.sales .sales-content {
    padding: 8% 0;

}
     .icons-section {
    margin-bottom: 30px;
}
     .experts_heading h3 {
     font-size: 32px;}
     h1.hide-heading {
    opacity: 0.3;
     font-size: 120px;}
     section.experts.mt-120 {
    margin-top: 80px;
}
.experts .logo {
    margin-top: 0;
    position: relative;
}
     button.used_engines a {
     font-size: 11px;}
     .collapse-description.d-flex {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
}
.paragraph-widget {
    box-shadow: 0px 0px 10px 0px #ccccccd6;
    margin-bottom: 10px;
    padding: 2rem;
    min-height: auto;

}
.collapse_content {
    width: 100%;
        text-align: center;
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
     .title-2.mt-195.text-light {
    margin-top: 100px;
}
.title-2.mt-195.text-light > h1 {
    font-size: 30px;
}


     .control-form .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
}
     
     .brand-logo img {
    width: 100px;
}
     .navbar > ul > li > a, .brand-info {
    display: none;
}
.mob_meanmenu {
    display: block;
}
.bg-body-tertiary span.fw-bold.text-primary {
    font-size: 22px;
}
.bg-light {
    height: 65px!important;
}
.offcanvas-body ul.nav.nav-underline {
   
    flex-direction: column;
}
.offcanvas-body ul li.nav-item {
    margin: 15px 0;
}
.navbar-toggler{padding: 0px 5px !important;}

 div#myNavbar {
        display: none;
    }
    button.navbar-toggler {
        border: unset;
        top: 10px;
    }
    .navbar {
    background-color: unset !important;
  overflow: inherit;
}
    .mob_meanmenu .brand-info {
        display: block;
        position: absolute;
        left: 50%;
        top: 15px;
        transform: translateX(-50%);
    }
    button.navbar-toggler {
    position: absolute;
    top: 15px;
    right: 17px;
}
    .banner-area {margin-top: unset;}
    .background-white {
    max-width: inherit;
}

    .banner-heading h1 {
    font-size: 42px;
}

/** high quality responsive */
.Quality {margin-top: 80px;}
 section.experts.mt-150{margin-top: 45% !important;}
 /*how used engine experts*/
.engine-expert {
    margin-top: 20px;
    margin-bottom: 20px;
}
.middle-title {
    font-size: 24px;
    text-align: center;
    margin-top: unset;
    margin-left: unset !important;
}
.middle-content p {
    font-size: unset;
    line-height: unset; 
    text-align: center;
    margin-left: unset !important;
}
.middle-1 h3,
.middle-1 span {
    font-size: 12px;
    
}
.middle-1 {
    background: white;
    height: 140px;
    padding: 10px 5px;
    width: 140px;
    /* margin: 0 5px; */
    overflow: hidden;
}
.middle-1 p {
    font-size: 12px;
    line-height: 1.5;
}
img.used_engine{float: none;}
/*buying selling section*/
.buying-selling-section {
    flex-direction: column;
}
.buying-selling-section img {
   max-width: 200px;
    display: block;
    margin: auto;
}
.logo img {
    max-width: 100px;
    
}
.section-4 .buying-selling-section p:nth-child(2), .section-4 .buying-selling-section p:nth-child(3) {
   
    width: 300px;
}

/*features responsive*/
.feature-content p {
    
    margin: 10px 0;
}
/*middle section*/
.middle-section {
    height: unset;
}



/*benefits*/
.Benefits .row {
    justify-content: center;
}
.fs-38, h3.benefits-title {
    /* margin: 1rem; */
    text-align: center;
}
.benefits_area .feature-content p {
    width: 700px !important;
}
.Benefits .middle-1,.Benefits .middle-2 {margin-left: 0;}

/*footer*/
.footer-logo img {
    width: 100px;
}
.single-widget ul li {
    line-height: 1;
}
.single-widget h3 {
    font-size: 18px;
}
.single-widget p {
    font-size: 18px;
}
.single-widget span {
    font-size: 18px;
    text-align: center;
}
.background-color h3 {
    font-size: 25px;
}


/*index.php*/
.title-2.mt-195.text-light > h1, button.learn_more_btn {
    margin-left: 0 ;
}
/*layout -02 css responsive*/
.layout_02 .title-2.mt-195.text-light > h1 {
    font-size:30px;
   
}
.layout_02 .bnr-content .content {
    margin-top: 40px;
}
.layout_02 .bnr-content .content > h6{
    
    font-size:16px;
}
.layout_02 .bnr-content .content > p{
    margin-top: 5px;
    font-size: 17px;
}
form.control-form {
    padding: 0;
}
/*layout-02*/
.bnr-content .content p {margin-top: 0 !important;}

/*brands css */
.totota {
    text-align: left !important;
}
.icons-warranty p{font-size: 20px;}
.icons-warranty span { margin-left: 0 !important}

/*----------------------------------------*/
/*  18. FAQ SECTION responsive
/*----------------------------------------*/
/*Want to buy used engines */
.BUY-HEADING .buy-content p {font-size: 18px;}
.faq-section .question-widget .answer {font-size: 13px;}
} 
}






/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

button.used_engines a {
font-size: 11px;}
    .banner-heading h1 {
    background: #fff;
    margin-top: 5px;
    width: fit-content;
    padding: 0 15px;
    font-size: 42px;
}
  .banner-heading h1 {
    font-size: 50px;
}
.banner-info h2 {
 font-size: 16px;
}
.banner-info p {
   font-size: 35px; 
}
.tag p{
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
}
.tag {
height: 30px;}


} 
@media only screen and (min-width: 1200px) {
   
    /* navbar css */


    .navbar a {
         font-size: 14px;
         
    
}
/* hero section css */
/*.banner-area {margin-top: -35px;}*/
.banner-heading, .banner-info,.title-2.mt-195.text-light > h1,.banner-area  .btn{margin-left: 0!important;}

.brand-info span {
    font-size: 20px;
}
/*    .bg-red,
    .bg-primary{
        
        height: 100vh;
    
}*/
  .banner-heading h1 {
    font-size: 50px;
}
.banner-info h2 {
 font-size: 16px;
}
.banner-info p {
   font-size: 35px; 
}
.tag p{
font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.hero-banner-wrapper img {
    top: 67%;
    max-width: 600px;
    z-index:1000
}
.bg-red .btn {
    padding-left: 0;
}
.benefits_area .feature-content p { width: 500px !important;}

/* footer ccs */
.footer-logo img,.logo img {
    width: 100px;
}
.footer-logo img{
    width: 200px;
    }
.footer-widget{margin-top:20px}
/*find used engines*/
.sales-distributors.mt-60 {
    display: flex;
    flex-wrap: wrap;
}
.sales .sales-content .sales-distributors img {
    width: 120px;
    flex: 0 0 26%;
    padding: 10px;
}


/************/
/*index.php css*/
/************/
.collapse-area {height: 450px;}
button.learn_more_btn {margin-top: 1rem;}




/* font size */
.fs-38,
.question-widget h3,.question-widget span,.about-widget span,.about-widget p,.collapse-description .collapse_content h5,
.experts_heading h3,h3.engine-warranty-1,.buying-selling h3,.buying-selling span,h3.advantages-title {font-size: 30px;}
.fs-26,.single-widget h3,.single-widget p,button.request.free,button.request.free.quote {font-size: 20px;}
p,.feature-content > p > span,button.learn_more_btn a ,.experts_heading p,.toyota-engine-content p,.installation-Checks-content p,.para{font-size: 14px;}
.single-widget span {font-size: 22px;}
.Quality-content .sales-distributors p,
.fs-18,
.paragraph-widget p,.request-helpline .headline p,.collapse-description .collapse_content p,.question-widget p,.faq-section .question-widget .answer {font-size: 14px;}
.Benefits .middle-1,.Benefits .middle-2,.section-buying .middle-1 {width: 160px; height: 160px;padding: 1rem; padding-bottom: 0;}
.middle-1 p,.middle-2 p {font-size: 12px;line-height: 1.5 !important;margin-top: 2rem !important;}
.middle-1 img,.middle-2 img {max-width: 40px;}
.request-helpline .headline-number,.title-2.mt-195.text-light > h1 {font-size: 48px;}
.buying-selling p{font-size: 12px;}
/* layout_02 css */
.layout_02 .title-2.mt-195.text-light > h1 {
    background: whitesmoke;
    color: var(--primary-color-2);
    width: fit-content;
    line-height: 1;
    margin: 5px 0;
    padding: 0 15px;
    font-size: 60px;
    font-weight: 700;
    
}
.layout_02 .bnr-content .content > h6{
    font-weight: 100;
    font-size: 18px;
}
.layout_02 .bnr-content .content > p{
    font-weight: 700;
    font-size: 40px;
}
}


@media only screen and (min-width: 1400px) {
/*  header css  */
        .navbar a {
    font-size: 16px;
}
/* hero section   */
   

/*.banner-area {
    margin-top: -79px;
}*/
.banner-heading,
.banner-info,.title-2.mt-195.text-light > h1,.banner-area  .btn {
   
    margin-left: 19%;
}

  .banner-heading h1 {
    font-size: 80px;
}
.banner-info h2 {
 font-size: 18px;
}
.banner-info p {
   font-size: 45px; 
   
}
.tag p{
    font-size: 16px;
    margin-bottom: 0;
}
.hero-banner-wrapper img {
    top: 76%;
    max-width: 550px;
}
/* benefits */

.benefits_area .feature-content p { width: 700px !important;}

.Benefits .middle-1, .Benefits .middle-2 ,.section-buying .middle-1{
    width: 200px;
    height: 200px;
    padding: 1rem;
    padding-bottom: 0
}
.brand-logo img,.logo img {
    width: 150px;
}
.sales-distributors.mt-60 {
    display: block;
    
}
.sales .sales-content .sales-distributors img {
    margin-left: -36px;
    margin-top: -36px;
    width: 150px;
}


/******************/
/* index.php css */
/******************/
.title-2.text-light > h1{
    font-size: 65px;
    line-height: 1;
    
}
.title-2.mt-195.text-light > h1 {font-size: 40px;}
.collapse-area {height: 650px;}
button.learn_more_btn {margin-top: 3rem;z-index: 1000;
    position: relative;}
.middle-1 img, .middle-2 img {max-width: 70px;}


/* font size */
.middle-1 p,.middle-2 p {font-size: 16px; line-height: 1.5 !important;margin-top: 2rem !important;}
.toyota-engine-content p,.installation-Checks-content p,.buying-selling p{font-size: 16px}
.fs-38,.question-widget h3,.about-widget span,.about-widget p,
.experts_heading h3,h3.engine-warranty-1,.buying-selling h3,.buying-selling span,h3.advantages-title,.question-widget span {font-size: 38px;}
.fs-26,.brand-info span,.best-products-heading{font-size: 26px;}
.single-widget h3,button.request.free,button.request.free.quote {font-size: 24px;}
.Quality-content .sales-distributors p,.fs-18,.paragraph-widget p,.collapse-description .collapse_content p,
.feature-content > p > span,button.learn_more_btn a,.experts_heading p,.para,.faq-section .question-widget .answer {font-size: 18px;}

.request-helpline .headline p, .question-widget p{font-size: 22px;}
.single-widget p {font-size: 40px}
.single-widget span {font-size: 26px;}
.collapse-description .collapse_content h5 {font-size: 50px;}
/* layout_02 css */
.layout_02 .title-2.mt-195.text-light > h1 {
    background: whitesmoke;
    color: var(--primary-color-2);
    width: fit-content;
    line-height: 1;
    margin: 5px 0;
    padding: 0 15px;
    font-size: 65px;
    font-weight: 700;
    
}
.layout_02 .bnr-content .content > h6{
    font-weight: 100;
    font-size: 18px;
}
.layout_02 .bnr-content .content > p{
    font-weight: 700;
    font-size: 40px;
}
}


/* thank you page css */
.brand-logo {
    padding-top: 15px;
    position:absolute;
    top:0
}
.bg-light .row {
    align-items: center;
}
section.thankyou-section {
    position: relative;
    margin-top: -95px;
    padding-top:95px;
}
.breadcrumb-container {
    padding: 98px 0;
}

.breadcrumb-container li {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding-right: 20px;
}

.breadcrumb-container li a {
    font-weight: 300;
    color: #fff;
}
section.thankyou-section > div{position:relative;z-index:1}

section.thankyou-section:before,
section.thankyou-section:after{
    content: "";
    width:50%;
    height:calc(100% - 120px);
    top:0;
    position:absolute;
    background: var(--primary-color-2);
}
section.thankyou-section:after {
    content: "";
    left:50%;
    background: var(--primary-color-1);
}

.thankyou-box-container {
    background: #fff;
    box-shadow: 0 6px 23px 3px rgb(0 0 0 / 8%);
    max-width: 600px;
    margin:50px auto 0;
    text-align: center;
}

.thankyou-box-container > div {
    display: flex;
    padding: 97px 75px;
    flex-wrap: wrap;
    text-align: center;
}

.thankyou-box-container > div p {
    font-size: 26px;
    font-weight:300;
    line-height: 1.3;
    padding: 15px 0;
    margin: 50px 0;
}

.thankyou-box-container > div a.btn {
    display: block;
    margin: auto;
    font-weight:600;
    color: #fff;
    background: #bf1937;
    text-transform: uppercase;
    font-size: 20px;
    width: 100%;
    max-width: 270px;
    padding: 11px;
    border-radius: 0;
}
.thankyou-box-container > div a.btn:hover,
.thankyou-box-container > div a.btn:active {
    color: #bf1937;
    background: #fff;
    border: 1px solid #bf1937;
}

@media (max-width:960px){
    h5.best-products-heading.mb-20 {
    text-align: center;
}
    .fs-38,.best_products h6 {text-align: center;}
    .icons-section .row {
    justify-content: center;
}
.single-widget ul {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
.single-widget ul li {
    width: 50%;
}
}
@media (max-width:768px){
    
    .phone-no {
    font-size: 24px!important;
}
          .navbar {
    background-color: unset !important;
    overflow: inherit;
}
.mob_meanmenu {
    display: block;
}
div#myNavbar {
    display: none;
}
    .offcanvas-body ul li.nav-item {
    margin: 15px 0;
}
.mob_meanmenu .brand-info {
    display: block;
    position: absolute;
    right:20%;
    top: 15px;
   
}
    /*.background-white .col-lg-6 {
    width: 50%;
}*/
h1.hide-heading{display:none}
   
    .brand-logo{padding-top:10px;}
    header.bg-light {
        height:55px!important
    }
    section.thankyou-section {
        position: relative;
        margin-top: -30px;
        padding-top:30px;
    }
    section.thankyou-section:before, section.thankyou-section:after{height: calc(100% - 150px);}
    .breadcrumb-container{padding:30px 0}
    ul.breadcrumb {
        margin-bottom: 0;
    }
    .thankyou-box-container{margin:0 auto 0;max-width: calc(100% - 30px);}
    .thanku-icon {
        max-width: 230px;
        margin: auto;
    }
    .thankyou-box-container > div a.btn{max-width:230px;font-size:16px}
    .thankyou-box-container > div{padding:40px 20px}
    .thankyou-box-container > div p{margin:10px 0;
        font-size: 16px;}

}


/*--------------warranty-page  css------------*/
/*----hero-banner----*/
.pages-links-1 p {
    margin-top: 7rem;
    font-size: 14px;
    font-weight: 100;
    color: #FFF;
}
.hero-banner-image-1 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 6%;
    z-index: 1000;
}
.hero-banner-image-1 img {
    max-width: 500px;
}
/*-------hero-banner-css end---*/
/*----used engine inc warranty css----*/
.warranty-middle {
    margin: 1rem;
    margin-left: 9px;
    background: white;
    height:330px;
  border-radius: 9px;
    padding: 2rem;
    box-shadow: 0px 0px 10px 0px #dee2e6;
    display: flex;
    flex-direction: column;
    
}
.content h6{
    font-size: 18px;
    font-weight: 400;
    font-family: "Open Sans",sans-serif;
    line-height: 23px;
    margin-bottom: 2rem;
}
.content p {
    font-size: 45px;
    font-weight: 600;
}
.row-flex {
    display: flex !important;
    margin: auto !important;
    justify-content: space-between;
}
.warranty-middle img.images {
    max-height: 70px;
    width: auto !important;
}
h5.returns {
   font-size:26px;
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
    color: var(--primary-color-1); 
}

.returns span {
   font-size:26px;
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
    color: var(--primary-color-2); 
}
.warranty-middle span {
    text-align: right;
}
.warranty-middle p{
    font-size:15px;
    font-weight: 400; 
}
.warranty_pg .hero-banner-image-1 {
    position: absolute;
    left: 53%;
}
/*----used engine inc warranty css end----*/

/*-------------Pre-installation Checks-----------*/
section.Warranty-terms{
   background:#ebe1e121;
}
.installation-Checks-content img, .warranty-content img {
    max-width: 20px;
    height: 20px;
    vertical-align: top;
}

section.banner-area.d-flex.warranty_pg{background-image:url(images/bgwarranty.png)}
h3.Pre-installation-title {
    font-size: 38px;
    margin-bottom: 3rem;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    line-height: 23px;
    color: var(--primary-color-1);
}
.Pre-installation-title span {
    font-size: 36px;
    margin-bottom: 3rem;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    line-height: 23px;
    color: var(--primary-color-2);
}
p.para-checks {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 2rem;
    font-family: "Open Sans",sans-serif;
    line-height: 29px;
}
h6 {
    font-size: 18px;
    font-family: "Open Sans",sans-serif;
    line-height: 23px;
    margin-bottom: 2rem;
}
.paragraph-installation-Checks img {
    max-width: 20px;
    
}
.installation-Checks-content p {
    display: inline-flex;
    padding: 1rem 1rem;
    margin: 1rem;
    color: #1f1f1f;
    margin-left: 5px;
    box-shadow: 0px 0px 10px 0px #ccccccd6;
    
    border-radius: 10px;
    width: auto;
    vertical-align: top;
}
.installation-Checks-content span{
    padding-left: 10px;
    display: inline-block;
   
}
.warranty-content span {
    padding-left: 10px;
    display: inline-block;
  
}

/*-------------Pre-installation Checks end css-----------*/

/*---- warranty- terms css--------*/
.warranty-terms-content img {
    max-width: 20px;
    margin-top: 6px;
}
.warranty-terms-content p {
    display: flex;
    padding: 1rem 1rem;
    margin: 1rem;
    margin-left: 8px;
   box-shadow: 0px 0px 10px 0px #ccccccd6;
   align-items: flex-start;
    border-radius: 10px;
    color: #1f1f1f;
}
.warranty-terms-content span {
    padding-left: 10px;
}

/*-----warranty- terms css end----------*/

/*----wrranty will be Void if css--*/
section.Warranty {
    background:#ebe1e121;
}
.warranty-content img {
    max-width: 20px;
}
.warranty-content p {
    color: #1f1f1f;
    display: inline-block;
    padding: 1rem 1rem;
    margin: 1rem;
   box-shadow: 0px 0px 10px 0px #ccccccd6;
    align-items: center;
    border-radius: 10px;
   
    background: #ffffff;
}
.warranty-content {
    margin-bottom: 10px;

    min-height: 400px;
}
.warranty-content span {
    padding-left: 10px;
}
h3.feature-title {
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    line-height: 23px;
    margin-bottom: 2rem;
    color: var(--primary-color-1);
}
.feature-title span {
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    line-height: 23px;
    color: var(--primary-color-2);
}
/*----wrranty will be Void if css end-------*/

/*-------warranty-logo css ------*/
.warranty-logo{
    margin-top: 70px;
    position: relative;
}
.warranty-logo:before {
    content: " ";
    display: block;
    height: 4px;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    background: var(--primary-color-1);
}
.warranty-logo:after {
    content: " ";
    display: block;
    height: 4px;
    width: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    background: var(--primary-color-2);
}
.warranty-logo img {
    max-width: 150px;
    position: relative;
    z-index: 1;
}
h1.mobile-view{display:none}
.warranty_pg .title-2.mt-80.text-light h1 {
    background: whitesmoke;
    color: var(--primary-color-2);
    width: fit-content;
    margin: 5px 0;
}
.warranty_pg h6.text-light {
    margin-bottom: 10px;
}
.warranty-review .paragraph-widget {
    
    min-height: 330px;
}
/*responsive*/

/*-------warranty-logo css end*/

/*----------brand page css-----*/
.totota {text-align: center ;}
h3.engine-warranty-1{
    
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    line-height: 1.2;
    margin-bottom: 2rem;
    color: var(--primary-color-1);  
}
p.engine-runner {
    font-weight: 700;
    border-bottom: 1px solid whitesmoke;
}

section.request-section{
    background-image: url(images/Layer-54.png);
    background-position: center;
    width: 100%;
    background-size: cover;
    position:relative;
    min-height:440px;  
}

button.request.free.quote{
    background: #FFF;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 3rem;
    box-shadow: 0 0 15px -8px black;
    font-family: var(--font-family-2);
}
.btn-request {
    position: absolute;
    top: 50%;
    left: 11%;
}
section.section-buying{
    padding: 0 25px;
    background: #f7f7f7;
    margin-top: 0rem;
    padding-top:90px
}
.buying-selling h3{
   
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    line-height: 1.2;
    margin-bottom: 2rem;
    color: var(--primary-color-1); 
text-align: left;   
}
.buying-selling span{
   
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    line-height: 1.2;
    margin-bottom: 2rem;
    color: var(--primary-color-2);  
}

.buying-selling p{
   
    font-weight: 400;
   
    line-height: 1.5;
    margin-bottom: 2rem;
    color: var(--primary-color-1);  
}

.middle-area p{
    font-size: 16px;
}
.icon-1 {
    margin: 1rem;
    margin-left: 9px;
    background: white;
    height: 173px;
    max-width: 173px;
    border-radius: 9px;
    box-shadow: 0px 0px 10px 0px #dee2e6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 5rem;
   padding-top: 2rem;
}
.toyota-engine-content img {
    max-width: 20px;
}
.toyota-engine-content p{
    display: flex;
    padding: 1rem 1rem;
    margin: 1rem;
    max-width: 720px;
    color: #1f1f1f;
    margin-left: 5px;
    box-shadow: 0px 0px 10px 0px #ccccccd6;
    align-items: flex-start;
    border-radius: 10px;
}
.toyota-engine-content span {
    padding-left: 10px;
}
.divider-1:nth-child(1)::after {
    border: 2px solid white;
    width: 0%;
    margin-top: -6rem;
    content: "";
    margin-left: 0%;
    box-shadow: 0 0 18px 5px white;
}
h3.advantages-title{

    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    line-height: 1.2;
    margin-bottom: 2rem;
    color: var(--primary-color-1); 
text-align:left 
}

.advantages-title span{
   
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    line-height: 1.2;
    margin-bottom: 2rem;
    color: var(--primary-color-2);  
}
button.request.free{
    background: var(--primary-color-2);;
    padding: 10px 25px;
   font-weight: 700;
   color: white;
    text-transform: uppercase;
    margin-top: 3rem;
    margin-bottom:3rem;
    box-shadow: 0 0 15px -8px black;
    font-family: var(--font-family-2);
}
.background-image {
    background-image: url(images/back.png);
   
    position: relative;
    background-repeat: no-repeat;
    background-position: right;
    min-height: 779px;
}
.background-img.mobile-view {
    display: none;
}
.engine-logo {
    margin-top: -5rem;
    position: relative;
}
.engine-logo img {
    max-width: 150px;
    position: relative;
    z-index: 1;
}
.engine-logo:before {
    content: " ";
    display: block;
    height: 4px;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    background: var(--primary-color-1);
}
.engine-logo:after {
    content: " ";
    display: block;
    height: 4px;
    width: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    background: var(--primary-color-2);
}
.engine-runner path {
    fill: #bf1a38;
}
.col-lg-3.col-md-6.slick-slide {
    justify-content: center;
}

.bnr-content h1{font-size:40px;}














@media screen and (max-width:960px) {
.icons-warranty .row-flex{flex-wrap: wrap;}
.icons-warranty .col-md-3 {
    flex: 0 0 auto;
    width: 50%;
}
.warranty_pg .hero-banner-image-1 {
    position: absolute;
    left: 47%;
    top: 50%;
    z-index: 1000;
    transform: translate(-50%, -50%);
}
.bg-light {
    height: 55px!important;
}
.warranty_pg .hero-banner-image-1 img {
    max-width: 200px;
}
.star-icon {
    display: flex;
}
.background-img.mobile-view {
    display: block;
}
.background-img.mobile-view img {
    width: 100%;
}
.feature .col-md-6 {
    width: 100%;
}
.background-image {
    background: none;
}
section.section-buying .col-md-6 {
    width: 100%;
}
.divider-1:nth-child(1)::after {
    content: "";
    display:none;
}
}
@media screen and (max-width: 767px) {
    .warranty_pg .tag {
    display: none;
}
.warranty_pg p.text-light.mt-15 {
    margin-top: 10px;
}
    .warranty-content span {
    width: calc(100% - 30px);
  }
  section.Warranty-terms-1.mt-60 {
    display: none;
}
section.Warranty.mt-60.pt-40 {
    display: none;
}
    .warranty_pg .layout_02 .title-2.mt-80.text-light > h1 {
    font-size: 32px;
}
    h3.Pre-installation-title {
    font-size: 32px;}
    section.Warranty-terms, section.Warranty, section.warranty-faq {
    padding: 20px;
    margin: 30px 0;
}
    .banner-area.warranty_pg .container {
    width: 100%;
    max-width: 100%;
}
.icons-warranty .col-md-3 {
    flex: 0 0 auto;
    width: 100%;
}
.warranty_pg .title-2.mt-80.text-light {
    margin: 25px;
}
.warranty_pg .content.mt-40.lh-1 {
    margin: 0 25px;
}
.warranty_pg h6.text-light {
    margin: 0;
}
.hero-banner-image-1 {
    display: none;
}
.warranty_pg .bg-red {
    background: #bf1a38;
        height: 235px;
}
.warranty_pg .bg-primary {
    background: #232e62 !important;
}
.banner-area.warranty_pg .container {
  
    flex-direction: column;
    padding: 0;
}
h1.desk-view{display:none}
h1.mobile-view{display:block}
.warranty_pg .pages-links-1 p {
    display: none;
}
.warranty_pg .background-white {
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    max-width: 100%;
    margin: 20px;
}

.warranty_pg .bg-primary {
    width: 100%;
    height: 600px;
}
h3.Pre-installation-title, h3.feature-title {
    line-height: 40px;
}
.icons-warranty .row-flex {
    display: flex;
    flex-direction: column;
}
.icons-warranty .row-flex {
    display: flex;
    flex-direction: column;
}
    section.section-buying {
    background: #fff;
   }
   .toyota-engine-content p {
  padding: 1rem 1.5rem;}
    .totota.engine span.text-dark.fs-18.mt-3.ms-5.text-center {
    display: none;
}
.Warranty-engine .col-md-4.desk-view{display:none}
.Warranty-engine .fs-38{
    text-align: left!important;
    margin-bottom: 1rem!important;
}
.Warranty-engine p.para.mt-40.fs-17 {
    display: none;
}
h3.engine-warranty-1 {
margin-bottom: 1rem
}

.totota.engine .fs-26 {
    line-height: 1.5!important;
    text-align: left!important;
}
.warranty-logo {
margin-top: 0;}
section.Warranty-engine.mt-70.pt-80 {
    margin-top: 0;
    padding-top: 0;
}
    
section.request-section {
    min-height: 160px;
    margin-top: 40px;
}
section.section-buying.pt-90 {
    padding-bottom: 30px;
}
h3.advantages-title.fw-bold.fs-38.mt-85 {
    margin-top: 40px;
}
.btn-request {position:unset}
button.request.free.quote {
    background: #FFF;
    padding: 10px 25px;
font-size: 15px;margin-top: 4rem;}
.buying-selling.d-flex {
    padding: 0;
    padding-top: 2rem;
}
section.section-buying .desk-view, .Warranty-engine .desk-view
{display:none}

section.section-buying {
padding: 0;
padding-top: 40px; }
    .background-image{background-image:none}
section.section-buying .col-md-4 {
    width: 50%;
        padding: 0;
}
.buying-selling.d-flex.divider-1 {
    padding: 0;
}
section.section-buying .icon-1 {
margin: 0rem;
margin-bottom:4px
}

.feature .container {
    padding: 0;
}
.col-md-6.bg-col {
    padding: 0;
}
button.request.free {
    background: var(--primary-color-2);
    padding: 10px 25px;
font-size: 15px;
margin-top:20px;
}
.background-img.mobile-view img {
    width: 100%;
}
.feature .engine-logo {
    display: none;
}
.feature .btn {
    display: flex;
    justify-content: center;
}
}



.top-header {
  background-color: #333;
  color: white;
  font-size: 14px;
  /* height: 45px; */
  padding: 12px 0px;
  font-weight: 300;
}

.top-header-text {
  font-weight: 600;
}

.top-header-links a {
  color: white;
  margin-left: 20px;
  font-weight: 600;
  text-decoration: none;
}

.top-header-links a:hover {
  text-decoration: underline;
}

.cart span {
  font-weight: 600;
  font-size: 14px;
  color: #ccc;
}



.popup-box {
  border-radius: 10px;
  max-width: 450px;
  margin: auto;
}

.popup-heading {
  font-size: 35px;
  margin-bottom: 10px;
}

.popup-features {
  background-color: #fffdee;
  border: 1px solid #f5d776;
}

.popup-features li {
  font-size: 0.95rem;
  padding-left: 10px;
  margin-bottom: 5px;
}



.product-card {
  border: none;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  background: #fff;
  border: 1px solid #dcdcdc;
}
.product-card .card-body {padding-bottom:0px; position:relative}
.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.product-img {
  height: 100%;
  object-fit: contain;
  margin-bottom: 10px;
}

.btn-query {
  background: linear-gradient(90deg, #000000, #444444);
  color: #fff;
  font-weight: 700;
  padding: 10px;
  border-radius: 25px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.btn-query:hover {
  background: linear-gradient(90deg, #333333, #000000);
  transform: scale(1.04);
}
.brandd {
    margin: 0px;
    margin-top: 0px;
    background: red;
    display: inline-block;
    position: absolute;
    top: -25px;
    color: #fff;
    font-weight: 600;
    padding: 6px 24px;
    border-radius: 100px;
    text-transform: uppercase;
    border: 2px solid #fff;
    box-shadow: 0px 0px 9px #ccc;
    left: 0;
    right: 0;
    width: 51%;
    margin: auto;
    margin-bottom: 40px;
}






.brator-review-area{
  padding-bottom: 83px;
}

.brator-review-area .brator-review-title{
  border-top: 1px solid #d9d9d9;
  padding-top: 83px;
  padding-bottom: 33px;
}


.brator-review-title .title{
  font-size: 30px;
}

.brator-review-content{
  text-align: center;
}
.brator-review-content h5{
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 8px;
}
.brator-review-content ul{
  margin: 0;
  padding: 0 0 3px;
  list-style-type: none;
  display: flex;
  justify-content: center;
  gap: 3px;
}

.brator-review-content ul li i{
  height: 30px;
  width: 30px;
  color: #fff;
  background: #00b67a;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
}

.brator-review-content span{
  font-size: 13px;
  font-weight: 300;
}

.brator-review-content span span{
  text-decoration: underline;
  font-weight: 400;
  color: #000;
}

.brator-review-content h4 {
  font-size: 18px;
  padding-top: 5px;
}
.brator-review-content h4 i{
  color: #00b67a;
  font-size: 22px;
}

.brator-review-box{
  position: relative;
}
.brator-review-box ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 3px;
}
.brator-review-box ul li i{
  height: 18px;
  width: 18px;
  color: #fff;
  background: #00b67a;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
}

.brator-review-box .braton-review-date{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  color: #777;
}

.brator-review-box h5{
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding: 3px 0;
}

.brator-review-box p{
  font-size: 14px;
  line-height: 24px;
  color: #2c2c2c ;
  margin-bottom: 0;
}

.brator-review-box > span{
  font-size: 14px;
  color: #777;
}

.brator-review-area .brator-review-slider{

}

.brator-review-area .brator-review-slider .splide__arrows.style-three .splide__arrow--prev{
  left: 0;
  right: auto;
}

.brator-review-area .brator-review-slider .splide__arrows.style-three .splide__arrow{
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}

.brator-review-area .brator-review-slider {
  padding-left: 50px;
  padding-right: 50px;
}

.baner_form .form-control {
    height: 41px !important;
    border: 1px solid #a1a0a0;
    border-radius: 3px;
    margin-bottom: 16px;
}
.baner_form .btn.btn-skin {
    background: #000;
    color: #fff;
    border: 0px;
    font-size: 20px;
    border-radius: 100px;
    cursor: pointer;
    width: 95%;
    text-align: center;
    margin-bottom: 20px;
}
.baner_form  form{padding:0px 10px;}

.page__ThnkP1__7b144 {}
.page__ThnkP8__aOr1k{}