@charset "UTF-8";

/*

Theme Name: Mech Squad

Theme URI: http://mech-squad.co.in/

Author: Mech Squad

Author URI: https://wordpress.org/

Description: We Are The Best Robotic Maker Industry

Requires PHP: 5.2.4

Text Domain: mechsquad

*/

/*@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";*/

@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";

body {

    font-family: poppins, sans-serif;

    color: #4e4e4e;

    background-color: #fff;

    font-size: 16px;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    line-height: 1.3;

    font-family: poppins, sans-serif;

}

p {

    line-height: 1.8;

}

a {

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

    text-decoration: none;

}

a:hover {

    text-decoration: none !important;

}

img {

    max-width: 100%;

}

.d-table {

    width: 100%;

    height: 100%;

}

.d-table-cell {

    vertical-align: middle;

}

.ptb-100 {

    padding-top: 100px;

    padding-bottom: 100px;

}

.pt-100 {

    padding-top: 100px;

}

.pb-70 {

    padding-bottom: 70px;

}

.pb-100 {

    padding-bottom: 100px;

}

button:focus {

    outline: 0;

}

.btn.focus,

.btn:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

}



.header-top-area {

    background-color: #02111e;

    padding-top: 20px;

    padding-bottom: 20px;

}

.header-top-area .header-top-item ul {

    margin: 0;

    padding: 0;

}

.header-top-area .header-top-item ul li {

    list-style-type: none;

    display: inline-block;

}

.header-top-area .header-top-item ul li a {

    display: inline-block;

}

.header-top-area .header-top-item ul li i {

    display: inline-block;

}

.header-top-area .header-top-item .header-left ul li {

    margin-right: 22px;

}

.header-top-area .header-top-item .header-left ul li:nth-child(2) i {

    position: relative;

    top: 2px;

}

.header-top-area .header-top-item .header-left ul li:nth-child(3) {

    margin-right: 0;

}

.header-top-area .header-top-item .header-left ul li:nth-child(3) i {

    position: relative;

    top: 2px;

}

.header-top-area .header-top-item .header-left ul li i {

    color: #fff;

    margin-right: 3px;

    font-size: 18px;

}

.header-top-area .header-top-item .header-left ul li a {

    font-size: 14px;

    color: #fff;

}

.header-top-area .header-top-item .header-left ul li a:hover {

    color: #C5892D;

}

.header-top-area .header-top-item .header-right {

    text-align: right;

}

.header-top-area .header-top-item .header-right ul li {

    margin-right: 15px;

}

.header-top-area .header-top-item .header-right ul li:last-child {

    margin-right: 0;

}

.header-top-area .header-top-item .header-right ul li a {

    border-radius: 50%;

    border: 1px solid #fff;

    color: #fff;

    font-size: 14px;

    text-align: center;

    width: 25px;

    height: 25px;

    line-height: 20px;

}

.header-top-area .header-top-item .header-right ul li a i {

    line-height: 25px;font-size: 12px;

}

.header-top-area .header-top-item .header-right ul li a:hover {

    color: #C5892D;

    background-color: #fff;

}



/* main header area */



.navbar-light .navbar-brand {

    z-index: 2;

}

.navbar-light .navbar-brand img{

    max-width: 170px;

}

.navbar-area .main-nav {

    background-color: #0F3361;

    padding-top: 10px;

    padding-bottom: 10px;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

}

.navbar-area .main-nav:before {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    bottom: 39px;

    height: 100%;

    width: 30%;

    border-left: 0 solid transparent;

    border-top: 94px solid #fff;

    border-right: 130px solid transparent;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

}

.navbar-area .main-nav .navbar-light {

    padding: 0;

}

.navbar-area .main-nav .navbar-light .navbar-nav {

    margin-left: auto;

}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item:hover a {

    color: #fff;

}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a {

    font-weight: 500;

    font-size: 16px;

    text-transform: capitalize;

    position: relative;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:before {

     position: absolute;

    content: "";

    /*top: 9px;

    left: -12px;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background-color: #fff;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

    opacity: 0; */

    top: auto;

    left: 0;

    width: 100%;

    height: 2px;

    border-radius: 0;

    background-color: #C5892D;

    transition: 0.5s all ease;

    opacity: 1;

    bottom: -6px;

    transform: scale(0);

}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a::after {

    display: none;

}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:hover,

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:focus,

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item.current-menu-item a {

    color: #C5892D;

}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:hover:before,

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:focus:before,

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item.current-menu-item a:before {

    transform: scale(1);

}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu {

    background: #fff;

    padding-top: 5px;

    padding-bottom: 5px;

    border-top: 3px solid #282828;

}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu .nav-item a {

    color: #282828;

    font-size: 15px;

}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu .nav-item a:before {

    display: none;

}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu .nav-item a:hover,

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu .nav-item a.active {

    color: #C5892D;

}

.navbar-area .main-nav.menu-shrink {

    padding-top: 5px;

    padding-bottom: 5px;

    -webkit-box-shadow: 0 0 20px 0 #f1f1f1;

    box-shadow: 0 0 20px 0 #f1f1f1;

}

.navbar-area .main-nav.menu-shrink:before {

    border-top: 80px solid #fff;

}

.side-nav a {

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    color: #C5892D;

    background-color: #fff;

    border-radius: 5px;

    padding: 12px 20px;

    position: relative;

    z-index: 1;

}

.side-nav a:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 0%;

    left: 0;

    top: 0;

    background-color: #282828;

    border-radius: 5px 5px 0 0;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

    opacity: 0;

    z-index: -1;

}

.side-nav a:after {

    position: absolute;

    content: "";

    width: 100%;

    height: 0%;

    left: 0;

    bottom: 0;

    background-color: #282828;

    border-radius: 0 0 5px 5px;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

    opacity: 0;

    z-index: -1;

}

.side-nav a:hover {

    color: #fff;

}

.side-nav a:hover:before {

    opacity: 1;

    height: 50%;

}

.side-nav a:hover:after {

    opacity: 1;

    height: 50%;

}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a i {

    font-size: 8px;

    margin-left: 4px;position: relative;

    top: -2px;

}
.mean-menu > ul > li.menu-item-has-children::after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 5px;
    color: #fff; font-size: 12px;
    top: 20px;
}
.main-nav nav ul li:hover ul.sub-menu {
    display: block;
    position: absolute;
    width: 200px;
    background: #fff;
}
.main-nav nav ul li:hover ul.sub-menu li ul.sub-menu {
    display: none;
}
.main-nav nav ul li ul.sub-menu li:hover ul.sub-menu {
    display: block;
    left: 100%; top: 5px;
    background: #f5f5f5;
}
.main-nav nav ul li ul.sub-menu {
    display: none;
}
.main-nav nav ul li ul.sub-menu li{
    border-bottom:1px solid #0F3361;
}
.main-nav nav ul li ul.sub-menu li a{
    color: #0F3361 !important; display: block;
}
.main-nav nav ul li ul.sub-menu li:hover a{
    color: #C5892D !important;
}
.mean-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children::after {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 12px;
    color: #0F3361; font-size: 12px;
    top: 19px;
}

/* banner section starts */





.banner-img-two {

    background-image: url(images/banner-bg.jpg);

}

.banner-img-two .banner-content {

    text-align: left;

    margin-left: 0;

}

.banner-img-two .banner-content h1 {

    font-weight: 700;

}

.banner-img-two .banner-content .cmn-btn {

    background-color: #C5892D;

    color: #fff;

}

.banner-img-two .banner-img {

    position: relative;

    top: 30px;

    -webkit-animation: banner-ani 10s infinite linear;

    animation: banner-ani 10s infinite linear;

}

@-webkit-keyframes banner-ani {

    0% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

    50% {

        -webkit-transform: translate(-50px, 0);

        transform: translate(-50px, 0);

    }

    100% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

}

@keyframes banner-ani {

    0% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

    50% {

        -webkit-transform: translate(-50px, 0);

        transform: translate(-50px, 0);

    }

    100% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

}

.banner-area {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    height: 650px;

    position: relative;

}

.banner-area:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: radial-gradient(circle, rgba(0, 0, 0, 0.799572) 23%, rgba(148, 187, 233, 0.7) 100%);

    opacity: 0.75;

}

.banner-area .banner-content {

    position: relative;

    max-width: 800px;

    margin-left: auto;

    margin-right: auto;

    padding: 8rem 0 0;

}

.banner-area .banner-content h1 {

    font-weight: 600;

    font-size: 58px;

    color: #fff;

    margin-bottom: 25px;

}

.banner-area .banner-content p {

    font-weight: 500;

    font-size: 19px;

    margin-bottom: 30px;

    color: #fff;

}

.cmn-btn {

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    color: #C5892D;

    background-color: #fff;

    border-radius: 5px;

    padding: 12px 20px;

    position: relative;

    z-index: 1;

}

.cmn-btn:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 0%;

    left: 0;

    top: 0;

    background-color: #282828;

    border-radius: 5px 5px 0 0;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

    opacity: 0;

    z-index: -1;

}

.cmn-btn:after {

    position: absolute;

    content: "";

    width: 100%;

    height: 0%;

    left: 0;

    bottom: 0;

    background-color: #282828;

    border-radius: 0 0 5px 5px;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

    opacity: 0;

    z-index: -1;

}

.cmn-btn i {

    display: inline-block;

    font-size: 18px;

    position: relative;

    top: 3px;

}

.cmn-btn:hover {

    color: #fff;

}

.cmn-btn:hover:before {

    opacity: 1;

    height: 50%;

}

.cmn-btn:hover:after {

    opacity: 1;

    height: 50%;

}



/* Logo Area starts */



.logo-area {

    background-color: #f6f6f6;

}

.logo-area .col-lg-5 {

    -webkit-box-flex: 0 !important;

    -ms-flex: 0 0 20% !important;

    flex: 0 0 20% !important;

    max-width: 20% !important;

}

.logo-area .logo-item {

    margin-bottom: 30px;

    text-align: center;

}

.logo-area .logo-item img {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

}

.logo-area .logo-item img:hover {

    -webkit-filter: grayscale(0%);

    filter: grayscale(0%);

}



/* Offer area starts */





.offer-area {

    background-color: #f6f6f6;

}

.offer-area .section-title h2 {

    max-width: 500px;

    margin-left: auto;

    margin-right: auto;

}

.offer-area .owl-theme .owl-nav.disabled + .owl-dots {

    margin-top: 0;

}

.offer-area .owl-theme .owl-dots .owl-dot span {

    width: 16px;

    height: 7px;

    background: #facbb1;

}

.offer-area .owl-theme .owl-dots .owl-dot.active span {

    background: #c5892d;

    width: 25px;

}

.offer-item {

    text-align: center;

    background-color: #fff;

    border-radius: 10px;

    padding: 30px 25px;

    -webkit-box-shadow: 0 0 20px 0 #dddddd33;

    box-shadow: 0 0 20px 0 #dddddd33;

    margin-left: 15px;

    margin-right: 15px;

    margin-bottom: 30px;

    position: relative;

}

.offer-item .offer-shape {

    position: absolute;

    left: 15px;

    bottom: 15px;

}

.offer-item .offer-top img {

    -webkit-animation: border-transform-default 10s linear infinite alternate forwards;

    animation: border-transform-default 10s linear infinite alternate forwards;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

    border: 6px solid #c5892d;

    max-width: 240px;

    margin-left: auto;

    margin-right: auto;

    display: block;

}

.offer-item .offer-top i {

    display: inline-block;

    width: 70px;

    height: 70px;

    line-height: 70px;

    border-radius: 50%;

    background-color: #fff;

    border: 1px dotted #c5892d;

    color: #c5892d;

    font-size: 35px;

    margin-bottom: 15px;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

    margin-top: -60px;

}

.offer-item .offer-bottom h3 {

    font-weight: 600;

    font-size: 22px;

    margin-bottom: 8px;

}

.offer-item .offer-bottom h3 a {

    color: #282828;

}

.offer-item .offer-bottom h3 a:hover {

    color: #c5892d;

}

.offer-item .offer-bottom p {

    margin-bottom: 12px;

}

.offer-item .offer-bottom .offer-link {

    display: inline-block;

    font-weight: 500;

    color: #c5892d;

    font-size: 14px;

}

.offer-item .offer-bottom .offer-link i {

    display: inline-block;

    font-size: 17px;

    position: relative;

    top: 3px;

}

.offer-item .offer-bottom .offer-link:hover {

    color: #282828;

}



.industry-slider .slick-dots li button {

    background-color: #aabdd6;

    width: 20px;

    height: 5px;

    border-radius: 5px;

    padding: 3px;

    transition: all 0.4s ease-in-out;

    transform: scaleX(0.8);

}

.industry-slider .slick-dots li.slick-active button {

    transform: scaleX(1);

    background-color: #0F3361;

}



.industry-slider .slick-dots li button::before {

    font-size: 0;

    width: 0;

    height: 0;

}



.section-title {

    margin-bottom: 35px;

    text-align: center;

}

.section-title .sub-title {

    display: inline-block;

    color: #c5892d;

    font-weight: 500;

    font-size: 17px;

    margin-bottom: 8px;

}

.section-title h2 {

    font-weight: 600;

    font-size: 38px;

    color: #282828;

    text-transform: capitalize;

}

@-webkit-keyframes border-transform-default {

    0%,

    to {

        border-radius: 65% 86% 80% 69%/59% 55% 95% 89%;

    }

    14% {

        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;

    }

    28% {

        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;

    }

    42% {

        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;

    }

    56% {

        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;

    }

    70% {

        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;

    }

    84% {

        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;

    }

}

@keyframes border-transform-default {

    0%,

    to {

        border-radius: 65% 86% 80% 69%/59% 55% 95% 89%;

    }

    14% {

        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;

    }

    28% {

        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;

    }

    42% {

        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;

    }

    56% {

        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;

    }

    70% {

        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;

    }

    84% {

        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;

    }

}



/* about area starts */





.about-area-two {

    padding-bottom: 145px;

}

.about-area-two .about-content .section-title {

    text-align: left;

}

.about-area-two .about-content .counter-inner {

    margin-bottom: 20px;

}

.about-area-two .about-content .counter-inner h3 {

    margin-bottom: 5px;

    font-size: 38px;

    color: #c5892d;

}

.about-area-two .about-content .counter-inner h3 .odometer {

    font-family: poppins, sans-serif;

}

.about-area-two .about-content .counter-inner h3 .target {

    margin-left: -7px;

}

.about-area-two .about-content .counter-inner p {

    font-weight: 500;

    color: #282828;

    margin-bottom: 0;

}

.about-area-two .about-content .about-p {

    margin-bottom: 25px;

    padding-right: 110px;

}

.about-area-two .about-content .cmn-btn {

    color: #fff;

    background-color: #c5892d;

}

.about-area-two .about-img {

    position: relative;

}

.about-area-two .about-img img:nth-child(1) {

    -webkit-animation: about-ani 10s linear infinite alternate forwards;

    animation: about-ani 10s linear infinite alternate forwards;

}

.about-area-two .about-img img:nth-child(2) {

    position: absolute;

    left: 0;

    bottom: -100px;

}

@-webkit-keyframes about-ani {

    0%,

    to {

        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;

    }

    14% {

        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;

    }

    28% {

        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;

    }

    42% {

        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;

    }

    56% {

        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;

    }

    70% {

        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;

    }

    84% {

        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;

    }

}

@keyframes about-ani {

    0%,

    to {

        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;

    }

    14% {

        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;

    }

    28% {

        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;

    }

    42% {

        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;

    }

    56% {

        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;

    }

    70% {

        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;

    }

    84% {

        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;

    }

}



/* Job Area starts */





.job-area {

    background-color: #020e1d;

    position: relative;

}

.job-area .job-shape {

    position: absolute;

    right: 50px;

    top: 135px;

    -webkit-animation: benefit-shape 10s infinite linear;

    animation: benefit-shape 10s infinite linear;

}

.job-area .container-fluid {

    padding-left: 0;

    padding-right: 0;

}

.job-area .container-fluid .col-lg-6 {

    padding-left: 0;

    padding-right: 0;

}

.job-area .job-img {

    background-image: url(images/job1.jpg);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    width: 100%;

    height: 100%;

}

.job-area .job-img img {

    display: none;

}

.job-area .job-content {

    padding: 75px 30px 45px 60px;

    max-width: 695px;

}

.job-area .job-content .section-title {

    text-align: left;

    position: relative;

    z-index: 1;

}

.job-area .job-content .section-title h2 {

    color: #fff;

}

.job-area .job-content p {

    margin-bottom: 30px;

    color: #fff;

    z-index: 1;

    position: relative;

}

.job-area .job-content ul {

    margin: 0;

    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}

.job-area .job-content ul li {

    list-style-type: none;

    display: inline-block;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    background-color: #152130;

    border-radius: 8px;

    color: #fff;

    font-weight: 500;

    font-size: 17px;

    max-width: 240px;

    padding: 10px 15px 13px;

    margin-right: 30px;

    margin-bottom: 30px;

    position: relative;

    z-index: 1;

    overflow: hidden;

    line-height: 34px;

}

.job-area .job-content ul li:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 0%;

    left: 0;

    bottom: 0;

    background-color: #c5892d;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

    border-radius: 8px;

    z-index: -1;

}

.job-area .job-content ul li i {

    display: inline-block;

    font-size: 14px;

    position: relative;

    top: 1px;

    margin-right: 5px;

}

.job-area .job-content ul li:hover:before {

    height: 100%;

}



/* Foreign Area starts */





.foreign-area-two {

    background-image: url(images/foreign-bg.jpg);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    position: relative;

    /*margin-top: 100px;*/

}

.foreign-area-two:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: #071320;

    opacity: 0.8;

}

.foreign-area-two .container {

    position: relative;

    top: 100px;

}

.foreign-area-two .section-title {

    max-width: 550px;

    position: relative;

    margin-left: auto;

    margin-right: auto;

}

.foreign-area-two .section-title h2 {

    color: #fff;

}

.foreign-area-two .foreign-item {

    margin-left: 0;

    margin-right: 0;

}

.foreign-area-two .cmn-btn {

    margin: 0 auto;

    color: #fff;

    background-color: #c5892d;

}



.foreign-item {

    padding-bottom: 25px;

    -webkit-box-shadow: 0 10px 10px 0 #dddddd33;

    box-shadow: 0 10px 10px 0 #dddddd33;

    margin-bottom: 30px;

    margin-left: 10px;

    margin-right: 10px;

    border-radius: 5px;

    background-color: #fff;

}

.foreign-item img {

    width: 100%;

    margin-bottom: 15px;

    border-radius: 5px;

    display: block;

    height: auto;

}

.foreign-item .foreign-bottom {

    /*border-left: 3px solid #c5892d;*/

    padding-left: 10px;

}

.foreign-item .foreign-bottom h3 {

    font-weight: 600;

    font-size: 22px;

    margin-bottom: 5px;

}

.foreign-item .foreign-bottom h3 a {

    color: #282828;

}

.foreign-item .foreign-bottom h3 a:hover {

    color: #c5892d;

}

.foreign-item .foreign-bottom span {

    display: block;

    font-weight: 500;

    font-size: 14px;

    color: #c5892d;

}



/* Benefit area starts */





.benefit-area {

    background-image: url(images/benefit-bg.jpg);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    /* margin-top: 170px; */

}

.benefit-area .benefit-content {

    background-color: #02111e;

    padding: 40px 170px 50px 60px;

    max-width: 905px;

    margin-left: auto;

    position: relative;

    top: 100px;

}

.benefit-area .benefit-content .section-title {

    text-align: left;

    margin-bottom: 25px;

}

.benefit-area .benefit-content .section-title h2 {

    color: #fff;

}

.benefit-area .benefit-content p {

    color: #fff;

    margin-bottom: 25px;

}

.benefit-area .benefit-content .benefit-inner {

    margin-bottom: 30px;

    position: relative;

}

.benefit-area .benefit-content .benefit-inner i {

    display: inline-block;

    color: #c5892d;

    font-size: 45px;

    position: absolute;

    top: -10px;

    left: 0;

}

.benefit-area .benefit-content .benefit-inner h4 {

    margin-bottom: 0;

    color: #fff;

    font-family: roboto, sans-serif;

    font-weight: 500;

    font-size: 18px;

    max-width: 250px;

    padding-left: 65px;

}

.benefit-area .benefit-content .cmn-btn {

    margin-top: 10px;

    color: #fff;

    background-color: #c5892d;

}

.benefit-area .benefit-content .benefit-shape {

    position: absolute;

    right: 0;

    bottom: 0;

    -webkit-animation: benefit-shape 10s infinite linear;

    animation: benefit-shape 10s infinite linear;

}

.benefit-area-two {

    background-image: unset;

}

.benefit-area-two .benefit-shape {

    display: none;

}

.benefit-area-two .container-fluid {

    padding-left: 0;

    padding-right: 0;

}

.benefit-area-two .container-fluid .col-lg-7 {

    padding-left: 0;

    padding-right: 0;

}

.benefit-area-two .container-fluid .col-lg-5 {

    padding-left: 0;

    padding-right: 0;

}

.benefit-area-two .benefit-content {

    background-color: unset;

    padding: 0;

    max-width: 760px;

    margin-left: auto;

    top: 0;

    padding-top: 100px;

    padding-bottom: 100px;

    padding-right: 30px;

}

.benefit-area-two .benefit-content .section-title h2 {

    color: #282828;

}

.benefit-area-two .benefit-content p {

    color: #4e4e4e;

}

.benefit-area-two .benefit-content .benefit-inner h4 {

    color: #282828;

}

.benefit-area-two .benefit-img {

    background-image: url(images/benefit-main.jpg);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    width: 100%;

    height: 100%;

}

.benefit-area-two .benefit-img img {

    display: none;

    width: 100%;

}

@-webkit-keyframes benefit-shape {

    0% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

    50% {

        -webkit-transform: translate(-50px, 0);

        transform: translate(-50px, 0);

    }

    100% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

}

@keyframes benefit-shape {

    0% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

    50% {

        -webkit-transform: translate(-50px, 0);

        transform: translate(-50px, 0);

    }

    100% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

}



/* Social Area starts */





.social-area {

    padding-bottom: 160px;

}

.social-area .col-lg-6 {

    padding-left: 0;

    padding-right: 0;

}

.social-area .social-img {

    background-image: url(images/social-main.jpg);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    width: 100%;

    height: 100%;

    margin-left: 15px;

}

.social-area .social-img img {

    display: none;

    width: 100%;

}

.social-area .social-content {

    background-color: #02111e;

    padding: 55px 40px;

    position: relative;

    top: 60px;

    margin-left: -70px;

    margin-bottom: 0;

}

.social-area .social-content .section-title {

    text-align: left;

    margin-bottom: 25px;

}

.social-area .social-content .section-title h2 {

    color: #fff;

    font-size: 35px;

}

.social-area .social-content p {

    margin-bottom: 30px;

    color: #fff;

    font-weight: 500;

    font-size: 28px;

    font-family: poppins, sans-serif;

    line-height: 42px;

}

.social-area .social-content .cmn-btn {

    color: #fff;

    background-color: #c5892d;

}



/* Booking Area Starts */





.book-area .row {

    background-color: #c5892d;

    overflow: hidden;

}

.book-area .col-lg-6 {

    padding-left: 0;

    padding-right: 0;

}

.book-area .book-img {

    background-image: url(images/book-main.jpg);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    width: 100%;

    height: 100%;

}

.book-area .book-img img {

    display: none;

    width: 100%;

}

.book-area .book-content {

    padding-top: 65px;

    padding-bottom: 70px;

    max-width: 385px;

    position: relative;

    padding-left: 10px;

}

.book-area .book-content:before {

    position: absolute;

    content: "";

    bottom: 39px;

    left: -265px;

    border-left: 0 solid transparent;

    border-top: 226px solid #c5892d;

    border-right: 304px solid transparent;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    z-index: 1;

}

.book-area .book-content h3 {

    font-weight: 600;

    font-size: 24px;

    color: #fff;

    margin-bottom: 20px;

}

.book-area .book-content a {

    display: inline-block;

    font-weight: 500;

    color: #fff;

    border: 1px solid #fff;

    padding: 15px 25px;

}

.book-area .book-content a:hover {

    color: #c5892d;

    background-color: #fff;

}



/* Footer Starts */



footer {

    background-image: url(images/footer-bg.jpg);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    position: relative;

}

footer:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: #060f1e;

    opacity: 0.92;

}

.footer-item {

    position: relative;

    margin-bottom: 30px;

}

.footer-item .footer-logo .logo-link {

    display: block;

    margin-bottom: 18px;

}

.footer-item .footer-logo p {

    margin-bottom: 20px;

    color: #fff;

}

.footer-item .footer-logo ul {

    margin: 0;

    padding: 0;

}

.footer-item .footer-logo ul li {

    list-style-type: none;

    display: inline-block;

    margin-right: 10px;

}

.footer-item .footer-logo ul li:last-child {

    margin-right: 0;

}

.footer-item .footer-logo ul li a {

    width: 35px;

    height: 35px;

    text-align: center;

    color: #fff;

    font-size: 18px;

    background-color: #c5892d;

    border-radius: 50%;

    display: block;

}

.footer-item .footer-logo ul li a i {

    line-height: 35px;

    font-size: 14px;

}

.footer-item .footer-logo ul li a:hover {

    color: #c5892d;

    background-color: #fff;

}

.footer-item .footer-service h3 {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 25px;

    color: #c5892d;

}

.footer-item .footer-service ul {

    margin: 0;

    padding: 0;

}

.footer-item .footer-service ul li {

    list-style-type: none;

    display: block;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

    margin-bottom: 10px;

}

.footer-item .footer-service ul li:last-child {

    margin-bottom: 0;

}

.footer-item .footer-service ul li:hover {

    padding-left: 10px;

}

.footer-item .footer-service ul li a {

    display: block;

    color: #fff;

}

.footer-item .footer-service ul li a:hover {

    color: #c5892d;

}

.footer-item .footer-touch h3 {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 25px;

    color: #c5892d;

}

.footer-item .footer-touch ul {

    margin: 0;

    padding: 0;

}

.footer-item .footer-touch ul li {

    list-style-type: none;

    display: block;

    position: relative;

    padding-left: 40px;

    margin-bottom: 12px;

}

.footer-item .footer-touch ul li:last-child {

    margin-bottom: 0;

}

.footer-item .footer-touch ul li i {

    display: inline-block;

    color: #c5892d;

    font-size: 23px;

    position: absolute;

    top: 0;

    left: 0;

}

.footer-item .footer-touch ul li h4 {

    font-weight: 500;

    font-size: 16px;

    font-family: poppins, sans-serif;

    margin-bottom: 5px;

    color: #fff;

}

.footer-item .footer-touch ul li a {

    display: block;

    color: #cdcccc;

}

.footer-item .footer-touch ul li a:hover {

    color: #c5892d;

}

.footer-item .footer-touch ul li span {

    display: block;

    color: #cdcccc;

}

.copyright-area {

    background-color: #121f34;

    padding-top: 25px;

    padding-bottom: 25px;

    text-align: center;

}

.copyright-area .copyright-item p {

    font-size: 15px;

    color: #fff;

    margin-bottom: 0;

}

.copyright-area .copyright-item p a {

    display: inline-block;

    font-weight: 600;

    color: #c5892d;

}

.copyright-area .copyright-item p a:hover {

    color: #fff;

}





/* Inner Pages CSS

About Page Starts  */



.page-title-area {

    background-image: url(images/page-title-bg.jpg);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    position: relative;

    height: 460px;

    background-attachment: fixed;

}

.page-title-area:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: #07092b;

    opacity: 0.9;

}

.page-title-area .title-item {

    text-align: center;

    position: relative;

    margin-top: 65px;

}

.page-title-area .title-item h2 {

    color: #fff;

    font-weight: 500;

    font-size: 35px;

    margin-bottom: 10px;

    font-family: poppins, sans-serif;

}

.page-title-area .title-item ul {

    margin: 0;

    padding: 0;

}

.page-title-area .title-item ul li {

    list-style-type: none;

    display: inline-block;

    color: #fff;

    font-weight: 500;

    font-size: 16px;

}

.page-title-area .title-item ul li a {

    display: inline-block;

    color: #fff;

}

.page-title-area .title-item ul li a:hover {

    color: #c5892d;

}

.page-title-area .title-item ul li span {

    display: inline-block;

    margin-right: 3px;

    margin-left: 3px;

}





.about-area {

    padding-top: 165px;

    padding-bottom: 155px;

}

.about-area .section-title {

    text-align: left;

    margin-bottom: 30px;

}

.about-area .about-content p {

    color: #282828;

    font-weight: 500;

    margin-bottom: 18px;

}

.about-area .about-content ul {

    margin: 0;

    padding: 0;

    margin-bottom: 30px;

}

.about-area .about-content ul li {

    list-style-type: none;

    display: block;

    font-weight: 500;

    margin-bottom: 15px;

}

.about-area .about-content ul li:last-child {

    margin-bottom: 0;

}

.about-area .about-content ul li i {

    width: 22px;

    height: 22px;

    line-height: 22px;

    border-radius: 50%;

    font-size: 15px;

    text-align: center;

    color: #c5892d;

    background-color: #f2f4fd;

    margin-right: 8px;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

}

.about-area .about-content ul li:hover i {

    color: #fff;

    background-color: #c5892d;

}

.about-area .about-content img {

    display: inline-block;

    margin-right: 25px;

    border-right: 3px solid #c5892d;

    padding-right: 25px;

}

.about-area .about-content img:last-child {

    margin-right: 0;

    padding-right: 0;

    border-right: 0;

}

.about-area .about-img-wrap {

    position: relative;

}

.about-area .about-img-wrap .about-img-slider .about-img-item img {

    width: unset !important;

    max-width: 450px;

}

.about-area .about-img-wrap .owl-theme .owl-nav.disabled + .owl-dots {

    margin-top: 0;

    position: absolute;

    right: 85px;

    top: 180px;

    max-width: 20px;

}

.about-area .about-img-wrap .owl-theme .owl-dots .owl-dot span {

    background: #fbad86;

}

.about-area .about-img-wrap .owl-theme .owl-dots .owl-dot.active span {

    background: #fff;

}

.about-area .about-img-wrap .about-shape img {

    position: absolute;

}

.about-area .about-img-wrap .about-shape img:nth-child(1) {

    top: -25px;

    left: 0;

    z-index: -1;

}

.about-area .about-img-wrap .about-shape img:nth-child(2) {

    bottom: -55px;

    right: 0;

    z-index: 1;

}

.about-area .about-img-wrap .about-shape img:nth-child(3) {

    top: -65px;

    right: 25px;

}

.about-area .about-img-wrap .about-shape img:nth-child(4) {

    top: 255px;

    right: -50px;

}

.about-area .about-img-wrap .about-year {

    z-index: 1;

    background-color: #ffffffd9;

    border-left: 5px solid #02111e;

    display: inline-block;

    padding: 35px 60px;

    position: absolute;

    left: 0;

    bottom: -36px;

}

.about-area .about-img-wrap .about-year h2 {

    font-size: 58px;

    color: #02111e;

    font-weight: 700;

    margin-bottom: 0;

}

.about-area .about-img-wrap .about-year h2 span {

    font-size: 38px;

}



/* Team page 

* Team Area starts

*/



.team-area {

    background-image: url(../img/home-one/team-bg.png);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    background-color: #f6f6f6;

}

.team-area-two {

    background-image: unset;

    background-color: #fff;

}

.team-area-two .container {

    top: 0;

}

.team-area .container {

    position: relative;

}

.team-item {

    text-align: center;

    margin-bottom: 30px;

    -webkit-box-shadow: 0 0 20px 0 #dddddd33;

    box-shadow: 0 0 20px 0 #dddddd33;

    background-color: #fff;

    padding-bottom: 30px;

    border-radius: 0 0 20px 20px;

    border-bottom: 2px solid #c5892d;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

}

.team-item:hover {

    background-color: #f9f1e5;

    -webkit-transform: translate(0, -10px);

    transform: translate(0, -10px);

}

.team-item img {

    margin-bottom: 25px;

    height: auto;

}

.team-item h3 {

    color: #282828;

    font-weight: 600;

    font-size: 22px;

    margin-bottom: 8px;

}

.team-item .designation {

    display: block;

    font-weight: 500;

    font-size: 15px;

    color: #8f9090;

    margin-bottom: 12px;

}

.team-item ul {

    margin: 0;

    padding: 0;

}

.team-item ul li {

    list-style-type: none;

    display: inline-block;

    margin-left: 4px;

    margin-right: 4px;

}

.team-item ul li a {

    display: block;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    border-radius: 50%;

    background-color: #c5892d;

    color: #fff;

    font-size: 18px;

}

.team-item ul li a i {

    line-height: 30px;

}

.team-item ul li a:hover {

    background-color: #282828;

}



/* Contact Page

* Contact Area starts

*/



.contact-area .contact-item {

    margin-bottom: 30px;

}

.contact-area .contact-left h3 {

    font-size: 24px;

    margin-bottom: 30px;

    font-weight: 600;

}

.contact-area .contact-left p {

    margin: 0;

    font-size: 14px;

    margin-bottom: 25px;

}

.contact-area .contact-left ul {

    margin: 0;

    padding: 0;

}

.contact-area .contact-left ul li {

    list-style-type: none;

    display: block;

    color: #282828;

    font-size: 15px;

    margin-bottom: 20px;

    border-bottom: 1px solid #dddddd69;

    padding-bottom: 20px;

}

.contact-area .contact-left ul li:last-child {

    margin-bottom: 0;

}

.contact-area .contact-left ul li i {

    font-size: 21px;

    color: #282828;

    margin-right: 5px;

    position: relative;

    bottom: -5px;

}

.contact-area .contact-left ul li a {

    display: inline-block;

    color: #282828;

}

.contact-area .contact-left ul li a:hover {

    color: #c5892d;

}

.contact-area .contact-right h3 {

    font-size: 24px;

    margin-bottom: 30px;

    font-weight: 600;

}

.contact-area .contact-right .form-group {

    margin-bottom: 25px;

}

.contact-area .contact-right .form-group .form-control {

    border: 1px solid #c5892d;

    border-radius: 0;

    height: 50px;

    padding-left: 25px;

    font-size: 14px;

}

.contact-area .contact-right .form-group .form-control:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

    border: 1px solid #282828;

}

.contact-area .contact-right .form-group textarea {

    height: auto !important;

    padding-top: 15px;

}

.contact-area .contact-right .form-group ::-webkit-input-placeholder {

    color: #282828;

}

.contact-area .contact-right .form-group :-ms-input-placeholder {

    color: #282828;

}

.contact-area .contact-right .form-group ::-ms-input-placeholder {

    color: #282828;

}

.contact-area .contact-right .form-group ::placeholder {

    color: #282828;

}

.contact-area .contact-right .form-group .list-unstyled {

    color: #c5892d;

    margin-top: 10px;

    font-size: 14px;

}

.contact-area .contact-right .contact-btn {

    background-color: #c5892d;

    color: #fff;

    width: 100%;

    border-radius: 0;

    padding: 12px 0;

    text-transform: uppercase;

    -webkit-transition: 0.5s all ease;

    transition: 0.5s all ease;

    opacity: 1;

    font-weight: 600;

}

.contact-area .contact-right .contact-btn:hover {

    background-color: #282828;

}

.contact-area .contact-right .text-danger {

    font-size: 20px;

    margin-top: 12px;

    color: #dc3545;

}

.contact-area .contact-right .text-success {

    font-size: 20px;

    margin-top: 12px;

    color: #28a745;

}



/* products page */



.products .foreign-area-two, .archive .foreign-area-two {

    background-image: none;

    background-color: #f7f7f7;

}

.products .foreign-area-two:before, .archive .foreign-area-two:before {

    background-color: transparent;

}

.products .foreign-area-two .container, .archive .foreign-area-two .container {

    top:0;

}

.products .foreign-area-two .foreign-item, .archive .foreign-area-two .foreign-item {

    text-align: center;

}



/* FAQs page */



.faq-area {

    background-color: #f7f7f7;

}

.faq-area .faq-head h2 {

    margin-bottom: 35px;

    font-weight: 600;

    font-size: 30px;

    margin-top: -7px;

}

.faq-area .faq-wrap {

    margin-bottom: 50px;

}

.faq-area .faq-wrap:last-child {

    margin-bottom: 30px;

}

.faq-area .accordion {

    padding-left: 0;

    margin: 0;

    padding: 0;

}

.faq-area .accordion p {

    font-size: 16px;

    display: none;

    padding: 20px 45px 15px 20px;

    margin-bottom: 0;

}

.faq-area .accordion a {

    color: #232323;

    font-size: 17px;

    width: 100%;

    display: block;

    cursor: pointer;

    font-weight: 600;

    padding: 15px 0 15px 18px;

    border: 1px solid #232323;

    border-radius: 8px 8px 0 0;

}

.faq-area .accordion a:hover {

    color: #282828;

}

.faq-area .accordion a:after {

    position: absolute;

    right: 20px;

    content: "+";

    top: 10px;

    color: #232323;

    font-size: 25px;

    font-weight: 700;

}

.faq-area .accordion li {

    position: relative;

    list-style-type: none;

    margin-bottom: 30px;

}

.faq-area .accordion li:first-child {

    border-top: 0;

}

.faq-area .accordion li:last-child {

    margin-bottom: 0;

}

.faq-area .accordion li a.active {

    color: #fff;

    background-color: #c5892d;

    border: 1px solid #c5892d;

}

.faq-area .accordion li a.active:after {

    content: "-";

    font-size: 25px;

    color: #fff;

}



.inner_page {

    padding: 5rem 0;

    background-color: #f7f7f7;

}


/* brand page */

.product_models{
    padding: 30px 30px 60px; height: 100%; border-radius:7px; position: relative;
}
/* .products_col:nth-child(odd) .product_models {
    background: #02111E;
}
.products_col:nth-child(even) .product_models {
    background: #C5892D;
} */
.product_models .foreign-bottom{
    padding: 5px 0; display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.product_models ul {
    padding: 10px 0 0;/* column-count: 2; */
}
.product_models h3 a{
    color: #282828;
}
.product_models h3 a:hover{
    color: #c5892d;
}
.product_models .offer-shape {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.product_models .offer-shape img {
    border-radius: 0;
}
.product_models .read_more {
    background: #c5892d; color: #fff; margin: 15px 0;
}
.product_models .foreign-bottom h5 {
    margin-bottom: 0;
}
.product_models h3 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 8px;
}
.product_models .foreign-bottom i {
    margin-right: 10px;
    font-size: 15px;
    color: #c5892d;
}
.product_models .foreign-bottom p{
    margin-bottom: 0;line-height: 20px; color: #4e4e4e;
}
.product_brands_area .product_models .read_more{
    position: absolute;
    bottom: 10px;
}
.product_models_area .product_models{padding: 30px;}
.product_models_area .product_models .offer-top img {
    /* animation: border-transform-default 10s linear infinite alternate forwards; */
    transition: 0.5s all ease;
    /* border: 3px solid #c5892d; */
    max-width: unset;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
    display: block;
    max-height: 200px;
    width: auto;
    min-height: 200px;
    /* box-shadow: 0 0 38px #ccc; */
    padding: 20px;
}
.prod_datasheet i {
    margin-right: 10px;
    font-size: 25px;
    color: #c5892d;
}
.prod_datasheet h6 {
    margin-bottom: 0;  width: 100%;
}
.prod_datasheet h3 { width: 100%;}
.prod_datasheet .read_more {
    margin: 15px auto;
}
.prod_datasheet th, .prod_datasheet td{
    width: 50%;
}
.prod_datasheet table{
    margin: 15px 0;
}
/* .prod_datasheet {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
} */

.product_model_popup .modal-dialog{
    max-width: 900px; text-align: center; width: 100%;
}
.product_model_popup .modal-header {
    width: 100%; background-color: #F7F7F7; border-bottom: 0;
}
.product_model_popup .modal-header h4 {
    width: 100%;
    text-align: center; color: #c5892d;
}
.product_model_popup .modal-header .close {
    padding: 0.2rem 0.8rem;
    position: absolute;
    right: 26px;
    background: #c5892d;
    color: #fff;
    text-shadow: none;
    border-radius: 100%;
    top: 22px;
    font-size: 35px; opacity: 1;
}

.product_gallery-thumb .slick-slide {
    border: 1px solid #ccc;border-radius: 3px;
    margin: 5px 3px 0;
}
.product_gallery-thumb .slick-slide.slick-current.slick-active {
    border: 1px solid #c5892d;
}
.product_gallery-thumb img {
    height: 50px;
    width: 50px;
    margin: 0 auto;
}
.product_gallery-ind .slick-slide {
    /* border: 1px solid #ccc; */
    min-height: 360px;
    max-height: 360px;
}
.product_gallery-ind img {
    width: auto;
    height: 300px;
    margin: 30px auto;
}
.product_gallery-ind iframe{
    margin: 30px auto;display: block;
    position: relative;
    top: 25px;
}
.product_gallery-thumb .slick-next::before {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #0F3361;
    position: absolute;
    top: 3px;
}
.product_gallery-thumb .slick-prev::before {
    content: "\f053";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #0F3361;
    position: absolute;
    top: 3px;
}
.product_gallery-thumb .slick-next {
    right: -13px;
}
.product_gallery-ind {  border: 1px solid #ccc;border-radius: 3px;}
.pd_sidebar1 {
    border: 1px solid #ccc;padding: 15px;
    border-radius: 3px;
}
.pd_sidebar1 .cmn-btn {
    color: #fff;
    background-color: #c5892d;
}
.pd_sidebar1 img {
    border-radius: 3px;
    box-shadow: 0px 0px 4px #000;
}
.product_summary h4 {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
}
.product_summary ul {
    padding: 0;
}
.product_summary li {
    list-style-type: none;
    padding: 10px 0;
}
.product_summary li p { margin-bottom: 0;}
.product_summary .short-content {
    padding-top: 20px;
    border-top: 1px solid #ccc;
}
.product_models .foreign-bottom a {
    position: relative;
    padding-left: 30px;
}
.product_models .foreign-bottom a:before {
    content: "\f10b";
    font-family: 'flaticon';
    font-style: normal;
    color: #c5892d;
    position: absolute;
    left: 0;
    top: 0px;
}

/* Product Description Page */

.page-template-template-product_details .inner_page.product_brands_area {
    padding: 11rem 0 5rem;
}
.product_desc h2{width: 100%; padding-bottom: 30px;}
.product_desc ul {
    width: 100%;
    border-bottom: 1px solid #0f3361;
}
div#pd-details .inner_tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
div#pd-details .wp-block-table {
    flex: 0 0 48%;
    border: 2px solid #0F3361; margin-bottom: 50px;
}
div#pd-details .wp-block-table:last-child {
    margin-bottom: 0;
}
#pd-tabContent div.tab-pane#pd-basic_info figure {
    max-width: 350px;
    border: 2px solid #0F3361;
}
div#pd-tabContent {
    width: 100%;
}
.inner_page.product_desc {
    padding-top: 0;
} 
#pd-tab li.nav-item a.nav-link {
    background: #c5892d;
    color: #fff;
    margin-right: 5px;
    border-radius: 13px 13px 0 0;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
#pd-tab li.nav-item a.nav-link:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    background: #0F3361;
    left: 0;
    transform: scale(0);
    z-index: -1;
    height: 100%;
    transition: all 0.3s ease-in-out;
}
#pd-tab li.nav-item a.nav-link.active:before, #pd-tab li.nav-item a.nav-link:hover:before {
    transform: scale(1);
}