@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');



html{

    overflow-x: hidden;

}



body {

    background: #fff;

    color: #363636;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    overflow-x: hidden;

}



:root{

    --yellow: #f0c05a;

    --black: #292826;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Roboto', sans-serif;

    color: #0c0c0c;

    margin: 0 0 20px;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

    color: #0c0c0c;

}



p a {

    color: #363636;

    width: auto;

    display: inline-block;

}



p a:hover {

    text-decoration: underline;

    outline: none;

}



p {

    letter-spacing: normal;

    margin-bottom: 10px;

    line-height: 24px;

    font-size: 16px;

    color: #363636;

}



a {

    color: #7f7f7f;

    text-decoration: none;

    outline: none;

    display: block;

}



a:hover,

a:focus,

a:active {

    outline: none;

    text-decoration: none;

}



img {

    max-width: 100%;

}



iframe {

    border: 0;

    width: 100%;

}



blockquote {

    padding: 0;

    border: 0;

}



label {

    color: #7f7f7f;

    display: block;

    font-weight: 400;

    margin: 0;

}



textarea {

    height: 100px !important;

}



textarea,

select,

input {

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    font-size: 14px !important;

}



.form-group {

    position: relative;

    margin-bottom: 15px;

}



.form-control::-moz-placeholder {

    color: #555;

}



.form-control:focus::-moz-placeholder {

    color: var(--yellow);

}



.form-control:focus {

    border-color: var(--yellow);

    box-shadow: none;

}



h2 {

    font-size: 26px;

    font-weight: bold;

}



h3 {

    font-size: 20px;

    margin: 0 0 30px;

    font-weight: bold;

    overflow: hidden;

}



h3 span {

    padding: 0 10px 0 0;

    position: relative;

}



h4 {

    font-size: 16px;

    font-weight: bold;

    margin: 0;

    text-transform: capitalize;

}



h5 {

    text-transform: capitalize;

}



/* Header*/

header {

    float: left;

    width: 100%;

    margin: 0;

    padding: 0;

    position: relative;

    position: absolute;

    top: 0;

    left: 0;

    background: transparent;

    z-index: 999;

}



header .logo {

    float: left;

    width: 100%;

    margin: 0;

    padding: 0;

}



header .logo:before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    max-width: 14%;

    background: var(--black);

    padding: 50px 40px;

    top: 0px;

    left: 0px;

    height: 125px;

}



header .logo img {

    position: relative;

    left: -80px;

    top: 22px;

    max-width: 160px;

    width: 100%;

}



.header.stricky-fixed {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);

    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);

    animation-name: fadeInDown;

    animation-duration: 1s;

    background-color: var(--black);

    animation-fill-mode: both;

}



@keyframes fadeInDown {

    from {

        opacity: 0;

        transform: translate3d(0, -100%, 0)

    }



    to {

        opacity: 1;

        transform: none

    }

}



.header.stricky-fixed .logo:before {

    width: auto;

    height: auto;

    padding: 0;

}



.header.stricky-fixed .logo img {

    left: 0;

    top: 0px;

    width: 145px;

    padding: 5px;

}



.navigation .nav-header {

    display: none;

    padding: 12px 20px

}



.navigation .navbar button {

    width: 40px;

    height: 40px;

    background: #f3a317;

    border: 0;

    outline: 0;

    color: #fff;

    font-size: 25px;

    border-radius: 0;

    text-align: center;

    padding: 0 5px 5px;

    vertical-align: middle;

    float: right;

}



.navigation .navbar button {

    float: right;

    margin-right: 0;

    border: 0;

    outline: 0;

    background: transparent;

    height: 40px;

    padding: 0;

}



.navigation .navbar button span {

    display: block;

    width: 33px;

    height: 2px;

    background-color: var(--yellow);

    margin: 8px 0;

    position: relative;

    transition: 0.4s ease;

}



.navigation .navbar button span:nth-child(2) {

    width: 33px;

}



.navigation .navbar button span:nth-child(3) {

    width: 33px;

}



.navigation .navbar button.open span:nth-child(1) {

    display: none;

}



.navigation .navbar button.open span:nth-child(2) {

    transform: rotate(45deg);

    top: 7px;

    width: 33px;

}



.navigation .navbar button.open span:nth-child(3) {

    transform: rotate(-45deg);

    top: -3px;

}



.navigation .menu {

    display: block

}



.navigation .menu ul {

    float: right

}



.navigation .menu ul li {

    float: left;

    position: relative

}



.navigation .menu ul li a {

    padding: 30px 18px 15px;

    display: block;

    color: #fff;

    text-transform: uppercase;

    transition: all 0.3s ease;

    font-size: 15px;

    background: transparent;

    font-weight: 500;

}



.header.stricky-fixed .navigation .menu ul li a {

    padding: 27px 18px;

    color: #fff;

}



.navigation .menu ul li.active a,

.navigation .menu ul li:hover a {

    color: var(--yellow);

    background: transparent;

}



.header.stricky-fixed .navigation .menu ul li.active a,

.header.stricky-fixed .navigation .menu ul li a:hover {

    color: var(--yellow);

    background: transparent;

}



.navigation .menu ul li ul.cs-dropdown {

    top: 100%;

    left: 0;

    text-align: left

}



.navigation .menu ul li ul.cs-dropdown li:last-child {

    border: 0

}



.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown {

    left: 100%;

    margin-top: -36px

}



.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li ul.cs-dropdown {

    left: -100%;

    margin-top: -31px;

}



.navigation .menu ul li ul.cs-dropdown {

    position: absolute;

    width: 250px;

    display: none;

    z-index: 99999;

    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.4);

    background: var(--black);

    margin: 0;

    padding: 0;

    transition: all .3s ease;

}



.navigation .menu ul li:hover ul.cs-dropdown {

    display: block;

}



.navigation .menu ul li:hover ul.cs-dropdown li ul.cs-dropdown {

    display: none;

    background: var(--black);

    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.4);

    transition: all .3s ease;

}





.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown {

    display: block;

}



.navigation ul li.cs-submenu a button {

    border: 0;

    background: transparent;

    outline: 0;

    padding: 0;

    margin: 0 0 0 5px;

    color: #fff;

    height: auto;

    line-height: inherit;

}



.navigation ul li.cs-submenu ul.cs-dropdown li.cs-submenu a button {

    float: right;

    transform: rotate(90deg);

}



.navigation ul li.cs-submenu a button svg {

    width: 16px;

    height: 16px;

    color: #fff;

}



.navigation ul li.cs-submenu:hover svg {

    transform: rotateZ(180deg);

    color: var(--yellow);

}



.navigation ul li.cs-submenu ul.cs-dropdown li a button svg {

    color: #fff;

}



.navigation ul li.cs-submenu ul.cs-dropdown li:hover a button svg {

    color: #fff;

}



.header.stricky-fixed .navigation .menu ul li.cs-submenu a button svg {

    color: #fff;

}



.header.stricky-fixed .navigation .menu ul li.cs-submenu:hover a button svg {

    color: #fff;

}



.navigation ul li.cs-submenu ul.cs-dropdown li.cs-submenu:hover a button {

    color: #fff;

}



.navigation .menu ul li ul.cs-dropdown li {

    display: block;

    padding: 0;

    border-bottom: 1px solid #353434;

    width: 100%

}

.navigation .menu ul li ul.cs-dropdown li a {

    color: #fff;

    font-size: 14px;

    padding: 7px 10px 7px 15px;

    position: relative;

    display: block;

    text-transform: capitalize;

    font-weight: normal;

    background:transparent;

    transition: all 0.3s ease;

}



.navigation .menu ul li ul.cs-dropdown li a:hover {

    color: var(--black);

    background: var(--yellow)

}



.navigation .menu ul li ul.cs-dropdown li a:hover  button svg{

    color: var(--black);

}



.navigation .menu ul li ul.cs-dropdown li:hover a button svg,

.header.stricky-fixed .navigation .menu ul li ul.cs-dropdown li:hover a button svg{

    color: var(--black);

}



.navigation .menu ul li ul.cs-dropdown li:hover a,

.header.stricky-fixed .navigation .menu ul li ul.cs-dropdown li:hover a{

    color: var(--black);

    background: var(--yellow);  

}



.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown li a,

.header.stricky-fixed .navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown li a {

    background: var(--black);

    color: #fff

}

.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown li a:hover,

.header.stricky-fixed .navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown li a:hover {

    color: var(--black);

    background: var(--yellow)

}





.header.stricky-fixed .navigation .menu ul li ul.cs-dropdown li a {

    padding: 7px 10px 7px 15px;

}



.navigation .navbar {

    display: none;

    padding: 10px 0;

    margin: 0

}



.left_panel {

    background: var(--black);

    position: absolute;

    width: 120px;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 9;

    overflow: hidden;

    display: none;

}



.home_only .left_panel {

    display: block;

}



.social-left {

    display: block;

    margin: 0;

    padding: 10px 0;

    list-style: none;

    text-align: center;

    position: absolute;

    left: 0;

    width: 100%;

    bottom: 25%;

    z-index: 10;

}



.social-left:before {

    content: '';

    position: absolute;

    left: 50%;

    width: 1px;

    height: 70px;

    top: -90px;

    background: #373737;

}



.social-left li {

    display: flex;

    justify-content: center;

    margin: 0;

    padding: 3px 0;

}



.social-left li a {

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    width: 40px;

    height: 40px;

    line-height: 35px;

    text-align: center;

    font-size: 14px;

    border-radius: 100%;

    -webkit-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

}



.social-left li a svg {

    color: #fff;

    width: 15px;

    height: 15px;

    margin: 0;

    padding: 0;

}



.social-left li.facebook a {

    background: #3C5B9B;

}



.social-left li.twitter a {

    background: #359BED;

}



.social-left li.linkedin a {

    background: #027ba5;

}



.social-left li.youtube a {

    background: #f70000;

}



.social-left li.instagram a {

    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);

}



.read_more {

    text-transform: uppercase;

    background: transparent;

    color: var(--yellow);

    padding: 10px 25px;

    margin: 0 0 20px;

    position: relative;

    font-size: 14px;

    letter-spacing: 1px;

    border: 1px solid var(--yellow);

    display: inline-block;

    overflow: hidden;

    height: 45px;

}

.read_more svg{width: 18px; height: 18px; margin-right: 5px;}

.read_more span{display: flex; align-items: center;}

.read_more:hover {

    border-color: var(--yellow);

    color: var(--black);

}



.read_more:after {

    content: '';

    width: 0;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 100%;

    z-index: 1;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    background: var(--yellow);

}



.read_more:hover:after {

    width: 100%;

    left: 0;

    -webkit-transition: width 0.3s ease;

    transition: width 0.3s ease;

}



.read_more:hover span {

    color: var(--black);

}



.read_more span {

    position: relative;

    z-index: 2;

}





/* banner */

.homeSlider {

    float: left;

    width: 100%;

    margin: 0;

    padding: 0;

    position: relative

}



.homeSlider #slider {

    float: left;

    width: 100%;

    margin: 0;

    position: relative;

}



.homeSlider #slider .sliderCaption {

    float: left;

    width: 100%;

    text-align: left;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 999;

    background: transparent;

    height: 100%;

    min-height: 250px;

    display: flex;

    align-items: center;

}



.homeSlider #slider .sliderCaption:before,

.slider .slider_caption_up:before,

.slider .slider_caption_left:before {

    position: absolute;

    top: 0;

    left: 0;

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    min-height:100vh;

}







.homeSlider #slider img {

    width: 100%;

}



.homeSlider #slider .sliderCaption .bannerTitle {

    color: var(--yellow);

    display: inline-block;

    margin-bottom: 20px;

    font-size: 36px;

    font-weight: 600;

    text-transform: uppercase;

    padding-top: 15%;

}



.homeSlider #slider .sliderCaption p {

    color: #fff;

    font-size: 18px;

    text-transform: inherit;

    line-height: 25px;

    margin-bottom: 20px;

    max-width: 380px;

}



.homeSlider #slider .sliderCaption .read_more {

    color: #c0bebf;

    border: 1px solid #c0bebf;

}



.homeSlider #slider .sliderCaption .read_more:hover {

    border-color: var(--yellow);

    color: #fff;

}



.homeSlider #slider .sliderCaption .read_more:after {

    background: var(--yellow);

}





.homeSlider #slider .owl-item.active .bannerTitle {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-name: fadeInDown;

    animation-delay: 0.4s;

}



.homeSlider #slider .owl-item.active p {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-name: fadeInDown;

    animation-delay: 0.3s;

}



.homeSlider #slider .owl-item.active .read_more {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-name: fadeInUp;

    animation-delay: 0.3s;

}



.homeSlider #slider .owl-prev,

.homeSlider #slider .owl-next {

    position: absolute;

    cursor: pointer;

    border: 0;

    outline: 0;

    top: auto;

    bottom: 20px;

    z-index: 5;

    color: #fff;

    width: 55px;

    height: 55px;

    line-height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    background: transparent;

    margin: 0;

    border: 1px solid rgba(255, 255, 255, 0.3);

}



.homeSlider #slider .owl-nav .owl-prev {

    right: 170px;

    left: auto;

}



.homeSlider #slider .owl-nav .owl-next {

    left: auto;

    right: 100px;

}



.homeSlider #slider .owl-dots {

    position: absolute;

    bottom: 20px;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.homeSlider #slider .owl-prev:hover,

.homeSlider #slider .owl-next:hover {

    color: var(--black);

    outline: 0;

    background: var(--yellow);

}



.wps_home_about {

    float: left;

    width: 100%;

    margin: 0;

    padding: 50px 0 0;

    background: var(--black);

    position: relative;

    z-index: 99;

}



.h1_title {

    color: #fff;

    font-size: 36px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 500;

    position: relative;

    z-index: 111;

}



.text {

    float: left;

    width: 100%;

    margin: 0;

    padding: 0;

}



.text p {

    font-size: 18px;

    color: #999;

    line-height: 25px;

    margin: 0;

    padding: 0;

}



.wps_home_about .h1_title {

    margin: 35px 0;

    align-items: center;

    display: flex;

}



.text .exp {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 10px;

}



.text .exp .exp_num {

    font-size: 100px;

    font-weight: 700;

    background: url(../images/rocks.jpg);

    background-size: 50%;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    line-height: 1;

}



.text .exp .valign {

    font-weight: 700;

    padding-right: 30px;

    color: var(--yellow);

    font-size: 24px;

    line-height: 28px;

    display: flex;

    align-items: center;

    text-transform: uppercase;

    font-family: 'Roboto', sans-serif;

}



.hr_padding {

    margin-top: 50px;

    background: #535353;

    margin-bottom: 0;

}



.home_about_2 {

    float: left;

    width: 100%;

    margin: 0;

    padding: 50px 0 30px;

    background: var(--black);

    position: relative;

    z-index: 100;

}



.h2_title {

    font-size: 36px;

    color: var(--yellow);

    text-transform: uppercase;

    position: relative;

    margin-bottom: 30px;

}



.home_about_2 h2{color: var(--yellow);}

.about_img {

    float: right;

    max-width: 540px;

    width: 100%;

    position: relative;

    margin: 0 0 15px 15px;

}



.about_img .img {

    padding: 0 0px 30px 30px;

    position: relative;

}



.about_img .img:before {

    content: '';

    position: absolute;

    top: 30px;

    left: 0;

    right: 45px;

    bottom: 0;

    border: 1px solid #535353;

}



.about_img .img img {

    position: relative;

    z-index: 2;

    background: var(--black);

}



.about_img .about_img {

    width: 40% !important;

    position: absolute;

    bottom: 0px;

    right: 45px;

    z-index: 3;

    padding: 15px 15px;

    color: var(--black);

    text-transform: uppercase;

    font-weight: 500;

    letter-spacing: 2px;

    font-size: 16px;

    line-height: 1.5em;

    text-align: center;

    background: var(--yellow);

}



.home_about_2 p {

    font-size: 16px;

    font-weight: 400;

    line-height: 1.75em;

    color: #999;

    text-align: justify;

    margin-bottom: 20px;

}



.tmphome_product {

    float: left;

    width: 100%;

    margin: 0;

    padding: 50px 0 30px;

    background: #111;

}



.tmphome_product .item .item_info {

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

}



.tmphome_product .item:hover img {

    -webkit-filter: none;

    filter: none;

    -webkit-transform: scale(1.09, 1.09);

    transform: scale(1.09, 1.09);

    -webkit-filter: brightness(70%);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease;

}



.tmphome_product .item:hover .con {

    bottom: 0;

}



.tmphome_product .item img {

    -webkit-transition: all .5s;

    transition: all .5s;

    width: 100%;

}



.tmphome_product .item .con {

    padding: 30px 15px 15px;

    position: absolute;

    bottom: -50px;

    left: 0;

    width: 100%;

    -webkit-transition: all .3s;

    transition: all .3s;

    text-align: center;

    z-index: 20;

    height: auto;

    box-sizing: border-box;

    background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 2%, rgba(0, 0, 0, .75) 50%);

    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 50%);

    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 50%);

}



.tmphome_product .item .con h3,

.tmphome_product .item .con h3 a {

    position: relative;

    color: #fff;

    font-size: 19px;

    margin-top: 0px;

    margin-bottom: 3px;

    letter-spacing: 1px;

    text-transform: uppercase;

    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);

}



.tmphome_product .item .con p {

    color: #fff;

    font-size: 15px;

    font-weight: normal;

    margin-bottom: 20px;

}



.tmphome_product .item .con svg {

    color: #fff;

    width: 35px;

    height: 35px;

}



.tmphome_product .item:hover .con h3 a {

    color: var(--yellow);

}



.tmphome_product .item:hover .con svg {

    color: var(--yellow);

}



.tmphome_product .item .con .butn-light {

    margin-left: 0;

    border-radius: 30px;

    border-color: #999;

    padding: 11px 30px;

}



.tmphome_product .item .con .butn-light:hover {

    border-color: var(--yellow);

}



/* line animation */

.tmphome_product .item .line {

    text-align: center;

    height: 1px;

    width: 60px;

    background-color: rgba(255, 255, 255, 0.2);

    transition-property: all;

    transition-duration: 0.3s;

    transition-timing-function: ease-in-out;

    margin: 0 auto 15px;

}



.tmphome_product .item:hover .line {

    width: 100%;

    transition-property: all;

    transition-duration: 0.8s;

    transition-timing-function: ease-in-out;

}



.services_feature {

    float: left;

    width: 100%;

    margin: 0;

    padding: 50px 0;

    background: #212121;

}



.h2_title_1 {

    font-size: 30px;

    text-transform: uppercase;

    font-weight: 700;

    color: var(--yellow);

    position: relative;

    margin-bottom: 50px;

    text-align: center;

}



.h2_title_1:after {

    background: var(--yellow) none repeat scroll 0 0;

    bottom: -10px;

    content: "";

    height: 1px;

    left: 50%;

    margin-left: -50px;

    position: absolute;

    width: 100px;

}



.services_feature .item-bx {

    padding: 60px 40px;

    height: 100%;

    background-color: var(--black);

    border: 1px solid #212121;

    border-right: 0;

    -webkit-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

}



.services_feature .item-bx:last-of-type {

    border-right: 1px solid #212121;

}



.services_feature .item-bx:hover {

    background-color: #181818;

}

.services_feature .item-bx .titleH4 {

    color: #fff;

    font-weight: 600;

    letter-spacing: 1px;

    padding: 0;

    margin: 0 0 15px;

    text-align: left;

    font-size: 20px;

}



.services_feature .item-bx p {

    color: #999;

    font-size: 15px;

    font-weight: 400;

    line-height: 2;

    margin: 0;

}



.services_feature .item-bx .numb {

    font-size: 60px;

    margin-bottom: 10px;

    color: transparent;

    -webkit-text-stroke: 1px #c5a47e;

}



.services_feature .item-bx img {

    margin-bottom: 20px;

    max-width: 80px;

}





.home_blog_1 {

    float: left;

    width: 100%;

    margin: 0;

    padding: 50px 0;

    position: relative;

    background: var(--black);

}



.img-wrap {

    position: relative;

    width: 100%;

    display: block;

    margin-bottom: 25px;

    height: 365px;

    overflow: hidden;

}



.img-wrap img {

    width: 100%;

    height: auto;

    display: block;

}



.service_content {

    position: relative;

    height: 365px;

    color: #9f9f9f;

    font-size: 16px;

    line-height: 24px;

    background: #333;

    margin-bottom: 25px;

}



.service_content .center_box {

    position: absolute;

    top: 50%;

    left: 50%;

    max-width: 100%;

    transform: translate(-50%, -50%);

    max-height: 100%;

    width: 100%;

    padding: 0 60px;

}



.service_content .center_box .sTitle_h4 {

    font-size: 25px;

    text-transform: uppercase;

    color: var(--yellow);

    font-weight: 400;

    margin-bottom: 15px;

}



.service_content .center_box .sTitle_h4 a {

    color: var(--yellow);

}



.service_content .center_box p {

    margin-bottom: 20px;

    color: #9f9f9f;

}



.testimonials {

    float: left;

    width: 100%;

    margin: 0;

    padding: 50px 0;

    background-image: url(../images/testimonial-bg.jpeg);

    background-attachment: fixed;

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

    background-attachment: fixed;

}



.testimonials:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 1;

    background: #000;

    opacity: 0.7;

}



.testimonials .container {

    position: relative;

    z-index: 2;

}



.video_area .titleH5 {

    font-size: 35px;

    font-weight: 500;

    color: #fff;

    letter-spacing: 5px;

    margin-bottom: 15px;

    text-transform: uppercase;

}



.video_area p {

    color: #fff;

}



.play_button {

    position: relative;

    width: 85px;

    height: 85px;

    margin: auto;

    -webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    z-index: 4;

    margin-left: 15px;

}



.play_button svg {

    position: absolute;

    width: 100%;

    height: 100%;

}



.circle-fill circle {

    opacity: 1;

    fill: rgba(197, 164, 126, 0.5);

}



.polygon {

    position: absolute;

    width: 100%;

    height: 100%;

    text-align: center;

    line-height: 80px;

    z-index: 2;

    padding-left: 5px;

}



.play_button svg.circle-fill {

    z-index: 1;

    stroke-dasharray: 322;

    stroke-dashoffset: 322;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

}



.play_button:hover svg.circle-fill {

    stroke-dashoffset: 38.5;

}



.play_button svg.circle-track {

    z-index: 0;

}



.play_button.color {

    color: var(--yellow);

}



.play_button.color .circle-fill circle {

    fill: var(--yellow);

}



.polygon svg {

    width: 50px;

    height: 50px;

    color: #fff;

    position: relative;

    display: inline-block;

}



.video_icon {

    margin-bottom: 30px;

}



.testimonials-box {

    position: relative;

    background: var(--black);

    padding: 60px 45px 32px;

}



.testimonials-box .head-box {

    margin-bottom: 15px;

}



.testimonials-box .head-box h6 {

    font-weight: 400;

    color: #999;

    font-size: 17px;

    text-transform: uppercase;

    letter-spacing: 3px;

    margin-bottom: 10px;

}



.testimonials-box .head-box h4 {

    font-size: 20px;

    font-weight: 300;

    color: #fff;

    letter-spacing: 5px;

    border-bottom: 1px solid #373737;

    padding-bottom: 15px;

    text-transform: uppercase;

}



.testimonials-box .head-box h4 span {

    color: #fff;

}



.testimonials .item {

    margin-bottom: 30px;

    position: relative;

}



.testimonials .item .quote {

    position: absolute;

    right: 15px;

    top: 60px;

    width: 100px;

    margin: 0 auto 30px;

    opacity: .05;

}



.testimonials .item p {

    color: #999;

}



.testimonials .item .info {

    text-align: left;

    margin: 30px 0 15px 0;

}



.testimonials .item .info .author-img {

    width: 55px;

    height: 55px;

    border-radius: 50%;

    float: left;

    overflow: hidden;

}



.testimonials .item .info .cont {

    margin-left: 70px;

}



.testimonials .item .info .tName {

    font-size: 16px;

    margin-bottom: 5px;

    padding-top: 7px;

    font-weight: 400;

    color: var(--yellow);

}



.testimonials .item .info span {

    font-size: 14px;

    color: #999;

    margin-right: 5px;

    line-height: 1.25em;

    font-family: 'Roboto', sans-serif;

}



.testimonials .item .info .rate {

    float: right;

}



.testimonials .item .info i {

    color: var(--yellow);

    font-size: 10px;

}



.clientSection {

    float: left;

    width: 100%;

    margin: 0;

    padding: 20px 0;

    background-color: #323232;

}



.clientSection .clients {

    opacity: 1;

    padding: 15px 20px;

    line-height: 0;

    position: relative;

    height: 75px;

    overflow: hidden;

}



.clients img {

    position: absolute;

    top: 50%;

    left: 50%;

    max-width: 100%;

    max-height: 100%;

    transform: translate(-50%, -50%);

    width: auto!important;

    height: auto;

    -webkit-filter: none;

    filter: none;

    padding: 10px;

}



.clients img:hover {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    -webkit-transition: all .5s;

    transition: all .5s;

}



.clientSection .clients:hover {

    opacity: 1;

}



.home_latest_blog {

    float: left;

    width: 100%;

    clear: both;

    display: block;

    position: relative;

    padding: 50px 0;

    overflow: hidden;

    background: var(--black);

}



article {

    width: 100%;

    float: left;

    position: relative;

    border: 1px solid #333;

}



article .post-comment {

    left: 0;

    top: 0;

}



article .featured-post {

    max-width: 100%;

    float: left;

    height: 350px;

    overflow: hidden;

}



article .post-comment {

    position: absolute;

    left: 20px;

    top: 20px;

    z-index: 20;

    background-color: var(--yellow);

    text-align: center;

    color: var(--black);

    margin: 0;

    padding: 0;

    min-width: 70px;

}



article .post-comment li.date span {

    display: block;

    font-size: 14px;

}



article .post-comment li.date .day {

    font-size: 30px;

    font-weight: 700;

    text-transform: uppercase;

    padding: 10px 12px;

}



article .post-comment li.comment {

    background-color: #333333;

    font-size: 14px;

    padding: 3px 0;

    color: white;

}



article .post-comment li {

    display: block;

}







article .content-post {

    overflow: hidden;

    padding: 15px;

}



article .content-post .title-post {

    margin-top: 0px;

    font-size: 22px;

    margin-bottom: 10px;

    font-weight: 600;

    letter-spacing: 0.5px;

    color: var(--yellow);

    height: 65px;

    position: relative;



}



article .content-post .title-post a {

    color: #fff;

}



article:hover .content-post .title-post a {

    color: var(--yellow);

}



article .content-post .title-post span {

    position: absolute;

    top: 50%;

    left: 50%;

    max-width: 100%;

    transform: translate(-50%, -50%);

    max-height: 100%;

    width: 100%;

}



.entry-post p {

    font-size: 16px;

    color: #999;

    margin-bottom: 20px;

}



.faq_section {

    float: left;

    width: 100%;

    margin: 0;

    padding: 40px 0;

    background: var(--black);

}



.accordion-item {

    margin-bottom: 15px;

    border-radius: 2px !important;

    overflow: hidden;

}



.accordion-header {

    padding: 0 !important;

    margin: 0 !important;

    text-transform: initial;

}



.accordion-item:not(:first-of-type) {

    border: 1px solid rgba(0, 0, 0, 0.125);

}



.accordion-button {

    padding: 12px 15px;

    font-size: 17px;

    font-weight: normal;

}



.accordion-button:not(.collapsed) {

    color: #292826;

    background: var(--yellow);;

    font-weight: normal;

}



.accordion-button:not(.collapsed):after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    transform: rotate(0deg);

}



.accordion-button:hover,

.accordion-button:focus {

    color: #292826;

    background: var(--yellow);;

}



.accordion-button:hover:after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    transform: rotate(-180deg);

}



.accordion-body p {

    font-size: 16px;

    line-height: 24px;

}



footer {

    float: left;

    width: 100%;

    padding: 50px 0;

    margin: 0;

    background-color: #222222;

}



footer .widget_logo {

    margin-bottom: 12px;

    position: relative;

}



footer .widget_logo img {

    max-width: 180px;

}



footer p {

    color: #999;

}



footer .widget_desc {

    font-size: 16px;

    line-height: 1.71;

    color: #999;

    margin-bottom: 25px;

    font-weight: 400;

}



footer .widget_info {

    position: relative;

    font-weight: 400;

    font-size: 16px;

    line-height: 1.86;

    color: #999;

    padding-left: 28px;

    margin-bottom: 5px;

}



footer .widget_info p {

    color: #999;

}



footer .widget_info svg {

    margin-right: 20px;

    position: absolute;

    left: -10px;

    top: 0;

    font-style: normal;

    display: inline;

    line-height: unset;

    vertical-align: middle;

    color: var(--yellow);

    width: 24px;

    height: 24px;

}



footer .widget_info a {

    font-size: 16px;

    line-height: 1.86;

    color: #999;

    font-weight: 400;

}



footer .widget_info a:hover {

    color: var(--yellow);

}



footer .widget-title {

    margin: 0 0 20px;

    color: #fff;

    font-size: 18px;

    line-height: 24px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;

}



.widget ul {

    padding: 0;

    margin: 0;

}



.widget ul li {

    list-style: none;

    margin-bottom: 15px;

    line-height: 24px;

    position: relative;

    padding-left: 20px;

    font-family: 'Roboto', sans-serif;

}



.widget ul li:before {

    display: block;

    content: "";

    width: 5px;

    height: 5px;

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    background-color: var(--yellow);

    border-radius: 5px;

}



.widget ul li a {

    font-weight: 400;

    font-size: 16px;

    color: #777777;

}



.widget ul li a:hover {

    color: var(--yellow);

}



 .gallery {

    display: grid;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: start;

    grid-template-columns: auto auto auto;

    grid-gap: 10px;

    margin: 0;

}

.gallery .gallery-item {

    margin: 0;

    padding: 0;

    position: relative;

}



.sub_footer {

    float: left;

    width: 100%;

    background: #222222;

    border-top: 1px solid rgba(255, 255, 255, 0.05);

    border-bottom: 1px solid rgba(255, 255, 255, 0.05);

}



.sub_footer_line {

    padding: 15px 15px 10px;

    border-left: 1px solid rgba(255, 255, 255, 0.05);

}



.sub_footer_line:last-child {

    border-right: 1px solid rgba(255, 255, 255, 0.05);

}



.sub_footer p {

    font-size: 16px;

    color: #999;

    margin: 0;

    line-height: 40px;

    /*👉line-height: normal;👈*/

}



.sub_footer p a:hover {

    color: var(--yellow);

}



.sub_footer p.right {

    text-align: right;

}



ul.social {

    float: left;

    margin: 0;

    list-style: none;

    padding: 0px;

    width: 100%;

}

.sub_footer ul.social{text-align: center;}

ul.social li {

    margin:0px 0 0 3px;

    display: inline-block;

}



ul.social li a {

    transition: background 400ms ease-in-out;

    text-align: center;

    width: 35px;

    height: 35px;

    border-radius: 4px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    background: #231573;

}



ul.social li a svg {

    color: #fff;

    width: 15px;

    height: 15px;

    margin: 0;

    padding: 0;

}



ul.social li.facebook a {

    background: #3C5B9B;

}



ul.social li.twitter a {

    background: #359BED;

}



ul.social li.linkedin a {

    background: #027ba5;

}



ul.social li.youtube a {

    background: #f70000;

}



ul.social li.instagram a {

    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);

}









.countries_link {

    position: relative;

    cursor: pointer;

    margin-left: 1rem;

    color: #999;

    display: inline-block;



}



.countries_link p {

    border: 1px solid var(--yellow);

    color: var(--yellow);

    padding: 7px 16px;

    line-height: normal;

    border-radius: 0;

    margin: 0;

}



.countries_link p:hover,

.countries_link p:focus {

    color: #fff;

    background: var(--yellow);

    border-color: var(--yellow);

}



.market {

    text-align: right;

    color: #999;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

}



.tmpbottom {

    float: left;

    width: 100%;

    margin: 0;

    padding: 10px 0;

    text-align: center;

    color: #999;

    background: #222222;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

}



.tmpbottom a {

    font-size: 16px;

    display: inline-block;

}



.tmpbottom a:hover {

    color: var(--yellow);

}









.title_1 {

    float: left;

    width: 100%;

    color: var(--yellow);

    font-size: 30px;

    text-transform: uppercase;

    font-weight: 700;

    display: block;

    padding-bottom: 15px;

    text-align: center;

    margin-bottom: 30px;

    position: relative;

}



.title_1 span {

    color: var(--yellow);

}



.title_1:before {

    content: '';

    background: var(--yellow);

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    margin-bottom: -10px;

    width: 50px;

    height: 5px;

    margin: 0 auto;

}



.title_2 {

    float: left;

    width: 100%;

    color: #fff;

    font-size: 30px;

    text-transform: uppercase;

    font-weight: 700;

    display: block;

    padding-bottom: 15px;

    text-align: center;

    margin-bottom: 30px;

    position: relative;

}



.title_2 span {

    color: #fff;

}



.title_2:before {

    content: '';

    background: var(--yellow);

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    margin-bottom: -10px;

    width: 50px;

    height: 5px;

    margin: 0 auto;

}





.title_3 {

    float: left;

    width: 100%;

    color: var(--yellow);

    font-size: 30px;

    text-transform: uppercase;

    font-weight: 700;

    display: block;

    padding-bottom: 15px;

    text-align: left;

    margin-bottom: 30px;

    position: relative;

}



.title_3:after {

    content: '';

    background: var(--yellow);

    position: absolute;

    left: 0;

    bottom: 0;

    width: 50px;

    height: 5px;

    margin: 0;

}

#scrollUp{

    position: fixed;

    z-index: 8030;

    bottom: 30px;

    right: 30px;

    width: 46px;

    height: 46px;

    border-radius: 50%;

    color: var(--black);

    font-size: 24px;

    line-height: 42px;

    text-align: center;

    text-decoration: none;

    cursor: pointer;

    transition: all 0.25s;

    display: none;

    background: var(--yellow);

    

}

#scrollUp svg{width: 20px; height: 20px;}

#scrollUp:hover{background:var(--yellow); color: #fff;}

.whatapp_btn {

    background: #01e675;

    width: 50px;

    height: 50px;

    color: #fff;

    position: fixed;

    left: 15px;

    bottom: 90px;

    cursor: pointer;

    z-index: 999;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 300ms ease-in-out;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);

}



.whatapp_btn svg {

    width: 24px;

    height: 24px;

}



.whatapp_btn:focus,

.whatapp_btn:hover {

    background: #01e675;

    color: #fff;

}



#whatsapp .modal-dialog {

    margin-top: 15%;

}





.send_enquiry {

    border-radius: 40px;

    bottom: 30px;

    color: var(--black);

    display: table;

    height: 50px;

    left: 15px;

    min-width: 50px;

    position: fixed;

    text-align: center;

    z-index: 9999;

    transition: all 0.2s linear;

    background: var(--yellow);

    display: flex;

    align-items: center;

    justify-content: center;

}



.send_enquiry svg {

    width: 24px;

    height: 24px;

    line-height: 50px;

}



.send_enquiry:hover {

    color: var(--black);

    padding: 0 20px;

}



.send_enquiry:focus {

    color: var(--black);

}



.send_enquiry span {

    display: table-cell;

    vertical-align: middle;

    font-size: 16px;

    letter-spacing: -15px;

    opacity: 0;

    line-height: 50px;

    transition: all 0.5s;

    text-transform: uppercase;

}



.send_enquiry:hover span {

    opacity: 1;

    letter-spacing: 1px;

    padding-left: 10px;

}





.modal-content {

    border-radius: 0;

}



.modal-header {

    padding: 0 15px;

    background: var(--yellow);

    color: var(--black);

    border-radius: 0;

}



.modal-header h5 {

    text-align: left;

    font-size: 18px;

    line-height: 18px;

    color: #fff;

}



.modal-header h6 {

    text-align: left;

    font-size: 18px;

    line-height: 18px;

    color: #fff;

}



.modal-header .modal-title {

    text-align: left;

    font-size: 18px;

    line-height: 18px;

    color: var(--black);

    padding: 15px 0;

    text-transform: initial;

    letter-spacing: 0.2px;

}



.btn-close {

    width: 1em;

    height: 1em;

    background: var(--black) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;

    outline: 0;

}



.send_p {

    font-size: 13px;

    line-height: 18px;

    text-align: center;

}



.g-recaptcha {

    transform: scale(0.80);

    transform-origin: 0 0;

    -webkit-transform-origin: 0 0

}







/* Inner Heading Banner*/

.heading_banner {

    float: left;

    width: 100%;

    position: relative;

    background-size: 100%;

    background-position: center;

    padding: 160px 0 90px;

    margin: 0;

}



.heading_banner:before {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.4);

    top: 0;

    left: 0;

    z-index: 0;

    content: '';

}



.heading_banner .container {

    position: relative;

    z-index: 9;

}



.heading_banner h1 {

    margin: 0 0 10px;

    text-transform: capitalize;

    font-size: 36px;

    font-weight: 600;

    color: #fff;

    text-align: center;

    display: inline-block;

    width: auto;

    padding: 10px 20px;

}



.heading_banner h2 {

    margin: 0;

    letter-spacing: 0px;

    text-transform: capitalize;

    font-size: 18px;

    font-weight: normal;

    color: #eee;

    text-align: center;

    text-align: center;

    display: inline-block;

    width: auto;

    padding: 10px 20px;

}



.heading_banner .cat_title {

    margin: 0 0 10px;

    text-transform: capitalize;

    font-size: 36px;

    font-weight: 600;

    color: #fff;

    text-align: center;

    display: inline-block;

    width: auto;

    padding: 10px 20px;

    border-radius: 5px;

    background: rgba(0, 0, 0, 0.5);

}



.heading_banner .cat_title2 {

    margin: 0;

    letter-spacing: 0px;

    text-transform: capitalize;

    font-size: 18px;

    font-weight: normal;

    color: #eee;

    text-align: center;

    text-align: center;

    display: inline-block;

    width: auto;

    padding: 10px 20px;

}





/* Breadcrumb*/

.inner_breadcrumb {

    float: left;

    width: 100%;

    background: #212121;

    position: relative;

    margin: 0;

}



.inner_breadcrumb .breadcrumb {

    background: none;

    border-radius: 0;

    border: none;

    list-style: none;

    padding: 0;

    float: left;

    text-transform: capitalize;

    margin: 0;

}



.inner_breadcrumb .breadcrumb li {

    font-weight: bold;

    text-transform: uppercase;

    color: #666;

    float: left;

    line-height: 30px;

    padding: 10px 0;

}



.inner_breadcrumb .breadcrumb li a {

    float: left;

    padding: 0;

    color: #666;

    letter-spacing: 0.3px;

}



.inner_breadcrumb .breadcrumb li:before {

    font-size: inherit;

    text-rendering: auto;

    padding: 0 14px;

    color: #fff;

    display: inline-block;

}



.inner_breadcrumb .breadcrumb li.active {

    color: var(--yellow);

}



.inner_breadcrumb .breadcrumb li+li:before {

    content: "/";

    color: #fff;

    padding: 0 14px;

}



.inner_breadcrumb .breadcrumb li+li:before {

    float: left;

    padding: 0px 10px;

    color: #bfbfbf;

}



.title_h2 {

    float: left;

    width: 100%;

    padding: 8px 10px;

    margin: 0;

    line-height: 30px;

    background: var(--yellow);

    font-size: 24px;

    color: #fff;

    font-weight: 600;

}



.right_side .title_h2 {

    float: left;

    width: 100%;

    padding: 8px 10px;

    margin: 0;

    line-height: 30px;

    background: var(--yellow);

    font-size: 24px;

    color: #fff;

    font-weight: 600;

}



/* About Us */

.about_page {

    float: left;

    width: 100%;

    margin: 0;

    padding: 50px 0;

    background: var(--black);

}



.left_sidebar {

    float: left;

    width: 100%;

    margin: 0 0 25px;

    padding: 0;

}



.left_sidebar .left_title {

    float: left;

    width: 100%;

    padding: 8px 10px;

    margin: 0;

    line-height: 30px;

    background: var(--yellow);

    font-size: 24px;

    color: #999;

    font-weight: 600;

}





.left_sidebar ul {

    float: left;

    width: 100%;

    padding: 0;

    margin: 0;

    background: var(--yellow);

}



.left_sidebar ul li {

    float: left;

    width: 100%;

    padding: 0;

    margin: 0;

    border-bottom: 1px solid #444;

    list-style: none;

}



.left_sidebar ul li a {

    color: #FFF;

    padding: 10px;

    font-weight: 500;

    line-height: 20px;

    font-size: 14px;

}



.left_sidebar ul li a:hover,

.left_sidebar ul li a:focus,

.left_sidebar ul li a.active {

    background: var(--yellow);

    color: #fff;

}



.left_sidebar ul li ul {

    float: left;

    width: 100%;

    margin: 0;

    padding: 0;

    background: #fff;

}



.left_sidebar ul li ul li {

    border-bottom: 1px dashed #CCC;

    list-style-type: none;

    position: relative;

}



.left_sidebar ul li ul li a {

    display: block;

    font-weight: 500;

    color: #333;

    text-align: left;

    font-size: 14px;

    padding: 4px 15px;

    text-decoration: none;

    line-height: 24px;

}



.left_sidebar ul li ul li a:hover,

.left_sidebar ul li ul li a:focus,

.left_sidebar ul li ul li a.active {

    background: var(--yellow);

    color: #fff;

}



.left_sidebar ul li ul li a i {

    float: right;

    line-height: 24px;

}



.left_sidebar ul li ul li ul {

    display: none;

    transition: all 2s;

    position: absolute;

    left: 98%;

    top: 0px;

    z-index: 200;

    background: #fff;

    width: 200px;

    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);

}



.left_sidebar ul li ul li:hover ul {

    display: block;

    transition: all 2s;

}



.left_sidebar ul li ul li ul li a {

    display: block;

    font-weight: 400;

    color: #333;

    text-align: left;

    font-size: 13px;

    padding: 4px 15px;

    text-decoration: none;

    text-transform: initial;

    line-height: 24px;

}



.left_sidebar ul li ul li ul li a:hover,

.left_sidebar ul li ul li ul li a:focus,

.left_sidebar ul li ul li ul li a.active {

    background: var(--yellow);

    color: #fff;

}



.left_sidebar form {

    float: left;

    width: 100%;

    background: #fff;

    padding: 10px 10px 10px;

}



.right_side h1 {

    padding: 8px 10px;

    margin: 0 0 10px;

    line-height: 30px;

    background: var(--yellow);

    font-size: 24px;

    color: #fff;

    font-weight: 600;

}



.right_side h2 {

    padding: 0px;

    margin: 20px 0 5px;

    line-height: 30px;

    font-size: 22px;

    color: var(--yellow);

    font-weight: 600;

}



.right_side h3 {

    padding: 0px;

    margin: 10px 0 5px;

    line-height: 30px;

    font-size: 20px;

    color: var(--yellow);

    font-weight: 600;

}



.wps_right {

    float: left;

    width: 100%;

    /*👉 background: #fff;

    padding: 10px;

    border: 1px solid #ccc;

    margin-bottom: 20px;👈*/

}



.wps_right p {

    line-height: 24px;

    margin-bottom: 10px;

    text-align: justify;

    font-size: 16px;

    font-weight: normal;

    color: #999;

}



.wps_right ul {

    margin: 0 0 25px;

    padding: 0;

}



.wps_right ul li {

    line-height: 28px;

    font-size: 16px;

    margin: 0;

    vertical-align: middle;

    text-align: left;

    padding: 0;

    display: flex;

    align-items: center;

    color: #999;

}



.wps_right ul li:before {

    width: 20px;

    height: 20px;

    color: #4e4e4e;

    font-weight: 400;

    margin-top: 0;

    margin-right: 5px;

    float: left;

    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='gray' viewBox='0 0 16 16'><path d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/></svg>");

}



.left_image {

    float: left;

    width: 340px;

    margin: 0px 15px 15px 0;

    text-align: center;

}



.left_image .left_centered {

    width: 100%;

    position: relative;

    padding: 0px;

    min-height: 338px;

    overflow: hidden;

    border: 1px solid #323232;

}



.left_image .left_centered .image {

    width: 100%;

    text-align: center;

    overflow: hidden;

    position: relative;

    height: 338px;

    transition: transform .5s ease;

}



.left_image .left_centered .image img {

    position: absolute;

    max-width: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: auto;

    max-height: 100%;

}







.right_image1 {

    float: right;

    width: 340px;

    margin: 0px 0px 15px 15px;

    text-align: center;

}



.right_image1 .left_centered {

    width: 100%;

    position: relative;

    padding: 0px;

    min-height: 338px;

    overflow: hidden;

    border: 1px solid #323232;

}



.right_image1 .left_centered .image {

    width: 100%;

    text-align: center;

    overflow: hidden;

    position: relative;

    height: 338px;

    transition: transform .5s ease;

}



.right_image1 .left_centered .image img {

    position: absolute;

    max-width: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: auto;

    max-height: 100%;

}



.category_page {

    float: left;

    width: 100%;

    margin: 0;

    padding: 40px 0;

    background: var(--black);

}



.category_page h1 {

    padding: 8px 10px;

    margin: 0;

    line-height: 30px;

    background: var(--yellow);

    font-size: 24px;

    color: #fff;

    font-weight: 600;

}



.category_page .wps_right ul {

    margin: 0 0 25px;

    padding: 0;

}



.category_page .wps_right ul li {

    display: block;

    list-style: none;

    line-height: 24px;

    color: #999;

    font-size: 16px;

    font-weight: normal;

}



.category_page .wps_right ul li:before {

    margin-right: 5px;

    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='gray' viewBox='0 0 16 16'><path d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/></svg>");



}



.product_right_image .read_more_btn {

    max-width: 200px;

    margin: 0 auto;

}



.product_right_image .read_more_btn svg {

    margin-left: 0;

    margin-right: 5px;

}



.product_right_image {

    float: right;

    max-width: 500px;

    width: 100%;

    margin: 0px 0 25px 15px;

    text-align: center;

}



.product_right_image .detail_image {

    width: 100%;

    text-align: center;

    overflow: hidden;

    position: relative;

    height: 500px;

    border: 1px solid #323232;

    margin-bottom: 15px;

}



.product_right_image .detail_image img {

    position: absolute;

    max-width: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: auto;

    max-height: 100%;

}



.product_right_image .product_dimage {

    width: 100%;

    text-align: center;

    overflow: hidden;

    height: 400px;

    border: 1px solid #eee;

    margin-bottom: 15px;

}



.more_images {

    float: left;

    position: relative;

    width: 100%;

    margin-bottom: 15px;

}



#thumbs {

    padding-top: 10px;

    overflow: hidden;

    text-align: center;

}



#thumbs img,

#largeImage {

    padding: 0;

    cursor: pointer;

    border: 1px solid #323232;

}



#thumbs img {

    display: inline-block;

    margin-right: 6px;

    width: 70px;

}



#thumbs img.active {

    border-color: var(--yellow);

}



.wps_right h2 {

    font-size: 22px;

    line-height: normal;

    margin-bottom: 10px;

    color: var(--yellow);

}



.wps_right h3 {

    font-size: 18px;

    line-height: normal;

    margin-bottom: 10px;

    color: var(--yellow)

}



.wps_right table {

    margin: 0;

}



.wps_right table tbody tr td {

    vertical-align: middle;

    padding: 6px 10px;

    font-size: 16px;

    line-height: normal;

    text-align: left;

}



.wps_right table tbody tr td {

    border: 1px solid #323232;

    width: 60%;

}



.wps_right table tbody tr td:first-child {

    color: var(--yellow);

    font-weight: 500;

    width: 40%;

}



.interested_section {

    float: left;

    width: 100%;

    text-align: center;

    margin: 20px 0

}



.interested_section .interested_btn {

    font-size: 18px;

    color: var(--black);

    background: var(--yellow);

    border: 1px solid var(--yellow);

    border-radius: 3px;

    padding: 12px 0;

    width: 258px;

    display: inline-block;

    text-transform: uppercase;

    cursor: pointer;

}



.interested_section .interested_btn svg {

    margin-right: 5px;

    width: 20px;

    height: 20px;

}



.interested_section .interested_btn:hover {

    background: #978064;

    color: #fff;

    border: 1px solid #978064

}



.product_listing {

    float: left;

    width: 100%;

    margin-bottom: 25px;

    transition: all 0.35s ease-in-out;

    border-style: solid;

    border-width: 1px;

    border-color: #323232;

}



.product_listing .product {

    width: 100%;

    position: relative;

    padding: 0;

    text-align: center;

    min-height: 200px;

    overflow: hidden;

    border-right: 1px solid #323232;

    display: inline-block;

}



.product_listing .product .image1 {

    width: 100%;

    text-align: center;

    overflow: hidden;

    position: relative;

    height: 374px;

    transition: all 0.4s ease-in-out;

}



.product_listing .product .image1 img {

    position: absolute;

    max-width: 100%;

    top: 50%;

    left: 50%;

    margin: auto;

    transform: translate(-50%, -50%);

    width: auto;

    max-height: 100%;

}



.product_listing .product .small {

    padding-top: 10px;

    overflow: hidden;

    text-align: center;

    display: flex;

    justify-content: center;

}



.product_listing .product .small img,

.product_listing .product .largeImage img {

    padding: 0;

    cursor: pointer;

    border: 1px solid #323232;

}



.product_listing .product .small .item {

    display: inline-block;

    margin-right: 6px;

    width: 60px;

    cursor: pointer;

}



.product_listing .product .small .item:last-child {

    margin: 0;

}



.product_listing .product .small .item.active {

    border-color: var(--yellow);

}



.product_listing .product .small .item.youtube {

    width: 60px;

    height: 60px;

    background: #f70000;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

}



.product_listing .product .small .item.youtube a {

    color: #fff;

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.youtube svg {

    width: 40px;

    height: 40px;

}







.product_listing .product p {

    font-size: 16px;

    text-align: center;

    margin: 0 0 10px;

}



.product_listing .product .read_more {

    margin-top: 0;

}



.product_listing .right-content .read_more_btn {

    margin-top: 10px;

    max-width: 205px;

    display: inline-block;

}



.product_listing .right-content .read_more_btn:last-child {

    background: #045399;

}



.product_listing .right-content .read_more_btn svg {

    margin-left: 6px;

}



.product_listing .right-content .read_more_btn.callback {

    max-width: 240px;

    background: #045399;

}



.product_listing .right-content .read_more_btn.callback:hover,

.product_listing .right-content .read_more_btn.callback:focus {

    background-color: #1048af;

}



.padding0 {

    padding: 0;

}



.right-content {

    position: relative;

    padding-right: 15px;

}



.right-content h3 {

    line-height: 24px;

    padding: 10px 0;

    text-align: left;

    margin: 0;

    font-size: 20px;

    font-weight: 600;

}



.right-content h3 a {

    color: var(--yellow);

}



.right-content h4 {

    line-height: 24px;

    padding: 10px 0;

    text-align: left;

}



.right-content p {

    font-size: 16px;

    margin-bottom: 10px;

}



.blue-line1 {

    width: 100%;

    display: block;

    height: 1.1px;

    background: #323232;

    position: relative;

    margin-bottom: 10px;

    padding: 0 15px;

}



.product_listing:hover .right-content h3 a {

    color: var(--yellow);

}



.product_listing:hover .right-content h4 a {

    color: var(--yellow);

}



.right-content .table-responsive {

    float: left;

    width: 100%;

    overflow: hidden;

    max-height: 230px;

    overflow: auto;

    padding-right: 5px;

}



.right-content table {

    margin-bottom: 15px;

}



.right-content table tbody tr td {

    vertical-align: middle;

    padding: 6px 10px;

    font-size: 16px;

    line-height: normal;

    text-align: left;

}



.right-content table tbody tr td {

    border: 1px solid #323232;

    width: 60%;

}



.right-content table tbody tr td:first-child {

    color: var(--yellow);

    font-weight: 500;

    width: 40%;

}



.you_may {

    float: left;

    width: 100%;

    padding: 0 0 10px;

    margin: 0 0 15px;

    line-height: 30px;

    color: var(--yellow);

    font-size: 22px;

    font-weight: 600;

    border-bottom: 1px solid #323232;

}



.team_member {

    float: left;

    width: 100%;

    margin-bottom: 15px;

    box-shadow: 0px 3px 5px 0px rgba(210, 210, 210, 0.75);

    transition: all 0.35s ease-in-out;

    border-style: solid;

    border-width: 1px 1px 0px 1px;

    border-color: #eee;

}



.team_member .image {

    width: 100%;

    position: relative;

    padding: 15px 15px 15px 0;

    text-align: center;

    min-height: 268px;

    overflow: hidden;

    border-right: 1px solid #eee;

    display: inline-block;

}



.team_member .image img {

    position: absolute;

    max-width: 100%;

    top: 50%;

    left: 50%;

    margin: auto;

    transform: translate(-50%, -50%);

    width: auto;

    max-height: 100%;

}



.team_info {

    position: relative;

    padding-right: 15px;

}



.team_info h3 {

    line-height: 24px;

    padding: 10px 0;

    text-align: left;

    margin: 0;

}



.team_info h3 small {

    display: block;

    color: #333;

    font-weight: 600;

    font-size: 14px;

}







/*  Testimonial Page  */



.testimonial_block {

    float: left;

    width: 100%;

    margin-bottom: 20px;

}



.testimonial_text_box {

    margin: 0 0 30px;

    padding: 32px 20px 35px 0;

    background: #eee;

    box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);

    display: table;

    position: relative;

    border-radius: 4px;

}



.testimonial_text_box .this-quote {

    margin: 0 20px;

    width: 30px;

}



.testimonial_text_box .this-quote img {

    width: auto;

}



.testimonial_text_box:after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    bottom: -25px;

    left: 69px;

    border-top: 25px solid #eee;

    border-right: 25px solid transparent;

}



.testimonial_text_box .this-texts {

    display: table-cell;

    width: calc(100% - 70px);

    vertical-align: top;

    color: #333;

    font-size: 16px;

    line-height: 24px;

    text-align: justify;

}



.testimonial_author .media-left {

    padding-right: 20px;

    float: left;

}



.testimonial_author .media-left img {

    border: 1px solid var(--yellow);

    border-radius: 4px;

}



.testimonial_author .media-left a {

    display: block;

    width: 60px;

    height: 60px;

    border-radius: 100%;

}



.testimonial_author .media-body {

    vertical-align: middle;

}



.testimonial_author .this-title {

    font-size: 18px;

    color: var(--yellow);

    text-align: left;

    line-height: 20px;

    margin: 0 0 5px;

    padding: 0;

}



.testimonial_author .loc {

    color: var(--yellow);

    line-height: 20px;

    margin: 0;

}





.gallery_page {

    float: left;

    width: 100%;

    margin: 0;

    padding: 40px 0;

    background: var(--black);

}



.gallery_page .gallery_item {

    border-radius: 2px;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 1px 0.98px 0.02px rgba(0, 0, 0, 0.1);

    margin-bottom: 25px;

}



.gallery_page .gallery_item img {

    display: block;

    width: 100%;

    height: auto;

    border-radius: 2px;

}



.gallery_item_info {

    text-align: center;

    padding: 15px;

}



.gallery_item_info h4 {

    font-size: 18px;

    color: #333;

    margin: 0;

    padding: 0;

}



.gallery_item_info p {

    font-size: 13px;

    margin: 0;

    margin-top: 4px;

    color: #333;

    max-width: 100%;

}



.hover_effect {

    display: block;

    position: relative;

    background: none;

    overflow: hidden;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    height: 376px;

}



.hover_effect:after {

    color: #fff;

    position: absolute;

    font-size: 1.6em;

    text-align: center;

    line-height: 40px;

    width: 40px;

    height: 40px;

    left: 50%;

    top: 50%;

    margin-left: -20px;

    margin-top: -20px;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    -webkit-transform: scale(0.1, 0.1);

    transform: scale(0.1, 0.1);

    filter: alpha(opacity=0);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

}



.hover_effect img {

    position: absolute;

    top: 50%;

    left: 50%;

    max-width: 100%;

    transform: translate(-50%, -50%);

    max-height: 100%;

    width: auto;

    height: auto;

}



.hover_effect:hover:after {

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

    filter: alpha(opacity=60);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

    -moz-opacity: .6;

    -khtml-opacity: .6;

    opacity: .6;

}



.hover_effect:hover img {

    filter: alpha(opacity=40);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

    -moz-opacity: 0.4;

    -khtml-opacity: 0.4;

    opacity: 0.4;

}



.hover_effect:hover {

    background: var(--yellow);

}



.hover_effect:after {

    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='white' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z'/><path d='M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z'/><path fill-rule='evenodd' d='M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5z'/></svg>");

}



.blog_page {

    float: left;

    width: 100%;

    margin: 0;

    padding: 50px 0;

    background: var(--black);

}



.blog_page .blog_left h1 {

    padding: 8px 10px;

    margin: 0 0 10px;

    line-height: 30px;

    background: var(--yellow);

    font-size: 24px;

    color: #fff;

    font-weight: 600;

}



.blog_page .post {

    margin-bottom: 25px;

    position: relative;

}



.left_title1 {

    float: left;

    width: 100%;

    padding: 8px 10px;

    margin: 0 0 10px;

    line-height: 30px;

    background: var(--yellow);

    font-size: 24px;

    color: #fff;

    font-weight: 600;

}



.right_news {

    float: left;

    width: 100%;

    margin-bottom: 15px;

    border: 1px solid #ccc;

    background: #fff;

}



.right_news:last-child {

    margin-bottom: 0;

}



.right_news .image {

    float: left;

    width: 100%;

    margin: 0 0 10px;

    position: relative;

    overflow: hidden;

    height: 274px;

}



.right_news .image img {

    position: absolute;

    max-width: 100%;

    margin: auto;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: auto;

    max-height: 100%;

}



.right_news .title_h4 {

    padding: 10px;

    line-height: 18px;

    font-size: 15px;

    margin: 0px;

    text-align: left;

}



.right_news .title_h4 a {

    color: #333;

}



.right_news:hover .title_h4 a {

    color: var(--yellow);

}







/* New Blog Details Page */

.blog_details {

    float: left;

    width: 100%;

    background: var(--black);

}



.blog_details ul {

    display: inline-block;

    margin: 0px 0 20px;

    padding: 0;

}



.blog_details ul li {

    display: inline-block;

    margin-right: 15px;

    list-style: none;

    color:#999

}



.blog_details ul li:before {

    content: none;

    margin: 0;

}



.blog_details ul li a {

    color: #999;

    transition: all 0.5s ease-out;

}



.blog_details ul li i {

    margin-right: 5px;

}



.blog_details1 {

    float: left;

    width: 100%;

    margin: 0;

    padding: 0;

}



.blog_details1 img {

    margin-bottom: 15px;

}



.blog_details_img {

    width: 100%;

    text-align: center;

    height: 500px;

    overflow: hidden;

    margin-bottom: 15px;

}



.blog_details_img img {

    width: auto;

    max-width: 100%;

    height: auto;

    max-height: 100%;

    margin: 0 auto

}



.blog_details1 p {

    text-align: justify;

    line-height: 24px;

    color: #999;

}



.blog_details1 .block-quote {

    padding: 30px 40px;

    margin-bottom: 20px;

    background: #333;

    border-left: 3px solid var(--yellow);

}

.stButton{color: #999!important;}

.blog_details1 .block-quote p {

    font-size: 16px;

    line-height: 24px;

    color: #999;

}



.blog_details1 h3 {

    margin: 0 0 5px;

    padding: 0;

    line-height: 30px;

    color: var(--yellow);

}



.blog_details1 ul {

    float: left;

    width: 100%;

    margin: 0 0 25px;

    padding: 0;

}



.blog_details1 ul li {

    line-height: 28px;

    font-size: 16px;

    margin: 0;

    vertical-align: middle;

    text-align: left;

    padding: 0;

    display: flex;

    align-items: center;

}



.blog_details1 ul li:before {

    width: 20px;

    height: 20px;

    color: #4e4e4e;

    font-weight: 400;

    margin-top: 0;

    margin-right: 5px;

    float: left;

    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='gray' viewBox='0 0 16 16'><path d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/></svg>");

}



.fb-comments {

    width: 100%;

}



/* Blog Details  */

.blogdetails img {

    width: 100%;

}



.blog_news .content_details {

    float: left;

    width: 100%;

    background: #eee;

    padding: 20px 20px 20px;

}



.blog_news .content_details h2 {

    text-transform: capitalize;

    line-height: 30px;

    font-size: 20px;

    margin: 0 0 10px;

}



.blog_news .content_details h2 a {

    color: #333333;

    transition: all 0.5s ease-out;

}



.blog_news .content_details ul {

    display: inline;

    margin: 0px;

}



.blog_news .content_details ul li {

    display: inline-block;

    margin-right: 15px;

}



.blog_news .content_details ul li:before {

    content: none;

    margin: 0;

}



.blog_news .content_details ul li i {

    margin-right: 5px;

}



.blog_news .block-quote {

    padding: 30px 40px;

    margin-bottom: 20px;

    background: #fdfdfd;

    border-left: 3px solid #e59509;

}



.blog_news .block-quote p {

    font-size: 15px;

    line-height: 24px;

}



.blog_news .content_details ol {

    width: 100%;

    margin: 0 0 25px;

    padding: 0;

}



.blog_news .content_details ol li {

    list-style: none;

    line-height: 24px;

    color: #423f3f;

    font-size: 15px;

    font-weight: normal;

}



.blog_news .content_details ol li::before {

    content: "\f0da";

    font-family: "FontAwesome";

    margin-right: 5px;

}





.contact_page {

    float: left;

    width: 100%;

    margin: 0;

    padding: 50px 0;

    position: relative;

    background-color: var(--black);

}



#contact_form label.error,

.output {

    color: #FB3A3A;

    font-weight: normal;

    margin-bottom: 15px;

}



#quick_form label.error,

.output {

    color: #FB3A3A;

    font-weight: normal;

    margin-bottom: 15px;

}



#quick_enquiry label.error,

.output {

    color: #FB3A3A;

    font-weight: normal;

    margin-bottom: 15px;

}



.pac-container {

    z-index: 100000;

}





.contact_map {

    float: left;

    width: 100%;

    height: 550px;

}



.contact_form_grid1 {

    float: left;

    width: 100%;

    margin-bottom: 0px;

    margin-top: 0px;

    border-radius: 4px;

    overflow: hidden

}



/*👉.contact_details {

    background: var(--yellow);;

    border-radius: 4px 0 0 4px;

    padding: 40px 40px 50px 30px;

}👈*/



.contact_details .title_h2_2 {

    color: var(--yellow);

    font-size: 20px;

    text-align: left;

    padding: 0;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.contact_details p {

    color: #999;

    margin-bottom: 20px;

    font-size: 16px;

}



.contact_details .address_list {

    clear: both;

    margin: 0 0 20px;

    padding: 0;

}



.contact_details .address_list li {

    clear: both;

    list-style: none;

    color: #999;

    margin-bottom: 10px;

    font-size: 16px;

}



.contact_details .address_list li svg {

    min-width: 25px;

    height: 25px;

    margin-right: 5px;

}



.contact_details .address_list li a {

    color: #999;

    display: flex;

    line-height: 24px;

    font-size: 16px;

    margin-bottom: 10px;

    display: inline-block;

}



.contact_details .address_list li a span {

    font-size: 30px;

    margin-right: 13px;

}



.contact_details .address_list li {

    display: flex;

    align-items: center;

}



.contact_details .address_list li span {

    font-size: 30px;

    margin-right: 13px;



}



.contact_details .address_list li a:hover,

.contact_details .address_list li a:focus {

    color: var(--yellow);

}



.contact_form_grid1 .form_grid {

    padding: 30px;

}



.form_grid .title_h2_2 {

    font-size: 20px;

    text-transform: uppercase;

    text-align: left;

    margin: 0 0 20px;

    padding: 0;

    color: var(--yellow);

}





.contact_form_grid1 ul.social li a {

    -ms-transform: skewX(0deg);

    -webkit-transform: skewX(0deg);

    transform: skewX(0deg);

}



.contact_form_grid1 ul.social li a svg {

    -ms-transform: skewX(0deg);

    -webkit-transform: skewX(0deg);

    transform: skewX(0deg);

}



/* Sitemap page */

.sitemap_page {

    float: left;

    width: 100%;

    margin: 0;

    padding: 50px 0;

    background: var(--black);

    position: relative;

}



.sitemap_right_side h1 {

    padding: 8px 10px;

    margin: 0 0 10px;

    line-height: 30px;

    background: var(--yellow);

    font-size: 24px;

    color: #fff;

    font-weight: 600;

}



.sitemap {

    border-left: 1px solid #666;

    padding: 0;



}



.sitemap li {

    list-style: none !important;

    background: transparent url(../images/sitemap_hr.png) no-repeat scroll 0px 9px;

    padding: 0px 0px 0px 15px;

    margin-bottom: 5px;

}



.sitemap li ul {

    border-left: 1px solid #666;

    padding: 0;

}



.sitemap li a {

    color: #999;

    font-size: 16px;

    padding-bottom: 5px;

    display: block;

}



.sitemap li a:hover {

    color: var(--yellow);

}

.market_area h2 {

    float: left;

    display: block;

    color: var(--yellow);

}



.market_area h3 {

    float: left;

    display: block;

    color: var(--yellow);

    margin: 20px 0 5px;

}



.market_area h1 {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 10px;

    color: var(--yellow);

}



.market-list {

    float: left;

    width: 100%;

    margin: 0 !important;

    padding: 0;

}



.market-list li {

    list-style: none;

    padding-right: 10px;

    line-height: 20px;

    width: 25%;

    float: left;

}



.market-list li:before {

    content: none !important;

    margin-right: 0 !important;

}



.market-list li a {

    width: auto;

    height: auto;

    padding: 10px 0 10px 12px;

    margin: 0 0 9px;

    display: block !important;

    color: #333 !important;

    font-size: 14px;

    background-color: #ddd;

}



.market-list li a:hover {

    background: var(--yellow);

    color: #fff !important;

}





/* Products Poup */

.product_popup {

    float: left;

    width: 100%;

    margin: 0;

    padding: 0;

}



.product_popup_image {

    width: 100%;

    margin-bottom: 15px;

    border: 1px solid #ccc;

    overflow: hidden;

    position: relative;

    height: 430px;

}



#callback .product_popup_image {

    height: 176px;

}



.product_popup_image img {

    position: absolute;

    max-width: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    max-height: 100%;

    width: 100%;

    margin: auto;

}



.product_popup h6 {

    color: var(--yellow);

    font-size: 17px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 8px;

    text-align: left;

    padding: 0;

}



.product_popup p {

    font-size: 14px;

    line-height: 24px;

    color: #333;

    text-align: left;

    margin-bottom: 15px;

}



#product_enquiry label.error {

    color: #FB3A3A;

    font-weight: normal;

}



.product_right_image .read_more {

    margin-top: 0;

}





.logob {

    border-radius: 14px;

    padding: 5px 5px;

    background-color: #fff;

}



.video_section iframe {

    width: 100%;

    height: 415px;

}





.latest {

    font-size: 26px;

    font-weight: bold;

    font-family: 'Manrope', sans-serif;

    color: #0c0c0c;

    margin: 0 0 20px;

}



.webpulse-home_blog h6 span {

    color: var(--yellow);

}



.webpulse-home_blog h6 {

    text-transform: uppercase;

}



.feature_height {

    display: block;

    overflow: hidden;

    padding: 15px;

    text-align: center;

    height: 140px;

}



.thumb {

    text-align: center;

    width: 100%;

    display: inline-block;

    padding: 0px;

}



.fadeImg {

    animation-name: fadeimg;

    animation-duration: 2s;

}



@keyframes fadeimg {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}

.client_image {

    float: left;

    width: 100%;

    margin: 0;

    padding: 10px;

    overflow: hidden;

    position: relative;

    height: 120px;

    border: 1px solid #535353;

    margin-bottom: 15px;

    background: #fff;

}



.client_image .client_logo {

    overflow: hidden;

    position: relative;

    height: 100px;

    transition: transform .5s ease;

}



.client_image:hover .client_logo {

    transform: scale(1.1);

}



.client_image .client_logo img {

    position: absolute;

    max-width: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    margin: auto;

    max-height: 100%;

    width: auto;

}





.owl-carousel .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{

    background: var(--yellow);

}
 .scrollbar-width{max-height: 555px;overflow-y: auto;padding-right: 15px;}