/*!
Theme Name: Gotoclan
Theme URI: http://underscores.me/
Author: Nishit Manjarawala
Author URI: https://in.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
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 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0 !important;
}

h2{
	font: normal normal bold 32px/48px Poppins;
	letter-spacing: 0px;
	color: #000000;
}
h3{
	font: normal normal bold 32px/48px Poppins;
	letter-spacing: 0px;
	color: #000000;
}
h4{
	font: normal normal bold 30px/46px Poppins;
	letter-spacing: 0px;
	color: #000000;
}
h5{
	font: normal normal bold 28px/44px Poppins;
	letter-spacing: 0px;
	color: #000000;
}
h6{
	font: normal normal bold 26px/42px Poppins;
	letter-spacing: 0px;
	color: #000000;
}
p{
	font: normal normal normal 17px/26px Source Sans Pro;
	color: #7B7B7B;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}
#navbar_top{
	z-index: 99999;
}
#navbar_top.fixed-top {
	background: #FFFFFF;
}
#primary-menu li.menu-item{
	text-align: center;
	font: normal normal normal 18px/36px Poppins;
	letter-spacing: 0px;
	color: #FFFFFF;
	margin-right: 25px;
}
#primary-menu li.menu-item a{
	width: 46px;
	text-align: center;
	font: normal normal normal 18px/36px Poppins;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-decoration-line: none;
}
.after-scroll-logo{
	display: none;
}
#navbar_top.fixed-top .after-scroll-logo{
	display: inline;
}
#navbar_top.fixed-top .before-scroll-logo{
	display: none;
}
#navbar_top.fixed-top #primary-menu li.menu-item a{
	color:#000000;
}
.header-cta {
    font: normal normal bold 20px/26px Poppins;
    letter-spacing: 0px;
    color: #EC6524;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 12px 14px;
    text-decoration-line: none;
}
#navbar_top.fixed-top .header-cta {
	color: #FFFFFF;
	background: transparent linear-gradient(282deg, #DA001B 0%, #DD111C 8%, #E3331F 25%, #E74D21 43%, #EB6023 61%, #ED6C24 80%, #EE7025 96%, #EE7025 100%) 0% 0% no-repeat padding-box;
	border: 1px solid #00000000;
}

button.navbar-toggler span {
    font: normal normal 900 16px/14px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: inset 0px 3px 6px #00000029;
    max-width: 26px;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	color: #000000;
	font: normal normal bold 40px/50px Poppins;
}
.home-banner{
	height: 650px;
    background: transparent;
    padding-top: 100px;
    margin-top: -100px;
}
.home-banner h1{
	font: normal normal bold 40px/48px Poppins;
	letter-spacing: 0px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.home-banner p{
	font: normal normal normal 18px/23px Source Sans Pro;
	letter-spacing: 0px;
	color: #FFFFFF;
	margin-bottom: 36px;
}
.banner-text{
	max-width: 700px;
	margin: auto;
	padding-top: 60px;
}
.banner-video{
	width: 970px;
	margin: auto;
}
.banner-video iframe{
	box-shadow: 0px 20px 99px #98000062;
	border-radius: 12px;
}

.numeric-crediblities {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 30px 0;
}

.numeric-crediblities-item{
    flex: 1 0 calc(25% - 30px);
}

.numeric-crediblities-item:last-child {
    /* flex: 0 0 100%; */
}

.numeric-crediblities-item {
    border-radius: 8px;
    background: #F2F2F2;
	padding-bottom:42px;
	padding-top:42px;
}

.numeric-crediblities-item h4 {
    font: normal normal bold 64px/95px Poppins;
    letter-spacing: 0px;
    color: #DA001B;
	text-align: center;
	margin-bottom:0px;
}

.numeric-crediblities-item p {
    font: normal normal normal 17px/22px Source Sans Pro;
    letter-spacing: 0px;
    color: #000000;
	text-align: center;
	margin-bottom:0px;
}
section#home-crediblity {
    background: url(https://gotoclan.com/wp-content/uploads/2023/10/section2-bg.svg) 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    background-position-y: 100px;
    background-position-x: -480px;
	padding-top: 0px;
	margin-top: 350px;
}
div#service {
    margin-top: 125px;
}
h2.services-title {
    text-align: left;
    font: normal normal bold 102px/48px Poppins;
    letter-spacing: 0px;
    color: #EA5E22;
}
p.services-description{
	text-align: left;
	font: normal normal normal 18px/27px Source Sans Pro;
	letter-spacing: 0px;
	color: hsl(0, 0%, 0%);
	margin-top: 20px;
	margin-bottom: 90px;
}

.row.services-items {
	margin-bottom: 128px;
}
.services-items h2{
	font: normal normal bold 100px/150px Poppins;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #D5C2F4;
	position: absolute;
}

.services-items-odd h2{
	margin-left: -240px;
	margin-top: -50px;
}
.services-items-odd h2.web-marketing {
    left: 135px;
	margin-left:unset;
}
.services-items-even h2{
margin-top: -50px;
    margin-left: -100px
}
.services-items h3{
	font: normal normal bold 32px/48px Poppins;
	color: #4D179F;
	margin-top: 90px;
}
.services-items hr {
	background-color: #D8D8D8;
	border: 0;
	height: 12px;
	margin: 14px 0px;
}

.services-items-even .content {
    margin-right: 65px;
    padding-right: 0px;
}
.services-items .content p{
margin-bottom: 15px;
}

.services-items-odd .image {
    margin-right: 0px;
    padding-right: 0px;
}

.secondary-cta,.secondary-cta:visited {
    background: transparent linear-gradient(282deg, #DA001B 0%, #DD111C 8%, #E3331F 25%, #E74D21 43%, #EB6023 61%, #ED6C24 80%, #EE7025 96%, #EE7025 100%) 0% 0% no-repeat padding-box;
    padding: 13px 26px;
    font: normal normal bold 20px/26px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-decoration-line: none;
	margin: 10px 0px;
	display: inline-block;
}
.home-blog{margin-top: 110px;}
.blog-item-list{margin: 100px 0px;}
h2.blog-title{
	text-align: left;
    letter-spacing: 0px;
    color: #EA5E22;
    font: normal normal bold 90px/103px Poppins;
}
.only-desktop .blog-item img {
    height: 385px;
}
.blog-item.mb-4 img{
height: 185px;
}
.blog-item {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    border: 1px solid #DEDEDE;
    border-radius: 8px;
}

.blog-item img {
    border-radius: 8px 8px 0px 0px;
}
.blog-meta-container-large {
    padding: 38px;
}



.blog-meta-container-large p {
    margin-bottom: 0px;
    text-align: left;
    font: normal normal normal 20px/30px Source Sans Pro;
    letter-spacing: 0px;
    color: #555555;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow: hidden;
}

.blog-meta-container-large h3.blog-title {
    text-align: left;
    font: normal normal bold 36px/48px Poppins;
    letter-spacing: 0px;
    color: #15151D;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow: hidden;
}

.blog-meta-container-large .meta-info {
    font: normal normal normal 20px/30px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.blog-meta-container-large .author {
    font: normal normal bold 20px/30px Poppins;
    letter-spacing: 0px;
    color: #E53A21;
}

.blog-meta-container-small {
    padding: 16px;
}

.blog-meta-container-small h3.blog-title {
    text-align: left;
    font: normal normal bold 22px/30px Poppins;
    letter-spacing: 0px;
    color: #15151D;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow: hidden;
}

.blog-meta-container-small .meta-info {
    font: normal normal normal 14px/30px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.blog-meta-container-small .meta-info span.author {
    font: normal normal bold 14px/30px Poppins;
    letter-spacing: 0px;
    color: #E53A21;
}
img.footer-logo {width: 70px;}

ul.footer-menu {
    display: flex;
    justify-content: flex-start;
    list-style: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
    width: 100%;
}
.footer-menu li {
    margin-right: 15px;
}


footer#footer {
    background: #FFF7EF;
}
.footer-row-first{
	padding: 48px 0px;
}

ul.footer-menu li a {
    font: normal normal normal 15px/23px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-decoration-line: none;
}

p.copyright-text {
    text-align: center;
    font: normal normal bold 12px/18px Poppins;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 24px;
}
.footer-row-first-center, .footer-row-first-right{
	display: flex;
    justify-content: center;
    align-items: center;
}

.common-banner {
    background: transparent url(https://gotoclan.com/wp-content/uploads/2023/10/common-banner.svg) 0% 0% no-repeat padding-box;
    padding: 23px 0px;
	margin-top: 85px;
	background-size: cover;
}
.rank-math-breadcrumb a,.rank-math-breadcrumb a:hover,.rank-math-breadcrumb a:visited, .rank-math-breadcrumb .separator{
font: normal normal normal 15px/23px Poppins;
letter-spacing: 0px;
color: #E4E4E4;
text-decoration-line: none;
}
.rank-math-breadcrumb p{
	margin-bottom: 0.5em;
}
.rank-math-breadcrumb span.last {
    color: #000000;
}
.common-banner h1{
	font: normal normal bold 48px/72px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 15px;
}
input.search-field {
    width: 470px;
    height: 49px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px !important;
	padding: 10px !important;
	font: normal normal normal 15px/23px Poppins;
}
input.search-field:focus-visible {
    outline: none;
}
input.search-submit {
    font: normal normal bold 20px/26px Poppins;
    width: 148px;
    height: 49px;
    color: #EC6524 !important;
    background: #ffffff !important;
    border-radius: 8px !important;
}
hr.common{
	border: 1px solid #D8D8D8;
	margin-bottom: 16px;
}
h2.latest-posts {
    font: normal normal bold 24px/34px Poppins;
    letter-spacing: 0px;
    color: #15151D;
    margin-bottom: 0px;
}
.col-md-4.blog-item-index {
    margin-top: 48px;
}
.blog-item-index a {
    text-decoration: none;
}
.blog-item-index img {
    height: 232px;
    border-radius: 8px;
    max-width: 100%;
    margin-bottom: 10px;
}
.post-type-archive-web-story .blog-item-index img{
	height: 450px;
}
.blog-item-index h3{
font: normal normal bold 20px/27px Poppins;
letter-spacing: 0px;
color: #15151D;
overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}
.blog-item-index p{
	font: normal normal normal 18px/26px Source Sans Pro;
letter-spacing: 0px;
color: #7B7B7B;
overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
   margin-bottom: 0px;
}
.blog-item-index p.author{
	margin-top: 14px;
	margin-bottom: 8px;
}
.blog-item a {
    text-decoration: none;
}
.navigation ul {
    display: flex;
    list-style: none;
	margin-left: 0px;
    padding-left: 0px;
}

.navigation ul li {
    margin: 8px;
    border: 1px solid #EA5C23;
    border-radius: 8px;
}

.navigation {
    display: flex;
    justify-content: center;
    margin-top: 48px;
}

.navigation ul li a {
    font: normal normal 600 16px/38px Poppins;
    letter-spacing: 0px;
    color: #EA5C23;
    text-decoration-line: none;
	padding: 8px 12px;
}

.navigation ul li.active {
    background: transparent linear-gradient(302deg, #DA001B 0%, #DD111C 8%, #E3331F 25%, #E74D21 43%, #EB6023 61%, #ED6C24 80%, #EE7025 96%, #EE7025 100%) 0% 0% no-repeat padding-box;
}

.navigation ul li.active a {
    font: normal normal 600 16px/38px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.header-categories a {
    padding: 12px;
    border: 1px solid #707070;
    font: normal normal 600 16px/38px Poppins;
    letter-spacing: 0px;
    color: #15151D;
    margin-right: 14px;
    border-radius: 8px;
    text-decoration-line: none;
	display: inline-block;
    margin-bottom: 15px;
}
.header-categories a.active {
	background: transparent linear-gradient(284deg, #DA001B 0%, #DD111C 8%, #E3331F 25%, #E74D21 43%, #EB6023 61%, #ED6C24 80%, #EE7025 96%, #EE7025 100%) 0% 0% no-repeat padding-box;
	border: none;
    font: normal normal 600 16px/38px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.header-categories {
    margin-top: 28px;
}


.post-template-default.single nav.rank-math-breadcrumb {
    margin-top: 24px;
    font: normal normal normal 15px/23px Poppins;
    letter-spacing: 0px;
    color: #6F6F6F;
}
.post-template-default.single nav.rank-math-breadcrumb p{
	margin-bottom: 0px;
}

.post-template-default.single nav.rank-math-breadcrumb a,.post-template-default.single nav.rank-math-breadcrumb .seprator {
    font: normal normal normal 15px/23px Poppins;
    letter-spacing: 0px;
    color: #6F6F6F;
}
h1.single-post-title {
    font: normal normal bold 40px/50px Poppins;
    letter-spacing: 0px;
    color: #000000;
	margin-top: 12px;
    margin-bottom: 8px;
}

.author-details img.avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}


.author-details {
    display: flex;
    align-items: center;
}

.author-details p {
    font: normal normal normal 15px/26px Poppins;
    letter-spacing: 0px;
    color: #7B7B7B;
    margin: 0px;
    margin-left: 12px;
    margin-bottom: 6px;
}

.post-content {
    margin-top: 34px;
}
.post-content img{
	border-radius: 8px;	
	margin-bottom: 24px;
}
blockquote,.wp-block-quote {
    overflow-wrap: break-word;
    font: italic normal 600 32px/48px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.ez-toc-title-container {
    display: none;
}

ul.ez-toc-list {
    margin-left: 0px;
    padding-left: 0px;
    padding-left: 20px;
    list-style: circle;
}

ul.ez-toc-list ul {
    margin-left: 0px;
    padding-left: 0px;
}
.accordion-item{
	margin-bottom: 16px;
}
.accordion-button,.accordion-button:not(.collapsed){
	background: transparent linear-gradient(82deg, #DA001B 0%, #DD111C 8%, #E3331F 25%, #E74D21 43%, #EB6023 61%, #ED6C24 80%, #EE7025 96%, #EE7025 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #00000000;
    border-radius: 4px;
    font: normal normal bold 24px/35px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
}
a.ez-toc-link,ul.blog-sidebar-category a {
    font: normal normal normal 18px/36px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-decoration-line: none;

}
ul.blog-sidebar-category {
    font: normal normal normal 18px/36px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-decoration-line: none;
    margin-left: 0px;
    list-style: circle;
}
.gform_button.button {
    color: #FFFFFF;
    background: transparent linear-gradient(282deg, #DA001B 0%, #DD111C 8%, #E3331F 25%, #E74D21 43%, #EB6023 61%, #ED6C24 80%, #EE7025 96%, #EE7025 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #00000000;
    padding: 12px 25px;
}
.page-template-default.page #primary {
    margin-top: 85px;
}
form.search-form {
    display: flex;
}
.single-post main{
	margin-top: 70px;
}
button.accordion-button.collapsed,.accordion-button, .accordion-button:not(.collapsed) {
    margin-left: 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	font: normal normal normal 17px/26px Source Sans Pro;
letter-spacing: 0px;
color: #7B7B7B;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 0.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #da001b;
}

a:visited {
	color: #da001b;
}

a:hover,
a:focus,
a:active {
	color: #da001b;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
	margin-left: 16px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
#home-webstories{
	padding-bottom: 100px;
}

.goto-blog-super-section {
    background: transparent linear-gradient(82deg, #DA001B 0%, #DD111C 8%, #E3331F 25%, #E74D21 43%, #EB6023 61%, #ED6C24 80%, #EE7025 96%, #EE7025 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #00000000;
    padding: 50px 0px;
    border-radius: 15px;
    margin: 48px 0px;
}

.goto-blog-super-section .inner {
    display: flex;
    flex-flow: column;
    align-items: center;
    max-width: 570px;
    margin: auto;
}

.goto-blog-super-section h3 {
    text-align: center;
    font: normal normal bold 20px/27px Poppins;
    letter-spacing: 0px;
    color: #fff;
    margin-bottom: 8px;
}

.goto-blog-super-section p {
    text-align: center;
    font: normal normal normal 15px/26px Poppins;
    letter-spacing: 0px;
    color: #fff;
    margin-bottom: 20px;
}

.goto-blog-super-section a.cta-btn {
    background: #fff;
    color: #EC6524;
    text-decoration-line: none;
    border-radius: 4px;
    padding: 12px 14px;
}
@media screen and (min-width: 992px) {
	.services-items-odd .content {
		margin-left: 65px;
		padding-left: 0px;
	}
	.services-items h2.web-marketing{
		font: normal normal bold 90px/140px Poppins;
	}
	.only-desktop{
		display: block;
	}
	.only-mobile {
		display: none;
	}
	.services-items-even .image {
		margin-left: 0px;
		padding-left: 0px;
	}
	.glider-track{
		width: 100% !important;
	}
	.web-stories-list.is-carousel .web-stories-list__inner-wrapper{
		width: 100% !important;
		max-width: 100% !important;
		--ws-story-max-width: 24% !important;
	}
	.web-stories-list.is-style-default.is-view-type-carousel .web-stories-list__story{
		width: 25% !important;
	}
	
}
@media screen and (max-width: 991px) {
	#navbar_top.fixed-top button.navbar-toggler span{
		color: #da001b;
	}
	
	.banner-text{
		padding-top: 75px;
	}
	.banner-video iframe{
		max-height: 200px;
	}
	.home-banner{
		height:unset;
		padding-bottom: 48px;
	}
	section#home-crediblity{
		margin-top: 31px;
	}
	.numeric-crediblities{
		gap: 16px;
	}
	.numeric-crediblities-item h4{
		font: normal normal bold 30px/48px Poppins;
	}
	.numeric-crediblities-item p{
		font: normal normal normal 16px/20px Source Sans Pro;
	}
	.numeric-crediblities-item {
		flex: 1 0 calc(50% - 16px);
	}
	div#service {
		margin-top: 84px;
	}
	h2.services-title{
		font: normal normal bold 48px/48px Poppins;
		letter-spacing: 0px;
		color: #DA001B;
	}
	p.services-description{
		margin-bottom: 25px;
	}
	.services-items h2{
		font: normal normal bold 44px/44px Poppins;
	}
	.services-items h2 {
		margin-left: unset;
		margin-top: -22px;
		left: 15px;
		position:unset;
	}
	.services-items h3{
		margin-top: 20px;
	}
	.only-desktop{
		display: none;
	}
	.row.services-items{
		margin-bottom:0px;
	}
	hr.only-mobile {
		background-color: #D8D8D8;
		border: 0;
		height: 12px;
		margin: 36px 0px;
	}
	.row.services-items.services-items-even {
		display: flex;
		flex-direction: column-reverse;
	}
	h2.blog-title{
		font: normal normal bold 48px/62px Poppins;
	}
	.blog-item-list {
		margin-top: 0px;
	}
	.blog-item-list .col-md-4{
		padding: 0px;
	}

	.row.footer-row-first {
		padding-bottom: 20px;
	}
	.footer-row-first-center {
		display: unset;
	}
	
	.footer-row-first-center ul.footer-menu {
		display: unset;
		margin-top: 24px;
	}
	.footer-row-first-right ul.footer-menu {
		display: flex;
		justify-content: left;
		margin-left: 0px;
		padding: 0px;
	}
	
	.footer-row-first-right {
		display: unset;
		margin-top: 20px;
	}
	
	.footer-row-first-right ul.footer-menu li {
		margin-right: 20px;
	}
	
	.navbar-collapse.collapse.show {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		background: transparent linear-gradient(282deg, #DA001B 0%, #DD111C 8%, #E3331F 25%, #E74D21 43%, #EB6023 61%, #ED6C24 80%, #EE7025 96%, #EE7025 100%) 0% 0% no-repeat padding-box;
		height: 100vh;
		z-index: 999;
		display: block;
		padding-bottom: 100px;
		overflow-y: scroll;
		color:#fff !important;
	}
	.only-mobile.mobile-menu-bar{
		display: flex;
		justify-content: space-between;
		padding: 15px 20px 0;
		align-items: center;
	}
	ul#primary-menu {
		display: flex;
		align-items: self-start;
		margin-left: 15px;
		margin-right: 15px;
	}
	.header-cta {
		font: normal normal bold 20px/26px Poppins;
		letter-spacing: 0px;
		color: #EC6524 !important;
		background: #FFFFFF !important;
		border-radius: 4px;
		padding: 12px 14px;
		text-decoration-line: none;
		clear: both;
		margin: 15px;
		display: inline-block;
	}
	#primary-menu li.menu-item a,.only-mobile.mobile-menu-bar .navbar-toggler span,.only-mobile.mobile-menu-bar h4{
		color: #FFFFFF !important;
	}
	form.search-form {
		display: flex;
		flex-flow: column;
		align-items: flex-start;
		justify-content: left;
	}
	form.search-form label{
		width: 100%;
	}
	form.search-form input.search-field{
		width: 100%;
	}
	form.search-form input[type="submit"]{
		margin-left: 0px;
		margin-top: 10px;
	}
	.common-banner{
		background-size: cover;
    	background-position: center;
	}
	
	.goto-blog-super-section {
		margin: 25px 0px;
		padding: 40px 25px;
	}
}