html{
overflow-x: hidden;
}
body{
overflow-x: hidden;
padding-right: 0 !important
}
.desktop{
display: block;
}
.mobile{
display: none;
}
.navbar-brand img{
width:120px;
}
.scale-area .container .row .col-md-8 .primary-title{
font-family: 'Roboto' !important;
}
.header .container-fluid .row .col-12 .navbar .navbar-nav .nav-item .nav-link.active{
color: #266090;
font-weight: 500;
}
.header .container-fluid .row .col-12 .navbar .navbar-nav .nav-item .nav-link:hover{
color: #fbb62c;
}
.banner {
display: flex;
align-items: center;
justify-content: center;
background: url(../img/banner-company.jpg);
min-height: 420px;
background-size: cover !important;
}
.banner h1 {
color: #fff;
font-family: "Roboto";
text-align: center;
}
.owl-nav .owl-prev {
position: absolute;
left: 0px;
top: 50%;
filter: none;
background: none !important;
height: unset;
width: unset;
text-align: start;
}
.owl-nav .owl-next {
position: absolute;
right: 0px;
top: 50%;
filter: none;
background: none !important;
height: unset;
width: unset;
text-align: start;
}
/*
.btn-container {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.btn-container .btn-effect {
width: 40px;
height: 40px;
background: rgb(255 255 255 / 29%);
border-radius: 50%;
margin: 0 5px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
position: relative;
display: block;
box-shadow: rgba(0, 0, 0, 0.5) 0 4px 4px !important;
}
.btn-container .btn-effect.prev span {
border-right: none;
border-bottom: none;
}
.btn-container .btn-effect.prev span:before {
-webkit-transform: rotate(45deg) translate(-2px, -0.7px) scale(0);
-ms-transform: rotate(45deg) translate(-2px, -0.7px) scale(0);
transform: rotate(45deg) translate(-2px, -0.7px) scale(0);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
}
.btn-container .btn-effect:hover.prev span:before {
-webkit-transform: rotate(45deg) translate(-2px, -0.7px) scale(1);
-ms-transform: rotate(45deg) translate(-2px, -0.7px) scale(1);
transform: rotate(45deg) translate(-2px, -0.7px) scale(1);
}
.btn-container .btn-effect.prev span:before {
-webkit-transform: rotate(45deg) translate(-2px, -0.7px) scale(0);
-ms-transform: rotate(45deg) translate(-2px, -0.7px) scale(0);
transform: rotate(45deg) translate(-2px, -0.7px) scale(0);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
}
.btn-container .btn-effect.next span {
border-left: none;
border-top: none;
}
.btn-container .btn-effect span {
position: absolute;
top: 50%;
width: 10px;
height: 10px;
left: 50%;
border: 2px solid #ffffff;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.btn-container .btn-effect.next span:before {
-webkit-transform: rotate(45deg) translate(-2px, 13.5px) scale(0);
-ms-transform: rotate(45deg) translate(-2px, 13.5px) scale(0);
transform: rotate(45deg) translate(-2px, 13.5px) scale(0);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
}
.btn-container .btn-effect span:before {
content: "";
position: absolute;
width: 20px;
height: 2px;
background: #000000;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.btn-container .btn-effect:hover span{
border: 2px solid #000000;
}
.btn-container .btn-effect:hover {
background: #ffffff;
}
.btn-container .btn-effect.prev:hover span{
border-right: none;
border-bottom: none;
transform: translate(-100%, -50%) rotate(-45deg);
}
.btn-container .btn-effect.next:hover span{
border-left: none;
border-top: none;
} */
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
.btn-container .btn-effect:hover.next span {
left: calc(50% + 5px);
}
.btn-container .btn-effect:hover.next span:before {
-webkit-transform: rotate(45deg) translate(-2px, 13.5px) scale(1);
-ms-transform: rotate(45deg) translate(-2px, 13.5px) scale(1);
transform: rotate(45deg) translate(-2px, 13.5px) scale(1);
}
.section-space{
padding: 100px 0;
}
.headtitle{
text-align: center;
}
h1{
font-size:50px;
color: #fbb62c;
font-weight: 900;
font-family: "Roboto";
text-align: center;
}
h2{
font-size:40px;
color: #fbb62c;
font-weight: 900;
font-family: "Roboto";
text-align: center;
}
h3{
font-size:18px;
color: #fbb62c;
font-weight: 900;
font-family: "Roboto";
text-align: center;
}
.company-about-content p{
font-size: 18px;
line-height:30px;
color: #747474;
font-weight: normal;
font-family: "Roboto";
}
.padd-top{
padding-top:80px;
}
.companycenter{
display: flex;
align-items: center;
}
.companycenter img{
width: 100%;
}
.companycenter .para-left{
padding-right: 50px;
}
.companycenter .para-right{
padding-left: 50px;
}
.vision-and-mission .vnm{
display: flex;
align-items: center;
height: 100%;
background: #2f2f2f;
}
.vision-and-mission .vnm .vnm-content{
background: #2f2f2f;
height: 100%;
width: 50%;
}
.vision-and-mission .vnm .vnm-content .parain{
max-width: 80%;
margin: 0 auto;
}
.vision-and-mission .vnm .vnm-img{
width: 50%;
}
.vision-and-mission .vnm .vnm-img img{
width: 100%;
}
.vision-and-mission .vnm p{
font-size: 18px;
line-height:30px;
color: #ffffff;
font-weight: 400;
font-family: "Roboto";
text-align: center;
}
.team-card{
text-align: center;
}
.team-card img{
width: 100%;
}
.team-card h3{
font-size: 18px;
color: #747474;
font-weight: 900;
font-family: "Roboto";
text-align: center;
margin-bottom: 0;
margin-top: 20px;
}
.team-card p{
font-size: 18px;
line-height:30px;
color: #747474;
font-weight: normal;
font-family: "Roboto";
text-align: center;
}
.ourteam p{
font-size: 18px;
line-height:30px;
}
.ourteam .headtitle p{
font-size: 18px;
line-height:30px;
color: #747474;
font-weight: normal;
font-family: "Roboto";
text-align: center;
margin-top:20px;
margin-bottom:20px;
}
.sustainability .banner{
display: flex;
align-items: center;
justify-content: center;
background: url(../img/banner-sustainability.jpg);
min-height: 420px;
}
.sustainability-content{
text-align: center;
padding-top: 20px;
}
.one-stepinto{
background: #f0f0f0;
}
.one-stepinto .companycenter{
padding: 0;
}
.the-future {
display: flex;
align-items: center;
justify-content: center;
background-size: cover !important;
background: url(../img/future.png);
min-height: 615px;
}
.the-future .primary-heading{
color: #fff;
}
.the-future p{
font-size:18px;
line-height: 30px;
color: #f0f0f0;
font-weight: 300;
font-style: italic;
font-family: "Roboto";
text-align: center;
}
.sus-img{
padding-top: 50px;
}
.leadingbox{
display: flex;
flex-direction: column;
text-align: left;
gap:15px;
border-radius: 20px;
filter: drop-shadow(0px 12px 45px rgba(0,0,0,0.08));
background-color: #ffffff;
padding: 30px;
margin-top: 30px;
}
.leadingbox h3{
font-size: 24px;
line-height: 41px;
color: #747474;
font-weight: 700;
font-family: "Roboto";
margin: 0;
}
.leadingbox p{
font-size: 14px;
line-height:22px;
color: #747474;
font-weight: normal;
font-family: "Roboto";
margin: 0;
}
.leadingbox button{
border-radius: 19px;
background-color: #fbb62c;
font-size: 16px;
line-height: 41px;
color: #ffffff;
font-weight: normal;
font-family: "Roboto";
text-align: center;
box-shadow: none;
border: none;
width: 100px;
}
.leadingbox button:hover{
background: red;
color: #fff;
}
.fulltime{
display: flex;
align-items: center;
gap: 10px;
}
.fulltime .tag{
background-color: #b0b0b0;
color: #fff;
padding: 7px 13px;
margin: 0;
}
.fulltime h4{
font-size: 16px;
line-height: 41px;
color: #747474;
font-weight: 500;
font-family: "Roboto";
text-align: center;
margin: 0;
}
.career .banner{
display: flex;
align-items: center;
justify-content: center;
background: url(../img/banner-career.jpg);
min-height: 420px;
}
.contact .banner{
display: flex;
align-items: center;
justify-content: center;
background: url(../img/banner-contact.jpg);
min-height: 420px;
}
.contact-details{
text-align: left;
}
.contact-details .primary-heading{
font-size: 26px;
line-height: 41px;
color: #266090;
font-weight: 700;
font-family: "Roboto";
text-align: left;
}
.contact-details .detail-wrap{
display: flex;
flex-direction: column;
gap: 15px;
}
.contact-details .detail-wrap span{
font-size:16px;
line-height: 25px;
color: #747474;
font-weight: normal;
font-family: "Roboto";
}
.listdown{
display: flex;
flex-direction: column;
}
.openinghrs{
flex-direction: row !important;
}
.detail-wrap-in{
display: flex;
gap: 10px;
align-items: center;
}
.detail-wrap-in i{
color: #fbb62c;
}
.contact-card-wrap{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0;
margin-bottom: 20px;
}
.contact-card{
display: flex;
gap: 10px;
align-items: center;
}
.openinghrs{
display: flex;
align-items: flex-start;
gap: 30px;
}
.openinghrs .listdown span{
font-size: 16px;
line-height: 30px;
color: #747474;
font-weight: normal;
font-family: "Roboto";
}
.contact-form .form-control{
border-radius: 10px;
background-color: #f0f0f0;
}
.contact-form textarea{
padding-bottom:50px;
}
.btn_submit{
border-radius: 19px;
background-color: #fbb62c;
font-size: 16px;
line-height: 41px;
color: #ffffff;
font-weight: normal;
font-family: "Roboto";
text-align: center;
box-shadow: none;
border: none;
width: 100%;
}
.btn_submit:hover{
background:red;
}
.blog .banner{
display: flex;
align-items: center;
justify-content: center;
background: url(../img/banner-blog.jpg);
min-height: 615px;
}
.blog .banner span{
display: block;
font-size: 30px;
}
.blog-post .row{
}
.blog-post .blog-post-details{
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 40px;
}
.blog-post .blog-post-details img{
width: 100%;
}
.blog-post .blog-post-details .blog-event-wrap{
display: flex;
gap: 20px;
}
.blog-post .blog-post-details .blog-event-wrap .blog-events {
display: flex;
align-items: center;
gap: 10px;
}
.blog-post .blog-post-details .blog-event-wrap .blog-events img{
width: auto;
}
.blog-para .primary-heading{
font-size: 25px;
text-align: left;
}
.blog-para a{
color: #fbb62c;
}
.pagination{
padding-top: 20px;
}
.pagination ul{
padding: 0;
list-style: none;
display: flex;
gap: 10px;
}
.pagination ul li a{
color: #fbb62c;
border: 1px solid #fbb62c;
padding: 0px 8px 2px;
border-radius: 30px;
}
.pagination ul li a.active{
background: #fbb62c;
color: #fff;
}
.pagination ul li:last-child a{
border:none;
}
.blog-right{
background-color: #f8f8f8;
padding: 30px;
margin-top: 40px;
}
.blog-right .row{
gap: 25px;
}
.blog-right .search{
display: flex;
position: relative;
border: 1px solid;
border-radius: 30px;
}
.blog-right .search input{
background: transparent;
text-align: left;
border: none;
}
.blog-right .search input::placeholder{
font-size:16px;
letter-spacing: 0px;
color: #d4d4d4;
font-weight: 500;
font-family: "Roboto";
text-align: center;
text-align: left;
}
.blog-right .search i{
position: absolute;
right: 0;
top: 0;
right: 20px;
top: 15px;
color: #fbb62c;
font-size: 18px;
}
.blog-catagory .primary-heading{
text-align: left;
font-size: 25px;
}
.blog-catagory ul li{
font-size: 16px;
line-height: 32px;
color: #747474;
font-weight: 400;
font-family: "Roboto";
}
.bloglistbox{
display: flex;
gap:15px;
}
.bloglistbox img{
display: flex;
flex: 1;
}
.recent-blog{
display: flex;
flex-direction: column;
gap: 20px;
}
.recent-blog .primary-heading{
text-align: left;
font-size: 25px;
margin: 0;
}
.bloglistbox .recent-content{
display: flex;
flex-direction: column;
flex: 2;
}
.bloglistbox .recent-content p{
font-size: 16px;
line-height: 26px;
color: #747474;
font-weight: 400;
font-family: "Roboto";
margin: 0;
}
.bloglistbox .recent-content a{
color: #fbb62c;
}
.blog-tags .primary-heading{
text-align: left;
font-size: 25px;
padding-bottom: 10px;
}
.blog-tags a{
border-radius: 22px;
background-color: #fbb62c;
color:#fff;
font-size: 16px;
padding: 10px;
display: inline-block;
width: auto;
margin-bottom: 20px;
}
.cotton-card {
position: relative;
margin: 0px;
padding: 0px;
}
.cotton-card .card-content {
padding: 30px;
margin-top: 8rem;
position: absolute;
bottom: 0;
}
.cotton-card .card-content .card-heading {
color: #fbb62c;
font-size: 35px;
font-weight: 500;
text-transform: uppercase;
font-family: 'Roboto';
}
.cotton-card .card-content .card-text {
color: #fff;
font-family: sans-serif;
font-size: 17px;
}
.cotton-card .card-content .bt-card .button-main {
background-color: #fbb62c;
border: 0px;
padding-left: 33px;
padding-right: 33px;
border-radius: 30px;
font-size: 20px;
font-family: sans-serif;
border-radius: 30px;
}
.polyster-card {
background-image: url('../img/polyster-shocks.png');
background-size: cover;
background-position: center;
position: relative;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
}
.polyster-card .card-content {
padding: 30px;
margin-top: 8rem;
}
.polyster-card .card-content .card-heading {
color: #fbb62c;
font-size: 35px;
font-weight: 500;
text-transform: uppercase;
font-family: 'Roboto';
}
.polyster-card .card-content .card-text {
color: #fff;
font-family: sans-serif;
font-size: 17px;
}
.polyster-card .card-content .bt-card .button-main {
background-color: #fbb62c;
border: 0px;
padding-left: 33px;
padding-right: 33px;
border-radius: 30px;
font-size: 25.5px;
font-family: sans-serif;
}
.wool-card {
background-image: url('../img/wool-socks-products.png');
background-size: cover;
background-position: center;
position: relative;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
}
.wool-card .card-content {
padding: 30px;
margin-top: 8rem;
}
.wool-card .card-content .card-heading {
color: #fbb62c;
font-size: 35px;
font-weight: 500;
text-transform: uppercase;
font-family: 'Roboto';
}
.wool-card .card-content .card-text {
color: #fff;
font-family: sans-serif;
font-size: 17px;
}
.wool-card .card-content .bt-card .button-main {
background-color: #fbb62c;
border: 0px;
padding-left: 33px;
padding-right: 33px;
border-radius: 30px;
font-size: 25.5px;
font-family: sans-serif;
border-radius: 30px;
}
.materialslider .owl-nav .owl-prev{
background: none;
}
.materialslider .owl-nav .owl-prev:hover{
background: none;
}
.materialslider .owl-nav .owl-next{
background: none;
}
.materialslider .owl-nav .owl-next:hover{
background: none;
}
.materialslider .btn-container{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.materialslider .btn-container .btn-effect{width:40px;height:40px;background:#ffffff;border-radius:50%;margin:0 5px;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;position:relative;display:block;box-shadow:rgba(0, 0, 0, 0.5) 0 4px 4px!important;}
.materialslider .btn-container .btn-effect span{position:absolute;top:50%;width:10px;height:10px;left:50%;border:2px solid #000000;-webkit-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.materialslider .btn-container .btn-effect span:before{content:"";position:absolute;width:20px;height:2px;background:#000000;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.materialslider .btn-container .btn-effect.prev span{border-right:none;border-bottom:none;}
.materialslider .btn-container .btn-effect.prev span:before{-webkit-transform:rotate(45deg) translate(-2px, -0.7px) scale(0);-ms-transform:rotate(45deg) translate(-2px, -0.7px) scale(0);transform:rotate(45deg) translate(-2px, -0.7px) scale(0);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;}
.materialslider .btn-container .btn-effect.next span{border-left:none;border-top:none;}
.materialslider .btn-container .btn-effect.next span:before{-webkit-transform:rotate(45deg) translate(-2px, 13.5px) scale(0);-ms-transform:rotate(45deg) translate(-2px, 13.5px) scale(0);transform:rotate(45deg) translate(-2px, 13.5px) scale(0);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;}
.materialslider .btn-container .btn-effect:hover{background:#ffffff;}
.materialslider .btn-container .btn-effect:hover.prev span{left:calc(50% - 5px);}
.materialslider .btn-container .btn-effect:hover.prev span:before{-webkit-transform:rotate(45deg) translate(-2px, -0.7px) scale(1);-ms-transform:rotate(45deg) translate(-2px, -0.7px) scale(1);transform:rotate(45deg) translate(-2px, -0.7px) scale(1);}
.materialslider .btn-container .btn-effect:hover.next span{left:calc(50% + 5px);}
.materialslider .btn-container .btn-effect:hover.next span:before{-webkit-transform:rotate(45deg) translate(-2px, 13.5px) scale(1);-ms-transform:rotate(45deg) translate(-2px, 13.5px) scale(1);transform:rotate(45deg) translate(-2px, 13.5px) scale(1);}
.materialslider .owl-nav .owl-prev{
left: -80px;
}
.materialslider .owl-nav .owl-next{
right: -80px;
}
.overview-socks-material{
background-color: #f0f0f0 !important;
}
.about-us{
overflow: hidden;
padding: 100px 0;
}
.about-us .container .row .col-md-7 .inner-section{
margin-left: 0 !important;
}
.about-us .container .row .col-md-7 .inner-section .about-list .about-list-item .fa-check-square {
color: #266090;
font-size: 20px;
position: relative;
top: 3px;
}
.about-us .container .row .col-md-7 .inner-section .about-list .about-list-item .list-item-text {
color: #747474 !important;
margin-left: 10px !important;
}
.about-us .container .row .col-md-7 .inner-section .company-info {
color: #747474;
line-height: 30px;
font-size: 16px;
font-family: 'Roboto';
font-weight: normal;
}
.about-us .container .row .col-md-7 .inner-section .primary-heading{
text-align: left;
font-size: 50px;
}
.hero-slider .container .row .col-md-12 .main-slider-heading .btn-primary{
font-family: 'Roboto';
font-weight: normal;
}
.about-us .container .row .col-md-7 .inner-section{
padding-top: 50;
display: flex;
flex-direction: column;
justify-content: center;
height: 380px;
}
.side-img img{
width: 100%;
}
.about-us .container .row{
margin: 0 !important;
}
.incorpoted-section{
margin-top: 0;
background-image: url(/img/machine.jpg) !important;
}
.incorpoted-section .container .row .col-md-12 .primary-heading{
text-align: left;
}
.incorpoted-section .container .nav .nav-item{
width: 33.33%;
text-align: center;
}
.incorpoted-section .container .nav .nav-item .my-active{
padding: 0;
border:none;
background: #fbb62c;
color: #fff;
}
.incorpoted-section .container .nav .nav-item .nav-link.active{
color: #fbb62c;
background: #ffffff;
/* border-bottom: 5px solid #FBB62C; */
position: relative;
}
.incorpoted-section .container .nav .nav-item .nav-link.active::before{
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 2px;
background: #fbb62c;
left: 0;
}
.incorpoted-section .container .nav .nav-item .nav-link{
padding: 10px 0;
}
.tab-content{
background-color: #f0f0f0;
padding: 20px 30px;
}
.tab-content-main .row .col-12 .tab-content .tab-pane .teb-context {
font-size: 16px;
font-family: 'Roboto';
line-height: 30px;
color: #747474;
margin: 0;
}
.tab-content-main .row .col-12 .tab-content .tab-pane .btn-tabs {
background-color: #fbb62c;
border: 0px;
border-radius: 40px;
padding: 0px 50px 0px 50px;
margin-top: 30px;
font-size: 20px;
font-family: 'Roboto';
font-weight: normal;
}
.quality-material .container .outer-layer{
align-items: center;
}
.quality-material .container .outer-layer .col-md-4 .quality-material{
margin: 0;
}
.quality-material .container .outer-layer .text-layer .text-quality-material{
margin: 0;
padding: 0;
padding-left: 25px;
}
.quality-material .container .outer-layer .col-md-4{
padding-right: 15px;
padding-left: 15px;
}
.outer-layer-img{
padding-left: 0 !important;
}
.quality-material{
margin: 100px 0;
}
.material-overview .container .row .col-8 .overview-section{
margin: 0;
}
.material-overview .container .row .col-8 .overview-section .text-overview{
font-weight: 700;
}
.material-overview .container .row .col-8 .overview-section .text-material-description{
font-size: 16px;
line-height: 30px;
}
.cotton-card .card-content .card-text{
font-size: 14px;
}
.material-overview{
position: relative;
}
.material-overview::before{
content: '';
position: absolute;
bottom: -160px;
background-color: #f0f0f0;
height: 50%;
width: 100%;
}
.socks-size {
margin: 0;
padding: 200px 0 100px;
}
.global-network .container .row .col-12 .primary-text{
margin: 0;
}
.brands {
width: 100%;
padding: 80px 0;
}
.brands .container .row .col:after{
background: url(../img/right-angle.png);
clip-path: none;
background-size: cover;
content: "";
width: 70px;
height: 50px;
border: none;
}
.brands .container .row .col > :first-child:after{
background: url(../img/left-angle.png);
clip-path: none;
background-size: cover;
content: "";
width: 70px;
height: 50px;
border: none;
}
.brands_nav{
display: none;
}
.brands_slider_container {
padding: 0;
padding-right: 0;
width: 80%;
margin: 0 auto;
}
.shocks-category .tab-content{
display:none;
}
.shocks-category .container .row .col-md-12 .sub-heading{
word-spacing: 0 !important;
letter-spacing: 0 !important;
}
.scale-area .container .outer-row .col-md-8 .inner-row .col-md-7 .content-wrapper .primary-title{
text-align: left;
font-family: 'Roboto' !important;
}
.scale-area .container .outer-row .col-md-8 .inner-row-two .col-md-7 .content-wrapper .primary-title{
text-align: left;
font-family: 'Roboto' !important;
}
.machine-n-cap .container .product-devlopment-row .col-md-7 .primary-heading{
text-align: left;
}
.machine-n-cap .container .product-devlopment-row .col-md-7 .sub-heading{
text-align: left;
font-family: 'Roboto' !important;
}
.machine-n-cap .container .quality-row .col-md-7 .primary-heading{
text-align: left;
font-family: 'Roboto' !important;
}
.machine-n-cap .container .quality-row .col-md-7 .sub-heading{
text-align: left;
font-family: 'Roboto' !important;
}
.machine-n-cap .container .row .col-12 .machine-des{
max-width: 100% !important;
margin: 0 auto !important;
}
.centercommon{
text-align: center;
}
.Kerry{
font-size: 28px;
line-height: 41px;
color: #747474;
font-weight: 300;
font-family: "Roboto";
text-align: center;
font-style: italic;
margin-bottom: 50px;
display: block;
}
.contact-phone i{
color: #fbb62c;
}
.grayset-right{
height: 100%;
background-color: #f5f5f5;
padding: 20px;
margin-left: -15px;
min-height: 390px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.grayset-left{
height: 100%;
background-color: #f5f5f5;
padding: 20px;
margin-right: -15px;
min-height: 390px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.digi-max-row .text-start.primary-heading{
text-align: left;
font-size: 40px;
}
.list-wrapper{
margin: 0 !important;
}
.machine-n-cap .container .product-devlopment-row .col-md-7 .list-wrapper .text-justify{
margin: 0 !important;
}
.machine-n-cap .container .quality-row .col-md-7 .list-wrapper .text-justify{
margin: 0 !important;
}
.machine-n-cap .row{
align-items: center;
}
.main-title-top{
font-size: 50px !important;
}
.grytxt{
font-size: 16px !important;
line-height: 30px !important;
color: #747474 !important;
font-weight: 400 !important;
font-family: "Roboto" !important;
}
#footer .footer-newsletter form input[type="submit"]{
font-family: 'Roboto';
color:#fff;
}
#footer .footer-newsletter form input[type="email"]::placeholder{
font-size: 16px;
font-family: 'Roboto';
}
#footer .credits {
text-align: center;
font-size: 13px;
color: #000;
background: #eeeeee;
padding: 5px;
margin-top: 10px;
}
.shocks-category .container .btn-row .btn-col .nav .nav-item .nav-link{
font-weight: 400;
}
#footer .footer-newsletter form input[type="email"]:focus{
outline: none;
background: none;
box-shadow: none;
}
.nav-item .btn-primary {
background-color: #266090 !important;
border: 0px;
border-radius: 47px;
margin-top: 0;
font-size: 25px;
padding: 7px 15px ;
width: auto;
font-size: 20.49px;
font-family: 'Roboto';
color: #fff ;
text-align: center;
}
.nav-item .btn-primary:focus{
outline: none;
box-shadow: none;
border: none;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: hidden;
padding: 0 !important;
}
.modal-body .form-control {
height: 50px;
border-color: #ffffff;
padding-bottom: 10px;
}
.modal-body textarea {
padding-bottom: 100px !important;
overflow-y:hidden;
}
.brands_item img{
width: 150px;
}
.manimg img{
width: 100%;
}