/*!
Theme Name: GotoClan 1
Theme URI: http://underscores.me/
Author: Nishit Manjarawala
Author URI: https://www.linkedin.com/in/nishit-manjarawala/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gotoclan-1
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

GotoClan 1 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
	--pm-color-primary: #9bbade;
	--pm-color-accent: #FF5F00;
	--banner-bg: url(/website-images/one.onepager.gotoclan.com/banner_image_fLMhYuNCf25a0RDe9VrD9KuKN6g7DMFrHs136fuv.jpg);
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 4rem;
}

body {
	margin: 0;
	padding: 0;
	font: normal normal normal 16px/22px Source Sans Pro;
	background: #fff;
	position: relative;
}

/* common css */

.pm_loader_holder {
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 9999999;
	background: #5d5d5d5d;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--pm-color-accent);
}

.pm_btn {
	background: var(--pm-color-accent);
	font: normal normal bold 15px/32px Quicksand;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-decoration: none;
	min-width: 170px;
	display: inline-block;
	padding: 6px 16px;
	text-align: center;
	border: 0;
}

.pm_btn:hover {
	color: #fff;
}

.products-item-cta{
	background: var(--pm-color-accent);
	font: normal normal bold 15px/32px Quicksand;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-decoration: none;
	min-width: 170px;
	display: inline-block;
	padding: 6px 16px;
	text-align: center;
	border: 0;
	border-radius: 0;
	margin-top: 10px;
}

.products-item-cta:hover {
	color: #fff;
}

h1 {
	font: normal normal bold 40px/48px Quicksand;
	letter-spacing: 0px;
	color: #000;
}

img {
	max-width: 100%;
}

.section-heading {
	font: normal normal bold 32px/42px Quicksand;
	letter-spacing: 0px;
	color: #0B213E;
}

.slick-track {
	display: flex !important;
}

.slick-slide {
	height: inherit !important;
}

.cust-slider-controls {
	margin: 15px 0 0;
	display: flex;
}

.cust-slider-controls .slider-controls {
	display: block;
	position: relative;
	padding: 0 70px;
	margin: auto;
}

.slick-arrow {
	position: absolute;
	padding: 0;
	height: 36px;
	width: 36px;
	color: var(--pm-color-accent);
	background: transparent;
	border: 0;
	outline: none;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}

.slick-arrow::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: solid 4px var(--pm-color-accent);
	border: 0;
	opacity: .5;
}

.slick-arrow.slick-prev {
	left: 0;
}

.slick-arrow.slick-next {
	right: 0;
}

.slick-arrow::before {
	position: relative;
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	border-right: 3px solid var(--pm-color-accent);
	border-top: 3px solid var(--pm-color-accent);
}

.slick-arrow.slick-prev::before {
	transform: rotate(225deg);
	margin-left: 8px;
}

.slick-arrow.slick-next::before {
	transform: rotate(45deg);
	margin-right: 4px;
}

.slick-dots {
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	position: relative;
	height: 48px;
}

.slick-dots li {
	width: 12px;
	height: 12px;
	margin: 0 10px;
	transition: 0.3s ease;
}

.slick-dots li.slick-active {
	width: 46px;
}

.slick-dots li button {
	outline: none;
	transition: 0.3s ease;
	margin: 0;
	border: none;
	border-radius: 50%;
	font-size: 0;
	line-height: 0;
	display: block;
	background: #E3E3E3;
	width: 100%;
	height: 100%;
}

.slick-dots li.slick-active button {
	background: var(--pm-color-accent);
	border-radius: 9px;
}

.slick-slide img {
	max-width: 100%;
	margin: auto;
}

/* menu css */
header {
	background: #fff;
}

.pm-header .header-btn_holder {
	display: none;
}

header.pm-header.active .header-btn_holder {
	display: block;
}

.top-bar-holder {
	background: #000;
}

.top-bar-holder .top-bar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}

.top-bar-holder .top-bar ul li {
	font: normal normal normal 16px/32px Source Sans Pro;
	letter-spacing: 0px;
	color: #fff;
}

.top-bar-holder .top-bar ul li a {
	color: #F36F21;
	text-decoration: none;
	font: normal normal bold 16px/32px Source Sans Pro;
}

.header-logo-before-scroll {
	display: block;
}

.header-logo-after-scroll {
	display: none;
}

header.pm-header.active .header-logo-before-scroll {
	display: none;
}

header.pm-header.active .header-logo-after-scroll {
	display: block;
}

.navbar-brand img {
	max-width: 100%;
	max-height: 65px;
}

.pm-menu-btn:focus {
	box-shadow: none;
}

.nav-close {
	display: none;
}

.navbar {
	padding: 10px 0;
	box-shadow: 0px 3px 6px #00000029;
}

.main-navigation {
	margin-left: min(100px, 1vw);
}

.main-navigation ul {
	position: relative;
}

.main-navigation ul::before {
	content: '';
	width: calc(100% - 15px);
	position: absolute;
	background: #E3E3E3;
	height: 6px;
	bottom: 0px;
	left: 8px;
}

.main-navigation ul li {
	font: normal normal normal 16px/22px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	transition: all .7s ease;
	position: relative;
}

.main-navigation ul li.active:before {
	content: '';
	background: var(--pm-color-accent);
	height: 6px;
	width: calc(100% - 15px);
	left: 8px;
	bottom: 0px;
	position: absolute;
}

.main-navigation .nav-item a.nav-link {
	color: #000;
	padding-bottom: 15px;
}

.main-navigation .nav-item a {
	color: #000000;
	padding-bottom: 15px;
}

.home-banner {
	width: 100%;
	background: linear-gradient(rgb(0, 0, 0, 0.1), rgb(0, 0, 0, 0.4)), var(--banner-bg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding-top: 14vw;
	padding-bottom: 5vw;
}

.home-banner-content h1 {
	font: normal normal bold 40px/48px Quicksand;
	letter-spacing: 0px;
	color: #FFFFFF;
	max-width: 65%;
	margin: auto;
	text-align: center;
}

.pm-banner-credebility {
	display: flex;
	justify-content: center;
	margin: 75px 0 26px;
}

.pm-banner-credebility-text {
	border-style: solid;
	border-color: #fff;
	border-width: 1px 0px 1px 1px;
	font: normal normal bold 16px/24px Quicksand;
	letter-spacing: 0px;
	color: #fff;
	padding: 20px;
	text-align: center;
}

.pm-banner-credebility-text:last-child {
	border-width: 1px 1px 1px 1px;
}

.pm-banner-credebility-text h5 {
	font: normal normal 500 18px/28px Quicksand;
	letter-spacing: 0px;
	color: #fff;
	margin-bottom: 0;
}

.pm-banner-credebility-text p {
	max-width: 200px;
	margin: 0 auto 0;
}

.pm-banner-credebility-text p span {
	display: block;
}

.products {
	width: 100%;
	padding: 100px 0 0;
}

.products-item {
	height: 100%;
	width: 100%;
	position: relative;
	margin-top: 10px;
	background: #bdd8ef;
}

.products-item:after {
	content: "";
	width: 100%;
	height: 5px;
	bottom: 0;
	left: 0;
	background: var(--pm-color-primary);
	position: absolute;
}

.products-item img {
	width: 100%;
}

.products-item-content {
	padding: 20px;
	text-align: center;
}

.products-item-title {
	font: normal normal bold 18px/23px Quicksand;
	letter-spacing: 0px;
	color: #000000;
	margin-bottom: 16px;
}

.products-item-text {
	font: normal normal normal 16px/26px Source Sans Pro;
	letter-spacing: 0px;
	color: #0A0C21;
	margin-bottom: 0;
}

.why-choose-us {
	width: 100%;
	padding: 100px 0;
}

.why-choose-us-box {
	background: #bdd8ef;/*var(--pm-color-primary);*/
	padding: 35px 35px;
	display: flex;
	height: 100%;
	text-align: center;
	align-items: center;
}

.why-choose-us-box p {
	font: normal normal normal 22px/32px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	max-width: 90%;
	margin: 0 auto 0;
}

.about {
	width: 100%;
	padding: 100px 0;
	background: var(--pm-color-primary);
}

.about-content {
	font: normal normal normal 16px/30px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
}

.about .slick-dots li button {
	background: #CCA53A;
}

.about .slick-dots li.slick-active button {
	background: #FFFFFF;
}

.slider-controls.about-slider-controls {
	position: static;
}

.about-slider .slick-arrow {
	top: 50%;
	transform: translateY(-40%);
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 50%;
	z-index: 1;
}

.about-slider .slick-arrow.slick-prev {
	left: 30px;
}

.about-slider .slick-arrow.slick-next {
	right: 30px;
}

.testimonial {
	width: 100%;
	padding: 120px 0 30px;
}

.testimonial-item-header {
	position: relative;
	margin-bottom: 16px;
	padding-bottom: 5px;
}

.testimonial-item-header:after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	width: 80px;
	height: 2px;
	background: #fff;
}

.testimonial-item {
	width: 100%;
	height: 100%;
	background: var(--pm-color-primary);
	text-align: center;
	padding: 38px 20px;
}

.testimonial-item-text {
	font: normal normal normal 16px/26px Source Sans Pro;
	letter-spacing: 0px;
	color: #0A0C21;
	margin-bottom: 0;
}

.testimonial-item-image {
	margin: auto 0 12px;
	display: flex;
	justify-content: center;
}

.testimonial-item-image img {
	max-width: 68px;
	max-height: 68px;
	object-fit: cover;
	border-radius: 50%;
	aspect-ratio: 1;
}

.testimonial-item-name {
	font: normal normal bold 18px/23px Quicksand;
	letter-spacing: 0px;
	color: #0B213E;
	position: relative;
	margin-bottom: 0;
}

.testimonial-item-position {
	text-align: center;
	font: normal normal 600 16px/22px Source Sans Pro;
	letter-spacing: 0px;
	color: #0B213E;
}

.certifications {
	width: 100%;
	padding: 80px 0 60px;
}

.certifications-item img,
.partners-item img {
	margin: auto;
}

.partners {
	width: 100%;
	padding: 80px 0 100px;
}

.contact {
	background-color: #EFEFEF;
	padding: 75px 0;
}

.contact p {
	font: normal normal normal 16px/26px Source Sans Pro;
	letter-spacing: 0px;
	color: #0A0C21;
	text-align: center;
	margin-bottom: 30px;
}

.contact-form {
	font: normal normal normal 18px/25px Source Sans Pro;
	letter-spacing: 0px;
	color: #0A0C21;
}

.contact-form input.contact-form-field,
.contact-form textarea.contact-form-field {
	width: 100%;
	border-radius: 0;
	border: 2px solid #BABABA;
	box-sizing: border-box;
	background: transparent;
	font: normal normal normal 16px/26px Source Sans Pro;
	letter-spacing: 0px;
	color: #0A0C21;
	min-height: 60px;
}

.contact-form .form-label {
	font: normal normal normal 18px/25px Source Sans Pro;
	letter-spacing: 0px;
	color: #0A0C21;
}

.contact-form-submit-btn-holder .pm_btn {
	padding: 14px 35px;
	border-radius: 0;
}

.contact-form ::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #A5A5A5;
}

.contact-form :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #A5A5A5;
	opacity: 1;
}

.contact-form ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #A5A5A5;
	opacity: 1;
}

.contact-form :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #A5A5A5;
}

.contact-form ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #A5A5A5;
}

.contact-form ::placeholder {
	/* Most modern browsers support this now. */
	color: #A5A5A5;
}

.contact-formModal .modal-body {
	padding-bottom: 50px;
	border-bottom: 5px solid var(--pm-color-primary);
}

.contact-formModal .modal-content {
	background: #fff 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 0;
}

.contact-formModal .modal-content h3 {
	font: normal normal bold 24px/30px Quicksand;
	letter-spacing: 0px;
	color: #161616;
	max-width: 70%;
	text-align: center;
	margin: 0 auto 16px;
}

.contact-formModal .modal-content p {
	font: normal normal normal 20px/28px Source Sans Pro;
	letter-spacing: 0px;
	color: #1A1A1A;
	text-align: center;
}

.contact-formModal .modal-content .btn-close {
	background: var(--pm-color-accent);
	color: #fff;
	opacity: 1;
	font-size: 25px;
	padding: 10px;
	border-radius: 0;
	line-height: 1;
	text-transform: capitalize;
	font-family: sans-serif;
}

/*footer*/
footer {
	background: var(--pm-color-primary);
	padding-top: 60px;
	width: 100%;
}

.pm-main-footer {
	padding-bottom: 15px;
}

.footer-heading {
	font: normal normal bold 16px/20px Quicksand;
	letter-spacing: 0px;
	color: #000;
}

.footer-info,
.quick-links ul li a {
	font: normal normal normal 16px/22px Source Sans Pro;
	letter-spacing: 0px;
	color: #000;
	text-decoration: none;
	word-break: break-word;
}

a.footer-info:hover,
.quick-links ul li a:hover {
	color: #000;
	text-decoration: underline;
}

.quick-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 15px;
}

.quick-links ul li {
	margin-bottom: 15px;
}

.copyright {
	padding: 28px;
	border-top: 2px solid #265991;
}

.copyright p {
	font: normal normal normal 16px/22px Source Sans Pro;
	letter-spacing: 0px;
	color: #000;
	margin-bottom: 0;
	text-align: center;
}

.pm-top-btn {
	position: absolute;
	top: -100px;
	right: 0px;
	z-index: 99;
}

/** home banner slider start*/
.home-banner-slider {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	inset: 0;
}

section#home {
	position: relative;
}

.home-banner-slider-item {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}
.home-banner-slider .slick-list,.home-banner-slider .slick-track{
	height: 100%;
}
/** home banner slider stop */
.gform_wrapper {
    background-color: #bdd8ef;
    padding: 75px 0;
}
h2.gform_title {
    text-align: center;
	font: normal normal bold 32px / 42px Quicksand;
    letter-spacing: 0px;
    color: #0B213E;
}
p.gform_required_legend{
    text-align: center;
	font: normal normal normal 16px / 26px Source Sans Pro;
    letter-spacing: 0px;
    color: #0A0C21;
    text-align: center;
    margin-bottom: 30px;
}
.gform_wrapper.gravity-theme .gfield_label{
	font: normal normal normal 18px / 25px Source Sans Pro;
    letter-spacing: 0px;
    color: #0A0C21;
}
input[type=text],textarea {
    border-radius: 0;
    border: 2px solid #9bbade;
    box-sizing: border-box;
    background: transparent;
    font: normal normal normal 16px / 26px Source Sans Pro;
    letter-spacing: 0px;
    color: #0A0C21;
    min-height: 60px;
}
.gform_button  {
    background: var(--pm-color-accent);
    font: normal normal bold 15px / 32px Quicksand;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-decoration: none;
    min-width: 170px;
    display: inline-block;
    padding: 6px 16px;
    text-align: center;
    border: 0;
}
@media screen and (max-width: 767px) {

	.slick-dots {
		height: 38px;
	}

	.slick-dots li button {
		background: #D9D9D9
	}

	.cust-slider-controls .slider-controls {
		width: 100%;
	}

	.slick-arrow {
		height: 38px;
		width: 38px;
	}

	.slick-arrow::before {
		width: 14px;
		height: 14px;
	}

	.section-heading {
		font: normal normal bold 22px/42px Quicksand;
	}

	.top-bar-holder {
		padding: 10px 0;
	}

	.top-bar-holder .top-bar ul li,
	.top-bar-holder .top-bar ul li a {
		font: normal normal normal 14px/18px Source Sans Pro;
	}

	.navbar-brand img {
		max-height: 50px;
	}

	#navbarSupportedContent {
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 999;
		top: 0;
		left: 0;
		background-color: #000;
		transform: translateX(-100%);
		transition: .4s ease;
		margin: 0;
		padding: 16px;
	}

	#navbarSupportedContent.show {
		transform: translateX(0%);
	}

	#navbarSupportedContent.show .nav-close {
		display: flex;
		justify-content: space-between;
	}

	.menu_name {
		font: normal normal bold 22px/42px Quicksand;
		letter-spacing: 0px;
		color: #FFFFFF;
		margin: 0 auto;
	}

	.nav-close-btn {
		width: 46px;
		height: 46px;
		background: var(--pm-color-accent);
		border: 0;
		color: #fff;
		opacity: 1;
		font-size: 25px;
		padding: 10px;
		line-height: 1;
		text-transform: capitalize;
		font-family: sans-serif;
		position: absolute;
		right: 15px;
	}

	.main-navigation ul {
		margin-top: 50px;
	}

	.main-navigation ul::before {
		display: none;
	}

	.main-navigation ul li {
		width: 100%;
		text-align: center;
	}

	.main-navigation .nav-item a.nav-link {
		color: #B7B7B7;
		font: normal normal normal 20px/30px Source Sans Pro;
	}

	.main-navigation .nav-item.active a.nav-link {
		color: var(--pm-color-accent);
	}

	.main-navigation ul li.active:before {
		width: 40%;
		left: 50%;
		transform: translateX(-50%);
		height: 2px;
		bottom: 3px;
	}

	.main-navigation ul li.active:after {
		content: '';
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 3px;
		z-index: -1;
		height: 2px;
		background: #1f1f1f;
	}

	/* home-banner */
	.home-banner {
		margin-top: 0;
		/* background: linear-gradient(rgb(0, 0, 0, 0.1), rgb(0, 0, 0, 0.4)), url(images/home-Banner-mobile.png); */
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 50vw;
		background-position: center -50vw;
	}

	.home-banner-content h1 {
		font: normal normal bold 24px/30px Quicksand;
		max-width: 90%;
		margin-bottom: 90px;
	}

	.pm-banner-credebility {
		margin: 0;
	}

	.pm-banner-credebility-text {
		border: 0;
		color: #000000;
		padding: 0;
		margin-bottom: 10px;
	}

	.pm-banner-credebility-text h5 {
		color: #000000;
	}

	.pm-banner-credebility-text p span {
		display: inline-block;
	}

	.banner-credebility-slider-controls .slick-dots li {
		margin: 0 6px;
	}

	.banner-credebility-slider-controls .slick-dots li.slick-active {
		width: 24px;
	}

	.home-banner .cust-slider-controls {
		margin: -1px calc(var(--bs-gutter-x) * -.5) 0;
	}

	.home-banner .slider-controls {
		padding: 0;
		width: 100%;
	}

	.home-banner .slick-arrow {
		top: -100%;
	}

	.home-banner .slick-arrow::after {
		border: 0;
	}

	.home-banner .slick-dots li.slick-active button {
		background: var(--pm-color-primary);
	}

	.products {
		padding: 40px 0 0;
	}

	.section-heading {
		font: normal normal bold 22px/42px Quicksand;
		margin-bottom: 0;
	}

	.products-item-content h5 {
		font: normal normal bold 16px/20px Quicksand;
		margin-bottom: 10px;
	}

	.products-item-content p {
		font: normal normal normal 14px/21px Source Sans Pro;
		letter-spacing: 0px;
		color: #0A0C21;
	}

	.why-choose-us {
		padding: 40px 0 70px;
	}

	.about {
		padding: 40px 0;
	}

	.about-slider .slick-arrow.slick-prev {
		left: 10px;
	}

	.about-slider .slick-arrow.slick-next {
		right: 10px;
	}

	.about .slick-dots li.slick-active {
		width: 46px;
	}

	.testimonial {
		padding: 64px 0 0;
	}

	.partners {
		padding: 64px 0;
	}

	.partners .cust-slider-controls {
		margin-top: 0;
	}

	.slider-controls.partners-slider-controls {
		position: static;
	}

	.partners-slider-controls .slick-arrow {
		top: 45%;
	}

	.partners-slider-controls .slick-arrow::after {
		border: 0;
	}

	.certifications {
		padding: 64px 0 0;
	}

	.certifications .cust-slider-controls {
		margin-top: 0;
	}

	.slider-controls.certifications-slider-controls {
		position: static;
	}

	.certifications-slider-controls .slick-arrow {
		top: 45%;
	}

	.certifications-slider-controls .slick-arrow::after {
		border: 0;
	}

	.contact {
		padding: 65px 0;
	}

	.contact-form form {
		display: block;
		max-width: 100%;
	}

	.contact-form input.contact-form-field,
	.contact-form textarea.contact-form-field {
		width: 100%;
	}

	.pm-top-btn {
		top: -85px;
	}

	footer {
		padding-top: 46px;
	}

	.footer-logo img {
		display: block;
		margin: auto;
	}

	.social-icon a {
		margin: 0 15px;
	}

	.quick-links {
		position: relative;
		padding-top: 30px;
	}

	.quick-links:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: #D1AD48;
	}

	.quick-links ul {
		column-gap: 0;
		list-style-type: '- ';
		padding: 0 1em 0;
	}

	.quick-links ul li {
		flex: 0 0 50%;
		margin-bottom: 10px;
	}

	.copyright {
		padding-bottom: 100px;
	}

	.top-icon {
		right: 1rem;
		top: -65px;
	}

	header.pm-header.active .header-btn_holder {
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		padding: 16px;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px -6px 20px #bfbfbf;
		display: flex;
		justify-content: center;
	}

	.home-banner-slider-item{
		background-position: center -50vw;
	}

	
}

#google_translate_element{
	margin-left: 10px;
	max-width:190px;
	overflow: hidden;
}