@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
--fontFamily: 'Roboto', sans-serif;
/* --darkColor: #013277; */
--darkColor: #bb2e2b;
--blueDarkMore: #1a1a1a;
/* --blueColor: #5284f2; red= #b1514f */
--blueColor: #bb2e2b;
--textColor: #333;
--colorWhite: #fff;
/* --blueBorderColor: #0961bb; */
--blueBorderColor: #1a1a1a;
--facebook: #3C5B9B;
--twitter: #359BED;
--linkedin: #027ba5;
--youtube: #f70000;
--instagram: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
--textSize: 15px;
--paraText: 14px;
--smallSize: 13px;
--headingOne: 30px;
--headingTwo: 24px;
--headingThree: 20px;
--headingFour: 18px;
--headingFive: 16px;
--headingSix: 16px;
--whiteBorderColor: #eee;
/* --orageColor: #f68e29; */
--orageColor: #6f6e6e;
--greyColor: #666;
--offWhiteColor: #f5f5f5;
--errorColor: #dc3545;
}
body {
line-height: 30px;
font-family: var(--fontFamily);
font-size: var(--textSize);
color: var(--textColor);
font-weight: 400;
overflow-x: hidden;
}
.wps_right table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.wps_right table {
--bs-table-color: var(--bs-body-color);
--bs-table-bg: transparent;
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-body-color);
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: var(--bs-body-color);
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: var(--bs-body-color);
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
color: var(--bs-table-color);
vertical-align: top;
border-color: var(--bs-table-border-color);
}
p a {
color: var(--textColor);
width: auto;
display: inline-block
}
p a:hover {
text-decoration: underline;
outline: 0
}
p {
line-height: 30px;
font-size: var(--textSize);
color: var(--textColor);
text-align: justify;
font-weight: 400
}
a {
color: var(--textColor);
text-decoration: none;
outline: 0;
display: block
}
a:hover,
a:focus,
a:active {
outline: 0;
text-decoration: none;
color: var(--color);
}
img {
max-width: 100%
}
iframe {
border: 0;
width: 100%
}
blockquote {
padding: 0;
border: 0
}
h1 {
font-size: var(--headingOne);
margin: 0;
}
h2 {
font-size: var(--headingTwo);
margin: 0
}
h3 {
font-size: var(--headingThree);
margin: 0
}
h4 {
font-size: var(--headingFour);
margin: 0
}
h5 {
font-size: var(--headingFive);
margin: 0
}
h6 {
font-size: var(--textSix);
margin: 0
}
.widgetInfo a:hover{
color:var(--darkColor)!important;
}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: var(--paraText);
font-weight: 400;
line-height: 1.5;
color: var(--textColor);
background-color: var(--colorWhite);
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .25rem;
height: 40px;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
textarea.form-control {
height: 100px;
}
.form-control:focus {
outline: 0;
box-shadow: none;
}
.header {
float: left;
background: var(--colorWhite);
width: 100%;
position: relative;
padding: 0;
margin: 0;
z-index: 1;
}
.header.stricky-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
animation-name: fadeInDown;
animation-duration: 1s;
animation-fill-mode: both;
background: var(--colorWhite);
padding: 0;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
transform: none
}
}
.header .topBar {
float: left;
width: 100%;
position: relative;
background: var(--darkColor);
font-size: 13px;
}
.header .topBar:before,
.header .topBar:after {
position: absolute;
content: '';
background-color: var(--colorWhite);
}
.header .topBar:before {
bottom: -1px;
right: 0;
height: 25px;
width: calc(50% - 610px);
border-top: 1px solid var(--darkColor);
}
.header .topBar:after {
bottom: -22px;
width: 38px;
height: 38px;
transform: rotate(52deg);
right: calc(50% - 570px - 55px);
border-left: 1px solid var(--darkColor);
}
/* .header .topBar .container {
position: relative;
}
.header .topBar .container:before {
position: absolute;
content: '';
background-color: var(--colorWhite);
border-top: 1px solid var(--darkColor);
bottom: -1px;
left: 0px;
height: 25px;
width: 175px;
} */
.header .topBar .container p {
font-size: var(--paraText);
color: var(--colorWhite);
margin: 0;
padding: 0;
line-height: 35px;
}
.header .topBar .topRight {
display: flex;
align-items: center;
justify-content: flex-end;
}
.topSocial {
margin: 0;
padding: 0;
list-style: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 15px;
}
.topSocial li {
margin: 0px 0 0 3px;
display: inline-block;
}
.topSocial li a {
transition: background 400ms ease-in-out;
text-align: center;
width: 30px;
height: 30px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
color: var(--colorWhite);
}
.topSocial li a svg {
color: var(--colorWhite);
width: 15px;
height: 15px;
margin: 0;
padding: 0;
}
.topSocial li.facebook a {
background: var(--facebook);
}
.topSocial li.twitter a {
background: var(--twitter);
}
.topSocial li.linkedin a {
background: var(--linkedin);
}
.topSocial li.youtube a {
background: var(--youtube);
}
.topSocial li.instagram a {
background: var(--instagram);
}
.header .topBar .topRight .searchForm {
float: left;
width: 70%;
margin: 3px 0;
padding: 0;
position: relative;
}
.header .topBar .topRight .searchForm .searchInput {
width: 100%;
line-height: 30px;
background: var(--colorWhite);
border: 0;
font-size: var(--paraText);
height: 30px;
padding: 0 12px;
border-radius: 2px;
}
.header .topBar .topRight .searchForm .searchInput:focus-visible {
outline: 0;
}
.header .topBar .topRight .searchForm .searchBtn {
position: absolute;
z-index: 99;
top: 0;
right: 0;
border: 0;
line-height: 30px;
padding: 0px;
width: 40px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
background: var(--blueColor);
color: var(--colorWhite);
border-radius: 0 3px 3px 0;
}
.header .topBar .topRight .searchForm .searchBtn:hover,
.header .topBar .topRight .searchForm .searchBtn:focus {
background: var(--blueBorderColor);
color: var(--colorWhite);
}
.header .navigation {
float: left;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
margin-left: auto;
}
.header .navigation .logo {
position: relative;
width: 180px;
}
.header .navigation .logo:before,
.header .navigation .logo:after {
position: absolute;
content: '';
background-color: var(--colorWhite);
width: 38px;
height: 38px;
top: -17px;
z-index: 1;
}
.header .navigation .logo:before {
transform: rotate(50deg);
border-left: 1px solid var(--darkColor);
right: calc(100% - 35px);
}
.header .navigation .logo:after {
transform: rotate(-50deg);
border-right: 1px solid var(--darkColor);
left: calc(100% + 0px);
}
.header .navigation .logo a {
position: relative;
z-index: 2;
}
.header .navigation .logo a::before {
position: absolute;
content: '';
background-color: var(--colorWhite);
border-top: 1px solid var(--darkColor);
top: -25px;
left: 19px;
height: 25px;
width: 177px;
margin: 0 auto;
z-index: 0;
}
.header .navigation .logo a img {
margin-top: -17px;
margin-left: 15px;
position: relative;
z-index: 1;
}
.navigation .navbar button {
float: right;
width: 40px;
height: 40px;
background: transparent;
border: 0;
outline: 0;
color: var(--colorWhite);
font-size: var(--headingTwo);
border-radius: 0;
text-align: center;
line-height: 40px;
position: relative;
z-index: 99;
padding: 5px;
position: relative;
transform: rotate(0deg);
transition: .5s ease-in-out;
cursor: pointer;
}
.navigation .navbar button span {
display: block;
position: absolute;
height: 3px;
width: 70%;
background: var(--textColor);
border-radius: 9px;
opacity: 1;
left: 15%;
transform: rotate(0deg);
transition: .25s ease-in-out;
}
.navigation .navbar button span:nth-child(1) {
top: 8px;
}
.navigation .navbar button span:nth-child(2),
.navigation .navbar button span:nth-child(3) {
top: 18px;
}
.navigation .navbar button span:nth-child(4) {
top: 28px;
}
.navigation .navbar button.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
.navigation .navbar button.open span:nth-child(2) {
transform: rotate(45deg);
}
.navigation .navbar button.open span:nth-child(3) {
transform: rotate(-45deg);
}
.navigation .navbar button.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
.navigation .container {
position: relative;
max-width: 1200px;
}
.navigation .menu {
display: flex;
align-items: center;
justify-content: flex-end;
}
.navigation .menu ul {
margin: 0;
padding: 0;
text-align: left;
display: flex;
justify-content: end;
}
.navigation .menu ul li {
display: inline-block;
position: relative
}
.navigation .menu ul li a {
padding: 12px 15px;
display: block;
color: var(--textColor);
transition: all 0.3s ease;
font-size: var(--paraText);
background: transparent;
font-weight: 500;
}
.navigation .menu ul li.active a,
.navigation .menu ul li:hover a {
color: var(--blueColor);
background: transparent;
}
@media (max-width:1023px) {
.navigation .menu ul li.active svg {
color: #fff;
}
}
.navigation .menu ul li ul.cs-dropdown {
top: 100%;
left: 0;
text-align: left;
border: 0;
position: absolute;
width: 240px;
display: none;
z-index: 99999;
box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.4);
background: var(--colorWhite);
margin: 0;
padding: 0;
transition: all .3s ease;
}
.navigation .menu ul li:hover ul.cs-dropdown {
display: block;
}
.navigation .menu ul li:hover ul.cs-dropdown li {
display: block;
position: relative;
border-bottom: 1px solid var(--whiteBorderColor)
}
.navigation .menu ul li:hover ul.cs-dropdown li ul.cs-dropdown {
display: none;
transition: all .3s ease;
width: 240px;
}
.navigation .menu ul li:hover ul.cs-dropdown li:hover ul.cs-dropdown {
display: block;
left: 100%;
top: 0;
padding: 0;
}
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li {
width: 100%;
margin: 0;
padding: 0;
}
.navigation .menu ul li ul.cs-dropdown li:last-child a {
border-bottom: 0
}
.navigation .menu ul li ul.cs-dropdown li a:hover {
color: var(--colorWhite);
background: var(--blueColor);
}
.navigation .menu ul li ul.cs-dropdown li:hover a {
color: var(--colorWhite);
background: var(--blueColor);
}
.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown li a {
color: var(--textColor);
background: #fff;
}
.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown li a:hover {
color: var(--colorWhite);
background: var(--blueColor);
}
.navigation .menu ul li ul.cs-dropdown li a {
color: var(--textColor);
font-size: var(--paraText);
font-weight: 600;
padding: 8px 15px;
line-height: normal;
position: relative;
display: block;
text-transform: capitalize;
font-weight: normal;
background: transparent;
transition: all 0.3s ease;
}
.navigation ul li.cs-submenu a button {
border: 0;
background: transparent;
outline: 0;
padding: 0;
margin: 0 0 0 3px;
color: var(--textColor);
}
.navigation ul li.cs-submenu a button svg {
width: 16px;
height: 16px;
}
.navigation ul li.cs-submenu:hover svg {
transform: rotateZ(180deg);
color: var(--blueColor);
}
.navigation ul li.cs-submenu:hover ul.cs-dropdown li.cs-submenu svg {
color: var(--textColor);
}
.navigation ul li.cs-submenu ul.cs-dropdown li a button {
float: right;
color: var(--textColor);
}
.navigation ul li.cs-submenu ul.cs-dropdown li a button svg {
transform: rotateZ(-90deg);
}
.navigation ul li.cs-submenu ul.cs-dropdown li.cs-submenu:hover svg {
color: var(--colorWhite);
}
.navigation .navbar {
display: none;
padding: 12px 0;
margin: 0
}
.homeIcon svg {
width: 26px;
height: 26px;
}
.requestBtn {
padding: 10px 25px;
background: var(--blueColor);
border-radius: 4px;
border: 1px solid var(--blueBorderColor);
color: var(--colorWhite);
font-size: var(--textSize);
line-height: normal;
width: auto;
text-align: center;
display: inline-block;
margin-left: 25px;
}
.requestBtn:focus,
.requestBtn:hover {
background: #edac15;
color: var(--colorWhite);
border-color: #edac15
}
.sliderSection {
float: left;
width: 100%;
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
z-index: 0;
}
.homeSlider {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.homeSlider .swiper-button-prev,
.homeSlider .swiper-button-next {
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
border: 1px solid var(--blueBorderColor);
line-height: 0;
position: absolute;
top: 55%;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
color: #fff;
border: 0;
outline: 0;
background: var(--blueColor);
border-radius: 100%;
z-index: 9
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 20px;
}
.homeSlider .swiper-button-prev {
left: 80px;
right: auto
}
.homeSlider .swiper-button-next {
left: auto;
right: 80px;
}
.homeSlider .swiper-button-prev:hover,
.homeSlider .swiper-button-next:hover {
background: var(--blueBorderColor);
border-color: var(--blueBorderColor);
color: var(--colorWhite);
}
.homeSlider .swiper-slide img {
width: 100%;
max-width: 100%;
transition: 3s all;
transform: scale(1);
}
.homeSlider .swiper-slide-active img {
animation: scale 8s ease forwards;
}
@keyframes scale {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
.homeSlider .swiper-slide .bannerInfo {
position: absolute;
top: 0;
left: 12%;
height: 100%;
max-width: 460px;
width: 100%;
display: flex;
align-items: center;
}
.homeSlider .swiper-slide .bannerInfo.rightAlign {
top: 0;
left: auto;
right: 12%;
}
.homeSlider .swiper-slide .bannerInfo .sliderTag {
font-weight: bold;
font-size: 14px;
margin-bottom: 5px;
background: var(--orageColor);
color: var(--colorWhite);
padding: 3px 15px;
display: inline-block;
border-radius: 4px;
line-height: normal;
}
.homeSlider .swiper-slide .bannerInfo .sliderTitle {
line-height: normal;
margin-bottom: 10px;
font-weight: bold;
font-size: 36px;
/* text-transform: uppercase; */
color: #fff;
}
.homeSlider .swiper-slide .bannerInfo p {
display: block;
color: #fff;
font-size: 20px;
}
.homeSlider .swiper-slide.swiper-slide-active .sliderTag {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInLeft;
animation-delay: 0.1s;
}
.homeSlider .swiper-slide.swiper-slide-active .sliderTitle {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.3s;
}
.homeSlider .swiper-slide.swiper-slide-active p {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp;
animation-delay: 0.3s;
}
.homeSlider .swiper-slide.swiper-slide-active .readMore {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInRight;
animation-delay: 0.5s;
}
.offer_banner_v1 {
float: left;
width: 100%;
margin: 0;
padding: 40px 0;
background: #fff
}
.offer_banner_v1 .offer-item {
float: left;
width: 100%;
position: relative;
z-index: 0;
min-height: 240px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 30px
}
.offer_banner_v1 .offer-item:before {
position: absolute;
z-index: 1;
pointer-events: none;
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
opacity: 0.4;
-webkit-transition: opacity 180ms ease;
transition: opacity 180ms ease;
}
.offer_banner_v1 .offer-itemn:after {
border-radius: inherit;
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background-color: rgba(0, 0, 0, 0.33);
}
.offer_banner_v1 .offer-item:hover:before {
opacity: 0;
}
.offer_banner_v1 .offer-item:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: linear-gradient(10deg, rgba(17, 17, 17, .70196) 0, rgba(17, 17, 17, .01) 99%, #111 100%)
}
.offer_banner_v1 .offer-item .offer-content {
padding: 30px;
position: relative;
z-index: 1;
}
.offer_banner_v1 .offer-item .offer-content span.span {
color: var(--darkColor);
margin-bottom: 10px;
text-transform: capitalize;
font-size: 16px;
font-weight: 500;
}
.offer_banner_v1 .offer-item .offer-content h3 {
padding-right: 15%;
color: var(--colorWhite);
font-size: var(--headingTwo);
margin-bottom: 15px
}
.offer_banner_v1 .offer-item .offer-content .h3_title {
color: var(--colorWhite);
font-size: var(--headingTwo);
margin-bottom: 15px;
font-weight: 700;
overflow: hidden;
line-height: 1.1
}
.custom_item {
border: 1px solid var(--whiteBorderColor);
border-radius: 6px;
background-color: #fafafe;
padding: 30px 20px;
text-align: center;
background-color: rgba(255, 255, 255, .9);
transition: all .3s ease;
margin: 0px 0 20px;
text-align: center;
display: block;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1)
}
.custom_item .custom_img {
position: relative;
width: 100%;
margin-bottom: 10px;
}
.custom_item .custom_img svg {
width: 80px;
height: 80px;
color: var(--darkColor);
}
.custom_item .custom_title {
text-transform: capitalize;
margin: 0;
padding: 0;
color: #0c0c0c;
font-size: var(--textSize);
font-weight: 500;
line-height: 1.1
}
.custom_item:hover .custom_title {
color: --var(--orageColor)
}
.main-btn {
display: inline-block;
position: relative;
padding: 14px 45px;
font-size: 14px;
font-weight: 400;
color: #fff;
background: #ef682f;
text-transform: capitalize;
border-radius: 28px;
z-index: 1;
transition: all .5s ease;
background: -webkit-linear-gradient(0deg, #f25743, #ef682f 50%);
letter-spacing: 0.5px;
}
.main-btn:before {
position: absolute;
content: '';
background: #fff;
width: 0%;
height: 100%;
top: 0;
right: 0;
border-radius: 5px;
z-index: -1;
transition: all .5s ease
}
.offer-item:hover .main-btn {
color: #ef682f
}
.offer_banner_v1 .offer-item:hover .offer-content h3 {
color: #ef682f
}
.offer-item:hover .main-btn:before {
width: 100%;
left: 0
}
.offer_banner_v1 .offer-item .offer-content .main-btn {
padding: 6px 17px;
font-size: 14px;
line-height: 23px
}
.homeAbout {
float: left;
width: 100%;
position: relative;
padding: 70px 0px 100px;
background-image: url(../images/aboutbg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.homeAbout:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(46, 43, 43, 0.95);
}
.homeAbout .title1 {
position: relative;
color: var(--darkColor);
font-size: var(--headingOne);
font-weight: 700;
line-height: 1.5em;
margin-bottom: 15px;
font-family: var(--fontFamily);
}
.homeAbout h2 {
position: relative;
color: var(--darkColor);
font-size: var(--headingThree);
font-weight: 700;
line-height: normal;
margin-bottom: 10px;
}
.homeAbout h3 {
position: relative;
color: var(--darkColor);
font-size: var(--headingThree);
font-weight: 700;
line-height: normal;
margin-bottom: 10px;
}
.homeAbout p {
position: relative;
line-height: 24px;
font-size: var(--headingFive);
color: var(--colorWhite);
width: 100%;
margin: 0 auto;
margin-bottom: 15px;
text-align: justify;
}
.galleryColumn {
float: left;
max-width: 450px;
margin: 10px 15px 0 0;
position: relative;
z-index: 1;
}
.galleryColumn .image {
position: relative;
margin-bottom: 25px;
}
.row__shape {
height: 100px;
width: 100%;
position: absolute;
left: 0;
right: 0;
bottom: -1px;
z-index: 2;
transition: all ease 1.5s;
-webkit-transition: all ease 1.5s;
-moz-transition: all ease 1.5s;
}
.shape__svg {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
fill: #fff;
}
.homeFactsheet {
float: left;
width: 100%;
margin: 0;
padding: 40px 0;
position: relative;
background: #f7f7f7;
}
.homeFactsheet .factsheetOne {
position: relative;
display: block;
background: transparent;
padding-top: 55px;
margin-bottom: 50px;
text-align: center;
}
.homeFactsheet .factsheetOne .factsheetIcon {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 110px;
height: 110px;
background: var(--colorWhite);
margin: 0 auto;
border-radius: 50%;
border: 3px solid var(--darkColor);
text-align: center;
z-index: 3;
line-height: 100px;
}
.homeFactsheet .factsheetOne .factsheetIcon:before {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
content: "";
background: #ac3a3266;
border-radius: 50%;
transition: all .5s ease-in-out 0s;
transform-style: preserve-3d;
transform: perspective(1200px) rotateY(-90deg) translateZ(0);
opacity: 0;
z-index: -1
}
.homeFactsheet .factsheetOne:hover .factsheetIcon:before {
transform: perspective(1200px) rotateY(0) translateZ(0);
transition-delay: .1s;
opacity: 1
}
.factsheetInfo {
position: relative;
display: block;
background: var(--colorWhite);
box-shadow: 0 4px 11px -1px #ececec;
position: relative;
display: block;
padding: 26px 25px 32px;
padding-top: 70px;
border-top: 1px solid var(--whiteBorderColor);
}
.factsheetInfo .factsheetTitle {
font-weight: 600;
margin: 0px;
font-size: var(--headingFour);
line-height: 24px;
color: var(--darkColor);
}
.factsheetInfo p {
margin: 0;
font-size: var(--paraText);
padding: 0;
color: var(--textColor);
width: 100%;
text-align: center;
font-weight: 600;
}
.homeProducts {
float: left;
width: 100%;
margin: 0;
padding: 40px 0;
background: var(--colorWhite);
position: relative;
}
.homeProducts:after {
position: absolute;
content: '';
left: 50%;
bottom: -13px;
margin-left: -16px;
z-index: 9;
background-color: #fff;
background-repeat: no-repeat;
border: solid #e1f5ff;
border-width: 0px 1px 1px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 25px;
height: 25px;
}
.title2 {
padding: 0;
font-size: var(--headingTwo);
margin: 0;
float: left;
width: 100%;
text-align: center;
color: var(--blueBorderColor);
margin-bottom: 25px;
position: relative;
font-weight: 600;
}
.title2:after {
background: var(--darkColor);
bottom: -8px;
content: "";
height: 2px;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
width: 50px
}
#products {
float: left;
width: 100%;
}
.singleItem {
position: relative;
overflow: hidden;
display: block;
padding: 10px;
margin-bottom: 15px;
}
.feature_item {
background: var(--colorWhite);
margin: 0 0 15px;
padding: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, .13);
border-radius: 12px;
overflow: hidden;
}
.feature_item .feature_image {
position: relative;
text-align: center;
min-height: 255px;
overflow: hidden;
border-bottom: 1px solid var(--whiteBorderColor);
}
.feature_item .feature_image .image {
position: relative;
padding: 0;
text-align: center;
min-height: 255px;
overflow: hidden;
transition: all .4s ease-in-out
}
.feature_item .image img {
position: absolute;
margin: auto;
padding: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
width: 100%
}
.feature_item:hover .feature_image .image {
transform: scale(1.1)
}
.feature_sec {
display: block;
overflow: hidden;
padding: 9px;
text-align: center
}
.feature_sec .title_h3 {
font-size: var(--headingFour);
margin: 0 0 10px;
font-weight: 700;
color: var(--darkColor);
}
.feature_sec .title_h3 a {
color: var(--blueBorderColor);
}
.readbtn:hover{
color:var(--darkColor) !important;
}
.feature_sec:hover .title_h3 a {
color: var(--darkColor);
}
.feature_sec p {
font-weight: 400;
font-size: var(--textSize);
color: var(--textColor);
text-align: center;
line-height: 22px;
}
.readMore {
position: relative;
line-height: 24px;
/* color: var(--textColor); */
color: #fff;
font-size: var(--paraText);
font-weight: normal;
background: var(--darkColor);
display: inline-block;
padding: 10px 25px;
line-height: normal;
letter-spacing: 1px;
text-transform: uppercase;
border: 2px solid var(--orageColor);
transition: all .3s ease
}
.readMore:focus,
.readMore:hover {
color: #fff;
border-color: var(--darkColor);
background: transparent
}
.readMore2 {
position: relative;
line-height: 24px;
color: var(--colorWhite);
font-size: var(--paraText);
font-weight: normal;
background: var(--blueDarkMore);
display: inline-block;
padding: 10px 25px;
line-height: normal;
letter-spacing: 1px;
text-transform: uppercase;
border: 2px solid var(--blueDarkMore);
transition: all .3s ease
}
.readMore2:focus,
.readMore2:hover {
color: var(--blueDarkMore);
border-color: var(--blueDarkMore);
background: transparent
}
.readMore2 svg {
width: 16px;
height: 16px;
}
.feature_sec .readMore {
margin-bottom: 10px;
}
#products .owl-next,
#products .owl-prev {
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
color: var(--colorWhite);
font-size: 14px;
border: 0;
outline: 0;
background: var(--darkColor);
border-radius: 100%;
z-index: 50;
border: 1px solid var(--darkColor);
text-align: center;
cursor: pointer;
transition: all .3s ease
}
#products .owl-nav .owl-prev {
left: -50px;
top: 48%
}
#products .owl-nav .owl-next {
right: -50px;
top: 48%
}
#products .owl-nav .owl-next:hover,
#products .owl-nav .owl-prev:hover {
background: var(--blueBorderColor);
color: var(--colorWhite);
border-color: var(--blueBorderColor);
}
.homeCommunity {
float: left;
width: 100%;
padding: 50px 0;
background: #f7f7f7;
}
.brand2-bg-1 {
background-color: #fff;
border-radius: 15px;
}
.community__content {
padding: 0;
padding: 40px;
}
.community__content-inner .titleNew1 {
font-size: 42px;
margin-block-start: 20px;
margin-block-end: 20px;
color: var(--darkColor);
line-height: normal;
font-weight: 700;
}
.community__content-inner p {
font-size: var(--headingFive);
text-align: left;
margin-bottom: 20px;
}
.join-btn {
padding: 8px 24px;
background-color: #d6f2fe;
border-radius: 8px;
}
.community__thumb-inner {
object-fit: cover;
transition: all .3s linear;
position: relative;
}
.community__thumb-inner img {
border-bottom-left-radius: 0;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.community__thumb-playbtn {
transform: translate(-50%, -50%);
position: absolute;
content: "";
top: 50%;
left: 50%;
}
.community__thumb-playbtn a img {
object-fit: cover;
transition: all .3s linear;
border-bottom-left-radius: 0;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
width: 100%;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.community__thumb-playbtn:hover a img {
transform: scale(1.05);
}
.faqSection {
float: left;
width: 100%;
margin: 0;
padding: 40px 0;
background: var(--colorWhite);
}
.faqTitle {
font-size: var(--headingOne);
text-transform: capitalize;
font-weight: bold;
margin-bottom: 20px;
line-height: 36px;
}
.faqTitle span {
color: #edac15;
}
.accordion-item {
margin-bottom: 15px;
border-radius: 6px !important;
overflow: hidden;
}
.accordion-header {
padding: 0 !important;
margin: 0 !important;
text-transform: initial;
}
.accordion-item:not(:first-of-type) {
border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-button {
padding: 12px 15px;
font-size: var(--headingFour);
font-weight: normal;
}
.accordion-button:not(.collapsed) {
color: var(--colorWhite);
background: var(--darkColor);
font-weight: normal;
}
.accordion-button:not(.collapsed):after {
background-image: url("data:image/svg+xml;charset=utf-8,");
transform: rotate(0deg);
}
.accordion-button:hover,
.accordion-button:focus {
color: var(--colorWhite);
background: var(--darkColor);
}
.accordion-button:hover:after {
background-image: url("data:image/svg+xml;charset=utf-8,");
transform: rotate(-180deg);
}
.accordion-body p {
font-size: var(--textSize);
line-height: 24px;
}
.company-video-intro {
margin-bottom: 20px;
margin-top: 57px;
}
.vedio-inner {
position: relative;
margin-bottom: 20px;
overflow: hidden;
border-radius: 6px;
}
.vedio-overly {
position: absolute;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(237, 172, 21, 0.80);
}
.vedio-overly::before {
position: absolute;
content: "";
width: 85%;
height: 85%;
border: 1px solid #edac15;
left: 0;
right: 0;
margin: 0px auto;
transform: translateY(-50%);
top: 50%;
}
.vedio-button {
text-align: center;
transform: translateY(-50%);
top: 50%;
position: relative;
}
.vedio-inner img {
width: 100%;
}
.vedio-button {
position: relative;
width: 60px;
height: 60px;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
border-radius: 50%;
background-color: transparent;
background-image: url('../images/play_button.png');
background-size: cover;
background-repeat: no-repeat;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
margin: 0px auto;
}
.vedio-button a {
display: inline-block;
width: 100%;
height: 100%;
}
.vedio-button:hover {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none;
}
@-webkit-keyframes pulse {
to {
box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
}
}
@-moz-keyframes pulse {
to {
box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
}
}
@-ms-keyframes pulse {
to {
box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
}
}
@keyframes pulse {
to {
box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
}
}
.company-video-intro h2 {
font-size: var(--headingFour);
font-weight: 600;
line-height: 27px;
}
.factCounter {
float: left;
width: 100%;
background: rgba(21, 21, 21, 0.86);
padding-bottom: 80px;
padding-top: 50px;
position: relative;
text-align: center;
}
.factCounter .title2 {
color: var(--colorWhite);
}
.maxWidth {
max-width: 950px;
margin: 0 auto;
display: inline-block;
margin-bottom: 20px;
}
.maxWidth p {
color: var(--colorWhite);
line-height: 24px;
font-size: var(--headingFive);
text-align: center;
margin-bottom: 20px;
}
.factCounter .factTitle h2 {
color: var(--colorWhite);
font-weight: 600;
font-size: var(--headingOne);
margin-bottom: 10px;
}
.factCounter .factTitle h2 span {
color: #222;
}
.factCounter .factTitle p {
color: #f1f1f1;
font-size: var(--headingFour);
font-weight: 300;
line-height: 28px;
text-align: center;
max-width: 800px;
margin: 0 auto;
}
.factCounter ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-flow: row wrap;
grid-gap: 15px;
justify-content: center;
}
.factCounter ul li {
width: calc(100% / 4 - 15px);
padding: 35px 15px;
border: 1px solid var(--darkColor);
margin-bottom: 30px;
list-style: none;
display: flex;
align-items: center;
position: relative;
border-radius: 4px;
overflow: hidden;
}
.factCounter ul li:before {
position: absolute;
content: '';
width: 100%;
height: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--darkColor);
-webkit-transition: .5s;
transition: .5s;
}
.factCounter ul li:hover:before {
height: 100%
}
.factCounter ul li p {
width: 100%;
display: block;
padding: 0px 25px 0px;
transition: all 500ms ease;
position: relative;
text-align: center;
line-height: normal;
color: var(--colorWhite);
}
.factCounter ul li svg {
width: 70px;
height: 70px;
margin-bottom: 10px;
}
.factCounter ul li p strong {
color: var(--colorWhite);
font-size: var(--headingFive);
font-weight: 600;
display: block;
margin-bottom: 10px;
}
.factCounter ul li:hover p strong {
color: var(--colorWhite);
}
.homeTestimonials {
float: left;
width: 100%;
position: relative;
padding: 0px 0px 0px;
background: #f7f7f7;
}
#testimonials {
float: left;
width: 100%;
margin: 0;
}
.homeTestimonials .testimonialItem {
position: relative;
text-align: center;
margin: 25px 10px 35px;
opacity: 0.5;
}
.homeTestimonials .owl-item.active.center .testimonialItem {
-webkit-transform: scale(1.11);
-ms-transform: scale(1.11);
transform: scale(1.11);
opacity: 1;
}
.homeTestimonials .testimonialItem .testimonialItem_box {
position: relative;
padding: 30px 20px 30px;
background-color: var(--colorWhite);
transition: all 300ms ease;
border-top: 1px solid #fefefe;
box-shadow: 0px 1px 5px 1px rgba(241, 241, 241, 1);
}
.homeTestimonials .testimonialItem .testimonialItem_box .text {
position: relative;
margin-bottom: 25px;
}
.homeTestimonials .testimonialItem .testimonialItem_box .text p {
font-style: italic;
font-size: var(--textSize);
color: var(--textColor);
text-align: center;
line-height: 28px;
}
.homeTestimonials .testimonialItem .testimonialTitle {
position: relative;
}
.homeTestimonials .testimonialItem .testimonialTitle span {
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;
margin-top: -50px;
border-radius: 50%;
margin-bottom: 15px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background: var(--colorWhite);
border-radius: 50%;
transition: all 300ms ease;
box-shadow: 0px 1px 5px 1px rgba(241, 241, 241, 1);
display: flex;
align-items: center;
justify-content: center;
color: var(--blueColor);
font-size: var(--headingOne);
font-weight: 600;
}
.homeTestimonials .testimonialItem .testimonialTitle .name {
position: relative;
color: var(--textColor);
font-size: var(--headingFour);
font-weight: 500;
text-transform: capitalize;
margin: 0;
padding: 0;
}
.homeTestimonials .testimonialItem .testimonialTitle .designation {
position: relative;
color: var(--blueColor);
font-size: var(--textSize);
}
.home_blog {
float: left;
width: 100%;
margin: 0;
padding: 50px 0;
background: #fff;
}
.single-post2 {
overflow: hidden;
margin-bottom: 15px;
}
.blog-thumb2 {
overflow: hidden;
width: 100%;
}
.blog-thumb2 img {
max-width: 100%;
transition: all 0.3s ease-out 0s;
}
.blog-content2 {
background: #fff;
padding: 30px;
position: relative;
z-index: 1;
box-shadow: 2.5px 4.33px 15px 0px rgb(0 0 0 / 9%);
width: 90%;
margin: auto;
margin-top: -35px;
margin-bottom: 15px;
}
.blog-content2 .b-meta {
margin-bottom: 10px;
font-size: 14px;
}
.blog-content2 .b-meta ul {
margin: 0;
padding: 0;
padding-left: 0 !important;
}
.b-meta ul li {
display: inline-block;
margin-right: 8px;
border-right: 2px solid #f5f5f5;
padding-right: 8px;
}
.b-meta svg {
margin-right: 5px;
color: var(--darkColor);
}
.b-meta ul li:last-child {
margin-right: 0;
padding-right: 0;
border: none;
color:var(--darkColor);
}
.blog-content2 .title_h5 {
font-size: var(--headingFive);
margin-bottom: 15px;
line-height: normal;
height: 55px;
position: relative;
font-weight: 600;
}
.blog-content2 .title_h5 a {
text-decoration: none;
line-height: normal;
color: var(--blueBorderColor);
}
.blog-content2 .title_h5 a:hover {
color: var(--darkColor);
}
.blog-content2 h5 span {
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
transform: translate(-50%, -50%);
width: 100%;
max-height: 100%;
line-height: 25px;
font-weight: 600;
}
.blog-content2 p {
text-align: left;
line-height: 22px;
font-size: var(--textSize);
}
.homeClients {
float: left;
width: 100%;
margin: 0;
padding: 40px 0;
background: var(--colorWhite);
}
.homeClients .brand {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.homeClients .brand li {
position: relative;
display: block;
float: left;
margin-right: 1%;
width: 24%;
text-align: center;
margin-bottom: 50px;
border-right: 1px #eee solid;
height: 120px;
}
.homeClients .brand li img {
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
transform: translate(-50%, -50%);
max-height: 100%;
width: auto;
}
.homeClients .brand li:after {
width: 80%;
height: 1px;
margin: 0 auto;
left: 0px;
right: 0px;
display: block;
position: absolute;
bottom: -35px;
content: "";
background: var(--whiteBorderColor);
}
.homeClients .brand li:nth-child(4n) {
border-right: none;
}
.homeClients .brand li:nth-child(n+5):after {
display: none;
}
/*.homeClients .brand li:nth-child(n+4) {
margin-bottom: 0px;
}*/
.footer {
float: left;
width: 100%;
position: relative;
background-color: rgba(21, 21, 21, 0.86);
color: var(--textColor);
padding: 60px 0 0;
}
.footer .logo {
margin-bottom: 15px;
display: inline-block;
padding: 10px;
border-radius: 4px;
max-width: 220px;
background: var(--colorWhite);
}
.footer .footerWidget {
float: left;
width: 100%;
position: relative;
margin-bottom: 25px;
}
.footer .footerWidget .footerWidget_title {
color: var(--colorWhite);
font-size: var(--headingFour);
font-weight: 600;
margin-bottom: 14px;
}
.footer .footerWidget p {
color: var(--colorWhite);
font-size: var(--textSize);
line-height: 26px;
text-align: left;
}
.footer .footerWidget .callUs {
position: relative;
display: block;
background: var(--darkColor);
border-radius: 5px;
margin-top: 20px;
padding: 15px 13px 14px;
display: flex;
align-items: center;
max-width: 260px;
}
.footer .footerWidget .callUs .icon {
width: 50px;
height: 50px;
border-radius: 50%;
position: relative;
background: var(--blueBorderColor);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-right: 25px;
}
.callUs .icon:before {
content: '';
border-left: 15px solid var(--blueBorderColor);
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
position: absolute;
right: -10px;
}
.callUs .icon svg {
width: 30px;
height: 30px;
color: var(--colorWhite);
}
.callUs .icon,
.callUs .text {
display: table-cell;
vertical-align: middle
}
.callUs .text {
padding-left: 5px;
color: var(--colorWhite)
}
.callUs .text span {
font-size: 18px
}
.callUs .text a {
font-size: var(--headingFour);
margin: 0;
color: #fff;
font-size: var(--headingFive);
font-weight: 600;
}
.callUs:hover .text a {
color: var(--blueBorderColor);
}
.footerWidget .widgetTitle {
position: relative;
display: block;
font-size: var(--headingFour);
line-height: 1.2em;
color: var(--colorWhite);
font-weight: 600;
margin-bottom: 20px;
}
/* .footerWidget .widgetTitle:before {
position: relative;
top: -6px;
height: 2px;
width: 55px;
background-color: var(--blueColor);
display: block;
content: "";
} */
.footerWidget ul {
margin: 0;
padding: 0
}
.footerWidget ul li {
position: relative;
float: left;
width: 100%;
margin-bottom: 15px;
list-style: none
}
.footerWidget ul li a:before {
position: absolute;
left: -5px;
top: 0;
font-size: var(--paraText);
color: var(--colorWhite);
font-weight: 400;
line-height: 22px;
content: url("data:image/svg+xml;charset=utf-8,");
transition: all .3s ease;
transform: rotate(-270deg);
}
.footerWidget ul li a {
position: relative;
display: block;
font-size: var(--textSize);
line-height: 22px;
color: var(--colorWhite);
font-weight: 400;
padding-left: 20px;
text-transform: capitalize;
transition: all .3s ease
}
.footerWidget ul li:hover a {
color: var(--blueColor);
padding-left: 30px
}
.footerWidget ul li:hover a:before {
transform: rotate(0deg);
left: 0;
}
.businessWidget {
/*border-top: 2px solid var(--darkColor);*/
position: relative;
/*padding: 20px 20px;*/
/*background-color: var(--darkColor);*/
}
.singleWidget+.singleWidget {
border-top: 1px solid #fff;
padding-top: 14px;
margin-top: 13px;
}
.singleWidget .widgetIcon {
display: table-cell;
vertical-align: top;
width: 30px;
}
.singleWidget .widgetIcon svg {
color: #fff;
width: 30px;
height: 30px;
display: block;
line-height: 1em;
position: relative;
top: 7px;
}
.singleWidget .widgetInfo {
padding-left: 20px;
display: table-cell;
vertical-align: top;
}
.singleWidget .widgetInfo .title6 {
color: var(--colorWhite);
font-size: var(--headingFive);
font-weight: 700;
margin: 0 0 5px;
line-height: 1.2;
}
.singleWidget .widgetInfo a {
color: var(--colorWhite);
font-size: var(--headingFour);
font-weight: 500;
display: block;
}
.singleWidget .widgetInfo a:hover {
color: var(--blueBorderColor);
}
.singleWidget .widgetInfo p {
color: var(--colorWhite);
font-size: 15px;
}
.footerBottom {
position: relative;
text-align: center;
padding: 15px 0;
background-color: var(--blueBorderColor);
}
.footerBottom .copyright {
position: relative;
display: block;
font-size: 15px;
color: var(--colorWhite);
font-weight: 400;
text-align: left;
}
.footerBottom .copyright.textRight {
text-align: right;
}
.footerBottom .copyright a {
display: inline-block;
color: var(--blueColor);
}
.footerBottom .copyright a:hover {
text-decoration: underline;
}
#scrollUp {
position: fixed;
z-index: 8030;
bottom: 65px;
right: 30px;
width: 46px;
height: 46px;
border-radius: 50%;
color: #fff;
line-height: 46px;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: all 0.25s;
display: none;
background-image: linear-gradient(180deg, var(--blueBorderColor), var(--blueBorderColor));
}
#scrollUp svg {
width: 24px;
height: 24px;
}
#scrollUp:hover {
background: var(--darkColor);
color: var(--colorWhite);
}
.contactFixed {
position: fixed;
left: 20px;
bottom: 20px;
z-index: 99;
transition: all .3s ease-in-out
}
.contactFixed ul {
width: auto;
margin: 0;
padding: 0
}
.contactFixed ul li {
list-style: none;
position: relative
}
.contactFixed ul li a {
background: var(--blueBorderColor);
width: 50px;
height: 50px;
color: var(--colorWhite);
font-size: var(--headingTwo);
cursor: pointer;
z-index: 99;
border-radius: 100%;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease-in-out;
box-shadow: 0 3px 10px rgba(0, 0, 0, .16), 0 3px 10px rgba(0, 0, 0, .16)
}
.contactFixed ul li a:hover{
background: var(--darkColor);
}
.contactFixed ul li a svg {
width: 24px;
height: 24px;
}
.contactFixed ul li:nth-child(1) a {
background: #0078d7
}
.contactFixed ul li:nth-child(2) a {
background: #01e675
}
.whatsapp {
position: fixed;
width: 50px;
height: 50px;
line-height: 50px;
color: var(--colorWhite);
cursor: pointer;
z-index: 99;
border-radius: 100%;
transition: all 300ms ease-in-out;
left: 22px;
background: #01e675;
bottom: 40px;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.whatsapp:hover,
.whatsapp:focus {
background: #0bcf6e;
color: var(--colorWhite);
}
.whatsapp svg {
width: 22px;
height: 22px;
}
#whatsapp .modal-dialog {
margin-top: 15%;
}
.modal-content {
border-radius: 0;
}
.modal-header {
padding: 0 15px;
background: var(--darkColor);
color: var(--colorWhite);
border-radius: 0;
}
.modal-header h5 {
text-align: left;
font-size: var(--headingFour);
line-height: 18px;
color: var(--colorWhite);
}
.modal-header h6 {
text-align: left;
font-size: var(--headingFour);
line-height: 18px;
color: var(--colorWhite);
}
.modal-header .modal-title {
text-align: left;
font-size: var(--headingFour);
line-height: 18px;
color: var(--colorWhite);
padding: 15px 0;
text-transform: initial;
letter-spacing: 0.2px;
}
.btn-close {
width: 1em;
height: 1em;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
outline: 0;
}
.send_p {
font-size: 13px;
line-height: 18px;
text-align: center;
}
.g-recaptcha {
transform: scale(0.80);
transform-origin: 0 0;
-webkit-transform-origin: 0 0
}
/* Inner Heading Banner*/
.heading_banner {
float: left;
width: 100%;
position: relative;
background-size: 100%;
background-position: center;
padding: 70px 0;
margin: 0;
z-index: 0;
}
.heading_banner:before {
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
z-index: 0;
content: '';
}
.heading_banner .container {
position: relative;
z-index: 9;
}
.heading_banner h1 {
margin: 0 0 10px;
text-transform: capitalize;
font-size: 36px;
font-weight: 600;
color: var(--colorWhite);
text-align: center;
display: inline-block;
width: auto;
padding: 10px 20px;
}
.heading_banner h2 {
margin: 0;
letter-spacing: 0px;
text-transform: capitalize;
font-size: var(--headingFour);
font-weight: normal;
color: var(--whiteBorderColor);
text-align: center;
text-align: center;
display: inline-block;
width: auto;
padding: 10px 20px;
}
.heading_banner .cat_title {
margin: 0 0 10px;
text-transform: capitalize;
font-size: 36px;
font-weight: 600;
color: var(--colorWhite);
text-align: center;
display: inline-block;
width: auto;
padding: 0px;
}
.heading_banner .cat_title2 {
margin: 0;
letter-spacing: 0px;
text-transform: capitalize;
font-size: var(--headingFour);
font-weight: normal;
color: var(--whiteBorderColor);
text-align: center;
text-align: center;
display: inline-block;
width: auto;
padding: 10px 20px;
}
/* Breadcrumb*/
.inner_breadcrumb {
float: left;
width: 100%;
background: var(--colorWhite);
position: relative;
margin: 0;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.inner_breadcrumb .breadcrumb {
background: none;
border-radius: 0;
border: none;
list-style: none;
padding: 0;
float: left;
display: inline-block;
text-transform: capitalize;
margin: 0;
}
.inner_breadcrumb .breadcrumb li {
font-weight: bold;
text-transform: uppercase;
color: var(--greyColor);
float: left;
display: inline-block;
line-height: 55px;
}
.inner_breadcrumb .breadcrumb li a {
float: left;
padding: 0;
color: var(--greyColor);
letter-spacing: 0.3px;
}
.inner_breadcrumb .breadcrumb li:before {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
padding: 0 14px;
color: var(--colorWhite);
display: inline-block;
}
.inner_breadcrumb .breadcrumb li.active {
color: var(--darkColor);
}
.inner_breadcrumb .breadcrumb li+li:before {
content: "/";
color: var(--colorWhite);
padding: 0 14px;
}
.inner_breadcrumb .breadcrumb li+li:before {
float: left;
padding: 20px 10px;
color: #bfbfbf;
}
.title_1 {
padding: 0 0 0px;
font-size: 28px;
margin: 0;
float: left;
width: 100%;
text-align: center;
text-transform: initial;
color: var(--darkColor);
margin-bottom: 25px;
position: relative;
overflow: visible;
font-weight: 600;
}
.title_1:after {
background: var(--orageColor);
bottom: -10px;
content: "";
height: 2px;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
width: 50px;
}
.title_h2 {
float: left;
width: 100%;
padding: 8px 10px;
margin: 0;
line-height: 30px;
background: var(--orageColor);
font-size: var(--headingTwo);
color: var(--colorWhite);
font-weight: 600;
}
.right_side .title_h2 {
float: left;
width: 100%;
padding: 8px 10px;
margin: 0;
line-height: 30px;
background: var(--orageColor);
font-size: var(--headingTwo);
color: var(--colorWhite);
font-weight: 600;
}
/* About Us */
.about_page {
float: left;
width: 100%;
margin: 0;
padding: 50px 0;
background: var(--colorWhite);
}
.left_sidebar {
float: left;
width: 100%;
margin: 0 0 25px;
padding: 0;
}
.left_sidebar .left_title {
float: left;
width: 100%;
padding: 8px 10px;
margin: 0;
line-height: 30px;
background: var(--orageColor);
font-size: var(--headingTwo);
color: var(--colorWhite);
font-weight: 600;
}
.left_sidebar ul {
float: left;
width: 100%;
padding: 0;
margin: 0;
background: var(--textColor);
}
.left_sidebar ul li {
float: left;
width: 100%;
padding: 0;
margin: 0;
border-bottom: 1px solid #444;
list-style: none;
}
.left_sidebar ul li a {
color: var(--colorWhite);
padding: 10px;
font-weight: 500;
line-height: 20px;
font-size: var(--paraText);
}
.left_sidebar ul li a:hover,
.left_sidebar ul li a:focus,
.left_sidebar ul li a.active {
background: var(--orageColor);
color: var(--colorWhite);
}
.left_sidebar ul li ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
background: var(--colorWhite);
}
.left_sidebar ul li ul li {
border-bottom: 1px dashed #CCC;
list-style-type: none;
position: relative;
}
.left_sidebar ul li ul li a {
display: block;
font-weight: 500;
color: var(--textColor);
text-align: left;
font-size: var(--paraText);
padding: 4px 15px;
text-decoration: none;
line-height: 24px;
}
.left_sidebar ul li ul li a:hover,
.left_sidebar ul li ul li a:focus,
.left_sidebar ul li ul li a.active {
background: var(--orageColor);
color: var(--colorWhite);
}
.left_sidebar ul li ul li a i {
float: right;
line-height: 24px;
}
.left_sidebar ul li ul li ul {
display: none;
transition: all 2s;
position: absolute;
left: 98%;
top: 0px;
z-index: 200;
background: var(--colorWhite);
width: 200px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
}
.left_sidebar ul li ul li:hover ul {
display: block;
transition: all 2s;
}
.left_sidebar ul li ul li ul li a {
display: block;
font-weight: 400;
color: var(--textColor);
text-align: left;
font-size: 13px;
padding: 4px 15px;
text-decoration: none;
text-transform: initial;
line-height: 24px;
}
.left_sidebar ul li ul li ul li a:hover,
.left_sidebar ul li ul li ul li a:focus,
.left_sidebar ul li ul li ul li a.active {
background: var(--orageColor);
color: var(--colorWhite);
}
.left_sidebar form {
float: left;
width: 100%;
background: var(--colorWhite);
padding: 10px 10px 10px;
}
.right_side h1 {
padding: 8px 10px;
margin: 0 0 10px;
line-height: 30px;
background: var(--orageColor);
font-size: var(--headingTwo);
color: var(--colorWhite);
font-weight: 600;
}
.right_side h2 {
padding: 0px;
margin: 20px 0 5px;
line-height: 30px;
font-size: var(--headingThree);
color: var(--textColor);
font-weight: 600;
}
.right_side h3 {
padding: 0px;
margin: 10px 0 5px;
line-height: 30px;
font-size: var(--headingThree);
color: var(--textColor);
font-weight: 600;
}
.wps_right {
float: left;
width: 100%;
/*👉 background: var(--colorWhite);
padding: 10px;
border: 1px solid #ccc;
margin-bottom: 20px;👈*/
}
.wps_right p {
line-height: 24px;
margin-bottom: 10px;
text-align: justify;
font-size: var(--textSize);
font-weight: normal
}
.wps_right ul {
margin: 0 0 25px;
padding: 0;
}
.wps_right ul li {
line-height: 28px;
font-size: var(--textSize);
margin: 0;
vertical-align: middle;
text-align: left;
padding: 0;
display: flex;
align-items: center;
}
.wps_right ul li:before {
width: 20px;
height: 20px;
color: #4e4e4e;
font-weight: 400;
margin-top: 0;
margin-right: 5px;
float: left;
content: url("data:image/svg+xml;charset=utf-8,");
}
.left_image {
float: left;
width: 340px;
margin: 0px 15px 15px 0;
text-align: center;
}
.left_image .left_centered {
width: 100%;
position: relative;
padding: 0px;
min-height: 338px;
overflow: hidden;
border: 1px solid var(--whiteBorderColor);
}
.left_image .left_centered .image {
width: 100%;
text-align: center;
overflow: hidden;
position: relative;
height: 338px;
transition: transform .5s ease;
}
.left_image .left_centered .image img {
position: absolute;
max-width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
max-height: 100%;
}
.right_image1 {
float: right;
width: 340px;
margin: 0px 0px 15px 15px;
text-align: center;
}
.right_image1 .left_centered {
width: 100%;
position: relative;
padding: 0px;
min-height: 338px;
overflow: hidden;
border: 1px solid var(--whiteBorderColor);
}
.right_image1 .left_centered .image {
width: 100%;
text-align: center;
overflow: hidden;
position: relative;
height: 338px;
transition: transform .5s ease;
}
.right_image1 .left_centered .image img {
position: absolute;
max-width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
max-height: 100%;
}
.category_page {
float: left;
width: 100%;
margin: 0;
padding: 40px 0;
background: var(--whiteBorderColor);
}
.category_page h1 {
padding: 8px 10px;
margin: 0;
line-height: 30px;
background: var(--darkColor);
font-size: var(--headingTwo);
color: var(--colorWhite);
font-weight: 600;
}
.category_page .wps_right ul {
margin: 0 0 25px;
padding: 0;
}
.category_page .wps_right ul li {
display: block;
list-style: none;
line-height: 24px;
color: #423f3f;
font-size: var(--textSize);
font-weight: normal;
}
.category_page .wps_right ul li:before {
margin-right: 5px;
content: url("data:image/svg+xml;charset=utf-8,");
}
.product_right_image {
float: right;
max-width: 500px;
width: 100%;
margin: 0px 0 25px 15px;
text-align: center;
}
.product_right_image .detail_image {
width: 100%;
text-align: center;
overflow: hidden;
position: relative;
height: 500px;
border: 1px solid var(--whiteBorderColor);
margin-bottom: 15px;
}
.product_right_image .detail_image img {
position: absolute;
max-width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
max-height: 100%;
}
.product_right_image .product_dimage {
width: 100%;
text-align: center;
overflow: hidden;
height: 400px;
border: 1px solid var(--whiteBorderColor);
margin-bottom: 15px;
}
.more_images {
float: left;
position: relative;
width: 100%;
margin-bottom: 15px;
}
#thumbs {
padding-top: 10px;
overflow: hidden;
text-align: center;
}
#thumbs img,
#largeImage {
padding: 0;
cursor: pointer;
border: 1px solid var(--whiteBorderColor);
}
#thumbs img {
display: inline-block;
margin-right: 6px;
width: 70px;
}
#thumbs img.active {
border-color: var(--blueBorderColor);
}
.wps_right h2 {
font-size: var(--headingThree);
line-height: normal;
margin-bottom: 10px;
color: var(--darkColor);
font-weight: 600;
}
.wps_right h3 {
font-size: var(--headingTwo);
line-height: normal;
margin-bottom: 10px;
color: var(--darkColor)
}
.wps_right table {
margin: 0;
background: var(--colorWhite);
}
.wps_right table tbody tr td {
vertical-align: middle;
padding: 6px 10px;
font-size: var(--textSize);
line-height: normal;
text-align: left;
}
.wps_right table tbody tr td {
border: 1px solid #ccc;
width: 60%;
}
.wps_right table tbody tr td:first-child {
color: var(--darkColor);
width: 40%;
}
.interested_section {
float: left;
width: 100%;
text-align: center;
margin: 20px 0
}
.interested_section .interested_btn {
font-size: var(--headingFour);
color: var(--colorWhite);
background: var(--textColor);
border: 1px solid #6b2b76;
border-radius: 3px;
padding: 12px 0;
width: 258px;
display: inline-block;
text-transform: uppercase;
cursor: pointer;
}
.interested_section .interested_btn svg {
margin-right: 5px;
width: 20px;
height: 20px;
}
.interested_section .interested_btn:hover {
background: var(--orageColor);
color: var(--colorWhite);
border: 1px solid #f7b11b
}
.product_listing {
float: left;
width: 100%;
margin-bottom: 25px;
box-shadow: 0px 3px 5px 0px rgba(210, 210, 210, 0.75);
transition: all 0.35s ease-in-out;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color: #ccc;
background: var(--colorWhite);
}
.product_listing .product {
width: 100%;
position: relative;
padding: 10px 10px 0 10px;
text-align: center;
min-height: 200px;
overflow: hidden;
border-right: 1px solid var(--whiteBorderColor);
display: inline-block;
}
.product_listing .product .image1 {
width: 100%;
text-align: center;
overflow: hidden;
position: relative;
height: 340px;
transition: all 0.4s ease-in-out;
margin-bottom: 0px;
}
.product_listing .product .image1 img {
position: absolute;
max-width: 100%;
top: 50%;
left: 50%;
margin: auto;
transform: translate(-50%, -50%);
width: auto;
max-height: 100%;
}
.product_listing .product .small {
padding-top: 10px;
overflow: hidden;
text-align: center;
display: flex;
justify-content: center;
}
.product_listing .product .small img,
.product_listing .product .largeImage img {
padding: 0;
cursor: pointer;
border: 1px solid var(--whiteBorderColor);
}
.product_listing .product .small .item {
display: inline-block;
margin-right: 6px;
width: 60px;
cursor: pointer;
}
.product_listing .product .small .item:last-child {
margin: 0;
}
.product_listing .product .small .item.active {
border-color: #ddaf1c;
}
.product_listing .product .small .item.youtube {
width: 60px;
height: 60px;
background: #f70000;
color: var(--colorWhite);
display: flex;
align-items: center;
justify-content: center;
}
.product_listing .product .small .item.youtube a {
color: var(--colorWhite);
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.youtube svg {
width: 40px;
height: 40px;
}
.product_listing .product p {
font-size: var(--textSize);
text-align: center;
margin: 0 0 10px;
}
.product_listing .product .read_more {
margin-top: 0;
}
.product_listing .right-content .read_more {
margin-top: 10px;
}
.padding0 {
padding: 0;
}
.right-content {
position: relative;
padding-right: 15px;
}
.right-content .title4 {
line-height: 24px;
padding: 10px 0;
text-align: left;
margin: 0;
font-size: var(--headingThree);
font-weight: 600;
}
.right-content .title4 a {
color: var(--blueDarkMore);
}
.right-content h4 {
line-height: 24px;
padding: 10px 0;
text-align: left;
}
.right-content p {
font-size: var(--textSize);
margin-bottom: 10px;
}
.blue-line1 {
width: 100%;
display: block;
height: 1.1px;
background: var(--whiteBorderColor);
position: relative;
margin-bottom: 10px;
padding: 0 15px;
}
.product_listing:hover .right-content .title4 a {
color: var(--darkColor);
}
.product_listing:hover .right-content h4 a {
color: var(--orageColor);
}
.right-content .table-responsive {
float: left;
width: 100%;
overflow: hidden;
max-height: 230px;
overflow: auto;
padding-right: 5px;
}
.right-content table {
margin-bottom: 15px;
}
.right-content table tbody tr td {
vertical-align: middle;
padding: 6px 10px;
font-size: var(--textSize);
line-height: normal;
text-align: left;
}
.right-content table tbody tr td {
border: 1px solid #eaeaea;
width: 60%;
}
.right-content table tbody tr td:first-child {
color: var(--textColor);
width: 40%;
}
.you_may {
float: left;
width: 100%;
padding: 0;
margin: 0 0 10px;
line-height: 30px;
color: var(--darkColor);
font-size: var(--headingTwo);
font-weight: 600;
border-bottom: 1px solid var(--whiteBorderColor);
}
.team_member {
float: left;
width: 100%;
margin-bottom: 15px;
box-shadow: 0px 3px 5px 0px rgba(210, 210, 210, 0.75);
transition: all 0.35s ease-in-out;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color: var(--whiteBorderColor);
}
.team_member .image {
width: 100%;
position: relative;
padding: 15px 15px 15px 0;
text-align: center;
min-height: 268px;
overflow: hidden;
border-right: 1px solid var(--whiteBorderColor);
display: inline-block;
}
.team_member .image img {
position: absolute;
max-width: 100%;
top: 50%;
left: 50%;
margin: auto;
transform: translate(-50%, -50%);
width: auto;
max-height: 100%;
}
.team_info {
position: relative;
padding-right: 15px;
}
.team_info h3 {
line-height: 24px;
padding: 10px 0;
text-align: left;
margin: 0;
}
.team_info h3 small {
display: block;
color: var(--textColor);
font-weight: 600;
font-size: var(--paraText);
}
/* Testimonial Page */
.testimonial_block {
float: left;
width: 100%;
margin-bottom: 20px;
}
.testimonial_text_box {
margin: 0 0 30px;
padding: 32px 20px 35px 0;
background: var(--whiteBorderColor);
box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
display: table;
position: relative;
border-radius: 4px;
}
.testimonial_text_box .this-quote {
margin: 0 20px;
width: 30px;
}
.testimonial_text_box .this-quote img {
width: auto;
}
.testimonial_text_box:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
bottom: -25px;
left: 69px;
border-top: 25px solid var(--whiteBorderColor);
border-right: 25px solid transparent;
}
.testimonial_text_box .this-texts {
display: table-cell;
width: calc(100% - 70px);
vertical-align: top;
color: var(--textColor);
font-size: var(--textSize);
line-height: 24px;
text-align: justify;
}
.testimonial_author .media-left {
padding-right: 20px;
float: left;
}
.testimonial_author .media-left img {
border: 1px solid var(--textColor);
border-radius: 4px;
}
.testimonial_author .media-left a {
position: relative;
width: 60px;
height: 60px;
margin: 0 auto;
border-radius: 50%;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
background: var(--whiteBorderColor);
border-radius: 50%;
transition: all 300ms ease;
display: flex;
align-items: center;
justify-content: center;
color: var(--blueBorderColor);
font-size: var(--headingOne);
font-weight: 600;
}
.testimonial_author .media-body {
vertical-align: middle;
}
.testimonial_author .this-title {
font-size: var(--headingFour);
color: var(--textColor);
text-align: left;
line-height: 20px;
margin: 0 0 5px;
padding: 0;
}
.testimonial_author .loc {
color: var(--darkColor);
line-height: 20px;
margin: 0;
}
.gallery_page {
float: left;
width: 100%;
margin: 0;
padding: 40px 0;
background: var(--whiteBorderColor);
}
.gallery_page .gallery_item {
border-radius: 2px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 1px 0.98px 0.02px rgba(0, 0, 0, 0.1);
margin-bottom: 25px;
}
.gallery_page .gallery_item img {
display: block;
width: 100%;
height: auto;
border-radius: 2px;
}
.gallery_item_info {
text-align: center;
padding: 15px;
}
.gallery_item_info h4 {
font-size: var(--headingFour);
color: var(--textColor);
margin: 0;
padding: 0;
}
.gallery_item_info p {
font-size: 13px;
margin: 0;
margin-top: 4px;
color: var(--textColor);
max-width: 100%;
}
.hover_effect {
display: block;
position: relative;
background: none;
overflow: hidden;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
height: 356px;
}
.hover_effect:after {
color: var(--colorWhite);
position: absolute;
font-size: 1.6em;
text-align: center;
line-height: 40px;
width: 40px;
height: 40px;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: scale(0.1, 0.1);
transform: scale(0.1, 0.1);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.hover_effect img {
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
transform: translate(-50%, -50%);
max-height: 100%;
width: auto;
height: auto;
}
.hover_effect:hover:after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
filter: alpha(opacity=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: .6;
-khtml-opacity: .6;
opacity: .6;
}
.hover_effect:hover img {
filter: alpha(opacity=40);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}
.hover_effect:hover {
background: var(--orageColor);
}
.hover_effect:after {
content: url("data:image/svg+xml;charset=utf-8,");
}
.blog_page {
float: left;
width: 100%;
margin: 0;
padding: 50px 0;
background: var(--whiteBorderColor);
}
.blog_page .blog_left h1 {
padding: 8px 10px;
margin: 0 0 10px;
line-height: 30px;
background: var(--orageColor);
font-size: var(--headingTwo);
color: var(--colorWhite);
font-weight: 600;
}
.blog_page .blogLeft {
margin-bottom: 20px;
position: relative;
background: var(--colorWhite);
}
.blog_page .blogLeft .blogInfo h4 {
color: var(--textColor);
}
.blog_page .blogLeft .blogInfo .text p {
color: var(--textColor);
}
.blog_page .blogLeft .blogInfo h4:hover {
color: var(--orageColor);
}
.blog_page .blogLeft .blogInfo {
padding-bottom: 15px;
}
/* New Blog Details Page */
.blog_details {
float: left;
width: 100%;
}
.blog_details ul {
display: flex;
align-items: center;
justify-content: center;
margin: 0px 0 20px;
padding: 0;
}
.blog_details ul li {
display: inline-block;
margin-right: 15px;
list-style: none;
}
.blog_details ul li:before {
content: none;
margin: 0;
}
.blog_details ul li a {
color: var(--textColor);
transition: all 0.5s ease-out;
}
.blog_details ul li i {
margin-right: 5px;
}
.sharethis-inline-share-buttons {
margin-bottom: 20px;
display: flex !important;
align-items: center;
justify-content: center !important;
}
.blog_details1 {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.blog_details1 img {
margin-bottom: 15px;
}
.blog_details_img {
width: 100%;
text-align: center;
height: 500px;
overflow: hidden;
margin-bottom: 15px;
}
.blog_details_img img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
margin: 0 auto
}
.form-group {
margin-bottom: 15px;
}
.blog_details1 p {
text-align: justify;
line-height: 24px;
}
.blog_details1 .block-quote {
padding: 30px 40px;
margin-bottom: 20px;
background: var(--colorWhite);
border-left: 3px solid var(--orageColor);
}
.blog_details1 .block-quote p {
font-size: 15px;
line-height: 24px;
}
.blog_details1 h3 {
margin: 0 0 5px;
padding: 0;
line-height: 30px;
}
.blog_details1 ul {
float: left;
width: 100%;
margin: 0 0 25px;
padding: 0;
display: block;
}
.blog_details1 ul li {
line-height: 28px;
font-size: var(--textSize);
margin: 0;
vertical-align: middle;
text-align: left;
padding: 0;
display: flex;
align-items: center;
}
.blog_details1 ul li:before {
width: 20px;
height: 20px;
color: var(--textColor);
font-weight: 400;
margin-top: 0;
margin-right: 5px;
float: left;
content: url("data:image/svg+xml;charset=utf-8,");
}
.fb-comments {
width: 100%;
}
/* Blog Details */
.blogdetails img {
width: 100%;
}
.blog_news .content_details {
float: left;
width: 100%;
background: var(--whiteBorderColor);
padding: 20px 20px 20px;
}
.blog_news .content_details h2 {
text-transform: capitalize;
line-height: 30px;
font-size: var(--headingThree);
margin: 0 0 10px;
}
.blog_news .content_details h2 a {
color: var(--textColor);
transition: all 0.5s ease-out;
}
.blog_news .content_details ul {
display: inline;
margin: 0px;
}
.blog_news .content_details ul li {
display: inline-block;
margin-right: 15px;
}
.blog_news .content_details ul li:before {
content: none;
margin: 0;
}
.blog_news .content_details ul li i {
margin-right: 5px;
}
.blog_news .block-quote {
padding: 30px 40px;
margin-bottom: 20px;
background: var(--offWhiteColor);
border-left: 3px solid var(--darkColor);
}
.blog_news .block-quote p {
font-size: 15px;
line-height: 24px;
}
.blog_news .content_details ol {
width: 100%;
margin: 0 0 25px;
padding: 0;
}
.blog_news .content_details ol li {
list-style: none;
line-height: 24px;
color: var(--textColor);
font-size: 15px;
font-weight: normal;
}
.contact_page {
float: left;
width: 100%;
margin: 0;
padding: 50px 0;
position: relative;
}
.cs_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 100%;
width: 100%;
margin: 0 auto;
justify-content: center;
}
.cs_container .csPanel {
/* width: 50%; */
display: table-cell;
background-color: var(--colorWhite);
border-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-shadow: 0 2px 6px 0 #989cb0;
box-shadow: 0 2px 6px 0 #989cb0;
padding: 20px;
}
.cs_container .csPanel:last-child {
background-color: rgba(38, 43, 72, .92);
color: var(--colorWhite);
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-box-shadow: 0 3px 6px #989cb0;
box-shadow: 0 3px 6px #989cb0;
background: linear-gradient(90deg, rgb(21,21,21,0.86), rgb(21,21,21,0.86));
/* max-width: 300px; */
/* width: 100%; */
}
.address-column .title_h2_2{
color:#fff;
}
.title_h2_2 {
margin-bottom: 15px;
margin-left: 10px;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
color: var(--darkColor);
text-align: left;
padding: 0;
font-size: 20px;
font-weight: 600;
}
.address-column p {
color: var(--colorWhite);
margin: 0;
display: flex;
line-height: 26px;
margin-bottom: 5px;
}
.address-column p span {
font-size: var(--headingThree);
margin-right: 10px;
color: var(--colorWhite)
}
.address-column p span svg {
width: 24px;
height: 24px;
}
.address-column p.phone {
display: block
}
.address-column p a {
color: var(--colorWhite);
display: inline-block;
font-weight: 600;
}
.address-column p a:hover {
color: var(--darkColor);
text-decoration: none;
}
.contact_page textarea.form-control {
height: 100px;
}
label.error,
.output {
color: var(--errorColor);
font-weight: normal;
margin-bottom: 15px;
}
#quick_form label.error,
.output {
color: var(--errorColor);
font-weight: normal;
margin-bottom: 15px;
}
#quick_enquiry label.error,
.output {
color: var(--errorColor);
font-weight: normal;
margin-bottom: 15px;
}
.pac-container {
z-index: 100000;
}
.contact_map {
float: left;
width: 100%;
height: 550px;
}
/* Sitemap page */
.sitemap_page {
float: left;
width: 100%;
margin: 0;
padding: 50px 0;
background: var(--colorWhite);
}
.sitemap_right_side h1 {
padding: 8px 10px;
margin: 0 0 10px;
line-height: 30px;
background: var(--orageColor);
font-size: var(--headingTwo);
color: var(--colorWhite);
font-weight: 600;
}
.sitemap {
border-left: 1px solid var(--greyColor);
padding: 0;
}
.sitemap li {
list-style: none !important;
background: transparent url(../images/sitemap_hr.png) no-repeat scroll 0px 9px;
padding: 0px 0px 0px 15px;
margin-bottom: 5px;
}
.sitemap li ul {
border-left: 1px solid var(--greyColor);
padding: 0;
}
.sitemap li a {
color: var(--textColor);
font-size: var(--paraText);
padding-bottom: 5px;
display: block;
}
.sitemap li a:hover {
color: var(--darkColor);
}
.market_area .mt25 {
float: left;
display: block;
font-size: var(--headingFour);
font-weight: bold;
margin-bottom: 10px;
margin-top: 20px;
color: var(--darkColor);
}
.market_area h1 {
font-size: var(--headingTwo);
font-weight: bold;
margin-bottom: 10px;
color: var(--textColor);
}
.market-list {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.market-list li {
list-style: none;
padding-right: 10px;
line-height: 20px;
width: 25%;
float: left;
}
.market-list li:before {
content: none;
margin-right: 0;
}
.market-list li a {
width: auto;
height: auto;
padding: 10px 0 10px 12px;
margin: 0 0 9px;
display: block;
color: var(--textColor);
font-size: var(--paraText);
background-color: var(--offWhiteColor);
}
.market-list li a:hover {
background: var(--darkColor);
color: var(--colorWhite);
}
/* Products Poup */
.product_popup {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.product_popup_image {
width: 100%;
margin-bottom: 15px;
border: 1px solid var(--whiteBorderColor);
overflow: hidden;
position: relative;
height: 440px;
}
#callback .product_popup_image {
height: 176px;
}
.product_popup_image img {
position: absolute;
max-width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 100%;
width: auto;
margin: auto;
}
.product_popup h4 {
color: var(--textColor);
font-size: var(--headingFive);
font-weight: 600;
text-transform: uppercase;
margin-bottom: 8px;
text-align: left;
padding: 0;
}
.product_popup p {
font-size: var(--paraText);
line-height: 24px;
color: var(--textColor);
text-align: left;
margin-bottom: 15px;
}
#product_enquiry label.error {
color: var(--errorColor);
font-weight: normal;
}
.product_right_image .read_more {
margin-top: 0;
}
.logob {
border-radius: 14px;
padding: 5px 5px;
background-color: var(--colorWhite);
}
.video_section iframe {
width: 100%;
height: 415px;
}
.latest {
font-size: 26px;
font-weight: bold;
color: var(--textColor);
margin: 0 0 20px;
}
.webpulse-home_blog h6 span {
color: var(--orageColor);
}
.webpulse-home_blog h6 {
text-transform: uppercase;
}
.feature_height {
display: block;
overflow: hidden;
padding: 15px;
text-align: center;
height: 140px;
}
.thumb {
text-align: center;
width: 100%;
display: inline-block;
padding: 0px;
}
.fadeImg {
animation-name: fadeimg;
animation-duration: 2s;
}
@keyframes fadeimg {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.rangeProduct {
float: left;
width: 100%;
margin: 0 0 20px;
padding: 0 0 20px;
border: 1px solid var(--whiteBorderColor);
border-radius: 6px;
overflow: hidden;
text-align: center;
transition: all 0.35s ease-in-out;
background: var(--colorWhite);
}
.rangeProduct:hover {
box-shadow: 0px 3px 5px 0px rgba(210, 210, 210, 0.75);
}
.rangeProduct .image {
position: relative;
height: 253px;
text-align: center;
border-bottom: 1px solid var(--whiteBorderColor);
}
.rangeProduct .image img {
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
transform: translate(-50%, -50%);
width: auto;
height: auto;
}
.rangeProduct .rangeTitle {
padding: 10px 15px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
font-size: 16px;
min-height: 50px;
color: var(--blueDarkMore);
}
.rangeProduct:hover .rangeTitle {
color: var(--orageColor);
}
.rangeProduct .read_more_product {
padding: 8px 18px;
border-radius: 6px;
line-height: 24px;
}
.titleh6 {
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
color: var(--darkColor);
text-align: left;
padding: 0;
font-size: 18px;
font-weight: 600;
}
.intl-tel-input,
.iti {
width: 100%;
}
.abt {
padding: 120px 0;
}
.team-item-content h3 {
text-align: center !important;
margin-bottom: ;
font-size: var(--headingTwo);
}
.team-item-image figure {
margin: 20px 34px !important;
}
.certificate-table {
width: 100%;
max-width: 700px;
border-collapse: collapse;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.certificate-table thead {
background: #0d8ecf;
color: #fff;
}
.certificate-table th,
.certificate-table td {
padding: 15px 20px;
text-align: left;
}
.certificate-table th {
font-weight: 600;
font-size: 18px;
}
.certificate-table tbody tr {
border-bottom: 1px solid #e5e5e5;
}
.certificate-table tbody tr:nth-child(even) {
background: #f8fbfd;
}
.certificate-table tbody tr:hover {
background: #eef8fd;
}
.certificate-table td {
font-size: 16px;
color: #444;
}