/**reset css starts here **/
html {
line-height: normal;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
margin: 0;
overflow-x: hidden;
padding: 0;
}
html,
body {
width: 100%;
}
body:before,
body:after {
content: none !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
a,
input[type="submit"],
input[type="button"],
.btn,
button {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms- transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
section {
clear: both;
}
main {
display: block
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
a {
background-color: transparent
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
abbr[title] {
border-bottom: none;
text-decoration: underline
}
b,
strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
img {
border-style: none;
max-width: 100%;
vertical-align: top;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: normal;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
outline: none;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: 0.35em 0.75em 0.625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -2px
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
body {
font-family: 'Indie Flower', cursive;
}
p {
font-size: 16px;
color: #818080;
line-height: 25px;
font-family: 'Quicksand', sans-serif;
}
/**reset css ends here **/
/*Header Starts here*/
.navbar-brand {
height: auto;
padding: 0;
}
.navbar {
min-height: auto;
margin-bottom: 0;
padding: 10px 0;
}
.top-header {
background: #007cdc;
padding: 8px 0
}
.top-header ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.top-header ul li {
margin-right: 20px;
font-size: 11px;
font-family: 'Quicksand', sans-serif;
}
.top-header ul li a {
color: #fff;
}
.top-header ul li:last-child {
margin-left: auto;
padding-right: 0;
margin-right: 0;
}
.top-header ul li a i {
margin: 0 5px;
}
.navbar-nav > li {
float: left;
font-size: 20px;
padding: 0 20px;
}
.nav > li > a {
position: relative;
display: block;
padding: 0;
color: #000;
}
.nav > li > a:before {
position: absolute;
content: "";
left: 0;
right: 0;
margin: auto;
background: #f8bd0a;
bottom: -26px;
width: 0;
height: 3px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms- transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.nav > li > a:hover:before {
width: 100%
}
nav.navbar .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.top-header .container {
padding-left: 0;
}
.top-header ul li lastchild a:lastchild
{
margin-left: 0;
}
.cust-foot figure img {
width: 100%;
max-width: 200px;
height: 90px;
}
.navbar-nav li:last-child {
padding-right: 0;
}
/*header ends here*/
/*Banner starts here*/
.banner {
background: url(../images/bannerimg.png)no-repeat;
background-size: cover;
background-position: center;
padding: 200px 0;
}
.banner h3 {
font-size: 75px;
line-height: 80px;
color: #ffffff;
text-transform: uppercase;
}
.banner p {
font-size: 18px;
line-height: 30px;
color: #fff;
margin-bottom: 20px;
}
.custm-btn, .Work-us-card div.wpforms-container-full .wpforms-form button[type=submit], .Work-us-card div.wpforms-container-full .wpforms-form button[type=submit],
.Get-in-touch input.wpcf7-form-control.wpcf7-submit {
background: #f8bd0a;
border: 1px solid #f8bd0a;
font-size: 16px;
color: #fff !important;
border-radius: 45px;
padding: 10px 30px;
text-transform: capitalize;
display: inline-block;
font-family: 'Quicksand', sans-serif;
}
.custm-btn:hover, .Work-us-card div.wpforms-container-full .wpforms-form button[type=submit]:hover, .Work-us-card div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.Get-in-touch input.wpcf7-form-control.wpcf7-submit:hover {
color: #f8bd0a !important;
background: #fff;
border: 1px solid #f8bd0a;
}
section {
position: relative;
overflow: hidden
}
section:before {
position: absolute;
content: "";
left: -6px;
width: 52%;
height: 140px;
background: #fff;
bottom: -58px;
transform: rotate(10deg) skewX(11deg);
z-index: 1;
}
section:after {
position: absolute;
content: "";
right: -6px;
width: 52%;
height: 140px;
background: #fff;
bottom: -58px;
transform: rotate(-10deg) skewX(-10deg);
z-index: 1;
}
.about {
padding: 100px 0 0;
text-align: center;
background: url(../images/bgimage.png)no-repeat;
background-size: cover;
background-position: center
}
.about:before,
.about:after {
background: #007cdc
}
.ngo-list {
padding: 100px 0;
background: #007cdc url(../images/bgimage.png)no-repeat;
background-size: cover;
background-position: center;
margin-top: -12px;
}
.about p {
margin-bottom: 20px
}
.about figure {
margin: 50px 0 0;
margin-bottom: -57px;
}
.ngo-list:before,
.ngo-list:after {
display: none
}
.ngo-list ul li a {
font-size: 30px;
}
.head h2 {
font-size: 60px;
line-height: 60px;
color: #f8bd0a;
text-transform: capitalize;
padding-bottom: 10px;
}
.head {
position: relative;
margin-bottom: 20px;
padding-bottom: 5px;
}
.head:before {
position: absolute;
content: "";
background: #666666;
left: 0;
right: 0;
margin: auto;
width: 100%;
max-width: 75px;
height: 3px;
bottom: 0
}
.head h2 span {
color: #007cdc
}
.head p {
color: #8c8b8b;
font-size: 15px;
font-family: 'Quicksand', sans-serif;
}
div#myNavbar {
margin-left: auto;
}
.nav > li > a:focus,
.nav > li > a:hover {
text-decoration: none;
background-color: transparent;
outline: none;
}
.ngo-list ul li h3 {
color: #fff;
font-size: 30px;
margin-bottom: 7px;
}
.ngo-list ul li p {
color: #fff;
margin-bottom: 10px;
font-size: 14px;
line-height: 21px;
}
.ngo-list .white-box {
background: #fff;
padding: 40px 20px;
position: relative;
top: auto;
bottom: -100px;
}
.ngo-list a {
font-size: 14px;
color: #fff;
font-family: 'Quicksand', sans-serif;
}
.ngo-list .white-box .head {
margin-bottom: 45px;
}
.ngo-list .white-box .head:before {
right: auto
}
/*Service section starts here*/
section.service-cstm:before,
section.service-cstm:after,
section.map:after,
section.map:before {
display: none
}
.service-cstm {
padding: 100px 0;
}
.service-cstm .head:before {
right: auto
}
.txtbox {
position: relative
}
.txtbox:before {
position: absolute;
content: "";
background: url(../images/help.png);
background-size: contain;
background-position: right;
width: 100px;
height: 100px;
right: 10px;
bottom: 10px;
}
.txtbox h3 {
font-size: 28px;
color: #333333;
margin-bottom: 10px;
}
.txtbox p {
color: #818080;
font-size: 15px;
line-height: 25px;
}
a.read:before {
position: absolute;
content: "";
width: 72px;
height: 3px;
left: 0;
top: 54%;
transform: translateY(-50%);
background: #000;
}
a.read {
font-size: 15px;
color: #818080;
font-family: 'Quicksand', sans-serif;
position: relative;
margin: 30px 0;
display: block;
padding-left: 85px;
}
a.read:hover {
color: #f8bd0a
}
a.read:hover:before {
background: #f8bd0a
}
.service-cstm figure {
width: 270px;
}
.txtbox {
position: absolute;
bottom: -50px;
background: #fff;
right: 2px;
width: 300px;
padding: 20px;
box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.service-cstm .owl-carousel .owl-stage-outer {
padding: 0 0 59px 0px;
}
/*Map section starts here*/
.map {
background: url(../images/map.png)no-repeat;
background-position: center center;
background-size: cover;
padding: 100px 0
}
.map h3 {
color: #fff;
font-size: 40px;
line-height: 45px;
}
.map p {
color: #fff
}
.map .custm-btn {
background: #fff;
color: #f8bd0a !important;
}
section.map .row {
display: flex;
align-items: center;
}
/*Map section ends here*/
/*Footer Section starts here*/
footer {
background: #000000;
}
.cust-foot {
padding: 100px 0 80px;
}
.cust-foot figure {
margin-bottom: 10px;
text-align: center;
}
.cust-foot ul {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.cust-foot ul li {
font-size: 17px;
border-right: 1px solid #181818;
padding: 0 20px;
line-height: 17px;
margin-bottom: 10px;
}
.cust-foot ul li a {
color: #fff;
}
.cust-foot ul li a:hover {
color: #f8bd0a
}
.copyrite p {
color: #fff;
font-size: 11px;
border-top: 1px solid #181818;
padding: 20px 0;
text-align: center;
}
.navbar-brand > img {
display: block;
width: 135px;
height: auto;
}
.service-cstm .owl-nav button {
width: 48px;
height: 48px;
color: #fff !important;
background: #e8e8e8 !important;
border-radius: 100%;
}
.service-cstm .owl-nav {
position: absolute;
top: 35%;
width: 100%;
}
.service-cstm .owl-nav button.owl-prev {
left: -58px;
position: absolute;
line-height: 52px !important;
}
.service-cstm .owl-nav button.owl-next {
right: -58px;
position: absolute;
line-height: 52px !important;
}
.service-cstm .owl-nav button:hover {
background: #f8bd0a !important
}
.banner-owl .owl-dots .owl-dot {
width: 10px;
height: 10px;
background: transparent !important;
border: 1px solid #fff !important;
border-radius: 100%;
display: block;
margin: 10px 0;
}
.banner-owl button.owl-dot.active {
width: 10px;
height: 30px;
border-radius: 7px;
background: #f8bd0a !important;
border: 1px solid #f8bd0a !important;
}
.banner-owl .owl-dots {
position: absolute;
top: 42%;
transform: translateY(-50%);
right: 30px;
}
.custom-counter {
margin: 0;
padding: 0;
list-style-type: none;
}
.custom-counter li {
counter-increment: step-counter;
margin-bottom: 10px;
padding-left: 75px;
}
.custom-counter li::before {
content: counter(step-counter);
margin-right: 5px;
font-size: 16px;
background-color: transparent;
color: white;
font-weight: bold;
border: 1px solid #fff;
width: 50px;
line-height: 50px;
height: 50px;
border-radius: 100%;
display: inline-block;
text-align: center;
left: 16px;
margin: auto;
position: absolute;
font-family: 'Quicksand', sans-serif;
}
.ngo-list a {
font-size: 14px;
color: #fff;
font-family: 'Quicksand', sans-serif;
padding-left: 50px;
text-decoration: underline;
}
.ngo-list a:hover {
color: #f8bd0a
}
/*about page start here*/
.banner.innerbanner {
padding: 85px 0 185px
}
.banner.innerbanner h3 {
font-size: 70px;
line-height: 70px
}
.about-content {
padding: 60px 0;
}
.about-content:before,
.about-content:after,
.pro-content:before,
.pro-content:after,
.about-us-content-area:before,
.about-us-content-area:after {
display: none
}
.head.innerhead h2 {
font-size: 50px;
line-height: 50px;
}
.about-content .row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.banner.innerbanner:before {
width: 53%;
height: 148px;
bottom: -73px;
}
.banner.innerbanner:after {
right: -12px;
width: 52%;
height: 148px;
bottom: -75px;
}
/*provision page starts here*/
.pro-content {
padding: 60px 0px;
}
.pro-content .head.innerhead:before {
right: auto
}
.pro-content .wrapbox h3 {
font-size: 28px;
line-height: 34px;
color: #333333;
margin-bottom: 5px;
text-transform: capitalize;
}
.wrapbox figure {
width: 80px;
height: 81px;
margin: 30px 0 15px 0;
border-radius: 100%;
border: 2px solid #000;
padding: 10px;
}
section.custm-contact:before,
section.custm-contact:after,
section.default-page:before,
section.default-page:after{
display: none
}
.form-custm label,
.form-custm span,
.form-custm input,
.form-custm textarea {
width: 100%;
}
.form-custm input {
height: 50px;
border-radius: 30px;
border: 1px solid #000;
padding: 10px;
}
section.custm-contact {
padding-bottom: 100px;
padding-top: 30px;
}
.form-custm p {
margin-bottom: 20px;
width: 100%;
}
.form-custm p:nth-of-type(2), .form-custm p:nth-of-type(3) {
width: 49%;
display: inline-block;
}
.form-custm input[type="submit"] {
background: #f8bd0a;
border: 1px solid #f8bd0a;
font-size: 16px;
color: #fff !important;
border-radius: 45px;
padding: 10px 30px;
text-transform: capitalize;
display: inline-block;
font-family: 'Quicksand', sans-serif;
max-width: 200px;
transition: all ease 0.3s;
}
.form-custm input[type="submit"]:hover {
background: transparent;
color: #f8bd0a!important;
}
.form-custm textarea {
border-radius: 15px;
padding: 10px;
border: 1px solid #000;
}
.form-custm form {
box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
padding: 50px 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-radius: 10px;
}
.address {
background: #007cdc url(../images/wavy_lines_bg.svg)no-repeat;
background-size: cover;
background-position: center right;
position: relative;
height: 100%;
padding: 100px 0px;
border-radius: 10px;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);
}
/*section.custm-contact .row {
display: flex;
overflow: hidden;
}*/
/*.address ul {
background: #fff;
padding: 40px 20px;
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 65%;
margin: 0 auto;
}*/
.address-wrapper ul {
background: #fff;
/*padding: 20px 20px;*/
max-width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 20px;
}
section.custm-contact h3 {
font-size: 30px;
margin-bottom: 20px;
text-align: center;
}
.address ul li span {
position: absolute;
left: 0;
top: 2px;
font-size: 22px;
}
.address-wrapper ul li a, .address-content {
/*color: #626778;*/
color: #007cdc;
font-weight: 600;
}
.address-wrapper ul li p {
text-transform: capitalize;
}
/*.address ul li {
font-size: 18px;
margin-bottom: 15px;
position: relative;
padding-left: 33px;
color: #626778;
font-family: 'Quicksand', sans-serif;
}*/
.address-wrapper ul li {
font-size: 18px;
margin-bottom: 15px;
position: relative;
/* padding-left: 33px; */
color: #626778;
font-family: 'Quicksand', sans-serif;
width: 48%;
}
.address-wrapper ul li a:hover,
.address-content:hover {
color: #f8bd0a
}
.form-custm {
padding: 2px;
padding-top: 100px;
}
.default-page {
padding: 20px 0;
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
}
.default-page h1{
font-size: 30px;
margin-bottom: 7px;
}
.default-page p{
font-size:15px;
line-height:20px;
text-align: justify;
text-align-last: center
}
.screen-reader-response {
display: none;
}
/*200422*/
/**************/
.about-content-points {
padding-left: 50px;
padding-bottom: 50px;
padding-top: 10px;
list-style: disc;
}
.about-content-points li {
margin-bottom: 5px;
}
.address-wrapper {
padding: 20px;
background: #fff;
width: 90%;
margin: 0 auto;
border-radius: 10px;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);
}
.wrapbox a {
font-weight: 600;
color: #007cdc;
transition: all ease 0.3s;
}
.wrapbox a:hover {
color: #f8bd0a;
}
.provision-content-wrapper ul li {
list-style: disc;
}
.provision-content-wrapper ul {
padding-left: 45px;
}
.provision-content-wrapper ul li ul li {
list-style: circle;
}
.provision-content-wrapper ul li ul {
padding-left: 30px;
}
.provision-content-wrapper ul li {
font-family: 'Quicksand', sans-serif!important;
font-size: 16px;
color: #818080;
line-height: 25px;
list-style: disc;
}
.pro-content .head.innerhead:before {
left: auto;
}
.provision-sub-page::before,
.provision-sub-page::after {
display: none;
}
.provision-sub-page {
padding: 50px 0;
}
.nav > li.current-menu-item > a:before {
width: 100%;
}
.default-page .de-page-content p {
line-height: 25px;
text-align-last: left;
}
.default-page .de-page-content h1{
font-size: 30px;
margin-bottom: 7px;
margin-top: 30px;
}
/*23-04-2020*/
.img-card {
height: 300px;
border-radius: 10px;
/*box-shadow: 0px 0px 10px rgba(0,0,0,0.1);*/
overflow: hidden;
}
.img-card img {
width: 100%;
height: 100%;
object-fit: cover;
}
.philosohy-img-card {
width: 100%;
height: 240px;
overflow: hidden;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
/*border: 10px solid #ffff;*/
}
.philosohy-img-card img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.mini-heading, .provision-content-text + p {
font-size: 23px;
font-weight: 500;
margin-bottom: 10px;
color: #333;
}
.feature-card .mini-heading{
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.about-us-content-area {
/*padding: 50px 0px;*/
padding-bottom: 50px;
background: #f4f4f4;
}
.about-content-points-text {
padding-left: 30px;
position: relative;
color: #333;
}
.philosohy-points {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
padding: 40px;
background: #fff;
border-radius: 10px;
border: 1px dashed #f8bd0a;
}
.philosohy-points li{
margin-bottom: 15px;
}
.philosohy-points li .star-line {
position: absolute;
left: 0;
top: 0px;
color: #f8bd0a;
}
.inner-content-area {
margin-top: 50px;
display: block;
}
.provision-content-wrapper>ul {
padding: 0;
padding-top: 10px;
}
.provision-content-wrapper>ul>li {
list-style: none;
color: #333;
font-size: 18px;
padding-left: 30px;
position: relative;
}
.provision-content-wrapper>ul>li:after{
position: absolute;
content: "\f005";
font-family: 'Font Awesome\ 5 Free';
left: 0;
top:0px;
font-size: 18px;
color: #f8bd0a;
}
.provision-card {
display: block;
margin-top: 45px;
}
.feature-card {
display: block;
padding: 20px;
padding-top: 75px;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
margin-top: 50px;
text-align: center;
background: #fff;
}
.feature-card p {
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
line-height: 25px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.feature-icon {
width: 100px;
height: 100px;
border-radius: 50%;
background: #fff;
margin: 0px auto;
padding: 18px;
border: 1px dashed;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0px;
}
.provision-feature-sec {
padding: 60px 0px;
background: #f2f2f2;
}
.provision-feature-sec:after, .provision-feature-sec:before{
display: none;
}
.read-more-brn {
margin-top: 15px;
display: inline-block;
font-size: 18px;
}
.read-more-brn:hover, .read-more-brn:focus{
outline: none;
color: #000;
}
p.about-us-content-text{
margin-bottom: 20px;
}
.Work-us-card {
padding: 40px;
border-radius: 10px;
max-width: 900px;
margin: 50px auto;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
border: 2px dashed #d1d1d1;
}
.Work-us-card .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium,
.Get-in-touch input.wpcf7-form-control.wpcf7-text, .Get-in-touch textarea.wpcf7-form-control.wpcf7-textarea {
font-family: 'Quicksand', sans-serif;
width: 100%;
max-width: 100% !important;
border: 1px solid #d1d1d1 !important;
border-radius: 6px !important;
height: 45px !important;
font-size: 16px;
padding: 6px 10px;
}
.Work-us-card .wpforms-form input.wpforms-field-medium:focus, div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium:focus,
.Get-in-touch input.wpcf7-form-control.wpcf7-text:focus, .Get-in-touch textarea.wpcf7-form-control.wpcf7-textarea:focus {
border:1px solid #333 !important;
outline: none;
box-shadow: none;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium, .Get-in-touch textarea.wpcf7-form-control.wpcf7-textarea{
height: 120px !important;
resize: none;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label{
margin-bottom: 10px;
}
.contact-info-address {
background: #007cdc;
padding: 15px;
display: block;
}
.contact-info-address h4 {
font-family: 'Quicksand', sans-serif;
font-size: 20px;
color: #ffc104;
font-weight: 500;
margin-bottom: 10px;
}
.contact-info-address p, .contact-info-address a{
color: #fff;
font-family: 'Quicksand', sans-serif;
}
.contact-info-address a:hover{
color: #ffc104;
}
.info-contact {
display: block;
margin-bottom: 10px;
}
.Get-in-touch {
-webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(255, 255, 255, 0.2);
box-shadow: 0px 5px 28.5px 1.5px rgba(255, 255, 255, 0.2);
padding: 30px;
border: 1px dashed #d1d1d1;
border-radius: 5px;
}
.Get-in-touch h3{
font-family: 'Quicksand', sans-serif;
text-align: left;
}
.custm-contact .Get-in-touch h3{
text-align: left;
}
.Get-in-touch label, div.wpforms-container-full .wpforms-form .wpforms-field-label {
font-family: 'Quicksand', sans-serif;
display: block;
font-weight: 700;
font-size: 16px;
color: #333;
margin-bottom: 25px;
position: relative;
}
div.wpforms-container-full .wpforms-form label.wpforms-error{
color: #ee0b0b !important;
font-size: 14px !important;
font-family: 'Quicksand', sans-serif;
}
.wpcf7-form-control {
font-weight: 500;
}
div#wpforms-field-limit-text-206-3 {
display: none;
}
.top-header ul li a i:hover,
.top-header ul li a:hover{
color: #f8bd0a;
}
span.required-label {
color: #f00;
font-weight: 400;
font-size: 16px;
}
/*290420*/
.contact_form_cst{
margin-bottom: 40px;
}
.contact_form_cst .contact-info-address{
display: flex;
flex-wrap: wrap;
border-radius: 5px;
}
.contact_form_cst .contact-info-address div{
width:25%;
padding: 10px;
text-align: center;
}
.contact_form_cst .contact-info-address h4,
.contact_form_cst .contact-info-address div:first-of-type{
width: 100%;
text-align: center;
}
.form_sel_design .Get-in-touch{
max-width: 900px;
margin: 0px auto;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.form_sel_design select {
font-family: 'Quicksand', sans-serif;
width: 100%;
max-width: 100% !important;
border: 1px solid #d1d1d1 !important;
border-radius: 6px !important;
height: 45px !important;
font-size: 16px;
padding: 6px 40px 6px 10px;
-webkit-appearance: none;
outline: none;
box-shadow: none;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjtmaWxsOiNhZGFiYWI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNNTA2LjE1NywxMzIuMzg2Yy03LjgwMy03LjgxOS0yMC40NjUtNy44MzEtMjguMjg1LTAuMDI5bC0yMDcuNzMsMjA3LjI5OWMtNy43OTksNy43OTgtMjAuNDg2LDcuNzk3LTI4LjI5OS0wLjAxNQ0KCQkJTDM0LjEyOCwxMzIuMzU3Yy03LjgxOS03LjgwMy0yMC40ODEtNy43OS0yOC4yODUsMC4wMjljLTcuODAyLDcuODE5LTcuNzg5LDIwLjQ4MiwwLjAyOSwyOC4yODRsMjA3LjcwMSwyMDcuMjcNCgkJCWMxMS43MDEsMTEuNjk5LDI3LjA2NiwxNy41NDcsNDIuNDMzLDE3LjU0N2MxNS4zNTgsMCwzMC43MTktNS44NDYsNDIuNDA1LTE3LjUzM0w1MDYuMTI4LDE2MC42Nw0KCQkJQzUxMy45NDYsMTUyLjg2OCw1MTMuOTU5LDE0MC4yMDUsNTA2LjE1NywxMzIuMzg2eiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K");
background-size: 16px;
background-position: top 15px right 10px;
background-repeat: no-repeat;
}
.form_sel_design select:focus{
border-color:#333 !important;
}
.navbar{
padding: 0;
}
.navbar-nav > li ul.sub-menu {
position: absolute;
left: 0;
background: #fff;
z-index: 9;
padding: 20px;
top: 100%;
display: none;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.navbar-nav > li:hover ul.sub-menu{
display: block;
}
.navbar-nav > li {
padding: 25px 20px;
}
.navbar-nav > li ul.sub-menu li a{
white-space: nowrap;
color: #000
}
.navbar-nav > li ul.sub-menu li a:hover{
color: #f8bd0a
}
.banner_outer_sec{
position: relative;
}
.banner_outer_sec .cst_marquee{
position: absolute;
top: 10px;
width: 100%;
z-index: 9;
}
.marquee-inner {
display: flex;
width: min-content;
/*width: 10000%;*/
}
.inner_content {
float: left;
color: #fff;
width: auto;
padding: 0 100px;
min-width: 100vw!important;
}
section.service-cstm.blog_details{
padding-bottom: 70px;
}
section.service-cstm.blog_details .blog_wrap{
margin-bottom: 30px;
}
section.service-cstm.blog_details .row:after,
section.service-cstm.blog_details .row:before{
display: none;
}
section.service-cstm.blog_details .row{
display: flex;
flex-wrap: wrap;
}
section.service-cstm.blog_details .blog_wrap .txtbox{
position: relative;
width: 100%;
bottom: unset;
}
section.service-cstm.blog_details .blog_wrap .txtbox figure{
width: 100%;
}
section.service-cstm.blog_details .blog_wrap .txtbox img{
width: 100%;
height: 160px;
object-fit: cover;
object-position: center;
}
section.service-cstm.blog_details .blog_wrap .txtbox:before{
display: none;
}
section.service-cstm.blog_details .blog_wrap .txtbox h3,
section.service-cstm.blog_details .blog_wrap .txtbox p,
section.service-cstm .service-owl .item .txtbox p{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
section.service-cstm.blog_details .blog_wrap .txtbox h3{
-webkit-line-clamp: 2;
}
section.service-cstm.blog_details .blog_wrap .txtbox a{
margin-bottom: 0;
}
section.service-cstm.blog_details .innerhead{
margin-bottom: 70px;
}
section.service-cstm.blog_details .innerhead:before{
right: 0;
}
section.service-cstm .service-owl .item .txtbox p{
-webkit-line-clamp:4;
}
section.about-us-content-area.cst_accomodation_page{
background-color: transparent!important;
}
/*section.about-us-content-area.cst_accomodation_page .cst_image_change .row+.row{
padding-top: 70px;
}*/
section.about-us-content-area.cst_accomodation_page .cst_image_change .row.flex-center-row{
display: flex;
flex-wrap: wrap;
}
section.about-us-content-area.cst_accomodation_page .cst_image_change .row.flex-center-row:after,
section.about-us-content-area.cst_accomodation_page .cst_image_change .row.flex-center-row:before{
display: none;
}
section.about-us-content-area.cst_accomodation_page .cst_image_change .row{
display: flex;
}
section.about-us-content-area.cst_accomodation_page .cst_image_change>div:nth-child(even) .row.flex-center-row>div:last-of-type{
order: 1;
}
section.about-us-content-area.cst_accomodation_page .cst_image_change>div:nth-child(even) .row.flex-center-row>div:first-of-type{
order: 2;
}
section.about-us-content-area.cst_accomodation_page .cst_image_change .philosohy-img-card{
box-shadow: none;
}
section.about-us-content-area.cst_accomodation_page .cst_image_change .philosohy-points{
border:none;
padding: 0;
}
.custom_page ul li{
font-family: 'Quicksand', sans-serif;
line-height: 25px;
color: #818080;
font-size: 15px;
width: 100%;
padding-left: 30px;
margin-bottom: 10px;
position: relative;
}
.custom_page ul li:before {
content: "\f005";
font-family: "Font Awesome 5 Free";
position: absolute;
left: 0;
top: 0;
color: #f8bd0a;
}
.about-us-content-area{
padding-top: 50px;
}
section.about-us-content-area.cst_accomodation_page ul li,
.cst_accomodation_page_top_sec ul li{
width: 100%;
margin-bottom: 15px;
line-height: 25px;
font-family: 'Quicksand', sans-serif;
font-size: 16px;
color: #818080;
}
.cst_accomodation_page_top_sec ul li p,
section.about-us-content-area.cst_accomodation_page ul li p{
color: #818080;
}
section.about-us-content-area.cst_accomodation_page.bg_color_grey .cst_image_change>div:nth-child(even){
background-color: #f4f4f4;
position: relative;
display: inline-block;
width: calc(100% + 30px);
}
section.about-us-content-area.cst_accomodation_page.bg_color_grey .cst_image_change>div{
padding-bottom: 30px;
}
section.about-us-content-area.cst_accomodation_page.bg_color_grey .cst_image_change>div:nth-child(even) ul{
background-color: transparent;
}
section.about-us-content-area.cst_accomodation_page.bg_color_grey .cst_image_change>div:nth-child(even):after,
section.about-us-content-area.cst_accomodation_page.bg_color_grey .cst_image_change>div:nth-child(even):before{
content: "";
position: absolute;
left: 100%;
width: 100%;
top: 0;
bottom: 0;
display: inline-block;
background-color: #f4f4f4;
}
section.about-us-content-area.cst_accomodation_page.bg_color_grey .cst_image_change>div:nth-child(even):before{
left: unset;
right: 100%;
}
section.about-us-content-area.cst_accomodation_page.bg_color_grey {
padding-bottom: 0;
overflow: hidden;
margin-bottom: -10px;
}
section.about-content .aboutUs-card p a{
color: #818080;
font-weight: 600;
text-decoration: none;
}
section.about-content .aboutUs-card p a:hover{
color: #f8bd0a;
}
.Work-us-card{
border-width: 1px;
padding-bottom: 30px;
float: unset;
}
.Work-us-card .Get-in-touch{
padding: 0;
box-shadow: none;
border:none;
}
.Work-us-card .Get-in-touch form.wpcf7-form input[type="file"]{
font-family: 'Quicksand', sans-serif;
width: 100%;
max-width: 100% !important;
border: 1px solid #d1d1d1 !important;
border-radius: 6px !important;
height: 45px !important;
font-size: 16px;
padding: 6px 10px;
line-height: 24px;
}
span.spanClass{
display: none;
}
@media (pointer:coarse) {
.navbar-nav > li.menu-item-has-children span.spanClass {
display: inline-block;
font-size: 13px;
margin-left: 6px;
line-height: 20px;
}
.navbar-nav > li:hover ul.sub-menu {
display: none;
}
.navbar-nav > li.menu-item-has-children{
display: flex;
flex-wrap: wrap;
}
.navbar-nav > li.menu-item-has-children span.spanClass i:before{
content: "\f107";
}
}
.link-other-page {
padding-bottom: 103px;
padding-top: 30px;
}
/*010520*/
section.custm-contact .form_sel_design label{
margin-bottom: 4px;
}
section.custm-contact .form_sel_design input[type="text"],
section.custm-contact .form_sel_design textarea,
section.custm-contact .form_sel_design input[type="email"]{
font-family: 'Quicksand', sans-serif;
width: 100%;
max-width: 100% !important;
border: 1px solid #d1d1d1 !important;
border-radius: 6px !important;
height: 45px !important;
font-size: 16px;
padding: 6px 10px;
box-shadow: none;
outline: none;
-webkit-appearance: none;
margin-bottom:21px;
}
section.custm-contact .form_sel_design input[type="text"]:focus,
section.custm-contact .form_sel_design textarea:focus,
section.custm-contact .form_sel_design input[type="email"]:focus{
border-color: #333 !important;
}
section.custm-contact .form_sel_design select{
margin-bottom: 21px;
}
section.custm-contact .form_sel_design textarea{
height: 150px!important;
resize: none;
}
section.custm-contact .form_sel_design label.error {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
position: relative;
width: 100%;
margin-top: -17px;
}
.Get-in-touch .radiocst {
margin-bottom: 10px;
}
.Get-in-touch .wpcf7-radio {
margin-bottom: 18px;
display: block;
}