body {
color: #000;
font-family: 'SF Pro Display';
font-size: 18px;
font-weight: normal;
overflow-x: hidden;
}
html
{
overflow-x: hidden;
}
.screen-reader-only {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
position: absolute;
white-space: nowrap;
overflow: hidden;
width: 1px;
}
.accordion-button:focus {
box-shadow: none;
}
.text-justify,
.product-details-body p
{
text-align:justify;
}
@font-face {
font-family: 'SF Pro Display';
src: url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Ultralight.woff2) format('woff2'),
url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Ultralight.woff) format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Bold.woff2) format('woff2'),
url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Light.woff2) format('woff2'),
url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Light.woff) format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Regular.woff2) format('woff2'),
url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Semibold.woff2) format('woff2'),
url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Semibold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Thin.woff2) format('woff2'),
url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Thin.woff) format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Medium.woff2) format('woff2'),
url(//santoshstarch.in/wp-content/themes/sspl/fonts/SFProDisplay-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
video {
object-fit: fill;
}
.footer-button {
display: inline-block;
padding: 15px 20px;
font-weight: bold;
}
input, button {
font-family: 'SF Pro Display';
}
:checked, check:focus {
outline:none;
}
.form-control:focus{
outline: none;  
box-shadow: none ;
}
.navbar-toggler:focus{
outline: none;    
}
.text-shadow {
text-shadow: 5px 5px 5px #000;
}
p {
font-size: 22px;
line-height: normal;
font-family: 'SF Pro Display';
font-weight: 300;
}
a {    
text-decoration: none;
transition: 0.3s;
}
a:hover {    
color:#FFCD2D;
}
::placeholder {
color: #fff;
opacity: 1; font-family: 'Noto Serif', serif;
}
:-ms-input-placeholder { color: #fff ;
font-family: 'Noto Serif', serif;
}
::-ms-input-placeholder { color: #fff ;
font-family: 'SF Pro Display';
}
.top-nav {
z-index: 1;
}
.top-nav li{
display: inline-block;
padding-left: 32px;
}
.top-nav li a{
color: #076B43;
font-family: 'SF Pro Display';
font-size: 18px;
font-weight: 400;
}
.top-nav li a:hover{
color: #000;  
}
.btn {
letter-spacing: 2px;
font-family: 'SF Pro Display';
transition: 0.3s;
}
h1,h2,h3,h4,h5 {
font-family: 'SF Pro Display';
font-weight: bold;
}
h1 {
font-size: 80px;   
}
.font-30 {
font-size: 30px;
}
.font-20 {
font-size: 20px;
line-height: normal;
}
.font-25 {
font-size: 25px;
}
.font-36 {
font-size: 36px;
}
.font-40 {
font-size: 40px;
line-height: normal;
}
.font-50 {
font-size: 50px;
line-height: normal;
}
.font-120 {
font-size:120px;
line-height: 120px;
}
.fw-400 {
font-weight: 400;
}
.box-up {
position: relative;
margin-top: -30%;
}
.bg-green-gradient p{
max-width: 700px;
}
.text-warning {
color:#FFCD2D !important;
}
.myVideo {
position: relative;
right: 0;
bottom: 0;
}
.myVideo video {
max-width: 100%;
height: auto;
}
.cover {
background: url(//santoshstarch.in/wp-content/themes/sspl/images/video.jpeg) center top no-repeat;
background-size: cover;
width: 100%;
padding-bottom: 50%;
margin-bottom: 50px;
}
.cover video {
opacity: 0;
width: 100%;
transition: 1s;
position: absolute;
z-index: -1;
}
.banner-title {
font-size: 80px;
line-height:85px;
}
.video-banner {
position: relative;
right: 0;
top:10px;
min-width: 100%; 
min-height: 100%; 
}
.hero-content {
position: absolute;  
color: #f1f1f1;
max-width: 550px; 
bottom: 20%;
}
.banner-content hr {
opacity: 1;
}
.banner-content p {
letter-spacing: 1.5px;
}
button{
font-family: 'SF Pro Display';
}
.single-item .slick-prev:before, .slick-next:before{
display: block;
}
.slick-prev:before, .slick-next:before {
color: black;
}
.slick-dots { 
bottom: 5px;
}
.slick-dots li button:before {  
font-size:30px;
line-height:38px;
opacity: 1;
width: 38px;
height: 38px;
} 
.rounded-4 {
border-radius: 0.7rem;
}
.rounded-5 {
border-radius: 30px;
}
.btn-dark {
color: #fff;
background-color: #000;
border-color: #000;
}
.navbar-light {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 999;
background: 0 0!important;
}
.navbar-light .navbar-nav ul li a {
color: #fff;
position: relative;
font-family: 'Manrope', sans-serif; 
}
.navbar-light .navbar-nav ul li a.active:after {
content: '';
position: absolute;
width: 20px;
left:50%;
transform: translate(-50%, 50%);
}
.navbar-light .navbar-toggler {
background-color: green;
color: transparent;
border-color:transparent;
border: transparent;
}
.navbar-light .navbar-nav .nav-link {
color:#fff;
font-size: 16px;
font-weight: 600;
font-family: 'SF Pro Display';
text-transform: uppercase;
}
.navbar-light.inner-nav .nav-link {
color:#267E5B;
}
.navbar-light.inner-nav .nav-link:hover {
color: #FFCD2D !important;  
}
.dropdown:hover>.dropdown-menu {
display: block;
}
.inner-nav .nav-search input{
border:1px solid #267E5B;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
color: #FFCD2D;
}
.nav-search input {
border: 0;
}
.nav-search button {
background-color: transparent;
border: 0;
margin-top: 2px;
margin-right: 6px;
}
.navbar-light .navbar-toggler-icon {
filter: invert(1);
}
.navbar-light .navbar-nav .nav-item.active {
color: #fff;
position: relative;
}
.navbar-light .navbar-nav .nav-item.active:before  {
color: #fff;
content: '';
position: absolute;
width: 40%;
height: 2px;
background: #fff;
bottom: 0;
left: 50%;
transform: translate(-50%, -50%);
}
.text-marun
{
color: #613329;
}
.bg-green-gradient {
background: rgb(7,107,67);
background: linear-gradient(180deg, rgba(255, 205, 42, 1) 0%, rgba(255, 225, 145, 1) 66%, rgba(255, 255, 255, 1) 100%);
padding: 60px 0 270px 0;
}
.text-green {
color: #613329;
}
.starch-bowl {
position: absolute;
right: 0;
}
.accordion-button{
font-size: 22px;
line-height: normal;
font-family: 'SF Pro Display';
font-weight: 300;
}
.accordion h2, .accordion p, .accordion-button {
font-family: 'SF Pro Display';
} .accordion-button:not(.collapsed) {
color:#838383;
background-color:#F1F1F1;
box-shadow: none;
padding-bottom: 0px;
}
.accordion-button::after {
background: none;
}
.accordion-button {
color:#838383;
}
.accordion-button:not(.collapsed)::after {
transform: rotate(180deg);
width: 20px;
height: 2px;
background: #000;
right: 0px;
}
.accordion-button::after {
position: absolute;
right: 0;
width: 20px;
height: 20px;
margin-left: auto;
content: "";
background-image: url(//santoshstarch.in/wp-content/themes/sspl/images/plus.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
.slick-slide {
padding:10px;  
box-sizing: border-box;
}
.center  .slick-slide {
padding: 0;
text-align: center;
color: #086943;
font-weight: bold;
}
.center .slick-center img{
width: 100px;
height: auto; 
}
.center .slick-slide img {
margin: 0 auto;
}
.our-history button.slick-arrow, .our-history button.slick-arrow {
border: 0 !important;  
width: auto !important;
height: auto !important;
line-height: normal !important;
}
.our-history button.slick-prev, .our-history button.slick-next {
top: auto !important;
bottom: 0 !important;
}
.our-history {
margin-bottom:80px !important;
}
.our-history .slick-list {
padding-bottom: 30px;
}
.text-grey {
color: #838383;
}
.text-50 {
font-size: 50px;
}
.our-history ul {
position: relative;
max-width: 90%;
margin: 0 auto;
display: flex;
}
.our-history li {
position: relative;
display: inline-block;
width: 33%;
height: 20px;
margin: 0;
padding: 0;
cursor: pointer;
}
.our-history li button::before {
font-family: slick;
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 2px;
content: "";
text-align: center;
opacity: 0.25;
color: black;
background-color: #000;
-webkit-font-smoothing: antialiased;
}
.our-history li button::before {
font-family: slick;
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height:5px;
content: "";
text-align: center;
opacity: 0.25;
color: black;
background-color: #000;
-webkit-font-smoothing: antialiased;
}
.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.test-box {
max-width:90%;
position: relative;
left: 10%;
padding:14% 10%;
}
.test-box:before, .test-box:after {
position: absolute;
content: '';
width: 15px;
height: 15px;
background-color:#076B43;
border-radius: 50%;
}
.test-box:before{
left: 9%;  top: -9px;
}
.test-box:after{
left:-8px;
bottom: 10%;
}
.testimonial ul.slick-dots {
width: auto;
bottom:auto;
top: 50%;
transform: translate(-40px, -50%);
}
.testimonial li button:before {
opacity: .75;
border: transparent;
margin: 5px;
border-radius: 50%;
}
.testimonial li.slick-active button:before {
opacity: .75;
color: black;
border: 1px solid #000;
}
.testimonial li {
position: relative;
display: block;
width: 40px;
height: 40px;
margin: 20px 5px;
padding: 0;
cursor: pointer;
top: 30%;
left: -41%;
}
footer {
background: #FFCD2A;
color: #fff;
padding: 4rem;
padding-top: 5rem;
padding-bottom: 2rem;
font-size: 22px;
}
footer li{
padding: 6px 0;
}
footer a {
color: #613329;
font-family: 'SF Pro Display';
font-size: 22px;
}
footer a:hover,
footer p,
footer div,
.copyright, .copyright a
{
color: #613329;
}
footer p {
font-size: 22px;
}
.footer-nav li{
display: inline-block;
width: 49%;
}
.copyright, .copyright a {
font-size: 16px;
}
.social a{
width: 50px;
height: 50px;
border: 1px solid #613329;
border-radius: 100%;
display: inline-block;
text-align: center;
line-height: 45px;
margin: 0 5px; 
transition: 0.3s;
font-weight: 300;
}
.social a:hover{
background-color:#FFCD2D ;
color: #fff;
}
.border-warning:hover {
background-color:#FFCD2D ;
color: #fff !important;
}
.contact-size {
font-size: 25px;
}
.page-title {
font-size: 130px;
line-height:130px;
} .inner-banner {
padding: 250px 0 125px 0;
}
.section-devider {
background: #000;
width: 100%;
height: 1px;
}
.section-devider span {
width: 15px;
height: 15px;
background: #000;
border-radius: 100%;
top: 50%;
transform: translate(0, -50%);
}
.bg-green {
background-color:#FFCD2A;
}
.est-1951 {
margin: 7% auto;
} .product-section {
background: url(//santoshstarch.in/wp-content/themes/sspl/images/product-bg.png) center top no-repeat;
padding: 100px 0; 
background-size: cover; 
} .product-slider.slick-slider  {
margin-left: 12%;
padding-left: 6%;
}
.product-slider.slick-slider img{
max-width: 96%;
}
.product-section p {
font-size: 22px;
line-height: normal;
}
.box-border {
box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.2);
}
.zig-zag { padding: 100px 0;
margin: 100px 0;
background-size: 100%;
}
.zig-zag .col-12:nth-child(even) {
margin-top: 9rem;
}
.zig-zag p {
font-size: 18px;
line-height: normal;
}
.text-light-grey {
color: #C6C6C6;
}
.year {
font-size: 60px;
}
.journey-box {
padding: 20px 0;
border-top: 1px solid #000;
}
.journey-content {
width: 50%;
margin: 0 auto;
}
.btn-white:hover {
background-color: #ffc107;
}
.certificate-section {
padding: 100px 0;
}
.certificate-section .slick-slider img{
margin: 0 auto;
}
.border-green {
border-color: #076B43 !important;
}
.border-orange {
border-color:#FFCD2D !important;
}
.profile-circle {
width: 450px;
height: 450px;
border-radius: 100%;
overflow: hidden;
}
.slick-prev:before, .slick-next:before{ 
background-size: 61px 24px;
width: 61px;
height: 24px;
font-size: 0;
}
.our-history .slick-prev:before{
width: 61px;
height: 24px;
background: url(//santoshstarch.in/wp-content/themes/sspl/images/arrow-right.png) left top no-repeat;
}
.our-history .slick-next:before{
width: 61px;
height: 24px;
background: url(//santoshstarch.in/wp-content/themes/sspl/images/arrow-left.png) right top no-repeat;
transform: rotate(0);
}
.slick-prev, .slick-next {
width: 60px;
height: 60px;
z-index: 1;
}
.slick-prev:before, .slick-next:before{
display: block;
width: 60px;
height: 60px;
font-size: 0;   
background: url(//santoshstarch.in/wp-content/themes/sspl/images/arrow-circle.png) left top no-repeat;
background-size: 100%; 
}
.slick-prev:before{
}
.slick-next:before{ 
transform:rotate(180deg);
}
.slick-prev {
left:0px;
}
.slick-next {
right:0px;
}
.testimonial button.slick-prev, .testimonial button.slick-next{
display: none !important;
}
.text-70 {
font-size: 70px;
line-height: 70px;
}
.extra-padding {
padding: 30% 0% 20%;
}
.sustainability {  
max-width: 800px;
position: absolute;
transform: translateY(-50%);
}
.infrastructure img.line {
position: absolute;
max-width: 725px;
}
strong {
font-weight: bold;
} .product-banner {
padding: 130px 0 0px 0;
}
.product-banner .slick-prev:before, .product-banner .slick-next:before {
display: none;
}
.product-banner .slick-dots li button:before {
font-size:60px;
line-height: normal; 
width: auto;
height: auto;
}
.product-banner .slick-dots li button:before{
top: -49px;
}
.product-banner .slick-dots li button:before {
color: #fff;
}
.product-banner .slick-slide {
padding: 0;
}
.pro-list li a{
color: #613329;  
position: relative;
padding: 15px 0px 15px;   
display: inline-block;
font-weight: bold;
}
.pro-list li a:hover
{
color: #613329 !important;  
}
.pro-list li a::before{
content: '';
position: absolute;
width: 200px;
height: 1px;
background: #613329;
left: 0;
bottom: 0;
}
.pro-list li:last-child a:before{
display: none;
}
.pro-title {
font-size: 30px;
color: #000;
}
.zoom {
overflow: hidden;
}
.zoom img{
transition: transform 1.5s ease;
}
.product-box:hover .pro-title{
color: #198754;
}
.product-box:hover .zoom img{
transform: scale(1.5);
}
.cate-list li a{
color: #000;
}
.cate-list li a:hover{
color: #267E5B;
}
.cate-list li a::before{
background: #000;
}
.category-page {
padding-top: 160px;
}
.product-detail-slider {
left: 0;
padding: 2%;
max-width: fit-content;
}
.mw-88 {
max-width: 88%;
}
.dots-right ul.slick-dots {
right: 0;
}
.mw-77 {
max-width:77%;
}
.grey-box {
background-color: #f5f5f5;  
}
.two-item .slick-dots {
display: none !important;
}
.career-banner {
background: url(//santoshstarch.in/wp-content/themes/sspl/images/career-banner-new.png) center top no-repeat;
background-size: cover;
height: 100%;
}
.text-dark-grey {
color: #373737;
}
.text-bottom {
bottom: 10%;
position: absolute;
}
.research-dev-bg {
background: url(//santoshstarch.in/wp-content/themes/sspl/images/research-dev-bg.png) center top no-repeat;
background-size: cover !important;
height: 100vh;
margin-bottom: 10%;
}
.text-the-trunk {
color: #C6C6C6;
font-size: 80px;
position: absolute;
top: 50%;
left: 60%;
line-height: 80px;
transform: translate(0%, -50%);
text-align: left;
}
.extra-small {
font-size: 14px;
}
.border-last > div:last-child {
border: 0px;
}
.bg-grey {
background-color:#ECECEC;
} @media (min-width: 1700px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1620px;
}
}
@media (min-width: 1200px) {
.h2, h2 {
font-size: 80px;
line-height: 80px;
}
.h3, h3 {
font-size: 40px;
}
.h4, h4 {
font-size: 30px;
}
}
@media only screen and (max-width:1390px) {
.research-dev-bg {   
margin-bottom: 15%;
}
.text-the-trunk {
font-size: 60px;  
left: 66%;
line-height: 60px;   
}
}
@media only screen and (max-width:1024px) {
.text-the-trunk {
font-size: 44px;
left: 66%;
line-height: normal;    
}
.research-dev-bg {   
margin-bottom: 20%;
}
.infrastructure img.line {  
max-width: 100%;
position: relative;
}
.sustainability {  
max-width: 380px;   
}
.test-box {
left: 0%; 
max-width: 100%;   
}
.testimonial  .slick-dots li button:before {
font-size: 20px;
line-height: 20px;   
width: 20px;
height: 20px;
}
.testimonial li {
margin: 0;
}
.video-banner {        
height: 100vh;
top: 0;
}
.slick-prev, .slick-next {
width: 50px;
height: 50px;  
}
.slick-prev:before, .slick-next:before{   
width: 50px;
height: 50px;   
}
.top-nav {
display: none;
}
.font-40 {
font-size: 30px;
}
p {
font-size: 20px;
line-height: 30px; 
font-family: 'SF Pro Display';
font-weight: 300;
}
.profile-circle {
width: 300px;
height: 300px;
}
.text-70 {
font-size: 50px;
}
.slick-prev {
left: 0;
z-index: 9;
}
.slick-next {
right: 0;
z-index: 9;
}
.h3, h3 {
font-size: calc(1.3rem + 2.6vw);
}
nav.navbar {
background-color: rgba(211,211,211,.8) !important;
}
.banner-title {
font-size: 50px; 
}
.bg-green-gradient {
padding: 60px 0 60px 0;
margin-top: -10px;
}
.font-120 {
font-size:55px;
line-height: normal;
}
.starch-bowl {  
max-width: 450px;
}
.h2, h2 {
font-size: calc(2.5rem + .9vw);
}
.testimonial ul.slick-dots {
transform: translate(-13px, -50%);
}
footer { 
padding: 0rem;
padding-top: 3rem;
padding-bottom: 2rem;
}
.page-title {
font-size: 60px;
line-height: normal;
}
h1 {
font-size: 55px;
}
.inner-banner {
padding: 165px 0 80px 0;
}
.zig-zag {
padding: 60px 0;
margin: 60px 0;
}
.pro-dec {
font-size: 18px;  
line-height: normal;
}
.two-item button.slick-next {
right: 0;
}
}
@media only screen and (max-width:991px) {
.research-dev-bg {
margin-bottom: 30%;
}
.text-the-trunk {
font-size: 25px; 
}
}
@media only screen and (max-width:768px) {
.text-bottom {
position: relative;
}
}
@media only screen and (max-width:767px) {
.accordion-button:not(.collapsed)::after {
width: 15px;
height: 1px;   
}
.download-icon {
width: 15px;
height: auto;
}
.accordion-button::after {   
width: 15px;
height: 15px;
background-size: 15px 15px;
}
.export-global-section p
{
width: 100% !important;
}
.export-global-section p
{
font-size: 25px !important;
}
.export-global-section,
.export-about-section
{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.export-about-section p
{
font-size: 25px !important;
line-height: 40px !important;
}
.two-item.slick-slider {
margin-left:0%;
padding-left: 0;
}
.two-item .slick-prev {
left: 0 !important;
}
.industries-section-home .slick-slide {
margin: 0px;
}
.pro-list li a {   
font-size: 16px;
padding: 10px 0px 10px;
}
.product-banner {
padding: 80px 0 30px 0;
}
.hero-content {   
max-width: 285px;
}
.sustainability {
max-width: 363px;
position: relative;
transform: translateY(0%);
}
.profile-circle {
width: 200px;
height: 200px;
margin: 0 auto;
}
.our-history {
margin-top:30px;
}
.our-history {
margin: 0 0;
}
.our-history .slick-prev {
left: 12px; 
}
.our-history .slick-next {
right: 12px; 
}
.our-history .slick-prev:before,  .our-history .slick-next:before{
width: 26px;
height: 15px; 
background-size: 100%;
}
.our-history .slick-list {
padding-bottom: 0;
}
.h2, h2 {
font-size:30px;
}
.banner-title {
font-size: 35px;
line-height: 40px;
}
.page-title {
font-size: 40px;
}
.inner-banner {
padding: 40px 0 52px 0;
}
.text-70 {
font-size: 25px;
line-height: normal;
}
footer li {
padding: 0px 0;
}
footer a, footer p{ 
font-size: 16px;
line-height: normal;
}
.font-36 {
font-size: 22px;
}
.slick-prev:before, .slick-next:before {
width: 35px;
height: 35px;
}
.product-slider.slick-slider {
overflow: visible !important;
}
.product-slider .slick-prev {
left: -25px;  
}
.testimonial {  
text-align: center;
}
.test-box {
max-width: 280px;   
padding: 10% 6%;
margin: 0 auto;
}
.box-up {  
margin-top: 0%;
}
h1 {
font-size: 35px;
}
.font-30 {
font-size: 20px !important;
}
.font-120 {
font-size: 40px;
line-height: normal;
}
.starch-bowl {
max-width: 200px;  
bottom: -10%;
}
.testimonial ul.slick-dots {
transform: translate(15px, -50%);
}
.mw-77 {
max-width:100%;
}
.social {
text-align: left!important;
margin-top: 17px;
}
.social a{
}
.zig-zag .col-12:nth-child(even) {
margin-top: 0;
}
.zig-zag .col-12 {
margin-bottom: 4rem;
}
.zig-zag { 
padding: 100px 0 0;
margin: 70px 0 0; 
}
.journey-box {
flex-flow: column;
}
.journey-content {
width: 100%;
}
.year {
font-size: 30px;
}
}
.home-video-banner
{
height: 100vh;
width: 100%;
object-fit: cover;
}
.industries-section-home .slick-slide img
{
width: 80px;
height: 80px;
}
.industries-section-home .slick-slide.slick-center img
{
width: 100px;
height: 100px;
}
.video-section
{
cursor: pointer;
}
.industries-section-home .slick-slide
{
margin: 0 50px;
}
.industries-section-home .slick-list
{
margin: 0 70px;
} 
.industries-section-home .slick-list span
{
height: 65px;
}
.home-location-video-section video
{
width: 100%;
height: auto;
object-fit: contain;
}
.about-joryney-section .journey-box-load
{
display:none ;
}
.about-joryney-section .journey-box
{
transition: 0.3s;
}
.about-joryney-section #load-more-journey
{
cursor: pointer;
}
.about-joryney-section .journey-box:hover
{
transform: scale(1.1);
transition: 0.3s;
}
.certificate-section .slick-prev
{
left: -60px;
}
.certificate-section .slick-next
{
right: -60px;
}
.nav-search input
{
border-radius: 40px;
}
.home-video-center video
{
object-fit: cover;
}
.footer-col-one-img img
{
width: 100%;
}
.footer-logo
{
text-align: left;
margin-top: 50px;
}
.social.footer-social
{
margin-top: 45px;
}
.navbar-light.sticky-head
{
animation: smoothScroll 1s forwards;
top:0;
position:fixed;
background-color: #613329 !important;
margin-top: 0 !important;
}
.navbar-light.sticky-head .nonstikcy-logo
{
display: none;
}
.navbar-light.sticky-head .sticky-logo
{
display: block !important;
}
.navbar-light.sticky-head .nav-link
{
color: #ffffff !important;
}
@keyframes smoothScroll {
0% {
transform: translateY(-50px)
}
100% {
transform: translateY(0px)
}
}
.img-fulls
{
width: 100% !important; 
}
@media only screen and (max-width: 1299px) and (min-width: 1100px)  {
.home-video-banner
{
height: auto;
object-fit: unset;
}
.font-120
{
font-size: 70px;
line-height: 70px;
}
.h2, h2
{
font-size: 50px;
}
.text-70
{
font-size: 50px;
line-height: 50px;
}
.category-page .dots-right ul.slick-dots
{
right: -20%;
}
.infrastructure img.line
{
max-width: 500px;
}
}
@media only screen and (max-width: 1500px) and (min-width: 1300px)  {
.home-video-banner
{
height: auto;
object-fit: unset;
}
.font-120
{
font-size: 90px;
line-height: 90px;
}
.h2, h2
{
font-size: 50px;
}
.category-page .dots-right ul.slick-dots
{
right: -17%;
}
.infrastructure img.line
{
max-width: 600px;
}
}
@media only screen and (max-width: 1699px) and (min-width: 1501px)  {
.home-video-banner
{
height: auto;
object-fit: unset;
}
.font-120
{
font-size: 90px;
line-height: 90px;
}
.h2, h2
{
font-size: 50px;
}
.font-120
{
font-size: 90px;
line-height: 90px;
}
.category-page .dots-right ul.slick-dots
{
right: -17%;
}
.infrastructure img.line
{
max-width: 600px;
}
} .font-sf-pro-regular {
font-family: 'SF Pro Display';
font-weight: normal !important;
}
.custom-form label{
font-size: 30px;
color: #838383;
font-weight: 300;
}
span.number {
font-size: 16px;
color: #838383;
width: 54px;
}
.form-control::placeholder {
font-family: 'SF Pro Display';
color:#E0E0E0;
}
.btn-send-msg {
margin-left: 63px;
}
@media only screen and (max-width:767px) {
.contact-banner-img {
max-width: 200px;
height: auto;
margin: 0 auto;
}
.develop-by
{
margin: 15px 0;
}
.copyright a:first-of-type
{
padding-left: 0 !important;
}
.industries-section-home .slick-slide {
margin: 0px;
}
.industries-section-home .slick-list {
margin: 0;
}
.research-dev-bg  {
height: 100% !important;
margin-bottom: 0;
}
.research-dev-bg .container{
position: relative !important;
left: 0 !important;
bottom: 0 !important;
transform: translate(0,0) !important;
padding:0;
}
}
.develop-by
{
font-size: 16px;
}
.product-banner .slick-dots li button:before
{
color: #267E5B;
}
.sustainability-section .title-section
{
text-align: center;
margin-bottom: 30px;
}
.sustainability-section .box-section
{
background-image: url(//santoshstarch.in/wp-content/themes/sspl/images/Group 67.png);
background-repeat: no-repeat;
background-position: center center;
}
.sustainability-section .box-section h5
{
color: #000;
font-family: SF Pro Display;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 120.5%; letter-spacing: -0.72px;
}
.sustainability-section .box-section
{
min-height: 360px;
display: flex;
justify-content: center;
align-items: center;
}
.sustainability-section .title-section-two
{
text-align: center;
margin-top: 50px;
}
.sustainability-section .title-section-two p
{
color: #000;
text-align: center;
font-family: SF Pro Display;
font-size: 35px;
font-style: normal;
font-weight: 300;
line-height: 131.5%; letter-spacing: -0.6px;
}
.product-banner .slick-dots  .slick-active button::before
{
color: #267E5B !important;
}
.product-banner .slick-dots  button::before
{
color: grey !important;
}
.pro-list li a:hover
{
color: #FFCD2A;
}
.product-details-body p
{
color: #838383;
font-family: SF Pro Display;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 134.5%; letter-spacing: -0.36px;
}
.product-details-page .product-detail-slider
{
padding: 0;
}
.product-details-page .slick-slide
{
padding: 0;
}
.product-details-page .product-detail-slider img
{
width: 100%;
}
.product-details-page .product-details-body
{
margin-top: 30px;
}
.product-details-page  .product-detail-slider
{
position: relative;
}
.product-details-page  .product-detail-slider .slider-text-over
{
position: absolute;
bottom: 30px;
left: 30px;
}
.product-details-page  .product-detail-slider .slider-text-over h1
{
color: #FFF;
font-family: SF Pro Display;
font-size: 70px;
font-style: normal;
font-weight: 700;
line-height: 95.5%; letter-spacing: -1.35px;
}
.career-position-open p
{
color: #838383;
font-size: .875em;
}
.career-position-open .position-title
{
font-size: 22px;
line-height: normal;
font-family: 'SF Pro Display';
font-weight: 300;
color: #000000;
}
.export-global-section p
{
font-size: 30px;
font-weight: 400;
}
.export-global-section span,
.export-about-section span
{
color:#613329;
font-weight: 500;
}
.export-about-section .row
{
align-items: center;
}
.export-about-section p
{
font-size: 35px;
line-height: 50px;
text-align:justify;
}
.footer-col-one-img img
{
width:80%;
}
.footer-col-one-img
{
text-align:center;
}
.contact-section-two .address
{
font-size: 20px;
}
.contact-section-two .contact-info  a,
.contact-section-two .contact-info 
{
font-weight: 500 !important;
font-size: 20px;
line-height: 30px;
}
.contact-section-two .contact-info
{
margin-top: 40px;
}
.dropdown-menu.dropdown-menu-dark,
.dropdown-menu.dropdown-menu-dark a:focus,
.dropdown-menu.dropdown-menu-dark li:focus
{
background-color: #ffce32;
}
.footer-cobtact-info p,
.footer-cobtact-info a
{
font-weight: 500;
}
.font-20
{
font-size: 20px;
line-height: 30px;
}
.footer-cobtact-info i
{
margin-right: 10px;
}
.contact-section-two i
{
margin-right: 10px;
}
.gt_float_switcher
{
box-shadow: unset !important;
}
.gt_float_switcher img
{
width: 20px !important;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code
{
font-size: 15px !important;
top: 0 !important;
}
.gt_float_switcher .gt-selected .gt-current-lang
{
padding: 5px 10px !important;
}
.font-30
{
font-size: 30px;
}
.product-details-page .title-section h1
{
color: #613329;
font-size: 45px;
font-weight: bold;
}
.product-gallery-img
{
display: flex;
gap:15px;
flex-wrap: wrap;
margin-top: 30px;
}
.product-gallery-img img
{
border-radius: 40px;
}
.btn-box {
position: relative;
}
.dropdown-list {
display: none;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
left: 0;
background-color: #ffcd2a;
width: 95%;
z-index: 99;
border-radius: 0;
}
.dropdown-list li
{
border-bottom: 1px solid #eeeeee;
}
.dropdown-list li a {
display: block;
padding: 10px;
text-decoration: none;
color: #333;
}
.dropdown-list li a:hover {
background-color: #613329;
color: #ffffff;
}
.btn-box.active .dropdown-list {
display: block;
}
.product-list-section .product-box h2
{
font-size: 30px;
color: #838383;
font-weight: 400;
line-height: 35px;
}
.product-list-section .product-box p
{
color: #838383;
font-size: 20px;
font-weight: 300;
margin-bottom: 0;
padding-bottom: 0;
}
.product-list-section .product-box
{
margin-top: 30px;
border: 1px solid #000000;
border-radius: 30px;
padding: 30px 50px;
display: flex;
gap:50px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.product-list-section .product-box h3
{
font-size: 24px;
color: #838383;
font-weight: 500;
margin-bottom: 20px;
}
.product-list-section .product-box .product-meta-info
{
flex: 0 0 45%;
max-width: 45%;
}
.product-list-section .product-box .product-btn-info
{
flex: 0 0 45%;
max-width: 45%;
}
.product-list-section .product-box .product-btn-info .btn-group
{
display: grid;
grid-template-columns: auto auto auto;
gap: 5px;
}
.product-list-section .product-box .product-btn-info button
{
width: 95%;
background-color: #ffcd2a;
border: 0;
padding: 10px;
border-radius: 25px;
font-size:16px;
}
.enquiry-form-wrapper
{
margin-top: 200px;
margin-bottom: 80px;
}
.sspl-common-form .field-box input,
.sspl-common-form .field-box textarea,
.sspl-common-form .field-box select
{
width: 100%;
padding: 10px;
border:1px solid #a7a7a7;
}
.sspl-common-form .field-box label
{
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
}
.sspl-common-form .form-sub-title
{
margin: 30px 0;	
}
.sspl-common-form .form-sub-title h3
{
font-size: 20px;
border-bottom: 1px solid #8d8d8d;
padding-bottom: 10px;
}
.sspl-common-form .field-box
{
margin: 10px 0;
}
.form-shortcode-wrapper
{
background-color: #ffffff;
box-shadow: 0 0 6px 0 #bcbcbc;
padding: 40px;
border-radius: 20px;
}
.sspl-common-form  .wpcf7-list-item
{
margin-left: 0;
}
.sspl-common-form .field-box select
{
font-size: 17px;
}
.sspl-common-form .form-submnit-btn input
{
background-color: #ffcd2a;
color: #613329;
border: 0;
padding: 12px 40px;
font-weight: 500;
border-radius: 15px;
}
.career-form-wrapper {
background-color: #ffffff;
box-shadow: 0 0 6px 0 #bcbcbc;
padding: 40px;
border-radius: 20px;
}
.career-form-wrapper p
{
padding-bottom: 0;
margin-bottom: 0;
}
.top-nav #navbarNavDarkDropdown
{
justify-content: end;
}
.top-nav
{
z-index: 99999;
}
.top-nav .dropdown-menu-dark li
{
padding-left: 0;
}
.top-nav .dropdown-menu-dark li a
{
color: #ffffff;
}
.product-gallery-img .img-box
{
max-width:32%;
flex:0 0 32%;
}
.product-gallery-img .img-box img
{
width:100%;
}
.dropdown-menu a
{
color:#60342b !important;
}
.top-nav .dropdown-menu a
{
font-size:16px;
}
li.nav-item.mobile-menu
{
display:none;
}
.search-wrapper
{
margin-top: 170px;
margin-bottom: 50px;
}
.search-wrapper .page-title
{
font-size: 40px;
}
.search-wrapper .col-12 article
{
border-bottom: 1px solid #000000;
padding: 25px 0;
}
.search-wrapper article .entry-title
{
font-size: 24px;
line-height: 24px;
}
.search-wrapper article .entry-title a
{
color: #000000;
}
.top-nav .search-field
{
border-radius: 50px;
padding: 2px 10px;
}
.top-nav .search-form
{
margin-left: 30px;
}
.top-nav  .search-submit
{
border-radius: 50px;
padding: 1px 18px;
border: 0;
background-color: #FFCD2A;
}
.product-list-page img
{
width:70px;
height:70px;
}
.product-list-page .product-box
{
text-align:left;
border:1px solid #742c1c;
padding: 20px;
border-radius: 15px;
}
.product-list-page .product-box p
{
font-size:20px;
color:#742c1c;
}
.mb-7
{
margin-bottom:7rem !important;
}
.product-list-page .product-box .icon-box-img
{
width: 90px;
height: 90px;
background-color: #742c1c;
border-radius: 100px;
text-align: center;
margin-bottom:25px;
}
.product-list-page .product-box .icon-box-img img
{
width: 90px;
height: 90px;
padding: 20px;
}
.dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover
{
background-color:#613329 !important;
color:#ffffff !important;
}
.product-btn-info .dropdown-list
{
border-radius: 20px 20px 10px 10px;
}
.product-btn-info .dropdown-list li:first-child a
{
border-radius:22px 22px 0 0;
}
.product-btn-info .dropdown-list li:last-child a
{
border-radius:0px 0px 8px 8px;
}
.page-not-found
{
height:80vh;
padding-top:12%;
}
.page-not-found .text-section a
{
background-color: #ffcd2a;
border: 0;
padding: 15px 25px;
border-radius: 25px;
font-size: 16px;
color: #ffffff;
font-weight: bold;
letter-spacing: 1px;
}
.page-not-found h1
{
font-size:150px;
}
.page-not-found p
{
font-size: 30px;
margin-bottom: 30px;
font-weight:500;
}
.font-weight-500
{
font-weight: 500;
}
.blog-list-section
{
margin-top: 80px;
}
.blog-list-section .bdpp-post-title a
{
color: #000000;
font-size: 25px;
}
.blog-list-section .bdpp-post-meta .bdpp-post-meta-data
{
font-size: 16px;
color: #000000;
}
.blog-list-section .bdpp-post-grid-wrap.bdpp-design-2 .bdpp-post-margin-content
{
box-shadow: 0 0 6px 0 #e0e0e0;
}
.blog-list-section h2.bdpp-post-title
{
margin-top: 0 !important;
}
.blog-list-section .bdpp-rdmr-btn
{
background-color: #ffcd2a;
border: 0;
padding: 10px 20px;
border-radius: 25px;
font-size: 16px;
color: #000000 !important;
}
.blog-list-section .bdpp-rdmr-btn:hover
{
background-color: #ffcd2a !important;
color: #000000 !important;
} .blog-details-section h1 {
font-size: 2.5rem; color: #613329 !important;
}
.blog-details-section .post-content h2 {
font-size: 1.5rem;
line-height: unset;
}
.blog-details-section .post-content h3 {
font-size: 1rem;
line-height: unset;
}
.blog-details-section .post-content p,
.blog-details-section .post-content li
{
font-size: 20px;
}
.blog-details-section a
{
font-weight: 500;
text-decoration: underline;
}
.blog-details-section .featured-image-wrapper {
height: 800px;
overflow: hidden;
}
.blog-details-section .featured-image {
width: 100%;
height: 100%;
object-fit: cover; }
.blog-details-section
{
margin-top: 10rem;
}
@media only screen and (max-width:767px) {
.home-video-banner
{
height: 30vh !important;
}
.mobmenu-content li a
{
font-family: 'SF Pro Display' !important;
}
#navbarSupportedContent .align-items-center
{
align-items: left !important;
}
.product-details-page .title-section h1
{
font-size: 30px;
}
.category-page
{
padding-top: 120px;
}
.product-gallery-img img
{
border-radius:0;
}
.product-gallery-img img
.product-list-section .product-box .product-meta-info,
.product-list-section .product-box .product-btn-info,
.product-gallery-img .img-box,
.product-list-section .product-box .product-meta-info
{
flex: 0 0 100%;
max-width: 100%;
}
.product-gallery-img .img-box
{
flex: 0 0 30%;
max-width: 30%;
}
.product-list-section .product-box h2
{
font-size: 25px;
}
.product-list-section .product-box
{
padding: 30px 30px;
}
.product-list-section .product-box .product-btn-info button
{
width: 100%;
}
.product-list-section .product-box .product-btn-info .btn-group
{
grid-template-columns:auto;
}
.enquiry-form-wrapper
{
margin-top: 50px;
}
.enquiry-form-wrapper .title-section h1
{
font-size: 30px;
}
.sustainability-section .box-section
{
background-size: contain;
}
li.nav-item.mobile-menu
{
display:block;
}
.home-section-two .arrow-left
{
width:10% !important;
height:auto;
}
.our-history button.slick-prev, .our-history button.slick-next
{
bottom:-20px !important;
}
.our-history button.slick-prev.slick-arrow
{
left: 35%;
}
.our-history button.slick-next.slick-arrow
{
right:35%;
}
.our-history
{
margin-bottom:50px !important;
}
.product-slider.slick-slider img
{
max-width: 80%;
margin: 0 auto;
}
.product-slider button.slick-next.slick-arrow
{
right:-18px;
}
.product-slider .slick-slide div
{
text-align:center;
}
.font-50
{
font-size:30px;
}
.home-location-video-section h3
{
margin-bottom:15px !important;
}
.est-1951
{
margin-top:80px;
}
.est-1951 .text-column
{
margin-top:30px;
}
.footer-col-one-img img
{
width:40%;
}
.footer-col-one-img
{
margin-bottom:25px;
text-align:left;
}
.footer-logo
{
margin-top: 30px;
margin-bottom: 30px;
}
.site-footer .contact-size
{
font-size:20px;
}
.font-20
{
font-size:18px !important;
}
.social a
{
width: 40px;
height: 40px;
line-height: 35px;
}
.copyright, .copyright a
{
font-size:11px;
}
.about-section-one .bg-green p
{
padding: 20px !important;
}
.zig-zag
{
margin-top:0 !important;
padding-top:50px !important;
}
.zig-zag .col-12
{
margin-bottom:20px;
}
.journey-content
{
font-size: 18px;
line-height: 25px;
text-align:center;
}
.product-banner .slick-dots
{
bottom: -60px;
}
.product-list-page .product-box .icon-box-img
{
margin:0 auto;
}
.product-list-page .product-box
{
text-align:center;
}
.product-list-page .product-box p
{
font-size:16px;
line-height: 20px;
}
.product-details-page
{
padding-top:30px;
}
.product-btn-info .dropdown-list
{
width:100%;
}
.product-details-page .column-one
{
order:2;
margin-top:30px;
}
.product-details-page .column-two
{
order:1;
}
.product-details-page
{
margin-bottom:0 !important;
}
.sustainability-section .box-section h5
{
font-size:35px;
}
.sustainability-section .title-section-two p
{
font-size:30px;
}
.research-dev-bg .bg-green
{
padding: 20px !important;
}
.certificate-section
{
padding:50px 0;
}
.certificate-section h3
{
margin-bottom:0 !important;
}
.custom-form label
{
font-size:20px;
}
.contact-map-section .map-two
{
margin-top:20px;
}
.career-last-section
{
margin-top:50px;
}
.page-not-found h1
{
font-size:120px;
}
.blog-details-section
{
margin-top: 0 !important;
}
.blog-details-section h1
{
font-size: 2rem;
}
.blog-details-section .featured-image-wrapper
{
height: 200px;
}
}
@media screen and (min-device-width: 1024px) and (max-device-width: 1399px) { 
.sustainability-section .box-section
{
background-size:contain;
}
.navbar-light .navbar-nav .nav-link
{
font-size: 13px;
}
.navbar-expand-xl .navbar-nav
{
gap:0 !important;
}
}
@media screen and (min-device-width: 1400px) and (max-device-width: 1700px) { 
.navbar-expand-xl .navbar-nav
{
gap: 0 !important;
}
}