File: /home/aliazzsr/html.vqode.com/CSS-Global/css/custom.css
/*
TCS
*/
/*----- HTML Code Start ----- */
html
{
scroll-behavior: smooth;
}
/*----- HTML Code End ----- */
/*----- Body Code Start ----- */
body
{
font-family: 'Rajdhani', sans-serif;
margin: 0;
background-color: white;
}
/*----- Body Code End ----- */
/*----- Web Layout Color Start ----- */
.webMightGreen
{
background-color: #90f8e8 !important;
}
.webDarkGrey
{
background-color: #1e1e1e !important;
}
.webLightGrey
{
background-color: #fafafa !important;
}
/*----- Web Layout Color End ----- */
/*----- Web Layout Text Color Start ----- */
.colorMightGreen
{
color: #13a89e !important;
}
.colorDarkGrey
{
color: #1b1a1a !important;
}
.colorWhite
{
color: #ffffff !important;
}
.lightGreyColor
{
color: #a3a3a3;
}
/*----- Web Layout Text Color End ----- */
/*----- Heading Code Start ----- */
h1
{
font-size: 60px;
color: white;
text-align: left;
font-family: 'Jost', sans-serif;
font-weight: 600;
text-transform: uppercase;
padding: 25px 0 0 0;
}
h1 span
{
color: #13a89e;
}
h2
{
font-size: 30px;
color: #f1cf71;
font-weight: 600;
padding: 10px 0 0 0;
color: #1b1a1a;
text-transform: uppercase;
}
h2 span
{
color: #0a9183;
}
.training-title
h2
{
font-size: 22px;
color: #f1cf71;
text-align: left;
font-weight: 600;
padding: 20px 0 0 0;
font-family: 'Jost', sans-serif;
}
h2 span
{
color: #13a89e;
}
h3
{
font-size: 50px;
color: white;
text-align: left;
font-weight: 700;
padding: 15px 0 0 0;
}
h3 span
{
font-size: 30px;
}
h4
{
font-size: 20px;
color: #2f2f2f;
text-align: left;
font-weight: 600;
padding: 20px 0 0 0;
margin: 0;
}
h5
{
font-size: 18px;
color: #373737;
text-align: center;
font-weight: 600;
padding: 20px 0 0 0;
margin: 0;
}
h6
{
font-size: 17px;
color: black;
text-align: center;
font-weight: 600;
padding: 70px 0 0 0;
margin: 0;
}
p
{
font-size: 17px;
text-align: center;
color: #2f2f2f;
line-height: 28px;
font-weight: 500;
}
/*----- Heading Code End ----- */
/*----- Home Page Code Start ----- */
/*----- Topbar Code Start ----- */
.topbarSocial
{
font-family: 'Jost', sans-serif;
font-size: 14px;
text-align: left;
color: black;
padding: 5px 0;
}
.socialBold
{
padding-left: 5px;
}
.topbarFlex
{
display: flex;
justify-content: space-between;
}
.topDevider
{
width: 1px;
height: 100%;
background-color: #5dd1bf;
margin: 0 10px;
}
.flex
{
display: flex;
}
.alignCenter
{
align-items: center;
}
/*----- Topbar Code End ----- */
/*----- Navbar Code Start ----- */
.wrapper{
background-image: url(../images/navbar/navbg.png);
background-repeat: no-repeat;
width: 100%;
height: 100px;
z-index: 9999999;
position: relative;
background-size: cover;
padding: 15px 0;
}
.wrapper nav{
position: relative;
display: flex;
max-width: calc(100% - 255px);
margin: 0 auto;
height: 80px;
align-items: center;
justify-content: space-between;
}
nav .content{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
nav .content .links{
margin-left: 80px;
display: flex;
margin-bottom: 0 !important;
}
.content .logo a{
color: black;
font-size: 30px;
font-weight: 600;
}
.content .links li{
list-style: none;
line-height: 20px;
}
.content .links li a,
.content .links li label{
color: white;
font-size: 15px;
font-weight: 500;
padding: 10px 25px;
border-radius: 5px;
transition: all 0.3s ease;
}
.black
{
color: black !important;
font-size: 18px !important;
font-weight: 600 !important;
}
.dropdown-heading
{
font-size: 16px;
color: #21afa0;
font-weight: 600;
padding: 10px 20px 5px 21px;
}
.content .links li label{
display: none;
}
.content .links li a:hover,
.content .links li label:hover{
color: black;
}
.navActive
{
color: white !important;
font-weight: 600 !important;
}
.wrapper .search-icon,
.wrapper .menu-icon{
color: #121212;
font-size: 18px;
cursor: pointer;
line-height: 70px;
width: 70px;
text-align: center;
margin-bottom: 0;
}
.wrapper .menu-icon{
display: none;
}
.wrapper #show-search:checked ~ .search-icon i::before{
content: "\f00d";
}
.wrapper .search-box{
position: absolute;
height: 100%;
max-width: calc(100% - 50px);
width: 100%;
opacity: 0;
pointer-events: none;
transition: all 0.3s ease;
}
.wrapper #show-search:checked ~ .search-box{
opacity: 1;
pointer-events: auto;
}
.search-box input{
width: 100%;
height: 100%;
border: none;
outline: none;
font-size: 17px;
color: #121212;
background: white;
padding: 0 100px 0 15px;
}
.search-box input::placeholder{
color: #121212;
}
.search-box .go-icon{
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
line-height: 60px;
width: 70px;
background: white;
border: none;
outline: none;
color: #121212;
font-size: 20px;
cursor: pointer;
}
.wrapper input[type="checkbox"]{
display: none;
}
/* Dropdown Menu code start */
.content .links ul{
position: absolute;
background: white;
top: 80px;
z-index: -1;
opacity: 0;
visibility: hidden;
left: 0;
right: 0;
box-shadow: 0px 0px 20px #327b70;
margin: 8px 0 0 0;
}
.content-drop
{
padding: 0 20px 4px 20px !important;
}
.content .links li:hover > ul{
top: 70px;
opacity: 1;
visibility: visible;
transition: all 0.3s ease;
padding-left: 0 !important;
}
.content .links ul li a{
display: flex;
align-items: center;
width: 100%;
line-height: 17px;
border-radius: 0px!important;
font-size: 14px !important;
}
.content-drop > img
{
margin-right: 5px;
margin-top: -3px;
}
.content .links ul ul{
position: absolute;
top: 0;
right: calc(-100% + 8px);
}
.content .links ul li{
position: relative;
}
.content .links ul li:hover ul{
top: 0;
}
.navFixed
{
position: fixed;
z-index: 999;
width: 100%;
}
/* Responsive code start */
@media screen and (max-width: 1250px){
.wrapper nav{
max-width: 100%;
padding: 0 20px;
}
nav .content .links{
margin-left: 30px;
}
.content .links li a{
padding: 8px 13px;
}
.wrapper .search-box{
max-width: calc(100% - 100px);
}
.wrapper .search-box input{
padding: 0 100px 0 15px;
}
}
@media screen and (max-width: 900px){
.wrapper .menu-icon{
display: block;
}
.wrapper #show-menu:checked ~ .menu-icon i::before{
content: "\f00d";
}
nav .content .links{
display: block;
position: fixed;
background: white;
height: 100%;
width: 100%;
top: 100px;
left: -100%;
margin-left: 0;
max-width: 350px;
overflow-y: auto;
padding-bottom: 100px;
transition: all 0.3s ease;
padding-left: 0 !important;
}
nav #show-menu:checked ~ .content .links{
left: 0%;
}
.content .links li{
margin: 15px 20px;
}
.content .links li a,
.content .links li label{
line-height: 40px;
font-size: 20px;
display: block;
padding: 8px 18px;
cursor: pointer;
color: black;
}
.content .links li a.desktop-link{
display: none;
}
/* dropdown responsive code start */
.content .links ul,
.content .links ul ul{
position: static;
opacity: 1;
visibility: visible;
background: none;
max-height: 0px;
overflow: hidden;
}
.content .links #show-features:checked ~ ul,
.content .links #show-services:checked ~ ul,
.content .links #show-items:checked ~ ul{
max-height: 100vh;
}
.content .links ul li{
margin: 7px 5px;
}
.content .links ul li a{
font-size: 18px;
line-height: 30px;
border-radius: 5px!important;
}
}
@media screen and (max-width: 400px){
.wrapper nav{
padding: 0 10px;
}
.content .logo a{
font-size: 27px;
}
.wrapper .search-box{
max-width: calc(100% - 70px);
}
.wrapper .search-box .go-icon{
width: 30px;
right: 0;
}
.wrapper .search-box input{
padding-right: 30px;
}
}
.menuHold
{
width: 25%;
border-right: 1px solid #f1f1f1;
margin: 10px 0
}
.menuFlex
{
display: flex;
}
/*----- Navbar Code End ----- */
/*----- Banner Code Start ----- */
.banner
{
width: 100%;
object-fit: cover;
position: absolute;
}
.banner-top
{
padding: 131px 0 0 0;
}
.banneFirstTitle
{
font-size: 22px;
color: white;
text-align: left;
font-weight: 600;
font-family: 'Jost', sans-serif;
text-transform: uppercase;
}
.bannerParagraph
p
{
font-size: 16px;
color: #111111;
text-align: left;
font-family: 'Jost', sans-serif;
line-height: 28px;
padding: 15px 0 0 0;
}
.bannerQuote
{
width: 190px;
height: 40px;
text-align: center;
font-size: 16px;
color: #111111;
text-align: center;
font-family: 'Jost', sans-serif;
margin: 35px 0 0 0;
border-radius: 0;
background-color: #f1cf71;
box-shadow: 0px 3px 15px #5b5b5b;
font-weight: 600;
}
.bannerColumnPadding
{
padding: 50px 15px 0 15px;
}
.carousel-indicators li
{
background-color: #c6c6c6;
width: 11px;
height: 3px;
}
.carousel-indicators .active
{
background-color: #13a89e;
}
.carousel-control-next, .carousel-control-prev
{
width: 2.5%;
background: white;
height: 36px;
top: 38%;
margin: 30px;
opacity: 1;
}
.carousel-control-prev-icon
{
background-image: url(../images/home/pre.png);
width: 8px;
height: 16px;
}
.carousel-control-next-icon
{
background-image: url(../images/home/next.png);
width: 8px;
height: 16px;
}
.w100
{
width: 100%;
}
/*
==============================================
expandUp
==============================================
*/
.expandUp {
animation-name: expandUp;
-webkit-animation-name: expandUp;
animation-duration: 3s;
-webkit-animation-duration: 3s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes expandUp {
0% {
transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60% {
transform: translateY(-7%) scaleY(1.12);
}
75% {
transform: translateY(3%);
}
100% {
transform: translateY(0%) scale(1) scaleY(1);
}
}
@-webkit-keyframes expandUp {
0% {
-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60% {
-webkit-transform: translateY(-7%) scaleY(1.12);
}
75% {
-webkit-transform: translateY(3%);
}
100% {
-webkit-transform: translateY(0%) scale(1) scaleY(1);
}
}
/*
==============================================
fadeIn
==============================================
*/
.fadeIn {
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: 3s;
-webkit-animation-duration: 3s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible !important;
}
@keyframes fadeIn {
0% {
transform: scale(0);
opacity: 0.0;
}
60% {
transform: scale(1.1);
}
80% {
transform: scale(0.9);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
-webkit-transform: scale(0);
opacity: 0.0;
}
60% {
-webkit-transform: scale(1.1);
}
80% {
-webkit-transform: scale(0.9);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
/*
==============================================
bigEntrance
==============================================
*/
.bigEntrance {
animation-name: bigEntrance;
-webkit-animation-name: bigEntrance;
animation-duration: 3s;
-webkit-animation-duration: 3s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
visibility: visible !important;
}
@keyframes bigEntrance {
0% {
transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;
}
45% {
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;
}
75% {
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
100% {
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}
@-webkit-keyframes bigEntrance {
0% {
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;
}
45% {
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;
}
75% {
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
100% {
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}
/*
==============================================
slideDown
==============================================
*/
.slideDown {
animation-name: slideDown;
-webkit-animation-name: slideDown;
animation-duration: 3s;
-webkit-animation-duration: 3s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideDown {
0% {
transform: translateY(-100%);
}
50% {
transform: translateY(8%);
}
65% {
transform: translateY(-4%);
}
80% {
transform: translateY(4%);
}
95% {
transform: translateY(-2%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
}
50% {
-webkit-transform: translateY(8%);
}
65% {
-webkit-transform: translateY(-4%);
}
80% {
-webkit-transform: translateY(4%);
}
95% {
-webkit-transform: translateY(-2%);
}
100% {
-webkit-transform: translateY(0%);
}
}
/*----- Banner Code End ----- */
/*----- About Code Start ----- */
#aboutSection
{
width: 100%;
position: relative;
}
#aboutSection::before
{
content: '';
width: 466px;
height: 424px;
background-image: url(../images/home/products-lines.png);
background-repeat: no-repeat;
position: absolute;
bottom: -77px;
}
#aboutSection::after
{
content: '';
width: 66px;
height: 200px;
background-image: url(../images/home/about-right.png);
background-repeat: no-repeat;
position: absolute;
margin-top: 80px;
right: 0;
top: 0;
}
.industryBox
{
width: 100%;
background-color: white;
border: 1px solid #ececec;
border-radius: 5px;
padding: 30px 15px 18px 15px;
margin: 20px 0 0 0;
text-align: center;
position: relative;
z-index: 9;
cursor: pointer;
}
.industryBox:hover
{
border: 1px solid #33bdaf;
}
.industryBoxParagraph
p
{
font-size: 15px;
color: #313131;
padding-top: 10px;
line-height: 25px;
margin: 0;
}
.left-about
{
position: absolute;
}
/*----- About Code End ----- */
/*----- Client Code Start ----- */
.client-logo-box
{
width: 100%;
border: 1px solid #dddddd;
border-radius: 6px;
padding: 15px;
margin: 25px 0 0 0;
height: 250px;
background-color: white;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.client-logo-box:hover
{
border: 1px solid #33bdaf;
}
.webNone
{
display: none;
}
/*----- Client Code End ----- */
/*----- Partners Code Start ----- */
.partnerimg {
width: 100px;
height: 100px;
animation: scroll 60s linear infinite;
}
.slide-track {
width: 100%;
display: flex;
gap: 3em;
overflow: hidden;
}
.slider {
margin-top: 76px;
background-color: #fafafa;
padding: 1.5em 0em;
}
@keyframes scroll {
0% {transform: translateX(0);}
100% {transform: translatex(-1000%)}
}
/*----- Partners Code End ----- */
/*----- Why Choose Us Code Start ----- */
#chooseSection
{
padding: 60px 0;
}
.chooseLogo
{
position: absolute;
left: 0;
bottom: -40px;
margin-left: 87px;
}
.choosePT
{
padding-top: 25px;
}
.chooseTitle
{
font-size: 40px;
padding: 20px 0 0 0;
}
.chooseParagraph
p
{
font-size: 18px;
color: #2f2f2f;
text-align: left;
font-weight: 600;
padding: 12px 0 0 0;
margin-bottom: 7px;
}
.chooseTeam
{
color: #13a89e;
font-size: 16px;
font-weight: 600;
padding: 8px 0 0 21px;
}
/*----- Why Choose Us Code End ----- */
/*----- Experience Code Start ----- */
#experience
{
width: 100%;
height: 267px;
background-image: url(../images/home/experience-bg.png);
background-repeat: no-repeat;
padding: 37px 0;
margin: 76px 0 0 0;
box-sizing: border-box;
background-size: cover;
}
.text-white
{
color: white;
}
.experiencePlus
{
font-size: 22px !important;
color: white !important;
}
.experienceTitle
p
{
font-size: 16px;
color: white;
text-align: left;
font-weight: 600;
padding: 0;
margin: 0;
line-height: 25px;
}
.experienceBox
{
width: 100%;
background-color: white;
padding: 25px 17px 7px 17px;
border-radius: 6px;
text-align: center;
}
.experienceTitle
h6
{
font-size: 16px;
color: #262626;
text-align: center;
font-weight: 600;
padding: 13px 0 0 0;
}
.experienceTitle
h3
{
font-size: 40px;
color: #13a89e;
text-align: center;
font-weight: 600;
padding: 8px 0 0 0;
}
.experienceTitle
h3 span
{
font-size: 20px;
}
.experienceIcons
{
height: 65px;
}
/*----- Experience Code End ----- */
/*----- Award Code Start ----- */
#awardSection
{
width: 100%;
height: 413px;
background-image: url(../images/home/award-bg.png);
background-repeat: no-repeat;
padding: 45px 0;
background-size: cover;
}
.awardParagraph
p
{
font-size: 17px;
color: #2f2f2f;
text-align: left;
font-weight: 600;
padding: 15px 0 0 0;
margin: 0;
}
.awardDone
{
font-size: 17px;
color: #2f2f2f;
font-weight: 600;
padding: 0 0 0 10px;
}
/*----- Award Code End ----- */
/*----- Video Code Start ----- */
#homeVideo
{
width: 100%;
background-image: url(../images/home/videoBG.png);
background-repeat: no-repeat;
background-size: cover;
padding: 40px 0;
height: 467px;
text-align: center;
}
.homeVideoTitle
h5
{
font-size: 18px;
color: white;
text-align: center;
font-weight: 600;
}
.homeVideoTitle
p
{
font-size: 18px;
color: white;
text-align: center;
font-weight: 600;
width: 50%;
margin: 0 auto;
padding: 12px 0 0 0;
}
.homeVideoBoxes
{
margin: 30px 0 0 0;
}
.homePlay
{
font-size: 18px;
color: white;
text-align: center;
font-weight: 600;
position: relative;
top: 14px;
}
/*----- Video Code End ----- */
/*----- Client Testimonial Code Start ----- */
#clientTestimonial
{
width: 100%;
background-image: url(../images/home/clientBG.png);
background-repeat: no-repeat;
height: 564px;
padding: 30px 0;
}
.clientWrp
{
width: 100%;
padding: 0 80px;
}
.homeClientImg
{
margin: 30px 0 0 0;
}
.clientTitle
p
{
font-size: 20px;
color: #444444;
text-align: left;
font-weight: 600;
width: 100%;
padding: 20px 0 0 0;
line-height: 37px;
}
.clientTitle
h4
{
font-size: 20px;
color: #13a89e;
text-align: left;
font-weight: 600;
width: 100%;
padding: 20px 0 0 0;
line-height: 37px;
}
.None
{
display: none;
}
a
{
color: white;
text-decoration: unset;
}
a:hover
{
color: white;
text-decoration: unset;
}
.client-pre-btn
{
position: absolute;
right: 150px;
left: auto;
margin-top: 200px;
border: 1px solid #e5e5e5;
}
.client-next-btn
{
position: absolute;
right: 110px;
left: auto;
margin-top: 200px;
border: 1px solid #e5e5e5;
}
/*----- Client Testimonial Code End ----- */
/*----- Save Time Code Start ----- */
#homeSaveBox
{
width: 100%;
padding: 30px 45px;
border-radius: 20px;
position: relative;
}
#homeSaveBox::after
{
width: 646px;
height: 147px;
content: '';
background-image: url(../images/home/saveLines.png);
background-repeat: no-repeat;
position: absolute;
right: 0;
top: 0;
margin-top: 33px;
}
.saveTimeWrp
{
padding: 70px 70px;
}
.saveTitle
h2
{
font-size: 48px;
color: white;
text-align: left;
font-weight: 600;
width: 100%;
padding: 0;
margin: 0;
line-height: 60px;
text-transform: unset;
}
.saveQuoteBtn
{
font-size: 20px;
color: white;
font-weight: 600;
border: 1px solid #149088;
padding: 5px 28px;
background: #27beb4;
border-radius: 8px;
box-shadow: 0px 2px 18px #0e8981;
position: relative;
z-index: 1;
}
.homeSaveFlex
{
display: flex;
align-items: center;
justify-content: flex-end;
}
/*----- Save Time Code End ----- */
/*----- Footer Code Start ----- */
#footer
{
width: 100%;
}
#footer::before
{
content: '';
width: 567px;
height: 428px;
background-image: url(../images/footer/footerLines.png);
background-repeat: no-repeat;
position: absolute;
}
.footerWrp
{
padding: 50px 0 10px 0;
}
.footerTitle
h4
{
font-size: 23px;
color: white;
text-align: left;
font-weight: 600;
padding: 0;
margin: 0;
text-transform: uppercase;
}
.footerTitle
p
{
font-size: 16px;
color: #b1b1b1;
text-align: left;
font-weight: 600;
padding: 18px 0 0 0;
margin: 0;
}
.footerSocialBox
{
margin: 25px 10px 0 0;
}
.footerNavLinks
{
padding: 4px 0px;
font-size: 16px !important;
color: #b1b1b1;
font-weight: 600;
}
.footerCopyrightTop
{
width: 100%;
height: 1px;
background-color: #282828;
margin: 80px 0 0 0;
}
.footerCopyrightTitle
p
{
font-size: 15px;
color: white;
text-align: center;
padding: 27px 0 0 0;
}
/*----- Footer Code End ----- */
/*----- Home Page Code End ----- */
/*----- Services Inner Pages Code Start ----- */
.serviceISO-pt
{
padding-top: 131px;
}
.servies-inner-banner
{
width: 100%;
background-color: #f5f5f5;
background-repeat: no-repeat;
padding: 37px 0;
box-sizing: border-box;
background-size: cover;
}
.iso-image
{
width: 100%;
height: 450px;
margin-top: 45px;
border-radius: 15px;
}
.services-inner-box
{
width: 100%;
padding: 20px;
border-radius: 15px;
border: 1px solid #ededed;
max-height: 300px;
height: 300px;
margin: 20px 0 0 0;
cursor: pointer;
}
.services-inner-box:hover
{
border: 1px solid #0a9183;
}
.services-line
{
line-height: 18px;
font-size: 16px;
}
.inite-box
{
padding: 0px 15px;
border-radius: 15px;
background-color: #13a89e;
font-size: 53px;
font-weight: bold;
color: white;
height: 75px;
width: max-content;
}
.whitesmoke
{
background-color: whitesmoke;
}
.services-inner-icon
{
width: 65px;
}
.btn-link {
font-weight: 600;
color: #1b1a1a;
text-decoration: none;
font-size: 18px;
}
.card-body
{
padding: 1.25rem 2rem;
}
/*----- Services Inner Pages Code End ----- */
/*----- Contact Us Page Code Start ----- */
#contactBanner {
width: 100%;
background-image: url(../images/contact/banner.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 80px 0;
height: 467px;
text-align: center;
position: relative;
top: 131px;
}
.contactBox
{
width: 100%;
border-radius: 5px;
border: 1px solid #dedede;
padding: 25px;
margin-top: 20px;
}
.contactTitle
h4
{
font-size: 22px;
color: #121212;
text-align: left;
font-weight: 800;
padding: 20px 0 0 0;
margin: 0;
}
.contactTitle
p
{
font-size: 15px;
color: #3d3d3d;
text-align: left;
font-weight: 600;
padding: 10px 0 0 0;
margin: 0;
line-height: 25px;
}
.fs40
{
font-size: 40px;
}
.contactLabel
{
font-size: 17px;
font-weight: 600;
color: #323232;
}
.contactInput
{
width: 100%;
border: 1px solid #e5e5e5;
background-color: #f5f5f5;
height: 48px;
border-radius: 8px;
color: #5b5f67;
font-size: 15px;
font-weight: 600;
padding: 10px 20px;
}
.contactInput::placeholder
{
color: #5b5f67;
font-size: 15px;
font-weight: 600;
}
.contactTextarea
{
width: 100%;
border: 1px solid #e5e5e5;
background-color: #f5f5f5;
border-radius: 8px;
color: #5b5f67;
font-size: 15px;
font-weight: 600;
padding: 20px;
}
.contactTextarea::placeholder
{
color: #5b5f67;
font-size: 15px;
font-weight: 600;
}
.contactDetailBox
{
width: 100%;
background-color: #f7f7f7;
padding: 30px;
border-radius: 8px;
margin-top: 70px;
}
.contactDetailTitle
p
{
font-size: 16px;
color: #3d3d3d;
text-align: left;
font-weight: 600;
padding: 0;
margin: 0;
line-height: 25px;
}
.contactlocationTitle
p
{
font-size: 18px;
color: #3d3d3d;
text-align: left;
font-weight: 600;
padding: 0;
margin: 0;
line-height: 25px;
}
.contactFlex
{
display: flex;
align-items: center;
}
.contactBG
{
width: 100%;
margin-top: -330px;
}
.conactPosition
{
position: relative;
z-index: 1;
}
.contactButtonFlex
{
display: flex;
justify-content: flex-end;
}
.contactUsButton
{
width: 106px;
height: 37px;
background-color: #13a89e;
border-radius: 6px;
font-size: 15px;
color: #ffffff;
font-weight: 600;
margin-top: 11px;
}
/*----- Contact Us Page Code End ----- */
/*----- Certification Verification Page Code Start ----- */
#certificateBanner {
width: 100%;
background-image: url(../images/certificate/banner.png);
background-repeat: no-repeat;
background-size: cover;
padding: 80px 0;
height: 467px;
text-align: center;
position: relative;
top: 131px;
}
#certificate-box
{
width: 100%;
padding: 30px;
background-color: #f5f5f5;
border-radius: 30px;
margin: 50px 0 0 0px;
}
.cVerification-btn
{
height: 45px;
width: 100%;
margin: 36px 0 0 0px;
border-radius: 12px;
}
.dateinput {
border: 0;
background-color: white;
border-radius: 8px;
color: #5b5f67;
padding: 10px 20px;
width: 100%;
height: 48px;
font-weight: 500;
border-radius: 12px;
box-shadow: 0px 0px 12px #dbdbdb;
}
[type="date"] {
background:white url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 93% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {
display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
opacity: 0;
}
.verification-input {
border: 0;
background-color: white;
border-radius: 8px;
color: #5b5f67;
padding: 10px 20px;
width: 100%;
height: 48px;
font-weight: 500;
border-radius: 12px;
box-shadow: 0px 0px 12px #dbdbdb;
}
.certificate-result-box
{
border-radius: 20px;
padding: 20px 30px;
background: white;
border: 1px solid #dfdfdf;
}
.transform-unset
{
text-transform: unset;
}
.nameFS
{
font-size: 25px;
}
.infoBorder
{
border-bottom: 1px solid #dfdfdf;
margin-bottom: 15px;
padding-bottom: 10px;
}
.certificate-image
{
border: 1px solid #dfdfdf;
border-radius: 30px;
margin-bottom: 20px;
}
/*----- Certification Verification Page Code End ----- */
/*----- Mobile Media Query Code Start ----- */
@media only screen and (max-width: 600px)
{
.banner
{
height: 671px;
}
.bannerColumnPadding
{
padding-top: 0;
}
nav .content
{
justify-content: unset;
width: unset;
}
h1
{
font-size: 32px;
}
.bannerQuote
{
width: 100%;
margin-bottom: 30px;
}
.carousel-control-next, .carousel-control-prev
{
display: none;
}
#aboutSection::after
{
content: unset;
}
.mobileNone
{
display: none;
}
#homeProducts::before
{
width: 100%;
}
#homeProducts::before
{
margin-top: 530px;
}
.webNone
{
display: block;
}
.slider
{
margin-top: 96px;
}
.mobileW100
{
width: 100%;
}
.chooseLogo
{
display: none;
}
.experienceBox
{
margin: 30px 0 0 0;
}
#awardSection
{
height: auto;
}
#homeVideo
{
height: auto;
}
.homeVideoTitle p
{
width: 100%;
}
.clientWrp
{
padding: 0 20px;
}
#clientTestimonial
{
height: auto;
}
.saveTimeWrp
{
padding: 20px 0px;
}
.saveTitle h2
{
font-size: 30px;
line-height: 48px;
}
.homeSaveFlex
{
display: flex;
justify-content: center;
}
.saveQuoteBtn
{
width: 100%;
margin: 20px 0 0 0;
}
#homeSaveBox::after
{
margin-top: 73px;
}
#footer::before
{
margin-top: 621px;
width: 100%;
height: 396px;
}
.footerTitle h4
{
padding: 30px 0 0 0;
}
.footerWrp
{
padding: 10px 0 10px 0;
}
.footerCopyrightTop
{
margin: 20px 0 0 0;
}
#footer
{
margin: 15px 0 0 0;
}
#experience
{
height: auto;
}
#aboutSection::before
{
content: unset;
}
#aboutSection
{
margin-top: 25px;
}
.navFixed
{
position: unset;
}
.banner-top
{
padding: 0;
}
.navActive
{
color: #0e8981 !important;
}
.serviceISO-pt
{
padding-top: 0;
}
.iso-image
{
height: auto;
}
h3
{
font-size: 28px;
}
#contactBanner
{
top: 0;
}
.conactPosition
{
margin-top: 0;
}
.mobileMT
{
margin-top: 20px;
}
#certificate-box
{
margin: 30px 0 0 0px;
}
#certificateBanner
{
top: 0;
}
.menuFlex
{
display: block;
}
.menuHold
{
width: 100%;
}
/* dropdown responsive code start */
.content .links ul,
.content .links ul ul{
position: static;
opacity: 1;
visibility: visible;
background: none;
max-height: 0px;
}
.content .links #show-features:checked ~ ul,
.content .links #show-services:checked ~ ul,
.content .links #show-items:checked ~ ul{
max-height: max-content;
}
.content .links ul li a
{
line-height: 18px;
}
.content .links ul
{
box-shadow: unset;
background-color: #e7e7e7;
}
}
/*----- Mobile Media Query Code End ----- */