/*
Theme Name: SG Conveyors
Theme URI: https://www.sgconveyors.com/
Author: Sushant Sharma
Author URI: https://workwithswoosh.com/
Description: We are engaged in Manufacturing and Supplying premium quality Pouch Packaging Machines, Belt Conveyors, Z type Bucket Elevators, etc. The offered products are widely demanded by our clients for their sturdy construction and durability.
Version: 1.0
*/

::-webkit-input-placeholder{opacity:1; color:#999;}
:-moz-placeholder{opacity:1; color:#999;}
::-moz-placeholder{opacity:1; color:#999;}
:-ms-input-placeholder{opacity:1; color:#999;}
*,*:after,*:before{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
*{-webkit-tap-highlight-color:transparent;}
::-moz-selection{background:#2F2F2F; color:#fff; text-shadow:none;}
::selection{background:#2F2F2F; color:#fff; text-shadow:none;}
:focus{outline:0 none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none; height:0;}
[hidden]{display:none;}
html,body{height:100%; min-height:100%;}
html{font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%;}
html,button,input,select,textarea{font-family: "Poppins", sans-serif; font-weight: 400;}
body{margin:0; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; text-size-adjust:100%; background-color:#fff; font-size: 16px; font-weight: 400; line-height: 1.5; color: #111;}
img{border:0 none; max-width:100%; vertical-align:top; height:auto;}
h1,
h2,
h3,
h4,
h5,
h6{margin: 0; font-weight: 600; line-height: 1.2;}
a{color: #f53121; text-decoration: none; transition: all linear 0.2s; cursor: pointer;}
a:hover{text-decoration: underline;}
abbr[title]{border-bottom: 1px dotted;}
b,strong{font-weight: 700;}
blockquote{margin:1em 40px;}
dfn{font-style:italic;}
mark{background:#ff0; color:#000;}
pre{margin:1em 0;}
p{margin:0 0 30px;}
p:last-of-type{margin-bottom:0;}
code,kbd,pre,samp{font-family:monospace,serif; _font-family:'courier new',monospace; font-size:1em;}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
q{quotes:none;}
q:before,q:after{content:''; content:none;}
small{font-size:75%;}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
dl,menu{margin:0; padding:0;}
dd{margin:0 0 0 40px;}
nav ul,nav ol{list-style:none;}
iframe{border:0; -ms-interpolation-mode:bicubic; max-width:100%;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
form{margin:0;}
fieldset{border:1px solid #c0c0c0; margin:0 2px; padding:.35em .625em .75em;}
legend{border:0; padding:0; white-space:normal;}
button,
input,
select,
textarea{font-size:100%; margin:0; vertical-align:baseline;}
button,input{line-height:normal; -webkit-appearance:none; appearance: none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{transition:all linear 0.2s; cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box; padding:0;}
input[type="search"]{-webkit-appearance:none; appearance:none;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none; appearance:none;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0; padding:0;}
textarea{overflow:auto; vertical-align:top;}
table{border-collapse:collapse; border-spacing:0; table-layout:fixed; border:1px solid rgba(0,0,0,0.1);}
table th,table td{padding:10px 20px 7px; line-height:1.2; border-right:1px solid rgba(0,0,0,0.1);}
table th{background-color:#f53121; color:#fff; text-transform:uppercase; letter-spacing:0.5px;}
table td{border-top:1px solid rgba(0,0,0,0.1); font-size:16px;}
address{font-style:normal; font-size:14px;}
hr{border:0 none; border-top:1px solid #000; margin:30px 0; display:block; width:100%;}
ul,ol{margin:20px 0; padding-left:15px;}
ul ul,ol ol{margin:10px 0;}
ul ul li{list-style:circle outside;}
ol ol li{list-style:lower-roman outside;}

.h2,
h2{font-size: 40px; margin-bottom: 10px;}
h4{font-size: 30px; margin-bottom: 10px;}
h5{font-size: 24px; margin-bottom: 10px;}
.wrapper{max-width: 1400px; margin: 0 auto; position: relative;}
.row{display: flex; flex-wrap: wrap;}
.col-3{width: 25%;}
.col-4{width: 33.33%;}
.btn{display: inline-block; background-color: #f53121; color: #fff; padding: 10px 20px; border: 0 none;}
.btn:hover{background-color: #111; text-decoration: none;}
input.btn{padding: 15px 35px; line-height: 1; font-weight: 600; text-transform: uppercase;}
.heading-block{text-align: center; margin-bottom: 80px;}
.heading-block h2{margin-bottom: 0; font-weight: 400;}
.heading-block h4{font-weight: 700; color: #f53121; text-transform: uppercase;}
.heading-block h4.sub-heading{font-weight: 400; color: #111; text-transform: none;}
.form-control{border: 1px solid #808080; background-color: #fff; width: 100%; height: 50px; padding: 0 20px; font-size: 16px; font-weight: 400; line-height: 1.2; color: #000; resize: none;}
textarea.form-control{height: 170px; padding: 10px 20px;}
select.form-control{color: #808080; padding: 0 15px;}
.form-control:-moz-placeholder{color: #808080; opacity: 1;}
.form-control::-moz-placeholder{color: #808080; opacity: 1;}
.form-control:-ms-input-placeholder{color: #808080; opacity: 1;}
.form-control::-webkit-input-placeholder{color: #808080; opacity: 1;}
.form-field{margin-bottom: 20px;}
.link-read-more{position: relative; text-transform: uppercase; font-size: 20px; font-weight: 700;}
.link-read-more::after{position: absolute; content: ''; right: 0; bottom: 0; left: 0; height: 1px; background-color: #f53121;}
.link-read-more:hover{text-decoration: none; color: #111;}
.link-read-more:hover::after{background-color: #111;}

.pre-header{padding: 15px 0;}
.pre-header .wrapper,
.main-header .wrapper{display: flex; align-items: center; justify-content: space-between;}
.contact-info{margin: 0; padding: 0; list-style: none; display: flex;}
.contact-info li{margin-right: 30px; display: flex; align-items: center;}
.contact-info li .ic-box{width: 30px; height: 30px; background-color: #f53121; display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.contact-info li .ic-box svg{fill: #fff; width: 15px;}
.contact-info li.address .ic-box svg{width: 12px;}
.contact-info li a{color: #000;}

.main-header{background-color: #373737;}
.social-media{margin: 0; padding: 0; list-style: none; display: flex; align-items: center;}
.social-media li{margin-right: 20px;}
.social-media li:last-child{margin-right: 0;}
.social-media li svg{fill: #fff; width: 25px; display: block;}
.social-media li.icon-youtube svg{width: 35px;}
.social-media li a{display: block;}
.nav-menu{margin: 0; padding: 0; list-style: none; display: flex;}
.nav-menu li{margin-right: 20px;}
.nav-menu li:last-child{margin-right: 0;}
.nav-menu li a{display: block; color: #fff; font-weight: 700; line-height: 1.2; text-transform: uppercase; padding: 15px 10px;}
.nav-menu li a:hover,
.nav-menu li.current-menu-item a{text-decoration: none; color: #f53121;}
.search-block .icon-search{width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.search-block .icon-search svg{width: 20px; fill: #fff;}

.home-banner .slick-slide{position: relative;}
.home-banner .slick-slide a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.home-banner .slick-arrow{position: absolute; z-index: 1; top: 0; bottom: 0; background: url(images/icon-arrow.svg) no-repeat center; background-size: 30px auto; width: 100px; border: 0 none; font-size: 0;}
.home-banner .slick-arrow.slick-prev{left: 0;}
.home-banner .slick-arrow.slick-next{right: 0; transform: scaleX(-1);}
.home-banner .slick-arrow:hover{background-color: rgba(255,255,255,0.1);}

.section-conveyor-systems{position: relative; padding: 100px 0;}
.bg-conveyor{position: absolute; top: 0; right: 0; left: 0; background: url(images/bg-conveyor.png) no-repeat right bottom #373737; height: 600px;}
.section-conveyor-systems .heading-block h4.sub-heading{color: #fff;}
.list-conveyor{margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}
.list-conveyor li{position: relative; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center;}
.list-conveyor li::after{position: absolute; content: ""; top: 15px; right: 15px; bottom: 15px; left: 15px; border: 1px solid #f53121;}
.list-conveyor li .img{position: relative;}
.list-conveyor li .img .logo-unit{position: absolute; top: 100%; left: 50%; transform: translate(-50%,-50%); width: 100px; height: 100px; background: url(images/logo-unit.png) no-repeat center center #f53121; background-size: 40px auto;}
.list-conveyor li .content{padding: 85px 25px 60px; position: relative; z-index: 1; font-size: 20px;}
.list-conveyor li .content h5{margin-bottom: 20px;}
.list-conveyor li .content h5 a{color: #111;}
.list-conveyor li .content h5 a:hover{text-decoration: none; color: #f53121;}
.list-conveyor li .content p{margin-bottom: 20px;}

.section-process{padding: 100px 0;}
.list-process{margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; counter-reset: process;}
.list-process li{position: relative; padding-left: 75px;}
.list-process li::before{position: absolute; counter-increment: process; content: counter(process); top: 0; left: 0; width: 30px; height: 30px; background-color: #f53121; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; line-height: 1;}
.list-process li::after{position: absolute; content: ""; top: 13px; left: 40px; width: 25px; height: 1px; background-color: #f53121;}

.contact-block{background-color: #f3f3f3; padding: 100px 0;}
.contact-container{display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-container .contact-form,
.contact-container .contact-map{width: 47%;}

.client-logos{padding: 50px 0;}
.slider-client .slick-slide{width: 280px; height: 175px; position: relative;}
.slider-client .slick-slide img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 80%; max-height: 60%;}

.main-footer{background-color: #373737; color: #fff; padding: 40px 0;}
.main-footer .wrapper{display: flex; justify-content: space-between; flex-wrap: wrap;}
.main-footer .footer-block-1{width: 30%;}
.footer-menu{margin: 0; padding: 0; list-style: none;}
.footer-menu li{margin-bottom: 10px;}
.footer-menu li a{color: #fff; text-transform: uppercase;}
.footer-contact-info{margin: 0 0 50px; padding: 0; list-style: none;}
.footer-contact-info li{margin-bottom: 10px; display: flex; align-items: center;}
.footer-contact-info li a{color: #fff;}
.footer-contact-info li .ic-box{width: 15px; margin-right: 10px;}
.footer-contact-info li .ic-box svg{fill: #fff;}
.footer-social-media{margin: 0; padding: 0; list-style: none; display: flex; align-items: center;}
.footer-social-media li{margin-right: 20px;}
.footer-social-media li:last-child{margin-right: 0;}
.footer-social-media li svg{fill: #fff; width: 25px;}
.footer-social-media li.icon-youtube svg{width: 35px;}
.copyright{background-color: #000; color: #fff; padding: 20px 0; text-align: center;}
.copyright a{color: #fff;}

/*Css By Karan*/
.section-pd{padding: 100px 0;}

.conveyor-row{display: flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-start; padding: 0 15px; position: relative;}
.conveyor-row .sidebar{width: calc(25% - 15px); margin-right: 15px;  position: sticky; top: 0; background: #FCFCFC; padding: 25px 0; border-radius: 5px; border: solid 1px rgba(40,47,54,0.15);}
.conveyor-row .sidebar .sidebar_title a{font-weight: 400; color: #111; font-size: 20px; text-decoration: none !important; margin: 0 0 15px 15px;}
.conveyor-row .sidebar ul li{list-style: none; position: relative;}
.conveyor-row .sidebar ul{list-style: none; padding: 0; margin: 0;}
.conveyor-row .sidebar ul li span{position: absolute; display: block; line-height: 9px; left: 15px; top: 10px; width: 14px; height: 14px; font-size: 12px; padding:2px; border:solid 1px #111;}
.conveyor-row .sidebar ul li span.minus{display: none;}
.conveyor-row .sidebar ul li.active span.plus{display: none;}
.conveyor-row .sidebar ul li.active span.minus{display: block;}
.conveyor-row .sidebar ul li a{padding: 10px 10px 10px 40px; color: #111; font-size: 13px; line-height: 1; font-weight: 400; text-transform: capitalize; background: transparent; transition: 0.3s ease all; display: block;}
.conveyor-row .sidebar ul li.active > a{color: #f53121;}
.conveyor-row .sidebar ul li a:hover{background: #f53121; color: #fff; text-decoration: none; }
.conveyor-row .sidebar ul li ul{display: none;}
.conveyor-row .sidebar ul li.active ul{display: block;}

.conveyor-row .content-col{width: 75%; padding-left: 15px; }
.conveyor-row .content-col .content{margin-bottom: 70px;}
.conveyor-row .content-col .conveyor-list{display: flex; justify-content: flex-start; flex-wrap: wrap; row-gap: 70px; column-gap: 30px; }
.conveyor-row .content-col .conveyor-list .conveyor-system{width: calc(33.33% - 20px);}
.conveyor-row .content-col .conveyor-list .conveyor-system figure{margin-bottom: 20px; overflow: hidden;}
.conveyor-row .content-col .conveyor-list .conveyor-system figure a{position: relative; display: block;}
.conveyor-row .content-col .conveyor-list .conveyor-system figure .play_btn{position: absolute; left: 50%; top: 50%; padding-left: 3px; display: flex; align-items: center; justify-content: center; transform: translate(-50%,-50%); width: 65px; height: 65px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; transition: 0.3s ease all;}
.conveyor-row .content-col .conveyor-list .conveyor-system figure .play_btn:after{content: '';   width: 0; height: 0; border-left: 20px solid  white;  border-top: 10px solid transparent;  border-bottom: 10px solid transparent; display: block;}
.conveyor-row .content-col .conveyor-list .conveyor-system figure .play_btn:hover{background: rgba(223, 43, 32, 1); transform: translate(-50%,-50%) scale(1.2); }
.conveyor-row .content-col .conveyor-list .conveyor-system figure img{transition: 0.8s ease all; width: 100%; display: block;}
.conveyor-row .content-col .conveyor-list .conveyor-system:hover figure img{transform: scale(1.05);}
.conveyor-row .content-col .conveyor-list .conveyor-system h6{font-weight: 400; text-align: center; font-size: 15px; line-height: 1.5; }
.conveyor-row .content-col .conveyor-list .conveyor-system h6 a{color: #000; text-decoration: none;}

.pagination_links{display:flex; width: 100%; column-gap: 10px;  justify-content: center;}
.pagination_links >*{background-color: rgb(244, 244, 245); padding: 3px 8px;  transition: 0.4s ease all; color: #000; font-size: 14px;}
.pagination_links >*:hover,
.pagination_links >.current{background-color: rgba(223, 43, 32, 1); color: #fff;text-decoration: none;}


.single-conveyor .intro-section{padding-bottom:0;}
.single-conveyor *{float: none;}
.single-conveyor .intro-row{display: flex; justify-content: space-between; flex-wrap: wrap; }
.about-page .wrapper,
.single-conveyor .wrapper{padding: 0 15px;}
.single-conveyor .intro-row > *{width: 48%;}
.single-conveyor .intro-row .img-slide{position: relative; margin-bottom: 20px;}
.single-conveyor .intro-row .img-slide img{width: 100%; max-height: 400px; object-fit: cover;}
.single-conveyor .intro-row .thumbnail{padding: 0 50px;}
.single-conveyor .intro-row .thumbnail .thumb{margin: 0 10px 0px 0; border-radius: 5px; padding: 5px; overflow: hidden; border:1px solid rgba(40,47,54,0.15); width: 60px !important; height: 60px; display: flex; align-items: flex-end;}
.single-conveyor .intro-row .thumbnail .slick-arrow{position: absolute; left: 0; z-index: 1; top: 50%; transform: translateY(-50%); font-size: 0; background: #373737 url(images/icon-arrow.svg) no-repeat center center; background-size: 20px 20px; width: 40px; height: 40px; border-radius: 50%; border:none;}
.single-conveyor .intro-row .thumbnail .slick-arrow.slick-next{transform: translateY(-50%) scaleX(-1); left: auto; right: 0;}
.single-conveyor .intro-row .thumbnail .slick-arrow:hover{background: #f53121 url(images/icon-arrow.svg) no-repeat center center; background-size: 20px 20px;}
.single-conveyor .intro-row .thumbnail .thumb img{object-fit: contain;  width:50px ;}
.single-conveyor .intro-row .info-box{display: table; margin:30px 0 20px; }
.single-conveyor .intro-row .info-box .info-row{display: table-row;}
.single-conveyor .intro-row .info-box .info-row > *{display: table-cell; font-size: 20px; line-height: 1; padding-bottom: 10px;  }
.single-conveyor .intro-row .info-box .info-row .info-name{padding-right: 10px; color: #111; font-weight: 700; text-transform: capitalize;}