| Server IP : 93.127.173.203 / Your IP : 216.73.216.200 Web Server : LiteSpeed System : Linux in-mum-web669.main-hosting.eu 5.14.0-503.23.2.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 12 05:52:18 EST 2025 x86_64 User : u479334040 ( 479334040) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u479334040/domains/justdial4web.com/public_html/asati/css/ |
Upload File : |
* {box-sizing: border-box;}
a { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; cursor:pointer; text-decoration:none; }
textarea{ resize:none;}
a:hover, a:active { text-decoration:none; }
a:focus { text-decoration:none; outline:none; }
::-moz-selection { color: #fff; background:#ef5555; text-shadow:none;}
::selection { color: #fff; background:#ef5555; text-shadow:none; }
p { display:block; padding:0 0px; margin: 0; }
.clear { clear:both; height:0px; line-height:0px; font-size:0px; margin:0px; padding:0px; display:block; }
.clear5 { display:block; height:5px; line-height:0px; font-size:0px; clear:both; }
.clear10 { display:block; height:10px; line-height:0px; font-size:0px; clear:both; }
.clear20 { display:block; height:20px; line-height:0px; font-size:0px; clear:both; }
.clear40 { display:block; height:40px; line-height:0px; font-size:0px; clear:both; }
header, section, aside, nav, footer { display:block; }
h1, h2, h3, h4, h5, h6 { display:block; margin:0; padding:0; }
img { max-width:100%; }
ul { display:block; margin:0; padding:0; list-style:none; }
body {font-family: 'Hind', sans-serif; color:var(--light-black); padding: 0; margin: 0; background:url(../images/bg_img.png) ;}
:root {
--yellow: #e2bc11;
--red: #eb1e25;
--black:#181d1a;
--light-black:#454d4c;
--green:#76911f;
}
.container {
max-width: 1200px;
margin:auto
}
header {
color: var(--black);
}
header .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
header .container .col img {
display: block;
}
.follow-div {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.follow-div ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.follow-div ul li > a {
padding-left: 10px;
color: #fff;
font-size: 1.125rem;
}
.follow-div ul li > a:hover {
color: var(--red) ;
}
.top_contact {
font-size: 1.125rem;
text-align: right;
color: var(--green);
}
.asati__banner {
background-color: var(--light-black);
background: url(../images/banner_bg.jpg);
}
.asati__banner * {
display: block;
padding: 0;
margin: 0 auto;
}
.asati__welcome {
display: block;
padding: 2.5rem 0;
background-size: cover;
text-align: center;
}
.asati__welcome p {
max-width: 1000px;
margin: 0 auto 2rem;
font-size: 1.1rem;
}
.viewmorebtn {
min-width: 200px;
line-height: 48px;
text-align: center;
background-color: var(--black);
color: #fff;
display: inline-block;
font-size: 1.2rem;
text-transform: uppercase;
border-radius: 4px;
}
.viewmorebtn:hover {
background-color: var(--red);
}
.asati__ricetypes {
padding: 5rem 0;
}
.asati__ricetypes .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.asati__ricetypes .container .col {
flex: 0 0 32%;
display: flex;
}
.asati__ricetypes .container .col .text__block {
line-height: 1.2;
padding-left: 1rem;
}
.asati__ricetypes .container .col img {
max-width: 140px;
}
.asati__ricetypes .container .col p {
padding: 0;
margin: 10px 0;
}
.asati__ricetypes .container .col .viewmorebtn {
min-width: 110px;
line-height: 2rem;
font-size: 1rem;
background-color: var(--red);
}
.asati__ricetypes .container .col .viewmorebtn:hover {
background-color: var(--black);
}
.asati__ricetypes .container .col h3 {
color: var(--red);
padding: 0;
margin: 0;
}
.asati__whyus {
background:url(../images/basmatirice.png) no-repeat;
padding: 3rem 0;
color: #fff;
background-size: cover;
background-attachment: fixed;
}
.asati__whyus .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.asati__whyus .container .col {
flex: 0 0 48%;
text-align: center;
}
.asati__whyus h3 {
font-size: 2rem;
font-weight: 500;
line-height: 1.3;
padding-top: 0.8rem;
}
.asati__whyus p {
font-size: 1.2rem;
padding-top: 0.8rem;
}
.upm__servicerange {
padding: 3.125rem 0;
}
.upm__servicerange h2 {
text-align: center;
}
.service_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 1.125rem;
}
.service_wrapper .col {
width: 100%;
border-bottom: 4px solid var(--red) !important;
padding: 40px 15px 15px;
border: 1px solid #f1f1f1;
box-shadow: 0 3px 5px #dedede;
margin-bottom: 3rem;
flex: 0 0 32%;
text-align: center;
background-color: #fff;
}
.service_wrapper .col .enquirynowbtn {
min-width: 110px;
line-height: 2rem;
font-size: 1rem;
background-color: var(--red);
display: inline-block;
color: #fff;
margin: 1.2rem 0;
}
.service_wrapper .col .enquirynowbtn:hover {
background-color: var(--black);
}
.upm__servicerange {
display: block;
padding: 3rem 0;
background-size: cover;
text-align: center;
}
.upm__whyus {
background: var(--light-black);
padding: 3.125rem 0;
background-size: cover;
color: #fff;
}
.upm__whyus .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.upm__whyus .container .col {
flex: 0 0 31%;
text-align: center;
color: #fff;
}
.upm__whyus .container .col h3 {
font-size: 1.56rem;
}
.footer {
color: var(--black);
padding: 4rem 0 0;
}
.footer-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-wrap .col:first-child {
width: 25%;
}
.footer-wrap .col:first-child p {
font-size: 1.125rem;
line-height: 1.3;
padding: 0;
}
.footer-wrap .col h3 {
font-size: 1.375rem;
font-weight: 500;
margin-bottom: 1rem;
}
.footer-wrap .ftrlinks li {
margin-bottom: 0.8rem;
}
.footer-wrap .ftrlinks li a {
color:var(--black);
position: relative;
}
.footer-wrap .ftrlinks li a:hover {
color: var(--red);
}
.footer-wrap .ftrlinks li a:before {
content: '⟶';
padding-right: 10px;
}
.footer td {
text-transform: uppercase;
}
ul.ftr_social {
display: flex;
flex-wrap: wrap;
}
ul.ftr_social li a {
display: block;
height: 42px;
width: 42px;
line-height: 42px;
background-color: #23323f;
text-align: center;
color: #828f95;
border-radius: 50%;
margin-right: 5px;
}
ul.ftr_social li a:hover {
background-color: var(--red);
color: #fff;
}
.ftr__copyright {
margin-top: 1.825rem;
padding: 15px 0;
border-top: 1px solid #ddd;
}
.ftr__copyright .container {
display: flex;
flex-wrap: wrap;
justify-content: space-betweens;
}
.ftr__copyright .container .col {
flex: 1;
}
.ftr__copyright .container .col:last-child {
text-align: right;
}
.ftr__copyright .container .col a {
color: var(--black);
}
.ftr__copyright .container .col a:hover {
color: var(--red);
}
.top_social {
display: flex;
flex-wrap: wrap;
}
.top_social a {
padding-left: 10px;
color: #fff;
}
.top_social a:hover {
color: #f69621;
}
.top_go {
width: 50px;
border: 2px solid #f69621;
color: #f69621;
font-size: 1.5rem;
text-align: center;
line-height: 46px;
position: fixed;
right: 2%;
bottom: 4%;
background-color: #07202b;
cursor: pointer;
z-index: 1111;
}
nav {
}
nav .top_navbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
nav .top_navbar > li > a {
display: block;
font-size: 1.2rem;
color: var(--black);
text-transform: uppercase;
padding: 0 0 10px 35px;
}
nav .top_navbar > li > a:hover, nav .top_navbar > li > a.active {
color: var(--red);
}
nav .top_navbar > li.active a {
color: var(--red);
}
.innerwrapper {
padding: 2.5rem 0;
border-top: 1px solid #ddd;
background: rgba(245,245,245,0.5);
}
.innerwrapper h1 {
font-size: 1.8rem;
margin-bottom: 1rem;
}
img.porimgh {
max-height: 250px;
}
.div_content {
/*display: flex;
flex-wrap: wrap;
justify-content: space-between;*/
overflow: hidden;
}
.fltright {
float: right;
max-width: 500px;
margin-left: 0;
}
.max-widthimg {
max-width: 400px;
padding: 10px;
border: 1px solid var(--red);
}
.col-flexinner {
border-bottom: 1px solid rgba(0,0,0,0.1);
margin-bottom: 2rem;
padding-bottom: 2rem;
}
.col-flexinner:last-child {
border: 0;
}
.col-flexinner h2 {
font-size: 1rem;
color: var(--red);
}
.col-flexinner ul {
list-style: disc;
margin-left: 15px;
text-transform: lowercase;
}
.instructionbox {
margin: 1rem 00 0 0;
}
.contact_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 2rem 0;
}
.contact_wrapper .col {
width: 40%;
}
ul.contact_info.large.lsn {
list-style: none !important;
margin: 0;
}
.contact_wrapper .col ul li {
padding: 0 0 0.5rem 0;
font-size: 1.2rem;
width: 100%;
float: left;
}
.contact_wrapper .col ul li i {
float: left;
height: 40px;
overflow: hidden;
width: 50px;
color: var(--red);
}
.contact_wrapper .col ul li strong {
color: var(--light-black);
}
.contact_wrapper .form-control {
width: 100%;
height: 35px;
border-radius: 5px;
outline: 0;
border: 1px solid #ddd;
margin-bottom: 0.625rem;
font-family: inherit;
padding: 0 15px;
font-size: 1rem;
opacity: 0.8;
}
.contact_wrapper textarea.form-control {
height: auto;
padding: 15px;
height: 120px;
}
.submitbtn {
background-color: var(--red);
padding: 10px 25px;
font-size: 1.2rem;
color: #fff;
border-radius: 5px;
font-family: inherit;
border: 0;
cursor: pointer;
transition: all 0.3;
}
.submitbtn:hover {
background-color: var(--yellow);
}
.innerwrapper.contactwrap {
padding-bottom: 0;
}
span.menubur {
display: none;
padding: 15px 15px;
font-size: 1.2rem;
color: var(--black);
align-items: center;
}
@media(max-width:1250px) {
.container {padding: 0 15px;}
.asati__banner .container {padding: 0 0px;}
}
@media(min-width:767px) and (max-width:991px) {
.asati__ricetypes .container .col {flex: 0 0 100%; margin-bottom: 1.8rem;}
.upm__whyus .container .col {flex: 0 0 100%; margin-bottom: 1.8rem;}
.service_wrapper .col {flex: 0 0 48%; margin-bottom: 1.8rem;}
nav .top_navbar > li > a { padding: 15px 35px 15px 0; }
.top_contact {font-size: 0.8rem; }
}
@media(max-width:767px) {
body {font-size: 14px;}
header .container {padding: 0;}
header .col:first-child {background-color: #fff; flex: 0 0 100%; text-align: center;}
header .col:last-child {flex: 0 0 100%;}
header .col .top_contact {display: none;}
header .col .follow-div {justify-content: center;}
header .col:first-child img {margin: auto;}
.asati__ricetypes .container .col {flex: 0 0 100%; margin-bottom: 1.8rem;}
.asati__whyus .container .col {flex: 0 0 100%; margin-bottom: 1.8rem;}
.service_wrapper .col {flex: 0 0 100%; margin-bottom: 1.8rem;}
.upm__whyus .container .col {flex: 0 0 100%; margin-bottom: 1.8rem;}
.footer-wrap .col {flex: 0 0 100%; margin-bottom: 1.8rem;}
.ftr__copyright .container .col{flex: 0 0 100%; text-align: center;}
.ftr__copyright .container .col:last-child {text-align: center; margin: 0;}
.fltright {float: none; max-width: 100%; margin-left: 0; width: 100%; margin-bottom: 20px; }
.contact_wrapper .col {width: 100%; }
nav .top_navbar {display: none; }
nav .top_navbar > li > a { border-bottom: 1px solid rgba(245,245,245,0.1); }
span.menubur {display: block;}
}