@import url('https://fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Exo 2', sans-serif !important;
    overflow-x: hidden;
}

* {
    margin: 0px;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
    padding: 0px;
}

.top-bar {
    position: relative;
    height: 7px;
}

.top-bar:before {
    content: '';
    position: absolute;
    width: 50%;
    background: #ee1d20;
    height: 7px;
}

.top-bar:after {
    content: '';
    position: absolute;
    width: 50%;
    background: #bec9cb;
    height: 7px;
    right: 0;
}

.main-header {
    padding: 20px 0px;
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 99;
}

.call-border {
    border-bottom: 1px solid#bbcace;
    padding-bottom: 29px;
}

.call-col img {
    max-height: 31px;
    float: left;
    width: 31px;
    margin-top: 11px;
}

.call-col p {
    font-size: 16px;
    font-weight: 400;
    float: left;
    margin: 0px;
    margin-left: 10px;
}

.call-col p span {
    font-size: 18px;
    font-weight: 400;
    color: #949ea0;
}

.call-col p a,
.call-col a {
    color: #000;
    text-decoration: none;
}

.icon-col {
    text-align: right;
    margin-top: 25px;
}

.icon-col img {
    max-height: 16px;
    padding-left: 5px;
}

.icon-col .you-m img {
    margin-top: 4px;
}

.callpadd-0 {
    padding: 0px !important;
}

.video-col {
    width: 100%;
}

.video-col #myVideo {
    width: 100%;
}

.about-section {
    padding: 60px 0px 40px;
}

/*.about-leftimg{padding-right: 34px;}*/
.about-leftimg img {
    width: 100%;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}

/*.about-leftimg img:hover{transform: scale(1.1); }*/
.right-abouttext img {
    width: 48px;
    float: left;
}

.right-abouttext h2 {
    margin: 0px;
    font-size: 30px;
    font-weight: 700;
    color: #ed1c24;
    float: left;
    margin-left: 14px;
    line-height: 28px;
    margin-bottom: 15px;
}

.right-abouttext h2 span {
    font-size: 25px;
    font-weight: 400;
}

.right-abouttext p {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    margin: 0px;
    padding-bottom: 14px;
    /*border-bottom: 1px solid#ef7e11;*/
}

.about-bottom-img {
    padding-top: 17px;
    border-top: 1px solid #ef7e11;
    margin-top: 0px;
}

.about-bottom-img img {
    width: 85px;
    float: left;
    margin-bottom: 20px;
}

.about-bottom-img h3 {
    margin-top: 0px;
    font-size: 25px;
    font-weight: 700;
    color: #6f787a;
    float: left;
    line-height: 35px;
    margin-top: 0px;
}

.about-bottom-img ul {
    clear: both;
    list-style: none;
}

.about-bottom-img ul li {
    font-size: 20px;
    font-weight: 700;
    color: #6f787a;
    float: left;
    padding: 4px 9px;
    width: 48%;
}

.btn {
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 0px !important;
    padding: 11px 21px !important;
}

.btn-default {
    color: #9caeb3 !important;
    background-color: #fff !important;
    border-color: #9caeb3 !important;
    transition: ease-in-out 0.5s;
}

.btn-default:hover {
    background: #ed1c24 !important;
    color: #fff !important;
    border-color: #ed1c24 !important;
}

.group-section {
    background: url(../images/group-bg.jpg) no-repeat center;
    padding: 31px 0px;
}

.group-heading {
    text-align: center;
}

.group-heading h2 {
    margin: 0px;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #333434;
}

.group-col {
    width: 20% !important;
    text-align: center;
    background: #cc0000;
    padding: 40px;
}

.group-col img {
    max-height: 81px;
    margin-bottom: 15px;
}

.group-col h2 {
    font-size: 60px;
    font-weight: 700;
    margin: 0px;
    margin-bottom: 15px;
    color: #fff;
}

.group-col h2 sup {
    font-size: 33px;
    margin-left: -9px;
}

.group-col p {
    font-size: 15px;
    font-weight: 300;
    color: #fff;
}

.team-padding {
    padding-bottom: 22px;
}

.bg-color-change {
    background: #6e6f6f;
    margin-top: 21px;
}

.our-section {
    padding: 50px 0px;
}

.our-textp {
    padding-left: 62px;
}

/*.our-textp p:first-child{padding-right: 50px;}*/
.our-textp p:first-child {
    padding-right: 73px;
}

.our-textp p {
    font-size: 25px;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 30px;
}

.our-textp img {
    max-height: 101px;
    float: left;
    margin-bottom: 68px;
    padding-right: 25px;
}

.our-textp .pledge-text {
    float: left;
    width: 71%;
    border-left: 1px solid#dde4e6;
    padding-left: 17px;
    padding-right: 0px;
}

.our-img img {
    width: 100%;
}

.products-section {
    background: url(../images/products-bg1.jpg) no-repeat center;
    padding: 50px 0px;
    background-size: cover;
}

.white-bg-text h2 {
    color: #fff;
    margin-bottom: 50px;
}

.brake-parts {
    margin-bottom: 30px;
}

.brake-parts h3 {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    margin-bottom: 20px;
}

.brake-parts img {
    width: 100%;
    margin-bottom: 20px;
}

.brake-parts-btn {
    text-align: right;
}

.brake-parts-btn a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    transition: ease-in-out 0.5s;
}

.brake-parts-btn a:hover {
    text-decoration: none;
    color: #ed1c24;
}

.brake-small {
    display: none;
}

.products-img img {
    width: 100%;
}

.brake-text {
    margin-top: 54%;
}

.brake-text h3 {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    margin: 0px;
    margin-bottom: 20px;
}

.brake-btn {
    background: transparent !important;
    border-color: #fff !important;
    color: #fff !important;
}

.chassis-tpmargin {
    margin-top: 12%;
}

.infrastructure-section {
    padding: 50px 0px;
}

.donec-text p {
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
    color: #000;
    margin-bottom: 0px;
}

.press-slider .slick-next {
    display: none !important;
}

.carousel-1 {
    margin-top: 40px;
}

.carousel-col {
    padding-left: 0px !important;
    margin-bottom: 15px;
}

.carousel-col img {
    width: 100%;
}

.carousel-col h4 {
    font-size: 20px;
    font-weight: 300;
    color: #ef7e11;
    margin: 10px 0px;
}

.carousel-col p {
    font-size: 15px;
    font-weight: 300;
    color: #000;
    padding-right: 39px;
    margin-bottom: 15px;
}

.carousel-1 {
    text-align: center;
}

.carousel-1 a {
    background: #009999;
    padding: 10px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 30px;
}

.press-shop-para {
    margin-bottom: 30px;
}

.press-shop-para img {
    width: 100%;
}

p {
    font-size: 16px !important;
}

.press-shop-para p {
    font-size: 16px;
    line-height: 25px;
    height: 80px;
}

.press-shop-para .tool-text {
    margin-bottom: 35px;
}

.press-shop-para .machine-text {
    margin-bottom: 35px;
}

.press-shop-para .inspect-text {
    margin-bottom: 35px;
}

.featured-section {
    background: url(../images/featured-bg.jpg) no-repeat center;
    padding: 50px 0px;
    background-size: cover;
}

.customers-bg {
    background: url(../images/customers-bg.jpg) no-repeat center;
    padding: 50px 0px;
    background-size: cover;
}

.featured-padd-left {
    padding-left: 53px !important;
}

.featured-text p {
    padding-right: 75px !important;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}

.featured-mb-30 h2 {
    margin-bottom: 30px;
}

.featured-img {
    margin-top: 49px;
}

.featured-img img {
    width: 100%;
    padding-right: 33px;
}

.corporate {
    padding: 50px 0px;
}

.corpo-col img {
    width: 100%;
}

footer {
    background: #454545;
    padding: 40px 0px;
}

.ul-customers {
    margin: 0;
    padding: 0px;
    list-style: none;
}

.ul-customers li {
    margin-bottom: 20px;
}

.ul-customers li a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition: ease-in-out 0.5s
}

.ul-customers li a:hover {
    color: #d42d33;
}

.follow-ul {
    margin: 0;
    padding: 0px;
    list-style: none;
    margin-top: 50px;
}

.follow-ul h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin: 0px;
    margin-bottom: 10px;
}

.follow-ul li {
    float: left;
    padding: 0 4px;
}

.follow-ul li img {
    max-height: 16px;
}

.img-you img {
    margin-top: 4px;
}

.ul-company h4 {
    font-size: 23px;
    font-weight: 700;
    color: #9caeb3;
    margin: 0px;
    margin-bottom: 21px;
}

.ul-company li {
    margin-bottom: 7px;
    color: white;
    font-size: 18px;
}

.ul-company li a {
    font-size: 15px;
    font-weight: 400;
}

.ul-contact {
    margin-top: 37px;
    margin-bottom: 80px;
}

.b-top {
    border-top: 1px solid#6a6a6a;
    color: #fff;
}

.b-top p {
    margin-bottom: 0px;
    padding: 23px 0px 0px;
    font-size: 15px;
    font-weight: 400;
}

.power-right {
    text-align: right;
}

.power-right a {
    color: #fff;
    transition: ease-in-out 0.5s
}

.power-right a:hover {
    color: #07c4fa;
    text-decoration: none;
}

/*the-group*/
.group-header {
    position: relative;
}

.about-title {
    background: url(../images/new1.jpg) no-repeat center;
    background-size: cover;
    padding: 90px 0px;
}

.title-heading {
    text-align: center;
    bottom: -56px;
}

.title-heading h1,
.title-heading h3 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
}

.title-heading .breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: transparent;
}

.title-heading ul.breadcrumb li {
    display: inline;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.title-heading ul.breadcrumb li+li:before {
    padding: 4px;
    color: #fff;
    content: ">";
}

.title-heading ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
    color: #fff;
}

.title-heading ul.breadcrumb li a:hover {
    color: #fff;
    text-decoration: none;
}

.about-high {
    padding: 60px 0px;
}

.about-high-img {
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
}

.about-high-img img {
    width: 100%;
    transition: transform 0.3s ease-in-out;
}

.about-high-img:hover img {
    transform: scale(0.9);
}

.about-high-para p {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    color: #000;
    padding: 24px 0px 0px 0px;
    text-align: justify;
}

.about-companies {
    background: url(../images/about-companies-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 69px 0px;
}

.companies-logo-img {
    position: relative;
}

.companies-logo-img img {
    width: 100%;
}

.companies-heading {
    padding-top: 110px;
    padding-left: 45px !important;
}

.companies-heading h3 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    margin-bottom: 20px;
}

.companies-heading p {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    margin-bottom: 20px;
}

.companies-heading ul {
    list-style: square inside url("../images/square-bg.png");
}

.companies-heading ul li {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 20px;
}

.companies-heading ul li span {
    padding-left: 10px;
}

.precision-section {
    padding: 60px 0px;
}

.precision-img {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.precision-img img {
    width: 100%;
    transition: transform 0.3s ease-in-out;
}

.precision-img:hover img {
    transform: scale(1.2);
}

.precision-body {
    position: absolute;
    bottom: 0px;
    left: 16px;
}

.precision-body h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    margin: 0px;
    margin-bottom: 5px;
}

.precision-body p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}

.precision-ul {
    margin: 0px;
    list-style: none;
}

.precision-ul li {
    font-size: 18px;
    font-weight: 400;
    color: #2d2d2d;
    background: url(../images/square-bg.png) 0px 8px no-repeat;
    padding: 0px 0px 9px 25px;
    margin: 5px 0px;
    border-bottom: 1px solid #ccc;
}

.precision-ul li:last-child {
    border-bottom: 0px;
}

.pinkBg {
    background-color: #ed1f18 !important;
    background-image: linear-gradient(90deg, #ccc4c5, #f92608);
}

.intro-banner-vdo-play-btn {
    height: 0px;
    width: 0px;
    position: absolute;
    top: 23%;
    left: 23%;
    text-align: center;
    margin: -30px 0 0 -30px;
    border-radius: 100px;
    z-index: 1;
}

.intro-banner-vdo-play-btn i {
    line-height: 56px;
    font-size: 30px
}

.intro-banner-vdo-play-btn .ripple {
    position: absolute;
    width: 475px;
    height: 475px;
    z-index: -1;
    left: 0%;
    top: 0%;
    opacity: 0;
    margin: -80px 0 0 -80px;
    border-radius: 100%;
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite
}

@-webkit-keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

.intro-banner-vdo-play-btn .ripple:nth-child(2) {
    animation-delay: .3s;
    -webkit-animation-delay: .3s
}

.intro-banner-vdo-play-btn .ripple:nth-child(3) {
    animation-delay: .6s;
    -webkit-animation-delay: .6s
}

/*two wheeler parts*/
.two-wheeler {
    background: url(../images/two-wheeler-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 90px 0px;
}

.wheeler-logo {
    position: relative;
    padding: 72px 0px 0px 0px;
}

.wheeler-logo img {
    position: absolute;
}

s .wheeler-text p {
    font-size: 20px;
    padding: 53px 0px 0px 18px;
    word-spacing: 2px;
}

.wheeler-products-parts {
    background: #eadfdf url(../images/wheeler-parts-bg.png);
    padding: 80px 0px 0px;
}

.wheeler-products-top {
    padding: 0px 65px !important;
}

.wheeler-porduct-left {
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 80px;
}

.assem-padd img {
    padding-bottom: 3px;
}

.wheeler-porduct-left img {
    transition: transform 0.3s ease-in-out;
}

.wheeler-porduct-left:hover img {
    transform: scale(0.9);
}

.wheeler-porduct-right {
    margin: 0 auto;
    overflow: hidden;
    padding-left: 30px;
    margin-bottom: 80px;
}

.wheeler-porduct-right img {
    transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
}

.wheeler-porduct-right:hover img {
    transform: scale(0.9);
}

.our-logo01 {
    position: relative;
    padding: 0px 0px 25px 0px;
}

.our-logo01 img {
    position: absolute;
    width: 116px;
}

.jour-text p {
    font-size: 20px;
    padding: 44px 0px 0px 12px;
}

/*off-highway-parts*/
.offhighway {
    padding: 0;
}

.offhighway p {
    padding-top: 0;
    text-align: left;
}

/*assemblies*/
.assemblies-bg {
    background: url(../images/assembly-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 90px 0px;
}

/*brake parts*/
.brake-bg {
    background: url(../images/brake-parts-bg01.jpg) no-repeat center;
    background-size: cover;
    padding: 90px 0px;
}

/*engine-bg*/
.engine-bg {
    background: url(../images/engineparts-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 90px 0px;
}

/*chassis-bg*/
.chassis-bg {
    background: url(../images/chasis&cabin-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 90px 0px;
}

/*core-team*/
.core-team {
    background: url(../images/the-group-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 90px 0px;
}

.core-cards {
    background: #aeb6b8 url(../images/wheeler-parts-bg.png) no-repeat center;
    background-size: cover;
    padding: 80px 0px 80px;
}

.core-cards-box {
    text-align: center;
}

.card-overlay {
    position: relative;
}

.cards-img {
    padding-top: 31px;
    padding-bottom: 40px;
}

.cards-img h3 {
    font-size: 24px;
    font-weight: 600;
    color: #040404;
}

.cards-img p {
    font-size: 20px;
    font-weight: 500;
    color: #040404;
}

.card-body {
    position: absolute;
    top: 0;
    left: 5px;
    opacity: 0;
    transition: ease-in-out 0.7s;
    -webkit-transition: ease-in-out 0.7s;
    -moz-transition: ease-in-out 0.7s;
}

.card-body a {
    outline: 0px solid !important;
}

.card-body img {
    width: 100%;
}

.card-text {
    position: absolute;
    bottom: 5px;
    left: 30px;
    width: 230px;
    text-align: left;
}

.card-text h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0px;
    margin-bottom: 4px;
}

.card-text p {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.card-overlay:hover .card-body {
    opacity: 1;
}

.modal-para {
    padding-right: 19px;
    margin-bottom: 0px;
    color: #ec3137;
}

.core-modal-body {
    padding: 0px !important;
    overflow: hidden;
}

.core-modal-body img {
    width: 350px;
    margin-top: 30px;
}

.core-modal-body p {
    padding: 25px 70px;
    font-size: 16px;
}

.core-modal-header .close {
    margin-top: -2px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

.core-modal-header .close:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1;
}

/*our-journey*/
.our-journey-bg {
    background: url(../images/our-journey-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 90px 0px;
}

.our-perfection {
    padding: 40px 0px;
}

.perfection-box {
    position: relative;
}

.perfection-text {
    position: absolute;
    bottom: 17px;
    left: 23px;
}

.perfection-text h2 {
    font-size: 30px;
    font-weight: 300;
    margin: 0px;
    line-height: 30px;
    color: #000;
}

.perfection-text h3 {
    font-size: 30px;
    font-weight: 300;
    margin: 0px;
    line-height: 30px;
    color: #ec3137;
    letter-spacing: 15.2px;
    margin-top: 2px;
}

.our-today {
    background: url(../images/our-today-bg.jpg)no-repeat center;
    background-size: cover;
    padding: 60px 0px;
}

.our-today-taxt p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    padding-right: 10px;
    margin-bottom: 25px;
    text-align: justify;
}

.today-text-img {
    position: relative;
    margin-bottom: 30px;
}

.today-box-text {
    position: absolute;
    bottom: 35px;
}

.today-box-text h4 {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    margin: 0px;
}

.today-box-text h3 {
    font-size: 35px;
    font-weight: 400;
    line-height: 30px;
    color: #ec3137;
    margin: 0px;
    letter-spacing: 1px;
}

.our-today-img img {
    width: 100%;
    padding-left: 10px;
}

.journey-tab {
    background: #f7f7f7 url(../images/wheeler-parts-bg01.png);
    padding: 60px 0px 100px;
}

/*tab*/
.pills-tab01>li {
    border-top: 1px solid#ec3137;
    border-bottom: 1px solid#ec3137;
    border-left: 1px solid#ec3137;
}

.pills-tab01>li+li {
    margin-left: 0px !important;
    border-left: 0px;
}

.pills-tab01>li>a {
    border-radius: 0px !important;
    color: #000;
    font-size: 20px;
    font-weight: 300;
}

.pills-tab01>li.active>a,
.pills-tab01>li.active>a:focus,
.pills-tab01>li.active>a:hover {
    color: #fff;
    background-color: #ec3137 !important;
    outline: 0px solid !important;
}

.pills-tab01>li>a:focus,
.pills-tab01>li>a:hover {
    text-decoration: none;
    background-color: #ec3137 !important;
}

.pill-content01 {
    margin-top: 0px;
}

.vertical-line {
    width: 100%;
    max-width: 1170px;
    margin: 100px auto;
    box-sizing: border-box;
}

.vertical-line .slick-slide {
    margin: 0px 20px;
    box-sizing: border-box;
}

.vertical-line .slick-slide img {
    width: 100%;
}

.vertical-line .slick-prev:before,
.slick-next:before {
    color: #ec3137 !important;
}

.vertical-line .slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.vertical-line .slick-active {
    opacity: 1;
}

.vertical-line .slick-current {
    opacity: 1;
}

.vertical-line .slick-dots li button::before {
    display: none;
}

.year {
    width: 100% !important;
    float: left;
}

.year-text {
    background: #9ba2a5;
    border-radius: 25px;
    position: relative;
}

.year-text:after {
    content: '';
    position: absolute;
    border: 1px solid #ec3137;
    height: 38px;
    border-style: dashed;
    left: 23px;
}

.year-text p {
    font-size: 15px;
    font-weight: 400;
    padding: 25px 23px;
    color: #fff;
    line-height: 25px;
    margin: 0px;
}

.year-text .para-text-bp {
    padding-bottom: 49px;
}

.year-text .est-para {
    padding-bottom: 49px;
}

.year-tab-3 .est-03 {
    padding-bottom: 74px;
}

.year-text .com-03 {
    padding-bottom: 49px;
}

.year-number {
    padding-top: 50px;
    position: relative;
}

.year-number:after {
    content: '';
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ec3137;
    position: absolute;
    bottom: 26px;
    left: 19px;
    border: 2px solid #ecd3d4;
    z-index: 1;
}

.year-number h3 {
    font-size: 23px;
    font-weight: 700;
    margin: 0px;
    padding-left: 21px;
    color: #000;
    position: relative;
}

.vertical-line:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #8d8d8d;
    bottom: 26px;
    border-radius: 50%;
    left: -13px;
    z-index: 1;
}

/*.vertical-line:after{content:''; position: absolute; width: 100%; height: 1px; background: #a59394; bottom: 32px; z-index:-1;}
*/
.vertical-line .slick-prev {
    left: 0px;
    width: 50%;
    text-align: right;
}

.vertical-line .slick-next {
    right: 0px;
    width: 50%;
    text-align: left;
}

.vertical-line .slick-prev,
.slick-next {
    top: 132% !important;
}

.vertical-line .slick-prev::before,
.slick-next::before {
    font-size: 35px !important;
}

.vertical-line:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #8d8d8d;
    bottom: 26px;
    border-radius: 50%;
    right: -13px;
    z-index: 1;
}

.year:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #a59394;
    bottom: 31px;
    z-index: -1;
    left: 0;
}

.our-joining {
    padding: 40px 0px 40px;
}

.joining-bg {
    background: url(../images/joining01.jpg) no-repeat center;
    padding: 104px 0px;
}

.joining-bg>.col-md-offset-5 {
    margin-left: 47.667%;
}

.join-text {
    background: #fff;
    padding: 50px 64px 50px 64px;
    position: relative;
}

.join-text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin: 0px;
    text-align: justify;
}

.join-text:before {
    content: '';
    position: absolute;
    border-top: 6px solid;
    border-left: 6px solid;
    border-color: #ec3137;
    width: 73px;
    height: 73px;
    left: -12px;
    top: -11px;
}

.join-text:after {
    content: '';
    position: absolute;
    border-right: 6px solid;
    border-bottom: 6px solid;
    border-color: #7b878b;
    width: 73px;
    height: 73px;
    right: -13px;
    bottom: -11px;
}

/*slider working class*/
.tab-content>.tab-pane {
    display: flex !important;
    height: 0px;
}

.tab-pane.active {
    height: auto;
}

.jour-col {
    text-align: center;
    padding: 0 60px !important;
}

.jour-col h3 {
    font-size: 20px;
    font-weight: bold;
    color: #3b3b3b;
    margin: 20px 0px 50px;
}

.journey-img img {
    width: 100%;
    max-width: 1022px;
}


/*core-values*/
.core-bg {
    background: url(../images/new2.jpg)no-repeat center;
    background-size: cover;
}

.core-value {
    padding: 80px 0px 60px;
    background: #f3f3f3 url(../images/new2.jpg);
}

.core-color02 {
    background: #097bbf;
}

.core-left {
    width: 100%;
    height: 445px;
    background: #213e84;
    padding: 15px 20px 0px 20px;
    /*padding: 72px 92px 0px 60px;*/
    margin-bottom: 30px;
}

.core-left img {
    max-width: 70px;
}

.core-color02 {
    background: #097bbf;
}

.core-color03 {
    background: #29c69f;
}

.core-color04 {
    background: #6e6ecf;
}

.core-color05 {
    background: #0ab5bd;
}

.core-color06 {
    background: #1baa4c;
}

.core-left h3 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    font-family: 'Exo 2', sans-serif !important;
}

.core-left p {
    font-size: 17px;
    font-weight: 300;
    line-height: 27px;
    color: #fff;
    margin-bottom: 0px;
    padding-bottom: 30px;
    position: relative;
    font-family: 'Exo 2', sans-serif !important;
    text-align: justify;
}

.core-left p:after {
    content: '';
    position: absolute;
    width: 127px;
    height: 8px;
    background: #1a3169;
    left: 0;
    bottom: 0;
}

.core-color02 p::after {
    background: #076299;
}

.core-color03 p::after {
    background: #219e7f;
}

.core-color04 p::after {
    background: #5858a6;
}

.core-color05 p::after {
    background: #089197;
}

.core-color06 p::after {
    background: #16883d;
}

/*awards*/
.awards-bg {
    background: url(../images/awards-bg.png)no-repeat center;
    background-size: cover;
}

.awards-section {
    padding: 60px 0px 30px;
    background: #d5ebf3 url(../images/core-value-bg.png);
}

.awards-para {
    padding: 0 241px !important;
}

.awards-para p {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 30px;
    text-align: justify;
}

.awards-logo {
    text-align: center;
}

.awards-logo img {
    margin-bottom: 20px;
}

.awards-logo p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
    text-align: center;
}

.awards-img01 img {
    width: 100%;
    margin-bottom: 30px;
}

.awards05a {
    margin-top: 55px;
}

/*manufacturing*/
.manufacturing-bg {
    background: url(../images/manufacturing-bg.jpg)no-repeat center;
    background-size: cover;
}

.manufacturing-section {
    background: url(../images/manufacturing-section-bg.jpg)no-repeat center;
    background-size: cover;
    padding: 113px 0px 633px;
}

.warehouse-text {
    float: right;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.warehouse-text li {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding-bottom: 10px;
    position: relative;
}

.dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #00a651;
    display: inline-block;
    position: absolute;
    left: -26px;
}

.color02 {
    background: #cc0000;
}

.color03 {
    background: #3399ff;
}

.manufact-body {
    padding: 0px 256px !important;
}

.manufact01 {
    position: relative;
}

.one-dot {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #de0000;
    border-radius: 50%;
    cursor: pointer;
    left: 197px;
    top: 49px;
    list-style: none;
}

.two-dot {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #de0000;
    border-radius: 50%;
    cursor: pointer;
    left: 209px;
    top: 49px;
    list-style: none;
}

.manu-add {
    position: relative;
    display: none;
}

.m-body {
    position: absolute;
    background: #de0000;
    top: -132px;
    width: 354px;
    float: left;
    left: -14px;
}

.m-location3 {
    position: absolute;
    background: #de0000;
    top: -129px;
    width: 354px;
    float: left;
    left: -13px;
}

.m-body p {
    width: 175px;
    float: left;
    padding: 5px 13px;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    position: relative;
}

.m-body p span {
    font-weight: 600;
}

.m-body p:after {
    content: '';
    width: 13px;
    height: 13px;
    background: #de0000;
    position: absolute;
    left: 12px;
    bottom: -23px;
    -ms-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    transform: rotate(44deg);
}

.one-dot:hover .manu-add {
    display: block;
}

.two-dot:hover .manu-add {
    display: block;
}

.three-dot:hover .manu-add {
    display: block;
}

.three-dot {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #de0000;
    border-radius: 50%;
    cursor: pointer;
    left: 197px;
    top: 61px;
    list-style: none;
}

.manufacttext01 {
    position: relative;
}

.manufacttext01 p {
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    left: 151px;
    text-align: center;
    top: 62px;
    line-height: 18px;
}

.manufact03 {
    position: relative;
}

.four-dot {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #009966;
    border-radius: 50%;
    cursor: pointer;
    left: 186px;
    top: 188px;
    list-style: none;
}

.five-dot {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #009966;
    border-radius: 50%;
    cursor: pointer;
    left: 404px;
    top: 189px;
    list-style: none;
}

.pith-text {
    position: absolute;
    left: 151px;
    top: 166px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 18px;
}

.jam-text {
    position: absolute;
    left: 364px;
    top: 169px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 18px;
}

.manufact04 {
    position: relative;
}

.six-dot {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #009966;
    border-radius: 50%;
    cursor: pointer;
    left: 128px;
    top: 315px;
    list-style: none;
}

.pune-text {
    position: absolute;
    left: 116px;
    top: 294px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 18px;
}

.manufact05 {
    position: relative;
}

.seven-dot {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #3399ff;
    border-radius: 50%;
    cursor: pointer;
    left: 255px;
    top: 453px;
    list-style: none;
}

.eight-dot {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #009966;
    border-radius: 50%;
    cursor: pointer;
    left: 266px;
    top: 453px;
    list-style: none;
}

.chen-text {
    position: absolute;
    left: 231px;
    top: 431px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 18px;
}

.manufacturing-start {
    background: url(../images/manu-bg.png) top center no-repeat;
    padding: 100px 0px;
}

.manufacturing-map {
    width: 100%;
    max-width: 789px;
    height: 887px;
    margin: 0 auto;
    background: url(../images/manufacturing-map.png);
    overflow-x: hidden;
}

.manu-location01 {
    float: left;
    margin: 132px 0px 0px 230px;
    width: 100%;
}

.manu-location01 ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.manu-location01 ul li {
    width: 11px;
    height: 11px;
    background: #de0000;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    margin-left: 5px;
}

.manu-location01 ul li:hover .manu-add {
    display: block;
}

.manu-location02 {
    float: left;
    margin: 4px 0px 0px 230px;
    width: 100%;
}

.manu-location02 ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.manu-location02 ul li {
    width: 11px;
    height: 11px;
    background: #de0000;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    margin-left: 5px;
}

.manu-location02 ul li:hover .manu-add {
    display: block;
}

.manu-location03 {
    float: left;
    margin: 2px 0px 0px 190px;
    width: 100%;
    text-align: center;
}

.manu-location03 h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    margin: 0px;
    max-width: 123px;
    text-align: center;
}

.manu-location04 {
    float: left;
    margin: 101px 0px 0px 181px;
    width: 100%;
}

.manu-location04 h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    margin: 0px;
}

.manu-location05 {
    float: left;
    margin: -23px 0px 0px 447px;
    width: 100%;
}

.manu-location05 h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    margin: 0px;
}

.manu-location06 {
    float: left;
    margin: 6px 0px 0px 217px;
    width: 100%;
}

.manu-location06 ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.manu-location06 ul li {
    width: 11px;
    height: 11px;
    background: #009966;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    margin-left: 5px;
}

.manu-location06 ul li:last-child {
    margin-left: 253px;
}

.manu-location07 {
    float: left;
    margin: 112px 0px 0px 140px;
    width: 100%;
}

.manu-location07 h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    margin: 0px;
}

.manu-location08 {
    float: left;
    margin: 6px 0px 0px 148px;
    width: 100%;
}

.manu-location08 ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.manu-location08 ul li {
    width: 11px;
    height: 11px;
    background: #009966;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    margin-left: 5px;
}

.manu-location09 {
    float: left;
    margin: 125px 0px 0px 281px;
    width: 100%;
}

.manu-location09 h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    margin: 0px;
}

.manu-location10 {
    float: left;
    margin: 7px 0px 0px 300px;
    width: 100%;
}

.manu-location10 ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.manu-location10 ul li {
    width: 11px;
    height: 11px;
    background: #009966;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    margin-left: 5px;
}

.manu-location10 ul li:first-child {
    background: #3399ff;
}

.moblie-manufacturing {
    padding: 40px 0px 30px;
}

.moblie-address p {
    font-size: 18px;
    line-height: 25px;
    color: #000;
    padding-bottom: 20px;
    border-bottom: 1px solid;
    margin-bottom: 20px;
}

.moblie-address p span {
    color: #de0000;
    font-weight: 700;
}

.mob-menu {
    border-bottom: 1px #ccc solid;
}

.mob-menu p {
    font-size: 18px;
    line-height: 25px;
    color: #000;
    margin: 15px 0px 15px;
}

.mob-menu p span {
    color: #de0000;
    font-weight: 700;
}

.small-map {
    padding: 0px !important;
}

.small-map img {
    width: 100%;
}

/*future-goals*/
.future-bg {
    background: url(../images/future-bg.jpg)no-repeat center;
    background-size: cover;
}

.future-high {
    background: #f3f3f3 url(../images/core-value-bg.png);
}

.future-logo {
    position: relative;
    padding: 30px 0px 0px 0px;
}

.future-logo p {
    font-size: 20px;
    padding: 0px 0px 0px 18px;
}

.goals-section {
    padding: 60px 0px 60px;
}

.goals-col {
    padding: 0 264px !important;
    text-align: center;
}

.goals-col p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 80px;
}

.goals-col img {
    width: 100%;
}

/*vision-mission*/
.vision-bg {
    background: url(../images/vision-bg01.jpg)no-repeat center;
    background-size: cover;
}

.vision-high {
    background: #e7ced9 url(../images/core-value-bg.png);
    padding: 60px 0px 100px;
}

.vision-col {
    padding: 0 91px !important;
}

.vision01 {
    width: 100%;
    height: 793px;
    background: #fff;
    border-radius: 55px;
    padding: 56px 53px 0px 40px;
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2), 8px 0 20px -5px rgba(0, 0, 0, 0.19);
}

.vision-left:after {
    content: url(../images/vision03.png);
    position: absolute;
    left: -133px;
    top: -56px;
}

.mission-left:before {
    content: url(../images/vision04.png);
    position: absolute;
    left: -189px;
    bottom: -202px;
}

.mission-left:after {
    content: url(../images/vision05.png);
    position: absolute;
    right: -146px;
    bottom: -275px;
}

.vision-img {
    position: relative;
}

.vision-img>img {
    position: absolute;
}

.vision-box {
    margin-left: 105px;
}

.vision-box h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    color: #ed1c24;
    padding-top: 24px;
    margin-top: 0px;
}

.vision-box h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: #000;
    text-align: justify;
}

.vision-box p {
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
    margin: 0px;
    padding-bottom: 30px;
    text-align: justify;
}

.vision-box p:after {
    content: '';
    background: #b0d6e7;
    width: 127px;
    height: 8px;
    position: absolute;
    left: 105px;
    bottom: 0;
}

.mission-box h3 {
    font-weight: 300;
}

.business-enquiry {
    background: #f1f1f1 url(../images/customer-bg.png) no-repeat center;
    background-size: cover;
    padding: 50px 0px 50px;
}

.business-para p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 50px;
    text-align: center;
}

.business-width {
    padding: 0 109px !important
}

.business-control {
    height: 60px !important;
    border: 0px !important;
    box-shadow: none !important;
    background: #eaeaea !important;
    border-radius: 0px !important;
    padding: 6px 20px !important;
}

.business-control::placeholder {
    color: #716d6d !important;
}

.business-control01 {
    height: auto !important;
    border: 0px !important;
    box-shadow: none !important;
    background: #eaeaea !important;
    border-radius: 0px !important;
    padding: 6px 20px !important;
}

.security-width {
    width: 50% !important;
}

.work-btn {
    margin: 16px 0px 25px 0px;
}

.work-btn .btn {
    border: 1px solid #232323;
    color: #fff;
    font-size: 20px !important;
    padding: 10px 26px !important;
    border-radius: 0px;
    transition: ease-in-out 1s;
    font-weight: 400;
    text-transform: uppercase;
    background: #575455;
}

.work-btn .work-gray:hover {
    background-color: #ec3137;
    color: #fff;
    border-color: #ec3137;
}

.director-left:before {
    bottom: -202px;
}

/*customer*/
.customer-header {
    background: url(../images/customer-header.jpg) no-repeat center;
    background-size: cover;
    padding: 90px 0px;
}

.customer-bg {
    background: #f1f1f1 url(../images/customer-bg.png) no-repeat center;
    background-size: cover;
    padding: 80px 0px 80px;
}

.customer-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 40px;
    text-align: center;
}

.customer-bg-inner {
    margin: -1px 0px 0px -1px;
    border: 1px #cfcfcf solid;
}

.customer-bg-inner img {
    width: 100%;
    /*-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: .3;*/
}

/*.customer-bg-inner:hover img{-webkit-filter: none;filter: none;opacity: 1;}*/
/*press-shop*/
.infrastructure-bg {
    background: url(../images/infrastructure-bg.jpg) no-repeat center;
    background-size: auto;
    background-size: cover;
    padding: 90px 0px;
}

.press-shop {
    background: #82949c url(../images/press-bg.png);
    padding: 50px 0px;
    border-bottom: 1px solid #fff;
}

.press-heading h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
    margin: 0px;
}

.press-para {
    padding-right: 2px !important
}

.press-para p {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    margin-bottom: 20px;
    text-align: justify;
}

.press-para img {
    width: 100%;
}

.press-img img {
    width: 100%;
}

.press-img .press-img01 {
    margin-bottom: 20px;
    padding-right: 93px;
}

/*weld-shop*/
.weld-shop {
    background: #b2977b url(../images/press-bg.png);
    padding: 50px 0px;
    border-bottom: 1px solid #fff;
}

.machine-shop {
    background: #82939c url(../images/press-bg.png);
    padding: 50px 0px;
    border-bottom: 1px solid #fff;
}

/*machine-shop*/
.machine-heading {
    padding: 0px !important;
}

.machine-heading h1 {
    font-size: 29px;
}

/*ptced-shop*/
.ptced-shop {
    background: #b28d7b url(../images/press-bg.png);
    padding: 50px 0px;
    border-bottom: 1px solid #fff;
}

/*conveyorized*/
.conveyorized {
    background: #9c9482 url(../images/press-bg.png);
    padding: 50px 0px;
    border-bottom: 1px solid #fff;
}

.convey-heading {
    padding: 0px !important;
}

.convey-heading h1 {
    font-size: 26px;
    line-height: 32px;
}

.convey-para {
    padding-top: 112px;
}

/*tool-room*/
.tool-room {
    background: #ad9879 url(../images/press-bg.png);
    padding: 50px 0px;
    border-bottom: 1px solid #fff;
}

/*inspection-testing*/
.inspection-testing {
    background: #829c98 url(../images/press-bg.png);
    padding: 50px 0px;
    border-bottom: 1px solid #fff;
}

.inspection-heading {
    padding: 0px !important;
}

/*material-handling*/
.material-handling {
    background: #82949c url(../images/press-bg.png);
    padding: 50px 0px;
}

/*quality*/
.certificate-header {
    background: url(../images/quality-profile-header.jpg) no-repeat center;
    background-size: cover;
    padding: 90px 0px;
}

.certificate-bg {
    background: #c7e6f1 url(../images/customer-bg.png) no-repeat center;
    background-size: cover;
    padding: 80px 0px 80px;
}

.certificate {
    width: 100%;
    margin: 50px auto 0px;
    max-width: 550px;
}

.certificate::before {
    width: 86px;
    height: 83px;
    background: url(../images/red-band.png) top center;
    float: left;
    position: absolute;
    content: '';
}

.certificate img {
    width: 100%;
    box-shadow: 8px 6px 50px 2px #93bac8;
    margin: 2px 0px 0px 2px;
}

/*locations*/
.locations {
    padding: 50px 0px 40px;
    background: #f5f5f5 url(../images/customer-bg.png);
}

.locations-add ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.locations-add ul li {
    position: relative;
    margin-bottom: 20px;
}

.locations-add ul li img {
    position: absolute;
}

.locations-add ul li .loc-img {
    margin-top: 6px;
}

.locations-add ul li p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding-left: 51px;
    display: inline-block;
    margin: 0px;
}

.locations-add ul li p a {
    color: #000;
    transition: ease-in-out 0.5s;
    outline: 0px !important;
}

.locations-add ul li p a:hover {
    color: #ec3137;
    text-decoration: none;
}

.locations-add ul li p:nth-child(2) {
    margin-top: 2px;
}

.locations-add ul li p:nth-child(3) {
    margin-top: 2px;
}

.get-btn {
    text-align: center;
    margin: 40px 0px 30px;
}

.get-btn .btn {
    color: #ec3137;
    padding: 14px 28px;
    font-size: 18px !important;
    font-weight: 400 !important;
    border: 1px solid#ec3137;
    border-radius: 20px !important;
    transition: ease-in-out .5s;
    outline: 0px !important;
}

.get-btn .danger:hover {
    background: #ec3137;
    color: #fff;
}

.column-center {
    display: flex;
    justify-content: center;
}

/*chairman*/
.chairman-bg {
    background: url(../images/future-bg.jpg)no-repeat center;
    background-size: cover;
}

.chairman01 {
    height: 1174px;
}

.chairman-box h1 {
    margin-bottom: 20px;
}

.chairman-box p {
    padding-bottom: 10px;
}

.chairman-box p img {
    width: 185px;
    float: left;
    margin-right: 20px;
}

.chairman-box .chair-para {
    padding-bottom: 30px;
}

.chairman-box p::after {
    bottom: 77px;
}

.chairman-box h3 {
    margin: 0px 0px 10px;
}

.chairman-box .chair-name {
    margin: 30px 0px 0px;
}

.chairman-box .chair-color {
    color: #ed1c24;
    margin: 2px 0px 10px;
}

/*director*/
.director01 {
    height: 794px;
}

/* new */
.contacts-form {
    padding: 40px;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    margin-bottom: 30px
}

.contacts-form h3 {
    font-size: 30px;
    margin-bottom: 20px
}

.contacts-form .form-group {
    margin-bottom: 25px
}

.contacts-form .form-group label {
    margin-bottom: 7px
}

.contacts-form .form-group .form-control {
    background-color: #f4f6f9;
    border: 1px solid transparent
}

.contacts-form .form-group .form-control:focus {
    border: 1px solid #e32845
}

.contacts-form .list-unstyled {
    color: #e32845;
    margin-top: 7px
}

.contacts-form .text-danger {
    color: #e32845;
    font-size: 16px;
    margin-top: 7px
}

.contacts-form .form-check .form-check-input {
    border-radius: 0
}

.contacts-form .form-check .form-check-input:checked {
    background-color: #4896db;
    border-color: #4896db;
}

.contacts-form .form-check .form-check-input:focus {
    box-shadow: none
}

.contacts-form .default-btn {
    width: 100%
}

.contact-and-address h2 {
    font-size: 30px;
    margin-bottom: 20px
}

.contact-and-address p {
    margin-bottom: 20px
}

.contact-and-address .contact-and-address-content {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 10px
}

.contact-and-address .contact-and-address-content .contact-card {
    text-align: center;
    padding: 30px;
    background-color: #f4f6f9;
    margin-bottom: 30px
}

.contact-and-address .contact-and-address-content .contact-card .icon {
    font-size: 35px;
    height: 65px;
    width: 65px;
    line-height: 65px;
    border: 1px solid #000;
    color: #4796e1;
    text-align: center;
    border-radius: 100%;
    margin: auto;
    margin-bottom: 15px
}

.contact-and-address .contact-and-address-content .contact-card h4 {
    font-size: 22px;
    margin-bottom: 15px
}

.contact-and-address .contact-and-address-content .contact-card p {
    margin-bottom: 10px
}

.contact-and-address .contact-and-address-content .contact-card p a {
    color: #555;
    transition: all ease .5s
}

.contact-and-address .contact-and-address-content .contact-card p a:hover {
    color: #e32845
}

.contact-and-address .social-media {
    margin-bottom: 30px
}

.contact-and-address .social-media h3 {
    font-size: 24px;
    margin-bottom: 15px
}

.contact-and-address .social-media p {
    margin-bottom: 25px
}

.contact-and-address .social-media ul {
    padding-left: 0;
    margin-bottom: 0
}

.contact-and-address .social-media ul li {
    margin-right: 10px;
    list-style-type: none;
    display: inline-block
}

.contact-and-address .social-media ul li a {
    height: 35px;
    width: 35px;
    line-height: 37px;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    background-color: #eee;
    color: #4896db;
    transition: all ease .5s
}

.contact-and-address .social-media ul li a:hover {
    background-color: #4896db;
    color: #fff;
    transform: translateY(-5px)
}

.default-btn {
    background-color: #4896db;
    color: #fff;
    font-size: 16px;
    padding: 13px 35px;
    border-radius: 0;
    position: relative;
    transition: all ease .5s;
    /* border: 1px solid #e32845; */
    z-index: 1;
}

/* new */
.me-3 {
    margin-right: 1rem !important;
    color: white;
}

.fa,
.fas {
    font-weight: 900;
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free";
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.btn.btn-social {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light);
    border: 1px solid #FFFFFF;
    transition: .3s;
}

.d-flex {
    display: flex !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.bg-white {
    background-color: #fff !important;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-center {
    justify-content: center !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.d-flex {
    display: flex !important;
}

.text-primary {
    color: red !important;
}


.gy-4 {
    --bs-gutter-y: 2.5rem;
}

.gx-4 {
    --bs-gutter-x: 1.5rem;
}

.why {
    background-color: #c1c1c1;
}



/*---------vikas--------*/
.mt-3 {
    margin-top: 30px;
}
.mb-3 {
    margin-top: 30px;
}

.pb-5 {
    padding-bottom: 50px;
}

.radius-10 {
    border-radius: 10px;
}

.pad {
    padding: 50px;
}

.ms-4 {
    margin-left: 10px;
}

/* about us css */
.align-items-center {
    align-items: center !important;
}
.shop-area .courses-item {
    margin-left: 0;
    margin-right: 0;
}
.courses-item {
    float: left;
    margin-left: -5px;
    margin-right: -8px;
    position: relative;
    background: #f0f7ff;
    border-radius: 4px;
    transition: all 0.3s ease 0s;
}
.mb-30 {
    margin-bottom: 30px;
}
.courses-content {
    padding: 30px;
    float: left;
    position: relative;
}


   /* contact */
   .py-100 {
    padding: 100px 0;
}
.contact-info-content {
    margin-bottom: 50px;
}
.contact-info-content .contact-box {
    padding: 40px;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin-bottom: 30px;
    text-align: center;
}
.contact-info-content .contact-box i {
    font-size: 60px;
    line-height: 1;
    color: red;
    display: inline-block;
    margin-bottom: 25px;
}
.contact-info-content .contact-box .box a, .contact-info-content .contact-box .box p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1.5;
    position: relative;
    display: block;
    color: #9B9B9B;
    font-family: 'Barlow', sans-serif;
}
.a, a:hover, a:focus, button:focus {
    text-decoration: none;
    color: #FFF;
}
.contact-info-content .contact-box:hover {
    background-color: #cd5951;
    border-color: #cd5951;
}
.contact-info-content .contact-box {
    padding: 40px;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin-bottom: 30px;
    text-align: center;
    height: 223px;
    width: 370px;
}
.contact-info-content .contact-box:hover i, .contact-info-content .contact-box:hover .box a, .contact-info-content .contact-box:hover .box p {
    color: #FFF;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: 260px!important;
}

.service-section h2 {
    font-size: 30px;
    margin-top: 50px;
}
.mt-5{
    padding-top: 100px;
}
/* vivak */

.headline{width: 100%;}

.headline {
text-align: center;
color: #0275d8;
margin-bottom: 0;
margin-top: 2px;
}



.plain{
    background-color:#0275d8;
    color: white;
    text-align: center;
}


.plaintext{text-align: center;
    /* margin-left: 300px; */
    /* width: 600px; */
    align-items: center;
    margin-bottom: 0;
}
/* new css */
.f-cta-area.gray-bg {
    background: #f4f4fe;
    border-top: 3px solid #61bcf4;
}
.f-cta-area {
    background: #fff;
    margin-left: 260px;
    margin-right: 260px;
    position: relative;
    top: -70px;
    margin-bottom: 30px;
    box-shadow: 0 -3px 65px 0 rgba(0, 0, 0, .09);
}
.cta-bg {
    position: relative;
    background-size: cover;
    background-position: center;
    z-index: 1;
}
.cta-bg .video-img {
    height: 757px;
}

.cta-bg .social {
    text-align: center;
}

.cta-bg .social .icon {
    display: inline-block;
    width: 110px;
    height: 110px;
    background: #61bcf4;
    padding: 30px;
    border-radius: 50%;
    line-height: 47px;
    margin-bottom: 30px;
    box-shadow: 3px 4px 15px #00000066;
}

.cta-bg .line {
    text-align: center;
}

.cta-bg .social a {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
}
.section-title h5 {
    color: #61bcf4;
    font-size: 18px;
    margin-bottom: 10px;
}

.section-title h5 div {
    display: inline-block;
    margin: 0 10px;
}

.section-title h2 {
    font-size: 50px;
    padding-bottom: 0;
    margin-bottom: 0px !important;
    position: relative;
    text-align: center;
}

.section-title h2::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    width: 60px;
    background: #61bcf4;
    margin: auto;
    transition: .3s;
    display: none;
}

section:hover .section-title h2::before {
    width: 100px;
}
.services-07 .section-title h2 {
    color: #fff;
}
.services-09 p,
.services-09 .section-title h5 {
    color: #fff;
}
.steps-area .section-title p {
    color: #96bece;
    font-size: 18px;
    margin-top: 15px;
}
.faq-area .section-title p {
    font-size: 24px;
    margin-top: 25px;
    line-height: 34px;
}
.cta-title.video-title h2 {
    font-size: 68px;
}

.cta-title h2 {
    padding-bottom: 0;
    font-size: 50px;
    color: #fff;
}

.cta-title h2 span {
    color: #d1736f;;
    text-decoration: underline;
}

.cta-title h3 {
    padding-bottom: 0;
    font-size: 18px;
    color: #125875;
    text-transform: uppercase;
}

.cta-title p {
    font-size: 18px;
    color: #fff;
    margin-top: 15px;
}

.cta-title h2::before {
    content: none;
}
.cta-title.video-title h2 {
    font-size: 54px;
}
.s-video-content {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.s-video-content a {
    z-index: 9;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
}

.s-video-content a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 120px;
    width: 120px;
    background: rgba(255, 255, 255, 0.09);
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-border 1500ms ease-out infinite;
}

.s-video-content h2 {
    font-size: 50px;
    color: #fff;
    margin-bottom: 10px;
}

.s-video-content p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 30px;
    font-family: 'Jost', sans-serif;
}
/* headder */
.comp{
    
        background: url(../images/new1.1.jpg) no-repeat center;
        background-size: cover;
        padding: 150px 0px;
    
}

.responsive {
    width: 100%;
    height: auto;
  }