@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css');
@import url('https://www.conpro-chemicals.instavyapar.in/assets/css/animate.css');
@import url('https://www.conpro-chemicals.instavyapar.in/assets/css/media.css');
@import url('https://www.conpro-chemicals.instavyapar.in/assets/css/menu.css');

:root{--btn-size: 64px;  --btn-gap: 65px;  --btn-bg-1: #10b981; --btn-bg-2: #06b6d4;  --btn-color: #ffffff; }
/* @font-face {  font-family: hemi-head;  src: url('https://www.power-petrochem.instavyapar.in/assets/fonts/hemi-head.otf');} */
*{margin: 0px; padding: 0px; box-sizing: border-box; }

html {scroll-behavior: smooth;}

body{margin: 0px; padding: 0px; box-sizing: border-box;}

h1,h2,h3,h4,h5,h6{   font-family: "Roboto", sans-serif; font-size: 30px;}

ul{padding: 0px;     font-family: "Roboto", sans-serif;}

li{list-style: none;    font-family: "Roboto", sans-serif;}

a{text-decoration: none;   font-family: "Roboto", sans-serif;}

p,span{     font-family: "Roboto", sans-serif;}

p{font-weight: 400;}

:root{--primaryColor:#E6001D; --secodaryColor:#005087; --transitions-speed: 0.5s; --navigation-link :#2a2a2a;

--color-secondary: #ccc;

--text-color-default: #2c2c2c;

--text-color-light: #fff;

--border-color-default: var(--color-secondary);

--border-color-accent: var(--color-accent-dark);

--bg-color-default: #fff;

--bg-color-dark: #2c2c2c;

--bg-color-accent--lignt: var(--color-accent-light);

--bg-color-accent--dark: var(--color-accent-dark);

--transition-duration: .2s;

--transition-timing-function: linear;

--transition-delay: 0s;

--negative-multiplier: -1;

--gradient-default: linear-gradient(122deg, var(--color-accent-light) 0%, var(--color-accent-dark) 100%);



  --rs-ff-body: "Space Grotesk", sans-serif;

  --rs-ff-title: "Space Grotesk", sans-serif;

  --rs-ff-p: "Space Grotesk", sans-serif;

  --rs-ff-fontawesome: "Font Awesome 6 Pro";

  --rs-ff-remixicon: "remixicon";

  /** @color declaration */

  --rs-white: #FFFFFF;

  --rs-black: #1F1F1F;

  --rs-light: #eee;

  --rs-theme-orange: #EA5501;

  --rs-theme-red: #E30613;

  --rs-theme-blue: #005EB8;

  --rs-theme-light-blue: #0D80CE;

  --rs-theme-green: #023B4A;

  --rs-theme-light-green: #507A7C;

  --rs-theme-yellow: #F7C600;

  --rs-theme-deep-blue: #3B37FD;

  --rs-text-primary: #616161;

  --rs-text-secondary: #CBCCCD;

  --rs-text-tertiary: #142340;

  --rs-title-primary: #1F1F1F;

  --rs-title-secondary: #152A40;

  --rs-bg-primary: #F7F7F7;

  --rs-border-primary: rgba(0, 0, 0, 0.05);

  --rs-border-secondary:rgba(102, 102, 102, 0.2);

  --rs-border-tertiary: #152A40;

  --rs-placeholder: rgba(30, 30, 30, 0.4);

  --rs-rgba-1: rgba(255, 255, 255, 0.07);

  --rs-rgba-2: rgba(255, 255, 255, 0.05);

  --rs-rating-color: #FFC62D;

  /** @font weight declaration */

  --rs-fw-normal: normal;

  --rs-fw-thin: 100;

  --rs-fw-elight: 200;

  --rs-fw-light: 300;

  --rs-fw-regular: 400;

  --rs-fw-medium: 500;

  --rs-fw-sbold: 600;

  --rs-fw-bold: 700;

  --rs-fw-ebold: 800;

  --rs-fw-black: 900;

  /** @font size declaration */

  --rs-fs-body: 18px;

  --rs-fs-p: 17px;

  --rs-fs-h1: 68px;

  --rs-fs-h2: 52px;

  --rs-fs-h3: 38px;

  --rs-fs-h4: 28px;

  --rs-fs-h5: 24px;

  --rs-fs-h6: 20px;

  --rs-fs-b1: 14px;

  --rs-fs-b2: 16px;

  --rs-fs-b3: 18px;

  --rs-fs-b4: 22px;

}
::selection {color: #fff;  background-color: #0172bb;}
input,textarea,button,select{  font-family: "Roboto", sans-serif;}

/* Start */

.media-part ul{text-align: left;}

.media-part ul li{text-align: left;}

.media-part ul li:first-child a{background-color: #1877F2; border-radius: 50px;}

.media-part ul li:nth-child(2) a{background-color: #000; border-radius: 50px;}

.media-part ul li:nth-child(3) a{background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); border-radius: 50px;}

.media-part ul li:nth-child(4) a{background-color: #0A66C2; border-radius: 50px;}

.media-part ul li:nth-child(5) a{background-color: #FF0000; border-radius: 50px;}

.media-part a {     width: 35px;    display: block;    height: 35px;    text-align: center;    line-height: 39px;    color: #fff;    transition: 0.5s;    font-size: 13px;}

.media-part a:hover {border-radius: 50px;}

.calling-side span {  color: #000;  font-size: 16px;    font-weight: 600;}

.calling-side i {background: #0172bb; display: block;    text-align: center;    width: 37px;    height: 37px;    display: block;    line-height: 35px;}

.calling-side a {  font-size: 17px;    font-weight: 600; color: #333;}

.calling-side ul {    float: right;}

/* Navbar */

.navbar{padding: 0px;}

.fennec-nav { background-color: #0172bb; padding: 10px 0;     border-right: 15px solid #02619e;   border-left: 15px solid #02619e;     border-radius: 50px; position: relative;}

.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}

.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}

.fennec-nav .navbar .navbar-nav .nav-item a {font-size: 16px;  font-weight: 600;  color: #000;  text-transform: capitalize;  padding: 0px 12px; position: relative;  z-index: 1;  margin: 0;}

.fennec-nav .navbar .navbar-nav .nav-item a i {  margin-left: 1px;}

.fennec-nav .navbar .navbar-nav .nav-item a i::before {  font-size: 11px;}

.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    background-color: #02619e; position: absolute;  border: none;  top: 80px;  left: 0;  width: 400px;  z-index: 99;  display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  padding-top: 15px;  padding-left: 5px;  padding-right: 5px;  padding-bottom: 15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 0px 15px;  display: block;  color: #fff;  margin-top: 6px;  font-size: 16px;  font-weight: 600;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {  margin-top: 0;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 100%;  margin-top: 0;}

nav a {	position: relative;	display: inline-block;	outline: none;}

nav a:hover,nav a:focus {	outline: none;}



.cl-effect-5 a {overflow: hidden; color: red; margin-left: 33px; transition: var(--transitions-speed);}

.cl-effect-5 a span {position: relative;	display: inline-block;	-webkit-transition: -webkit-transform 0.3s;	-moz-transition: -moz-transform 0.3s;	transition: transform 0.3s;}

.cl-effect-5 a span::before {	position: absolute;	top: 100%;	content: attr(data-hover);		-webkit-transform: translate3d(0,0,0);	-moz-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}

.cl-effect-5 a:hover span,.cl-effect-5 a:focus span {-webkit-transform: translateY(-100%);	-moz-transform: translateY(-100%);	transform: translateY(-100%);}

.video video{
    object-fit: cover;
    border: 3px solid #0172bb;
    padding: 2px;
}

/* navigation */

.navigation:after {    background-color: #000; width: 100%;    content: '';    position: absolute;   top: 25px;    height: 5px;  }

.navigation:before {    background-color: #0172bb;  width: 100%;      content: '';    position: absolute; top: 35px;    height: 5px; }

.about_us-content p{text-align: justify; color: #333; line-height: 25px;}

.company-name-text{position: relative;}

.company-name-text:before {    content: 'Conpro Chemicals';    position: absolute;    left: 200px;    top: 0px;    font-size: 104px;    font-weight: 800;    line-height: 1.2;    background: linear-gradient(181.95deg, rgba(98, 139, 228, 0.08) 1.64%, rgba(98, 139, 228, 0.08) 46.13%, rgba(255, 255, 255, 0.13) 98.36%);    -webkit-background-clip: text;    background-clip: text;    background-clip: text;    -webkit-text-fill-color: transparent; }

.about_us-content ul li{    display: inline-block;}

.about_us-content ul li a{  background-color: #0172bb;}

.about_us-content a {padding: 12px 40px; border-radius: 50px;}

.about_us-content ul li {    margin-right: 15px;}



/*Call Me*/

.phone_lefts-side {    position: relative;}

.phone_lefts-side a {     position: fixed;    bottom: 40px;       background-color: #000;  animation: topBottom 4s infinite;    z-index: 999;    left: 25px;    color: #fff;    padding: 12px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}

.glow {    font-size: 80px;    color: #fff;    text-align: center;    -webkit-animation: glow 1s ease-in-out infinite alternate;    -moz-animation: glow 1s ease-in-out infinite alternate;    animation: glow 1s ease-in-out infinite alternate;}

@-webkit-keyframes glow {

from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}

to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}

}

@keyframes glow {

  from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}

  to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}

  }

.bounce {animation: bounce 965 1.6s ease infinite; transform-origin: 50% 50%;}

@keyframes bounce {

0% {transform: translateY(0);}

12.5% {transform: translateY(0);}

25% {transform: translateY(0);}

50% {transform: translateY(-15px);}

62.5% {transform: translateY(0);}

75% {transform: translateY(-15px);}

100% {transform: translateY(0);}

}

.accordion-container .accordion-title {    position: relative;    margin: 0;    padding: 20px 15px;  background-color: #0172bb;  font-size: 1.25em;    font-weight: normal;    color: #000;    cursor: pointer;    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border: 1px solid #e6e6e6; display: block; width: 100%;}

.accordion-title.open { background: #000;}

.accordion-container .accordion-title::before {  content: "";  position: absolute;  top: 50%;  right: 25px;  width: 15px;  height: 2px;  transform: rotate(90deg);  background: #fff;  transition: all .3s ease-in-out;}

.accordion-container .accordion-title::after {  content: "";  position: absolute;  top: 50%;  right: 25px;  width: 15px;  height: 2px;  background: #fff;  transition: all .2s ease-in-out;}

.accordion-container .accordion-title.open::before {  transform: rotate(180deg);}

.accordion-container .accordion-title.open::after {  opacity: 0;}

.accordion-content {    padding-left: 2.3125em;    border: 1px solid #f1f1f1;    background-color: #f8f8f8;    border-left: 5px solid #588be4;}

/* CSS for Demo */

.accordion-container {  max-width: 100%;  margin: 0 auto;}

/* .under-faqs {    margin-bottom: 10px;} */

.faqs-design .title span{color: #588be4;      font-family: "Roboto", sans-serif;}

.modal-filed input{    height: 45px;    border: 1px solid #f1f1f1;    padding-left: 15px; margin-bottom: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}

.modal-filed textarea{ height: 100px;    border: 1px solid #f1f1f1;    padding-left: 15px; margin-bottom: 20px; padding-top: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}

.modal-filed button{    border-radius: 50px;    background-color: #000;    padding: 10px 30px;    border: none; transition: 0.5s;}



.modal-filed input:focus{    outline: none;}

.modal-filed textarea:focus{    outline: none;}

h5#exampleModalToggleLabel span {    color: #0172bb;}

button.button-design {   position: fixed;    left: 25px;    width: 55px;    height: 55px;   background-color: #0172bb;   border: none;    border-radius: 50px;    z-index: 9;    color: #fff;    bottom: 130px;    font-size: 23px;    line-height: 0;}

/* our-products */

.our-products{background-color: #e3e3e3;}

/* .our-products:after{position: absolute; content: ""; background-color: var(--secodaryColor); width: 45%; height: 575px; right: 0px; top: 0px;} */

.get-in-touch a {   background-color: #0172bb;   border-radius: 50px;    padding: 10px 7px;   margin-top: 0;    display: inline-block;    font-size: 14px;    text-align: center;}


.small-img-1 img {   
    position: absolute;
    width: 14%;
    bottom: 152px;
    right: 145px;
  }

.small-img-2 img {   position: absolute;
    width: 18%;
    bottom: 0px;
    left: 100px;}

/* .small-img-3 img {     position: absolute;
    width: 14%;
    top: -588px;
    left: 180px;
    height: 415px;} */


    img.set-slider-drum {position: absolute; width: 14%;  top: -588px;  left: 180px;  height: 415px;}
img.set-this-slider-dust { position: absolute; width: auto; top: -491px; left: 0;     height: 491px;}

.zoom-in {  transform: scale(1.2); /* You can adjust the zoom level here */}

@media (max-width: 1510px){
    img.set-this-slider-dust{
        top: -450px;
    }
}
@media (max-width: 1370px){
    img.set-this-slider-dust{
        top: -400px;
    }
}

.svg-file {    text-align: right;}

ul.export-desig{
    display: flex;
}
ul.export-design li a{
    background-image: linear-gradient(to right, #39ccdd, #588be4);
    width: 100%;
    text-align: center;
    color: #fff;

}  

ul.export-design li{
    width: 30%;
}

.content-modal {    position: absolute;    top: 145px;    left: 60px;}

.content-modal h1 {    font-size: 32px;}



.content-modal h1 b{color: #588be4;   font-family: "Roboto", sans-serif;}

.content-modal span {    font-size: 20px;    color:#0172bb; font-weight: 600;}

/* .about-img-side img {  position: absolute;    bottom: 100px;    left: -146px;} */

/* Radial Out */

.hvr-radial-out {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  overflow: hidden; background: #e1e1e1;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}

.hvr-radial-out:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0; right: 0;  bottom: 0;  background: #000;  border-radius: 100%;  -webkit-transform: scale(0);  transform: scale(0);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {  color: white;}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {  -webkit-transform: scale(2);  transform: scale(2);}

/* img-effects-design */

.premuim-lubricats .row {margin-top: -400px;}

.premuim-post img {    position: relative;    transition: transform 0.5s ease;    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.premuim-post img:hover {    transform: scale(1.1);    overflow: hidden;}

.img-overflow-hide {width: 400px; height: 400x; overflow: hidden;}

.under-faqs {    border-bottom: 1px solid #f1f1f1;}



.venom-button {    position: fixed;    bottom: 15px;    left: 15px;    font-size: 14px;    transition: bottom .2s;}

.venom-button .venom-button-button {position: relative;    border-radius: 50%;    box-shadow: 1px 1px 4px rgba(60, 60, 60, .4);    transition: box-shadow .2s;    cursor: pointer;    overflow: hidden;    top: -197px;    z-index: 999;    left: 7px;}

.venom-button .venom-button-button img,.venom-button .venom-button-button svg {    position: absolute;    width: 80%;    height: auto;    object-fit: cover;    top: 50%;    left: 50%;    transform: translate3d(-50%, -50%, 0);   border-radius: 50%;}

.venom-button:hover {    bottom: 17px;}

.venom-button:hover .venom-button-button {    box-shadow: 1px 2px 8px rgba(60, 60, 60, .4);}

.venom-button .venom-button-popup {    border-radius: 6px;    background-color: #e5ddd5;    position: absolute;    overflow: hidden;    padding: 0;    box-shadow: 1px 2px 8px rgba(60, 60, 60, .25);    width: 0;    height: 0;    bottom: 0;   opacity: 0;    transition: bottom .1s ease-out, opacity .2s ease-out;    transform-origin: bottom;}

.venom-button .venom-button-popup.active {    padding: 0 12px 12px 12px;    width: 300px;    height: auto;   bottom: 270px;   opacity: 1;}

.venom-button .venom-button-popup .venom-button-message {    background-color: #fff;    padding: 8px;    border-radius: 0 5px 5px 5px;    box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);    opacity: 0;    transition: opacity .2s;}

.venom-button .venom-button-popup.active .venom-button-message {    opacity: 1;    transition-delay: .2s;}

.venom-button .venom-button-popup .venom-button-head {    text-align: right;    color: #fff;    margin: 0 -15px 10px -15px;    padding: 6px 12px;    display: flex;    justify-content: center;    cursor: pointer;}

.venom-button .venom-button-input-message {    background-color: #fff;    margin: 10px -15px -15px -15px;    padding: 20px 15px;   display: flex;    align-items: center};

.venom-button .venom-button-input-message textarea {    border: 1px solid #ccc;    border-radius: 4px;    box-shadow: none;    padding: 8px;    margin: 10px 0;   width: 100%;    max-width: 100%;    font-family: "Roboto", sans-serif;    font-size: inherit;    resize: none;}

.venom-button .venom-button-input-message textarea:focus{    outline: none;}

.venom-button .venom-button-btn-send {    margin-left: 12px;    font-size: 0;    cursor: pointer;}



.thumb-janez {    width: 100%;    -webkit-perspective: 1700px;    -moz-perspective: 1700px;    perspective: 1700px;    -webkit-perspective-origin: 0 50%;    -moz-perspective-origin: 0 50%;    perspective-origin: 0 50%;    -webkit-transform-style: preserve-3d;    -moz-transform-style: preserve-3d;    transform-style: preserve-3d;  background-color: #0172bb; }

.thumb-janez a {    color: #fff;}

.thumb-janez__image-wrap {    position: relative;    z-index: 2;    overflow: hidden;}

.thumb-janez__content {    position: relative;    z-index: 10;    width: 100%;    text-align: left;    color: #9b9b9b;}

.thumb-janez__content>* {    max-width: 100%;}

.thumb-janez__content-inner {    padding: 15px 20px 20px;}

.thumb-janez *+.button {    margin-top: 15px;}

@media(min-width: 1200px) {

.thumb-janez *+.button {        margin-top:30px;}

}



@media(max-width: 767px) {

.thumb-janez {        position:relative;        -webkit-align-items: flex-end;   -ms-flex-align: end;   align-items: flex-end;        max-width: 390px;        margin-left: auto;        margin-right: auto;    }

.thumb-janez::after {        content: '';        position: absolute;        top: 0;    right: 0;        bottom: 0;      left: 0;        background: rgb(42 42 42 / .66);        pointer-events: none;}

.thumb-janez__image-wrap {        position: absolute;        top: 0;        right: 0;        bottom: 0;        left: 0 ;}

.thumb-janez img {        position: absolute;        top: 50%;        left: 50%;        transform: translate(-50%,-50%);        min-width: 100%;        min-height: 100% ;}

.thumb-janez p {        max-width: 400px;        color: rgb(255 255 255 / .8); }

.thumb-janez__content {        background-color: #fff0;}

.thumb-janez__content-inner {padding: 40px 20px 20px;}

}

@media(min-width: 992px) {

html:not(.tablet):not(.mobile) .thumb-janez {display:-ms-flexbox; display: -webkit-flex;  display: flex;}

html:not(.tablet):not(.mobile) .thumb-janez img { transition: transform .4s; min-height: 100.1%;  min-width: 100%;  max-width: none;   -webkit-flex-shrink: 0;      -ms-flex-negative: 0;        flex-shrink: 0    }

html:not(.tablet):not(.mobile) .thumb-janez__image-wrap {        position: absolute;        top: 0;        bottom: 0;        left: 0;        right: 0    }

html:not(.tablet):not(.mobile) .thumb-janez__content {        display: -ms-flexbox;        display: -webkit-flex;        display: flex;        -webkit-flex-direction: column;        -ms-flex-direction: column;        flex-direction: column;        -webkit-align-items: flex-start;        -ms-flex-align: start;        align-items: flex-start;       -webkit-justify-content: center;        -ms-flex-pack: center;        justify-content: center;        min-height: 380px;        transform-origin: 0 0;        transform: rotateY(-90deg);        transition: transform .4s,opacity .1s .3s;        width: 100%;        min-width: 100%;        opacity: 0;}

html:not(.tablet):not(.mobile) .thumb-janez__content-inner {        padding: 25px;}

html:not(.tablet):not(.mobile) .thumb-janez:hover img {        transform: translateX(100%);}

html:not(.tablet):not(.mobile) .thumb-janez:hover .thumb-janez__content {        opacity: 1;        transform: rotateY(0);   transition: transform .4s,opacity .1s;}

}

html:not(.tablet):not(.mobile).ie-10 .thumb-janez__content,html:not(.tablet):not(.mobile).ie-11 .thumb-janez__content {    white-space: nowrap;    vertical-align: middle;}

html:not(.tablet):not(.mobile).ie-10 .thumb-janez__content>*,html:not(.tablet):not(.mobile).ie-11 .thumb-janez__content>* {    display: inline-block;    width: 99%;    max-width: 99%;    vertical-align: middle;    white-space: normal;}

html:not(.tablet):not(.mobile).ie-10 .thumb-janez__content::after,html:not(.tablet):not(.mobile).ie-11 .thumb-janez__content::after {    content: '';    position: absolute;    display: inline-block;    width: 0;    min-height: inherit;    vertical-align: middle;}

.thumb-video {    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    position: relative;    overflow: hidden;    width: 100%;   text-align: center;    color: #fff;    background: #25293f;}

.thumb-video .thumb-video__title {    font-weight: 400;    color: #fff;}

@media(min-width: 992px) {

.thumb-video {min-height:415px; }

}

.thumb-video_bordered {    border: 8px solid #f2f3f8;}

@media(min-width: 768px) {

 .thumb-video_bordered { border-width:14px;}

}

.thumb-video__caption {    position: relative;    z-index: 2;    display: -ms-flexbox;    display: -webkit-flex;   display: flex;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-align-items: center;   -ms-flex-align: center;    align-items: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    min-height: 300px;    width: 100%;    padding: 30px 40px;}

.thumb-video__button {    position: relative;    display: inline-block;    width: 56px;    height: 56px;    border-radius: 50%;    text-align: center;   background: rgb(179 182 200 / .51);    font-size: 0;    line-height: 0;}

.thumb-video__button::before,.thumb-video__button::after {    content: '';    position: absolute;}

.thumb-video__button::before {    top: 0;    right: 0;    bottom: 0;    left: 0;   background: rgb(179 182 200 / .51);    border-radius: 50%;    transform: scale3d(1,1,1);    opacity: 0;    transition: .22s ease-out;}

.thumb-video__button::after {    top: 50%;    left: 54%;    transform: translate(-50%,-50%);    width: 0;    height: 0;    border-style: solid;   border-width: 9.5px 0 9.5px 16px;    border-color: #fff0 #fff0 #fff0 #fff;}

.thumb-video__button:hover::before {    opacity: 1;    transform: scale3d(1.3,1.3,1);}

@media(min-width: 1200px) {

.thumb-video__button {        width:75px;        height: 75px;}

.thumb-video__button::after {border-width: 15px 0 15px 20px; }

}

.thumb-video__image {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);    width: auto;    height: auto;   min-width: 100%;    min-height: 100%;    max-width: none;    opacity: .6;}

@supports(object-fit: cover) {

.thumb-video__image {        top:0;        left: 0;        transform: none;        width: 100%;        height: 100%;        min-height: 250px;        object-fit: cover;        object-position: center center;}

}



*+.thumb-video__title {    margin-top: 10px;}

@media(min-width: 992px) {

.thumb-video__image {transition:1.5s;}

.thumb-video:hover .thumb-video__image {transform: scale3d(1.1,1.1,1);}

.ie-10 .thumb-video__image,.ie-11 .thumb-video__image {will-change: transform;transition: .77s;}

.ie-10 .thumb-video:hover .thumb-video__image,.ie-11 .thumb-video:hover .thumb-video__image {  transform: translate(-50%,-50%) scale3d(1.1,1.1,1);}

}

.thumb-janez__content-inner p{text-align: justify;}

.thumb-janez__content-inner span {    font-size: 17px;    display: block;    margin-bottom: 12px; font-weight: bold;}



.img-side-product img{width: 40%;}

.content-side a {  background-color: var(--secodaryColor);  padding: 12px 30px; transition: 0.5s; border-radius: 50px;} 

.content-side h4 {    font-size: 45px;    font-weight: 800;}



.color-mode-design{background-color: var(--secodaryColor);}

.product-section {    background: #e3e3e3;   position: relative;}

.product-section h5 {    position: absolute;    left: 12%;    top: 10%;    font-display: swap;    font-family: "Roboto", sans-serif;  color: #000;    font-size: 17px;}

img.pro-object {    position: absolute;    left: -190px;    top: 20%;}

.our-product-image {    background-color: #fff;    position: relative;    padding: 90px 0;}

.our-product-image picture {    position: relative;    width: 48%;    display: block;    margin-left: -114px;}

.our-product-text {    padding: 12% 14% 12% 20%;}





button span {    background: 0 0;}

.primary-cta-btn {    background: var(--primary-color);    border-radius: 3px;    border: 0;}

.our-product-text h2 {    font-size: 50px;}

.online-shop a {padding: 10px 50px; border-radius: 50px;}



.carousel-indicators.product-slider [data-bs-target],

.carousel-indicators.product-slider [data-bs-target].active {    box-sizing: content-box;    width: 50px;    height: auto;    margin-right: 3px;    margin-left: 3px;    text-indent: initial;    cursor: pointer;   opacity: 1;    transition: opacity .6s;}



.product-section {    background: #e3e3e3;    position: relative; }

.product-section h5 {    position: absolute;    left: 12%;    top: 10%;    font-display: swap;     font-family: "Roboto", sans-serif;    color: #000;    font-size: 17px;}



img.pro-object {    position: absolute;    left: -190px;    top: 20%;}

.our-product-image { background-color: #0172bb;  position: relative;    padding: 90px 0;}

.our-product-image picture {    position: relative;    width: 48%;    display: block;    margin-left: -114px;}

.our-product-text {    padding: 12% 14% 12% 20%;}

.carousel-indicators.product-slider [data-bs-target].active {    flex: 0 1 auto;    background-color: #fff;    background-clip: padding-box;    border: 1px solid #e6001d;}



.carousel-indicators.product-slider [data-bs-target] {    flex: 0 1 auto;    padding: 10px 30px;    background: padding-box;    border: 1px solid #fff0;    opacity: 50%;}

.carousel-indicators.product-slider {    position: absolute;    right: 0;    bottom: 0;    left: 0;    z-index: 2;    display: flex;    justify-content: left;    padding: 0;    margin-right: 15%;    margin-bottom: 5rem;    margin-left: 12%;    list-style: none;}

img.low-opacity-image {    width: 30%;    opacity: 50%;    right: -27px;    position: absolute;    top: 28%;}

#carouselExampleCaptions button.carousel-control-prev,

#carouselExampleIndicators-Product button.carousel-control-prev {    width: 0;    left: 5%;   opacity: 1;}

#carouselExampleCaptions button.carousel-control-next,button.carousel-control-next {    width: 0;    right: 5%;    opacity: 1;}

#carouselExampleIndicators-Product button span,

#carouselExampleCaptions button span,

#carouselExampleIndicators-Product button span,

button span {    background: 0 0;}



.owl-carousel .owl-nav {    height: 0;}

.our-product-text span b {background: #000;  padding: 15px; color: #fff;}

.faqs-design {background:url(https://www.power-petrochem.instavyapar.in/assets/img/service-bg-1.jpg) no-repeat; background-size: cover; background-position: 50% 0%;}



#toTop {    position: fixed;    bottom: 15px;    right: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 9999;}



.cursor-outer {  margin-left: -20px;  margin-top: -20px;  width: 40px;  height: 40px;  border: 1px solid #ccc;  box-sizing: border-box;  z-index: 10000000;  opacity: 0.5;  transition: all 0.08s ease-out;}

.mouseCursor {  position: fixed;  left: 0;  top: 0;  right: 0;  bottom: 0;  pointer-events: none;  border-radius: 50%;  transform: translateZ(0);  visibility: hidden;  text-align: center;}

@media (max-width: 767px) {

.mouseCursor {display: none; }

}

.cursor-inner {  margin-left: -3px;  margin-top: -3px;  width: 6px;  height: 6px;  z-index: 10000001;  background-color: #588be4;  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;}

.cursor-inner span {  color: #fff;  line-height: 80px;  opacity: 0;  text-transform: uppercase;  letter-spacing: 1px;  font-size: 12px;}

.cursor-inner.cursor-big span {  opacity: 1;}

.mouseCursor.cursor-big {  width: 80px;  height: 80px;}

.mouseCursor.cursor-big.cursor-outer {  display: none;}

.tp-cursor-point-area {  cursor: none;}

.online-shop ul li {    display: inline-block; margin-right: 15px;}

.online-shop ul li:last-child a{background-color: #199082; padding: 12px 25px;}

.venom-button-head span {    margin-right: 10px;}

.venom-button-input-message textarea {    width: 100%;   font-family: "Roboto", sans-serif;   padding: 10px 8px;    border: 1px solid #ccc;    resize: none;}



.why-choose-us_drum-side {    text-align: center;}

.why-choose-us_drum-side img{width: 80% !important;height: 385px;object-fit: contain;}

.why-choose-us_drum-side svg {    position: absolute;    left: 18px;}



.why-choose-us_drum-side h4 {    width: 60%;    margin: 0px auto; margin-top: 35px;} 

.why-choose-us_drum-side p {    width: 85%;    margin: 0px auto; margin-top: 8px;}



.why-boxing-setup span {    font-weight: 700;    font-size: 20px;    display: block;    margin-bottom: 12px; margin-top: 25px;}

.why-boxing-setup p {    text-align: justify; padding-right: 30px; color: #333;}

.icon-setup img {    width: 50px;}

.why-boxing-setup {    margin-bottom: 20px;}



/* TIMELINE STYLES: YOU NEED THEM!!! */

.timeline {    --wrapper-width: 100%;    width: 100%;    max-width: var(--wrapper-width);    margin: auto;}

.timeline__stepper {    --step-border-width: 3px;    --offset-to-slider-content: 30px;    position: relative;    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 30px;    margin-bottom: var(--offset-to-slider-content);}

@media(min-width: 530px) {

.timeline__stepper {        display: flex;        justify-content: space-around;        gap: 0;    }

}

@media(min-width: 700px) {

.timeline__stepper {--offset-to-slider-content: 50px; }

}

.timeline__step {    position: relative;    width: 100%;    cursor: pointer;}

@media(min-width: 530px) {

.timeline__step { width: 100%;;}

}

.timeline__icon {    --timeline-icon-dimensions: 45px;    position: relative;    display: block;    width: var(--timeline-icon-dimensions);    max-height: var(--timeline-icon-dimensions);    height: auto;    margin: 0 auto;    transition: opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay);}

@media(min-width: 700px) {

 .timeline__icon {      --timeline-icon-dimensions: 60px;    margin-bottom: 30px; }

}

.timeline__icon--active {    position: absolute;    top: 0;    left: 50%;    transform: translateX(-50%);    fill: url(#icon-gradient);    opacity: 0;}

.timeline__step-title {    --timeline-dot-dimensions: 11px;    --extra-offset-fox-pixelperfect: -1px;    position: relative;    display: none;    padding-top: 30px;    margin-bottom: 0;    text-align: center;    line-height: 1.7;    border-top: var(--step-border-width) solid var(--border-color-default);}

@media(min-width: 700px) {

.timeline__step-title {        display: block;}

}

.timeline__step-title:before,

.timeline__step-title:after {    position: absolute;    top: var(--dot-top-position);    left: 50%;    display: block;    width: var(--timeline-dot-dimensions);    height: var(--timeline-dot-dimensions);    content: '';    border-radius: 50%;}

.timeline__step-title:before {    --dot-top-position: calc(            var(--timeline-dot-dimensions)/2 * var(--negative-multiplier) + var(--extra-offset-fox-pixelperfect));    transform: translate(-50%);    border: 2px solid var(--border-color-default);    border-radius: 50%;    background-color: #fff;    z-index: 5;}

.timeline__step-title:after {    --timeline-dot-dimensions: 25px;    --dot-top-position: calc(            var(--timeline-dot-dimensions)/2 * var(--negative-multiplier) + var(--extra-offset-fox-pixelperfect)); transform: translate(-50%) scale(0);  border-radius: 50%;    background-color: #fff;}

/* this elements generates in JS */

.timeline__step-active-marker {    --slide-pos-y: none; /* calcs on the fly in js */    --slide-pos-x: none; /* calcs on the fly in js */    --slide-width: auto; /* calcs on the fly in js */   --transition-timing-function: cubic-bezier(0, 0, 0, 1.2);    position: absolute;    top: 135px;    left: 0;    display: none;    width: var(--slide-width);    height: var(--step-border-width);    transform: translateX(var(--slide-pos-x));    transition: transform var(--transition-duration) var(--transition-timing-function) var(--transition-delay);   background-image: linear-gradient(to right, #39ccdd, #588be4);}

@media(min-width: 700px) {

.timeline__step-active-marker {        display: block;}

}

.timeline__step.is-active {    cursor: default;}

.timeline__step.is-active .timeline__step-title {    font-weight: var(--font-weight-semibold);}

.timeline__step.is-active .timeline__step-title:before {    transition: background-color #000;    background-color: #000;    border-color: #000;}

.timeline__step.is-active .timeline__step-title:after {    transform: translate(-50%) scale(1);    transition: transform var(--transition-duration) var(--transition-timing-function) var(--transition-delay);    background-color: #000;    opacity: .35;}

.timeline__step.is-active .timeline__icon--default,

.timeline__step:not(.is-active):hover .timeline__icon--default {    opacity: 0;}

.timeline__step.is-active .timeline__icon--active,

.timeline__step:not(.is-active):hover .timeline__icon--active {    opacity: 1;}

.timeline__slides {    --slides-container-height: 0px; /* calcs on the fly in js */    --content-offset-x: 20px;    --content-offset-y: 30px;    --decoration-blur-spread: 20px;    --decoration-opacity: .7;    --decoration-pos-x: 0;    --decoration-pos-y: 20px;    --decoration-scale: 1;    position: relative;    width: 600px;    max-width: 100%;    margin: auto;    height: var(--slides-container-height);    border-radius: 5px;    background-color: var(--bg-color-default);    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

@media(min-width: 700px) {

.timeline__slides {        --content-offset-x: 30px;        --content-offset-y: 40px;    }}



.timeline__slides:before {    position: absolute;    top: 0;    left: 0;    width: 100%;   height: 100%;    content: "";    opacity: var(--decoration-opacity);    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;    background-color: #fff;    filter: blur(var(--decoration-blur-spread));   transform: translate3d(var(--decoration-pos-x), var( --decoration-pos-y), 0) scale(var(--decoration-scale));    z-index: -1;}

.timeline__slide {    position: absolute;    top: 0;    left: 0;    padding: var(--content-offset-y) var(--content-offset-x);    opacity: 0;    visibility: hidden;}

.timeline__slide.is-active {    transition: opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay);    opacity: 1;    visibility: visible;}

.timeline__slide-title {    margin-top: 0;}

.timeline__slide-content {    line-height: 1.7;}

.timeline__slide-content p:first-child {    margin-top: 0;}

.timeline__slide-content p:last-child {    margin-bottom: 0;}

p.timeline__step-title {    font-size: 30px;    font-family: "Roboto", sans-serif;}

.timeline__slide-content p {      line-height: 27px;  font-size: 18px;}

.timeline__step {    text-align: center;}

.timeline__step i {    font-size: 45px;    position: relative;    top: 45px;}

.timeline__step i {    color: #588be4;}

.liquied-design .container{  overflow: hidden;}

.liquied-design{ background-color: #0172bb;}

.liquid-1 {	position: relative;  background-color: var(--secodaryColor);}

.liquied-design span {	font-size: 6rem; font-weight: 900;   font-family: "Roboto", sans-serif;}



.drop {	position: absolute;	background: #fff;	width: 22px;height: 22px;	border-radius: 60% 70% 50% 60% / 65% 66% 60% 65%;	animation: 6s move ease infinite;  top: 65px;}

.drop:after {	width: 17px;	height: 17px;	content: '';	position: absolute;	background: #fff;	border-radius: 50% 60% 60% 70% / 60% 65% 65% 65%;	left: 25px;	top: 0px;	animation: 6s drop_effect ease infinite;}

.liquied-design svg {	position: absolute;}

@keyframes move 

{	0%, 100% {		transform: translate(900px);	}		50% {		transform: translate(-900px);

	}

}

@keyframes drop_effect {

	0% {		left: 0px;	}

	5% {		left: 35px;	}

	45% {		left: 0px;	}

	50% {		left: 0px;	}

	55% {		left: -30px;	}

	95% {		left: 0px;	}

	100% {		left: 0;	}

}

.about-us{overflow: hidden;}

.timeline-client .title h4 b{color: #588be4;}

.industirest-we-served .title h4 b{color: #588be4;}



.title {width: 100%;max-width: 854px;margin: 0 auto;}

.caption {width: 100%;max-width: 854px;margin: 0 auto;padding: 20px 0;}

.vid-main-wrapper {width: 100%;background: #fff;margin: 0 auto;}

.vid-container {/*padding-bottom: 52%;padding-top: 30px;*/ height: 100%;width:100%;}

.vid-container iframe,.vid-container object,.vid-container embed {position: relative;top: 0;left: 0;width: 100%;min-height: 360px;		}

.vid-list-container {width: 100%;height:360px;overflow: hidden;}

.vid-list-container:hover, .vid-list-container:focus {overflow-y: auto;}

ul#vid-list {margin:0;padding:0;}

ul#vid-list li {list-style: none;margin-bottom: 10px;}

ul#vid-list li a {text-decoration: none;display:block;padding:10px 5px;border:1px solid #d1d1d1;}



.vid-thumb {float:left;margin-right: 5%;width: 25%;}

.vid-thumb img{width: 100%;}

.active-vid {background:#3A3A3A;}

#vid-list .desc {color: #CACACA;font-size: 0.750em;float:left;width:70%;}

.vid-list-container p{line-height: 14px; color:#333;}



@media (max-width: 767px) {

.caption{margin-top: 40px;}

.vid-list-container{padding-bottom: 20px;margin-top: 10px;}

.vid-container {padding-bottom: 0;padding-top: 0px;}

.vid-container iframe{position: relative;}	

}

a.btn-hpcl {  background-image: linear-gradient(to right, #39ccdd, #588be4); color: #fff; border-radius: 50px;}

a.btn-hpcl:hover {color:#fff;}

.title-video h5 b{color:#588be4;}

.list-items-products ul li {box-shadow: 0px 0px 10px 0px rgba(16.999999999999964, 8.999999999999996, 65.99999999999997, 0.31) inset;    display: inline-block;    width: 32%;    text-align: center;    padding: 10px 0;    margin-bottom: 15px;}

.list-items-products ul li a {    color: #000;}

.list-items-products b{color: #588be4;}

.contact-us-design-innner input{width: 100%; height: 45px; border-bottom: 1px solid #ccc;   border: none;    border-bottom: 1px solid #ccc;    margin-bottom: 5px;}

.contact-us-design-innner textarea{width: 100%; height: 100px; border-bottom: 1px solid #ccc;  border: none;    border-bottom: 1px solid #ccc;    margin-bottom: 5px;}

.navigation_inner {    position: relative;    z-index: 9;}

.contact-us-design-innner input:focus{outline: none;}

.contact-us-design-innner textarea:focus{outline: none;}

.contact-us-design-innner button{background-image: linear-gradient(to right, #39ccdd, #588be4); text-align: center; margin: 0px auto;}

.button-design button {    padding: 10px 35px;    border: none;    color: #fff; border-radius: 50px;}

.slick-dots{bottom: 20px;}

.banner-static{position: relative;}

img.mount-1{width: 50%; position: absolute; top: 0px; left: 0; z-index: -9; opacity: 0.5;}

img.mount-2{width: 50%; top: 0px; right: 0; position: absolute; z-index: -9; opacity: 0.5;}



.main-slider .slick-next,

.main-slider .slick-prev {  font-size: 0;  line-height: 0;  position: absolute;  top: 50%;  transform: translate(0, -50%);  display: block;  width: 60px;  height: 60px;  padding: 0;  cursor: pointer;  color: #588be4;  border: 1px solid #588be4;  outline: none;  background-color: transparent; border-radius: 50px;}

.main-slider .slick-next {  right: 2%;}

.main-slider .slick-prev {  left: 2%;  z-index: 9;}

.main-slider .slick-next::before,

.main-slider .slick-prev::before {  font-family: 'Font Awesome 5 Free';  font-weight: 900;  font-size: 24px;  line-height: 1;  color: #588be4;   position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

.main-slider .slick-prev::before {  content: '\f053';}

.main-slider .slick-next::before {  content: '\f054'; }



.main-slider .slick-next:hover,

.main-slider .slick-prev:hover {  background-color: #000;}

img.tyer-1 {    position: absolute;    right: 45px;    top: -135px;    width: 14%;}

img.tyer-2 {    position: absolute;    left: 80px;    top: -135px;    width: 14%;}

.container-new {  width: 100%;  height: 200px;  position: absolute;  bottom: -55px;}

.car-wrapper {  position: absolute;  left: 100vw;  top: 50px;  width: 100%;  height: 200px;  /* by default no animation */}

.car-wrapper.animate {  animation: moveCar 3s cubic-bezier(.62,.13,.61,.95) forwards;}

.tyre {  position: absolute;   z-index: 2;}

.tyre.animate {  animation: rotateTyre 3s linear forwards;}

.front-tyre {  top: 80px;  left: 110px;}

.rear-tyre {  top: 70px;  left: 635px;}

/* Car movement animation */

@keyframes moveCar {

  from { left: 100vw; }

  to { left: 200px; }

}

/* Tyre rotation animation */

@keyframes rotateTyre {

  from { transform: rotate(0deg);}

  to { transform: rotate(1080deg);} 

}



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

img.tyre.rear-tyre {   position: absolute;    top: 24px;    left: -46px;}

img.tyre.front-tyre {     position: absolute;    left: 226px;    top: 23px;    height: auto; width: auto;}

.rs-contact-one .rs-contact-wrapper {  position: relative;}

.rs-contact-one .rs-section-title {  color: #000;}

.rs-contact-one .rs-section-title-wrapper .descrip {  color: #CBCCCD;  max-width: 95%;}

.rs-contact-one .rs-contact-bg {  width: 100%;  height: 100%;  top: 0;  left: 0;  z-index: 1;  background-position: center center;  background-repeat: no-repeat;}

.rs-contact-one .rs-contact-form-bg-thumb {  position: absolute;  width: 100%;  height: 100%;  top: 0;  inset-inline-start: 0;  background-position: center center;  background-repeat: no-repeat;  background-size: cover;  z-index: -1;}

.rs-contact-one .rs-contact-list {  gap: 30px 50px;  display: grid;  grid-template-columns: repeat(2, 1fr);  margin-top: 45px;}

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

  .rs-contact-one .rs-contact-list {    grid-template-columns: repeat(1, 1fr);  }

}

.rs-contact-one .rs-contact-list-item {  display: flex;  align-items: center;  gap: 30px;}

.rs-contact-one .rs-contact-list-item:hover .rs-contact-icon svg {  animation: rs-vibrate 0.4s;}

.rs-contact-one .rs-contact-icon span {  display: inline-flex;  align-items: center;  justify-content: center;  width: 70px;  height: 90px; background-color: #0172bb; clip-path: polygon(0% 0%, 78% 0, 100% 18%, 100% 100%, 0% 100%);}

.rs-contact-one .rs-contact-icon span svg {  width: 30px;  height: 35px;}

.rs-contact-one .rs-contact-icon span svg path {  fill: var(--rs-white);}

.rs-contact-one .rs-contact-list-content span {  font-size: 20px;  font-weight: 700;  line-height: 1.2;  display: inline-block;  color: var(--rs-white); margin-bottom: 10px;}

.rs-contact-one .rs-contact-list-content a:hover {  color: var(--rs-theme-orange);}

.rs-contact-one .rs-contact-list-content h6 {  font-size: 17px;  font-weight: 500;  color: #CBCCCD;}

.rs-contact-one .rs-contact-list-content p {  margin: 0;  color: #CBCCCD; font-size: 17px;}

.rs-contact-one .rs-contact-form {  position: relative;  z-index: 3; background-color: #0172bb;   padding: 40px 50px 50px 50px;  border-radius: 4px;  margin-inline-start: 50px;  clip-path: polygon(20% 0%, 90% 0, 100% 7%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 0);}

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

  .rs-contact-one .rs-contact-form {    padding: 30px 30px 30px 30px;    margin-inline-start: 30px;  }

}

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

.rs-contact-one .rs-contact-form {    margin-inline-start: 0px;    position: sticky;    top: 110px;  }

}

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

.rs-contact-one .rs-contact-form {    position: relative;    top: unset;  }

}

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

 .rs-contact-one .rs-contact-form {    padding: 25px 25px 25px 25px;  }

}

.rs-contact-one .rs-contact-form .descrip {  color: var(--rs-white);  margin: 10px 0 30px;}

.rs-contact-one .rs-contact-form-title {  font-size: 36px;  color: var(--rs-white);}

@media only screen and (max-width: 1199px) {  .rs-contact-one .rs-contact-form-title {    font-size: 30px;  }

}

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

.rs-contact-one .rs-contact-form-title {    font-size: 26px;  }

}

.rs-contact-one .rs-contact-input input {  width: 100%;  height: 52px;  outline: 0;  padding: 0 25px;  color: var(--rs-white);  border-radius: 2px;  border: 1px solid rgba(255, 255, 255, 0.3);  background: rgba(255, 255, 255, 0.1);}

.rs-contact-one .rs-contact-input input::placeholder {  color: rgba(255, 255, 255, 0.7);}

.rs-contact-one .rs-contact-input textarea {  height: 115px;  padding: 15px 15px;  resize: none;  background: rgba(255, 255, 255, 0.1);  color: var(--rs-white);  border-radius: 2px;  border: 1px solid rgba(255, 255, 255, 0.3);}

.rs-contact-one .rs-contact-input textarea:focus{  outline: none;}

.rs-contact-one .rs-contact-input textarea::placeholder {  color: rgba(255, 255, 255, 0.7);}

.rs-contact-one.has-theme-red {  position: relative;  z-index: 2;  padding: 40px 50px 50px 50px;  border-top: 4px solid var(--rs-theme-red);  border-radius: 3px 3px 3px 3px;}

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

  .rs-contact-one.has-theme-red {    padding: 30px 30px 30px 30px;  }

}

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

.rs-contact-one.has-theme-red {    padding: 25px 25px 25px 25px;  }

}

.rs-contact-one.has-theme-red .rs-contact-bg-thumb {  position: absolute;  width: 100%;  height: 100%;  top: 0;  inset-inline-start: 0;  background-position: center center; background-repeat: no-repeat;  background-size: cover;  z-index: -1;}

.rs-contact-one.has-theme-red .rs-contact-form-title {  color: var(--rs-title-primary);

}

.rs-contact-one.has-theme-red .rs-contact-input input,

.rs-contact-one.has-theme-red .rs-contact-input textarea {  background: var(--rs-white);  border: 1px solid #D2D2D2;  color: var(--rs-black);}

.rs-contact-one.has-theme-red .rs-contact-input input::placeholder,

.rs-contact-one.has-theme-red .rs-contact-input textarea::placeholder {  color: #616161;}

.rs-contact-one.has-theme-red .rs-contact-input input:focus,.rs-contact-one.has-theme-red .rs-contact-input textarea:focus {  border-color: var(--rs-theme-red);}

.rs-contact-one.has-theme-blue {  background: var(--rs-theme-blue);}

.rs-contact-one.has-theme-blue .rs-contact-form-bg-thumb {  position: absolute;  width: 100%;  height: 100%;  top: 0;  inset-inline-start: 0;  background-position: center center;  background-repeat: no-repeat;  background-size: cover;  z-index: -1;}

.rs-contact-one.has-theme-blue .rs-section-subtitle {  color: var(--rs-white);}

.rs-contact-one.has-theme-blue .rs-contact-list-item {  align-items: start;}

.rs-contact-one.has-theme-blue .rs-contact-icon span {  width: unset;  height: unset;  background: none;  display: unset;  clip-path: unset;}

.rs-contact-one.has-theme-blue .rs-contact-icon svg {  width: 44px;  height: 44px;}

.rs-contact-one.has-theme-blue .rs-contact-list-content a:hover {  color: var(--rs-white);}

.rs-contact-one.has-theme-blue .rs-contact-form {  background: rgba(12, 60, 97, 0.3);  z-index: 1;  clip-path: unset;}

.rs-contact-one.has-theme-orange {  position: relative;  z-index: 2;}

.rs-contact-one.has-theme-orange .rs-contact-bg-thumb {  position: absolute;  width: 100%;  height: 100%;  background-position: top center;  background-repeat: no-repeat;  background-size: cover;  z-index: -1;  top: 0;  inset-inline-start: 0;}

.rs-contact-one.has-theme-orange .rs-contact-bg-thumb::before {  position: absolute;  content: "";  width: 100%;  height: 100%;  background: #000000;  opacity: 0.85; z-index: 1;}

.rs-contact-one.has-theme-orange .rs-contact-form-bg-thumb {  position: absolute;  width: 100%;  height: 100%;  top: 0;  inset-inline-start: 0;  background-position: center center;  background-repeat: no-repeat;  background-size: cover;  z-index: -1;}

.rs-contact-one.has-theme-orange .rs-contact-list-item {  align-items: start;}

.rs-contact-one.has-theme-orange .rs-contact-icon span {  width: unset;  height: unset;  background: none;  display: unset; clip-path: unset;}

.rs-contact-one.has-theme-orange .rs-contact-icon svg {  width: 44px;  height: 44px;}

.rs-contact-one.has-theme-orange .rs-contact-icon svg path {  fill: var(--rs-theme-orange);}

.rs-contact-one.has-theme-orange .rs-contact-list-content a:hover {  color: var(--rs-theme-orange);}

.rs-contact-one.has-theme-orange .rs-contact-form {  clip-path: unset;}

.rs-contact-one.has-theme-green {  position: relative;  z-index: 2;  padding: 40px 50px 50px 50px;  border-top: 4px solid var(--rs-theme-yellow);  border-radius: 3px 3px 3px 3px;  background: var(--rs-theme-light-green);}

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

.rs-contact-one.has-theme-green {    padding: 20px 30px 30px 30px;  }

}

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

.rs-contact-one.has-theme-green {    position: sticky;    top: 100px;}

}

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

.rs-contact-one.has-theme-green {    padding: 20px 25px 25px 25px;  }

}

.rs-contact-one.has-theme-green .rs-contact-thumb {  position: absolute;  bottom: 0;  inset-inline-end: 0;}

.rs-contact-one.has-theme-green .rs-contact-form-title {  color: var(--rs-white);}

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

  .rs-contact-one.has-theme-green .rs-contact-form-title {    font-size: 30px;  }

}

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

  .rs-contact-one.has-theme-green .rs-contact-form-title {   font-size: 25px;  }

}

.rs-contact-one.has-theme-green .rs-contact-input input,

.rs-contact-one.has-theme-green .rs-contact-input textarea {  background-color: rgba(255, 255, 255, 0.1019607843);  border: 1px solid #A1B7B8;  color: var(--rs-white);}

.rs-contact-one.has-theme-green .rs-contact-input input::placeholder,

.rs-contact-one.has-theme-green .rs-contact-input textarea::placeholder {  color: var(--rs-white);}

.rs-contact-one.has-theme-green .rs-contact-input input:focus,

.rs-contact-one.has-theme-green .rs-contact-input textarea:focus {  border-color: var(--rs-theme-yellow);}

.rs-contact-one.has-theme-green .descrip {  color: var(--rs-white);}

.rs-contact-one.has-robotic {  position: relative;  padding: 40px 50px 50px 50px;}

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

.rs-contact-one.has-robotic {    padding: 30px 30px 30px 30px;  }

}

.rs-contact-one.has-robotic .rs-contact-bg-thumb {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  z-index: -1;  background-position: center center; background-repeat: no-repeat;  background-size: cover;}

[dir=rtl] .rs-contact-one.has-robotic .rs-contact-bg-thumb {  transform: rotateY(-180deg);}

.rs-contact-one.has-robotic .descrip {  color: var(--rs-white);}

.rs-contact-one.has-theme-green-two {  position: relative;  z-index: 2;  padding: 40px 50px 50px 50px;  border-top: 4px solid var(--rs-theme-light-green);  border-radius: 3px 3px 3px 3px;}

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

.rs-contact-one.has-theme-green-two {    padding: 30px 30px 30px 30px;  }

}

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

.rs-contact-one.has-theme-green-two {    padding: 25px 25px 25px 25px;  }

}

.rs-contact-one.has-theme-green-two .rs-contact-bg-thumb {  position: absolute;  width: 100%;  height: 100%;  top: 0;  inset-inline-start: 0;  background-position: center center;  background-repeat: no-repeat;  background-size: cover;  z-index: -1;}

.rs-contact-one.has-theme-green-two .rs-contact-form-title {  color: var(--rs-theme-green);}

.rs-contact-one.has-theme-green-two .rs-contact-input input,

.rs-contact-one.has-theme-green-two .rs-contact-input textarea {  background: var(--rs-white);  border: 1px solid #D2D2D2;  color: var(--rs-black);}

.rs-contact-one.has-theme-green-two .rs-contact-input input::placeholder,

.rs-contact-one.has-theme-green-two .rs-contact-input textarea::placeholder {  color: #616161;}

.rs-contact-one.has-theme-green-two .rs-contact-input input:focus,

.rs-contact-one.has-theme-green-two .rs-contact-input textarea:focus {  border-color: var(--rs-theme-green);}

.rs-contact-one.has-theme-green-two .rs-btn:hover {  background: #375B5D;}

.rs-contact-one.has-white {  position: relative;  z-index: 2;  padding: 40px 50px 50px 50px;  border-top: 4px solid var(--rs-theme-orange); border-radius: 3px 3px 3px 3px; background: var(--rs-white);  margin-inline-start: 30px;}

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

.rs-contact-one.has-white {    padding: 20px 30px 30px 30px;  }

}

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

  .rs-contact-one.has-white {    margin-inline-start: 0px;  }

}

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

  .rs-contact-one.has-white {    padding: 20px 25px 25px 25px;  }

}

.rs-contact-one.has-white .rs-contact-form-title {

  color: var(--rs-black);

}

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

.rs-contact-one.has-white .rs-contact-form-title {    font-size: 30px;  }

}

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

  .rs-contact-one.has-white .rs-contact-form-title {    font-size: 25px;  }

}

.rs-contact-one.has-white .rs-contact-input input,

.rs-contact-one.has-white .rs-contact-input textarea {  background-color: var(--rs-bg-primary);  border: 1px solid rgba(31, 31, 31, 0.1019607843);  color: var(--rs-black);}

.rs-contact-one.has-white .rs-contact-input input::placeholder,

.rs-contact-one.has-white .rs-contact-input textarea::placeholder {  color: rgba(68, 68, 68, 0.478);}

.rs-contact-one.has-white .rs-contact-input input:focus,

.rs-contact-one.has-white .rs-contact-input textarea:focus {  border-color: var(--rs-theme-orange);}

.rs-contact-one.has-white .rs-btn:hover {  background: var(--rs-black);}

.rs-contact-one.has-black {  background: var(--rs-black);  position: relative;  z-index: 2;  padding: 40px 50px 50px 50px;  border-top: 4px solid var(--rs-theme-orange);  border-radius: 3px 3px 3px 3px;  margin-inline-start: 20px;}

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

 .rs-contact-one.has-black {    padding: 20px 30px 30px 30px;  }

}

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

  .rs-contact-one.has-black {    margin-inline-start: 0px;  }

}

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

  .rs-contact-one.has-black {    padding: 20px 25px 25px 25px;  }

}

.rs-contact-one.has-black .rs-contact-form-title {  color: var(--rs-white);}

.rs-contact-one.has-black .descrip {  color: var(--rs-white);}

.rs-contact-one.has-black .rs-contact-input input,

.rs-contact-one.has-black .rs-contact-input textarea {  background-color: rgba(255, 247, 247, 0.0509803922);  border: 1px solid rgba(182, 182, 182, 0.2509803922);  color: var(--rs-white);}

.rs-contact-one.has-black .rs-contact-input input:focus,.rs-contact-one.has-black .rs-contact-input textarea:focus {  border-color: var(--rs-theme-orange);}

.rs-contact-one.has-black .rs-btn:hover {  background: rgb(255, 92, 0);}

.rs-contact-one.has-theme-orange-two {  position: relative;  z-index: 2;  padding: 40px 50px 50px 50px;  border-top: 4px solid var(--rs-theme-orange);  border-radius: 3px 3px 3px 3px;}

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

.rs-contact-one.has-theme-orange-two {    padding: 30px 30px 30px 30px;  }

}

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

 .rs-contact-one.has-theme-orange-two {    padding: 25px 25px 25px 25px;}

}

.rs-contact-one.has-theme-orange-two .rs-contact-bg-thumb {  position: absolute;  width: 100%;  height: 100%;  top: 0;  inset-inline-start: 0;  background-position: center center;  background-repeat: no-repeat;  background-size: cover;  z-index: -1;}

.rs-contact-one.has-theme-orange-two .rs-contact-form-title {  color: var(--rs-title-primary);}

.rs-contact-one.has-theme-orange-two .rs-contact-input input,

.rs-contact-one.has-theme-orange-two .rs-contact-input textarea {  background: var(--rs-white);  border: 1px solid #D2D2D2;  color: var(--rs-black);}

.rs-contact-one.has-theme-orange-two .rs-contact-input input::placeholder,

.rs-contact-one.has-theme-orange-two .rs-contact-input textarea::placeholder {  color: #616161;}

.rs-contact-one.has-theme-orange-two .rs-contact-input input:focus,

.rs-contact-one.has-theme-orange-two .rs-contact-input textarea:focus {  border-color: var(--rs-theme-orange);}

.rs-contact-one.has-theme-orange-two .rs-btn:hover {  background-image: linear-gradient(to right, #39ccdd, #588be4);}

.rs-contact-list-content a {    font-size: 17px; font-weight: 400;}

.rs-contact-btn button {    width: 100%;    background: #000;    padding: 15px 11px;    border: none;    color: #fff;}

.accordion-content p {    padding-right: 25px;}

.rs-contact-area{background: url(https://www.power-petrochem.instavyapar.in/assets/img/contact-bg-01.png) no-repeat;}





.review-item {    position: relative;    padding-left: 50px;}

.review-thumb {    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%);}

.review-thumb img {    width: 100px;    height: 100px;    border-radius: 50%;    object-fit: cover;    border: 5px solid #fff;    box-shadow: 0px 0px 20px 0.5px rgb(0 0 0 / 20%);    z-index: 1;}

.review-content {    background-color: #fff;    padding: 30px 30px 30px 60px;    border-radius: 2px;    box-shadow: 0px 0px 10px 0.5px rgb(0 0 0 / 10%);    position: relative;    z-index: -1; min-height: 290px;}



.review-content:before {    background-color: #588be4;    content: "";    width: 4px;    height: 70%;    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%);}

.review-content .quote {    background-color: #000;    /* color: var(--heading-color); */	  color: #fff;    font-size: 25px;    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    position: absolute;    right: 50px;    top: 12px;}

.review-content p {    font-size: 16px;    margin-top: 10px;    color: #000;}

.review-carousel .carousel-pagination {    margin-top: 30px;}



ul.rattings i{color: #ff9529;}

.testi-content h3 {    font-size: 16px;      font-family: "Roboto", sans-serif;}

.testi-content span{    color: #adadad;    font-size: 14px;    letter-spacing: 2px;    text-transform: uppercase;    margin: 0;}

.testimonial{background-color: #0172bb;}

.widget p{text-align: justify;}

footer{background: url(https://www.conpro-chemicals.instavyapar.in/assets/img/ftr_bg.png) no-repeat;     background-size: cover;}

.repeat-vector{background: url(https://www.conpro-chemicals.instavyapar.in/assets/img/shape-2-1-1.png) repeat;    padding: 20px 0;    margin-top: 0;    transform: rotate(180deg);}

.one-side p {    padding-right: 60px;}

.widget.two-side span {    font-size: 20px;    font-weight: 500;}

.widget ul li {    margin-bottom: 12px;}

.three-side ul {    column-count: 1;}

.widget.three-side span {    font-size: 20px;    font-weight: 500;}

.three-side a{transition: 0.5s;}

.three-side a:hover{padding-left: 10px;}

.two-side a{transition: 0.5s;}

.two-side a:hover{padding-left: 10px;}

.two-side i {    font-size: 12px;    position: relative;    top: -2px;}

.three-side i {    font-size: 12px;    position: relative;    top: -2px;}

.copy-right{background-color: #000;}

/* Image Container Footer */

.image-container-footer {  width: 100%;  height: 120px;  overflow: hidden;  position: relative;}

.car-img-footer {  position: absolute;  top: 0;  left: 100%;  width: 30%;  animation: moveCarfooter 25s linear infinite;}

.tyer-footer-1,.tyer-footer-2 {  position: absolute;  width: 75px; animation: moveCarfooter 25s linear infinite, rotateTyrefooter 1s linear infinite;  /* Car ke sath move + rotate */}

.tyer-footer-1 {  top: 35px;   left: calc(100% + 60px);}

.tyer-footer-2 {  top: 35px;  left: calc(100% + 120px);}

/* Car Move Keyframes */

@keyframes moveCarfooter {  0%   { left: 100%; }

  100% { left: -100px; }

}

/* Tyre Rotation Keyframes */

@keyframes rotateTyrefooter {

  0%   { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



/* .tyer-footer-design-2 {    width: 100%;    position: relative;    left: 468px;    top: 5px;}

.tyer-footer-design-1 { position: relative;    left: 66px;} */



.main-testimonial_inner .slick-next,

.main-testimonial_inner .slick-prev {  font-size: 0;  line-height: 0;  position: absolute;  top: 50%;  transform: translate(0, -50%);  display: block;  width: 60px;  height: 60px;  padding: 0;  cursor: pointer;  color: #fff;  border: 1px solid #fff;  outline: none;  background-color: transparent; border-radius: 50px;}

.main-testimonial_inner .slick-next {  right: -55px;}

.main-testimonial_inner .slick-prev {  left: -55px;}

.main-testimonial_inner .slick-next::before,

.main-testimonial_inner .slick-prev::before {  font-family: 'Font Awesome 5 Free';  font-weight: 900;  font-size: 24px;  line-height: 1;  color: #fff;   position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

.main-testimonial_inner .slick-prev::before {  content: '\f053';}

.main-testimonial_inner .slick-next::before {  content: '\f054'; }

.main-testimonial_inner .slick-next:hover,

.main-testimonial_inner .slick-prev:hover {  background-color: #000;}

.our-product-text p {    padding-right: 100px;}

.online-shop ul li:last-child a {    background-color: #199082 !important;    padding: 12px 25px;}

a.primary-cta-btn { background-color: #0172bb;}

.venom-button-message{font-family: "Roboto", sans-serif;}

.ttm-page-title-row {     background-image: url(/assets/img/ttm-pagetitle-bg.png);    background-size: cover;    background-repeat: no-repeat;    background-position: center;}

.ttm-page-title-row {     display: block;    padding-top: 165px;     padding-bottom: 158px;}

.title-box .page-title-heading h1 {        font-weight: 600;    font-size: 53px;    line-height: 58px;    color: #000;    padding-left: 25px;    margin-bottom: 10px;    text-transform: capitalize;}

.title-box .page-title-heading{ position: relative; }

.title-box .page-title-heading .title-breadcumb:before {    display: block;    content: '';    position: absolute;    left: 0;    top: 0;    height: 100%;    width: 6px;}

.breadcrumb-wrapper a {        font-weight: 400;    text-transform: capitalize;    font-size: 15px;    line-height: 20px;    color: #000;}

.title-box .page-title-heading .title-breadcumb:before{      background-color: #588be4;}

.color-site {        background-image: linear-gradient(to right, #39ccdd, #588be4);}

.skin-color {    background-color: #000;}

.sitema-links-item span {    font-size: 22px;    font-weight: 700;}

.color-site a {    text-transform: capitalize;    font-size: 18px;}

.full-width-type h3 {    text-align: center;    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}

.full-width-type {    background-color: #000;    margin-top: 20px;    width: 100%;    margin-left: 0;   margin-bottom: 20px;}

.inner-states a {    color: #fff;    width: 100%;    text-align: center;    color: #fff;}

.inner-states a {    background-image: linear-gradient(to right, #39ccdd, #588be4);}

.states {    margin-bottom: 15px;}


.featured-item{ position: relative; }

.featured-item.ttm-portfolio-view-topimage:not(.owl-carousel),

.col-md-4:not(:last-child) .featured-item.ttm-box-view-topimage{ margin-bottom: 30px; }

.featured-item .content-post{     padding: 25px;    position: relative;    text-align: left;    background-color: #fff;    -webkit-box-shadow: 0 0 11px 0 rgba(6,22,58,.14);    -moz-box-shadow: 0 0 11px 0 rgba(6,22,58,.14);    box-shadow: 0 0 11px 0 rgba(6,22,58,.14);}

.featured-item .content-post h2.title-post {    font-size: 22px;    margin-bottom: 0;    font-weight: 400;    text-align: center;    line-height: 25px;}

.featured-item .content-post h2.title-post a:hover,

.featured-item .content-post .category a:hover{    color: #ff5e14;}

.featured-item .content-post .category,

.featured-item .content-post .category a {    font-size: 13px;    color: #fff;}

.featured-item.ttm-portfolio-view-topimage .content-post .category a,

.featured-item.ttm-portfolio-view-topimage .content-post .category{ color: #afafaf; }

.featured-item img, .featured-portfolio-item{ position: relative; overflow: hidden;}

.featured-item .content-post .content-post-desc {    background-color: #fff;    margin: 10px 10px;    padding: 13px 0 12px;    margin-top: -60px;}

.content-post h5.title-post  {    font-size: 22px;    font-weight: 400;    margin-bottom: 0;    line-height: 34px;}

.content-post p.category {    color: #b3b7c3;    font-size: 13px;    margin-top: -6px;}

.ttm-social-links-wrapper .social-icons li { margin: 0 3px 10px 0px; }

.ttm-social-links-wrapper .social-icons li a {    margin-top: 15px;    border-radius: 50%;    border: 1px solid transparent;    width: 29px;    height: 29px;    line-height: 29px;   font-size: 13px;    margin-right: 5px;    text-align: center;    background-color: #e5e8e9;}

.ttm-social-links-wrapper .social-icons li a {    margin: 0 2px;    display: block;}

.ttm-social-links-wrapper {    border-top: 1px solid #edeff1;    margin: 0 15px;    padding-top: 14px;}

/* overlay */

.ttm-box-view-overlay {    position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;   background-image: linear-gradient(to right, #39cdddbc, #588be4bd);    opacity: 0;    -webkit-transition: all 0.5s ease 0s;    transition: all 0.5s ease 0s;}

.featured-item:hover .ttm-box-view-overlay,

.featured-item:hover .ttm-box-view-overlay {    height: 100%;    opacity: 1;}

.ttm-box-view-overlay .featured-iconbox a{    width: 40px;    height: 40px;    line-height: 40px;    display: inline-block;    border-radius: 50%;    font-size: 18px;  -webkit-transition: unset;    -moz-transition: all 0.3s ease 0s;    -ms-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: unset; }

.ttm-box-view-overlay .featured-iconbox a i{    display: block;    height: 40px;    line-height: 40px;    border-radius: 50%;     text-align: center;    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -ms-transition: all 0.3s ease 0s;   -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s; font-size: 30px;}

.ttm-box-view-overlay .featured-iconbox.ttm-media-link{    position: absolute;    z-index: 5;    top: 0%;    width: 100%;    text-align: center;    padding: 0 15px;    -webkit-transform: translateY(-50%);    -khtml-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -ms-transform: translateY(-50%);    -o-transform: translateY(-50%);    transform: translateY(-50%);     -webkit-transition: all 0.5s ease 0s;    transition: all 0.5s ease 0s;}

.featured-item.ttm-portfolio-view-topimage:hover .ttm-box-view-overlay .featured-iconbox.ttm-media-link{    top:50%;}

.featured-item .featured-team-item.ttm-item-view-topimage a{    position: absolute;    top: 50%;    left: 50%;    margin-top: -43px;    margin-left: -22px;    -webkit-transform: translateY(50%);    -ms-transform: translateY(50%);    transform: translateY(50%);}

.featured-team-item .ttm-box-view-overlay{ height: 0; top: 0; }

.featured-team-item:hover .ttm-box-view-overlay{     height: 100%;    opacity: 1; }

.featured-portfolio-item .ttm-box-view-overlay:hover .ttm-media-link{    top: 39%;}

.featured-team-item .featured-img-left a{    width: 40px;    height: 40px;    border-radius: 50%;    line-height: 40px;    color: #fff;    text-align: center;    font-size: 19px;    display: block;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);    transition: all .3s ease;    opacity: 0;    margin-top: 0;}

.featured-team-item:hover .featured-img-left .ttm-box-view-overlay{  opacity: 1;    transform: scale(1);}

.featured-team-item .featured-img-left a{ opacity: 1; }

/* portfolio */

.featured-portfolio-item .content-post.content-portfolio-post {    padding: 16px 18px;}

.featured-portfolio-item .content-post.content-portfolio-post{    position: absolute;    width: 100%;    top: auto;    left: 0;    right: 0;    bottom: 0;    opacity: 0;    -webkit-transform: translateY(100%);    -moz-transform: translateY(100%);    -ms-transform: translateY(100%);    transform: translateY(100%);    -webkit-transition: -webkit-transform 0.4s,opacity 0.1s 0.3s;    -moz-transition: -moz-transform 0.4s,opacity 0.1s 0.3s;    transition: transform 0.4s,opacity 0.1s 0.3s;}

.featured-portfolio-item:hover .content-post.content-portfolio-post{    opacity: 1;    -webkit-transform: translateY(0);    -moz-transform: translateY(0);    -ms-transform: translateY(0);    transform: translateY(0);    -webkit-transition: -webkit-transform 0.4s,opacity 0.1s;   -moz-transition: -moz-transform 0.4s,opacity 0.1s;    transition: transform 0.4s,opacity 0.1s;}

.featured-portfolio-item .content-post.content-portfolio-post:before{    position: absolute;    bottom: 100%;    transform: translateX(-50%);    content: "";    display: inline-block;    width: 0;    height: 0;    left: 30px;    border-style: solid;    border-width: 0 15px 15px 15px;    border-color: transparent transparent #fff transparent;    z-index: 1;    top: -14px;}

.featured-portfolio-item .content-post.content-portfolio-post:before{    border-color: transparent transparent #ff5e14 transparent;}

/* team */

.featured-team-item{     overflow: hidden;    position: relative;    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.08);    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.08);    box-shadow: 0 0 10px 0 rgba(0,0,0,.08);    border: 6px solid #fff;}

.featured-team-item.style2 {    border: 0;    margin: 15px 0;    padding: 15px;    background-color: #fff;}

.featured-item.ttm-team-view-topimage .content-post.content-team-post {    text-align: center;    padding: 23px 0 0 0;    padding-bottom: 2px;    background-color: #f3f7f9;    margin-bottom: 0;}

.featured-img-left { padding-left: 0; padding-right: 0; }

.featured-team-item .featured-img-right.ttm-post-content .content-post.content-team-post{     padding: 15px 25px 0;     text-align: left;    background-color: inherit;    box-shadow: inherit;}

.featured-item .featured-img-right.ttm-post-content .content-post .content-post-desc{ margin: 0; padding: 0;}

.ttm-team-details-list{ padding: 0; margin: 0; }

.ttm-team-details-list li {    position: relative;    padding: 3px 0 3px 25px;    font-size: 15px;    line-height: 24px;    display: block;}

.sidebar .widget.widget-nav-menu ul li{ padding: 0; }

.ttm-sidebar-left, .ttm-sidebar-right{ display: block;}

.sidebar.sidebar-left, .ttm-sidebar-right .content-area,

.ttm-sidebar-left > [class*='col-']{ float: left; }

.ttm-sidebar-left div.content-area{ float: right; }

.sidebar-left .widget-nav-menu ul li:not(:first-child) {    border-top: 1px solid #e5eaef;}

.sidebar-left .widget-nav-menu ul li.active::after , .widget-nav-menu ul li:hover:after {    color: #FFF;}

.sidebar-left .widget.widget-nav-menu ul li a {    display: block;    padding: 8px 30px 8px 20px;    position: relative;    font-weight: 700;    font-size: 17px;    background-color: #333;    text-transform: capitalize;    color: #fff;}

.sidebar-left .widget.widget-nav-menu ul li a:before {    left: 0;    bottom: 0;    width: 100%;    height: 1px;    background-color: #e1e1e1;}

.sidebar-left .widget-nav-menu ul li:last-child a:before {    content: none;}

/* sidebar-right */

.sidebar.sidebar-right,

.ttm-sidebar-right > [class*='col-']{ float: right; }

.ttm-sidebar-right .content-area{ float: left; }

.sidebar-left .widget-nav-menu ul li {    padding: 0;    position: relative;}



/* widget-download */

.sidebar .widget.widget-download {    margin-bottom: 43px;}

.sidebar .widget-download .download li{ position: relative; }

.sidebar .widget-download .download li a{    font-size: 15px;    line-height: 22px;    padding-left: 40px;}

.sidebar .widget-download .download li  i{    font-size: 34px;    position: absolute;    top: -12%;    left: 0%;}

/* contact-widget */

.sidebar ul.contact-widget-wrapper li i {    position: absolute;    top: 6px;    left: 0;}

.sidebar ul.contact-widget-wrapper li {    padding-left: 30px;    position: relative;    padding-top: 0;    padding-bottom: 17px;    line-height: 20px;}

/*widget-search*/

.sidebar .widget.widget-search{ position: relative; }

.sidebar .widget.widget-search .search-form label {    display: block;}

.sidebar .widget-search .screen-reader-text {    clip: rect(1px,1px,1px,1px);    position: absolute!important;    height: 1px;    width: 1px;    overflow: hidden;}

.sidebar .widget.widget-search .search-form .search-submit {    position: absolute;    top: 0;    right: 0;    text-indent: -999px;    padding: 0;    width: 46px;    height: 46px;    z-index: 1;    border-radius: 0 3px 3px 0;    background-image: url(../images/search-icon.png);    background-color: transparent;    background-repeat: no-repeat;    background-position: center;    background-size: 16px 16px;    opacity: .5;}

.sidebar .widget.widget-search .input-text {    border-width: 1px;    background-color: #fff;    border-radius: 0;    text-indent: 0;}

/* widget-Categories */

.sidebar .widget ul:not(.contact-widget-wrapper):not(.widget-menu):not(.download):not(.rating)> li {    padding: 7px 0;    border-top: 1px solid #e5eaef;}

.sidebar .widget ul>li:first-child { border-top: 0; }

.widget-Categories a{    display: inline-block;    padding-left: 20px;    position: relative;}

/*widget-post*/

.sidebar .widget.widget-recent-post ul>li {    padding: 15px 0 !important;    margin: 0;}

/* tagcloud-widget */

.sidebar .widget .tagcloud a {    display: inline-block;    padding: 7px 27px;    margin: 0 2px 10px;    border: 1px solid #ddd;    border-radius: 3px;    font-size: 14px;   background-color: #f7f7f7;    font-weight: 600;}

/* flicker-widget */

.flicker-widget .ttm-flicker-widget-wrapper a {    overflow: hidden;    display: block;    margin: 0 7px 0 0;    width: 75px;    height: 75px;    display: inline-block;    background: none;}

.content-area img {    width: 35%;    float: left;}

.content-area img {    margin-right: 25px;}

.widget-nav-menu a {    color: #000;}



.half-content-side h2 {    font-size: 18px;    margin-bottom: 12px;}

.half-content-side h3 {    font-size: 18px;    margin-bottom: 12px;}

.half-content-side h4 {    font-size: 18px;    margin-bottom: 12px;}

.half-content-side h5 {    font-size: 18px;    margin-bottom: 12px;}

.half-content-side h6 {    font-size: 18px;    margin-bottom: 12px;}

.full-pattern h2 {    font-size: 22px;    margin-bottom: 10px;    margin-top: 10px;}

.full-pattern h3 {    font-size: 22px;    margin-bottom: 10px;    margin-top: 10px;}

.full-pattern h4 {    font-size: 22px;    margin-bottom: 10px;    margin-top: 10px;}

.full-pattern h5 {    font-size: 22px;    margin-bottom: 10px;    margin-top: 10px;}

.full-pattern h6 {    font-size: 22px;    margin-bottom: 10px;    margin-top: 10px;}

.full-pattern p {    margin-bottom: 20px;    text-align: justify;}

.full-pattern ul li {    line-height: 25px;    list-style-type: disc;}

.full-pattern ul {    padding-left: 15px;}

p.related-heading {       background-image: linear-gradient(to right, #39ccdd, #588be4);  width: 100%;    display: block;    padding: 10px 15px;    font-size: 22px;    font-weight: 700;}

span.text-theme-colored {    font-size: 30px;}

.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}

.related_img img {    height: 160px;    margin: 10px 0px;}

span.btn-title {    font-weight: 700;    color: #5fb0ce;}

.read-btn a {       background-image: linear-gradient(to right, #39ccdd, #588be4);   padding: 10px 30px;    border-radius: 50px;}



.single-service-sidebar {    position: relative;    display: block;    margin-left: 0;    padding: 15px 15px 15px;    background-image: linear-gradient(to right, #39ccdd, #588be4);    -webkit-box-shadow: 0px 0px 8px 3px #f5f5f5;    box-shadow: 0px 0px 8px 3px #f5f5f5;}

.single-service-sidebar .sidebar-appoinment .title h3 {    color: #333333;    font-size: 20px;    font-weight: 800;    text-transform: uppercase;}

.input-box input {    border: 0px;    margin-bottom: 20px;    height: 35px;    padding-left: 15px;}

.input-box textarea {    border: 0px;    margin-bottom: 20px;    height: 100px;    resize: none;    padding-left: 15px;}

.input-box input:focus {    outline: none;}

.input-box textarea:focus {    outline: none;}

button.btn-one {    width: 100%;    border: none;    padding: 10px 0;    background-color: #000;    cursor: pointer;}

aside.widget.widget-nav-menu {    background: #f1f1f1;    padding: 16px;}

.social-icons ul{ margin: 0; padding: 0; }

.social-icons {    list-style: none;    margin: 0;    padding: 0;    font-size: 15px;    padding-top: 0;    padding-bottom: 0;}

.social-icons li {    display: inline-block;    padding-left: 2px;    border: none;}

.social-icons.circle li{ margin: 6px 0 5px; }

.social-icons.circle li>a {    display: block;    width: 37px;    height: 37px;    line-height: 37px;    border-radius: 50%;    font-size: 16px;    text-align: center;    border: 1px solid #ededed;    color: #7f7f7f;}

.ttm-bgcolor-darkgrey .social-icons.circle li>a, 

.ttm-bgcolor-skincolor .social-icons.circle li>a {    border: none;    color: #2c2c2c;}

.ttm-bgcolor-darkgrey .social-icons.circle li>a, 

.ttm-bgcolor-skincolor .social-icons.circle li>a,

.ttm-bgcolor-grey .social-icons.circle li>a{  background-color: #fff;}

.contact-bg-information {    background: #000;    padding: 15px;}

.ttm-col-bgcolor-yes {  background-image: linear-gradient(to right, #39ccdd, #588be4);    padding: 15px;}

form.contactform label {    width: 100%;}

form.contactform input {    width: 100%;    background: transparent;    border: none;    border-bottom: 1px solid #ccc; height: 45px;}

form.contactform textarea {    width: 100%;    background: transparent;    border: none;    border-bottom: 1px solid #ccc;}

form.contactform input:focus{outline: none;}

form.contactform textarea:focus{outline: none;}

form.contactform input::placeholder{color: #fff;}

form.contactform textarea::placeholder{color: #fff;}

form.contactform button{width: 100%; background-color: #000; padding: 10px 0px;}

.featured-title span {    font-size: 18px;}

.featured-icon span {    font-size: 18px;}

.tyer-footer-design-1 img {    margin-left: 351px;    margin-top: 0;}


.modal-body {    background-color: #f1f1f1;}

h5#exampleModalToggleLabel span b {   font-family: hemi-head;}


::-webkit-scrollbar {  width: 10px;}

::-webkit-scrollbar-track {  background: #555;}

::-webkit-scrollbar-thumb { background-color: #0172bb;}

.rs-contact-input input {    height: 45px;    border: 1px solid #f1f1f1;    padding-left: 15px;    width: 100%;   margin-bottom: 15px;    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}

form#contact-form input {    width: 100%;    margin-bottom: 0;}
form#contact-form textarea {    height: 100px;    padding-left: 15px;    margin-bottom: 20px;    padding-top: 10px;    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;    border-width: 1px;    border-style: solid;    border-color: rgb(241, 241, 241);    border-image: initial;}
.rs-contact-input select {    width: 100%;   padding-left: 15px; height: 45px;   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;    border-width: 1px;    border-style: solid;    border-color: rgb(241, 241, 241);    border-image: initial;}


form#contact-form input:focus{outline: none;}
form#contact-form textarea:focus{outline: none;}
form#contact-form select:focus{outline: none;}

.our-product-text span {   font-family: "Roboto", sans-serif; font-size: 30px;}
.our-product-text p{font-size: 17px;}
.why-choose-us_drum-side span { font-size: 30px;  width: 70%; display: block;    font-family: "Roboto", sans-serif;  margin: 0px auto; margin-top: 50px; font-weight: 500;}
.rs-contact-input select{ width: 100%;  height: 52px;  outline: 0;  padding: 0 25px;  color: var(--rs-white);  border-radius: 2px;  border: 1px solid rgba(255, 255, 255, 0.3);  background: rgba(255, 255, 255, 0.1); }

div#exampleModalToggle select {    color: #555;    background: #fff;    padding-left: 15px;}

nav.mobile-menu {    display: none;}
/* Float Button */
.flaot-button{display: none; position: fixed; z-index: 99; bottom: 0;  width: 100%;}
.flaot-button ul {    display: flex;    justify-content: space-between;    align-items: center;    justify-items: center; margin-bottom: 0px;}
.flaot-button ul li { width: 48%; text-align: center; padding: 5px 0;}
.flaot-button ul li:first-child { background-color: #0172bb;}
.flaot-button ul li:last-child  { background-color: #199082;}
.online-shop a {    font-size: 18px;}
.testimonial .title span {    font-size: 30px;   font-family: "Roboto", sans-serif; display: block;}
span.rs-section-title {   display: block;   font-family: "Roboto", sans-serif; font-size: 30px;}

.industirest-we-served .title span {    color: #000;   font-family: "Roboto", sans-serif;  display: block; font-size: 30px;}
.rs-contact-input select option {    color: #000;}
img.hand-road {    margin-top: -273px;}
img.yellow-truck {    width: 40%;}

img.yellow-truck {    position: absolute; left: 32%;  top: 85px;}
.liquire_inner {    overflow: hidden;}
.liquied-design {    overflow: hidden;}


/* Animate.css ke bina apna custom zoomInLeft */
@keyframes zoomInLeft {
  0% {opacity: 0; transform: scale(0.3) translateX(-400px);}
  100% { opacity: 1; transform: scale(1) translateX(0); }
}
/* Jab slide active ho tab animation lagao */
.main-slider .slick-active .animate-zoom {animation: zoomInLeft 1s ease both;}

.main-footer_copyright p {    font-size: 15px;}
.thumb-janez {    height: 450px;}
.industirest-box {    margin-bottom: 25px;}
.thumb-janez img {    object-fit: cover;}

.contact-img-setup img {    height: 523px;    object-fit: cover;}

.why-boxing-setup .bg-white {    min-height: 300px;}

.about_us-content h2 {    font-size: 22px;    margin-bottom: 10px;}
.about_us-content h3 {    font-size: 22px;    margin-bottom: 10px;}
.about_us-content h4 {    font-size: 22px;    margin-bottom: 10px;}
.about_us-content h5 {    font-size: 22px;    margin-bottom: 10px;}
.about_us-content h6 {    font-size: 22px;    margin-bottom: 10px;}

.about-img-side img {    width: 40%;    float: left; margin-right: 25px;}
.thumb-janez__content-inner {    color: #fff;    text-align: justify;  font-family: "Roboto", sans-serif; }

.review-content p{text-align: justify;}

.our-client-logos .title span{font-size: 30px; font-family: "Roboto", sans-serif; }



    .fab{
      position: fixed;
      right: var(--btn-gap);
      top: 50%;
      transform: translateY(-50%);
      z-index: 9999;
      text-decoration: none;
    }

    
    .fab__inner{
      width: var(--btn-size);
      height: var(--btn-size);
      display: grid;
      place-items: center;
      border-radius: 9999px;
      background-color: #000;
      color: var(--btn-color);
      box-shadow: 0 10px 20px rgba(0,0,0,.15), 0 2px 6px rgba(0,0,0,.1);
      user-select: none;
      -webkit-tap-highlight-color: transparent;
      animation: spin 5s linear infinite;
      transition: transform .2s ease, box-shadow .2s ease;
    }

        .fab__inner svg,
    .fab__inner span{ pointer-events: none; }

        .fab:hover .fab__inner{ box-shadow: 0 14px 28px rgba(0,0,0,.2); }
    .fab:active .fab__inner{ transform: scale(.96); }

        .fab:hover .fab__inner,
    .fab:focus-visible .fab__inner{ animation-play-state: paused; }

        .fab__label{
      position: absolute;
      right: calc(var(--btn-size) + 12px);
      top: 50%;
      transform: translateY(-50%);
      background: #111827;
      color:#fff;
      font: 500 12px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji";
      padding: 8px 10px;
      border-radius: 10px;
      opacity: 0; 
      pointer-events: none;
      transition: opacity .2s ease;
      white-space: nowrap;
    }
    .fab:hover .fab__label,
    .fab:focus-visible + .fab__label{ opacity: 1; }

    
    @keyframes spin{ to{ transform: rotate(360deg); } }

    
    @media (prefers-reduced-motion: reduce){
      .fab__inner{ animation: none; }
    }

    
    @media (max-width: 768px){
      .fab{ bottom: var(--btn-gap); top: auto; transform: none; }
      .fab__label{ right: 0; top: -8px; transform: translateY(-100%); }
    }

    .fab.left{ left: var(--btn-gap); right: auto; }

    .fab__inner svg{font-size: 18px;}

    .fab__inner svg {
    width: 25px;
}

.certificiate_img img {    height: 300px;    object-fit: cover;    border: 1px solid #ccc;    padding: 5px;}

@keyframes blink {
  0% {
    opacity: 1; /* Fully visible at the start */
  }
  50% {
    opacity: 0; /* Fully transparent in the middle */
  }
  100% {
    opacity: 1; /* Fully visible at the end */
  }
}


.blink {
  animation: blink 1s infinite; /* Apply 'blink' animation, 1s duration, infinite repetition */
}