@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
/* font-family: 'Poppins', sans-serif; */

/*----------------comman css start--------------*/
html, body, div, span, applet, object, iframe,  p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
   margin: 0; padding: 0; border: 0; vertical-align: baseline;}
html {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

img, fieldset, a img {border: none; vertical-align: middle; max-width: 100%;}
input[type="text"], input[type="email"], input[type="tel"], textarea {-webkit-appearance: none;}
input[type="submit"], button {cursor: pointer;background: none;}
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {padding: 0; border: 0;}
textarea {overflow: auto;}
input {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input, button {margin: 0; padding: 0;	border: 0;}
div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus {outline: none;}
select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}
ul, ol {list-style-type: none;}
table {border-spacing: 0; border-collapse: collapse; width: 100%;}
html {-webkit-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: inherit; box-sizing: inherit;}
a {color: #4a4a4a;
   transition: ease-in-out all 0.5s;
   -moz-transition: ease-in-out all 0.5s;
   -ms-transition: ease-in-out all 0.5s;
   -o-transition: ease-in-out all 0.5s;
   -webkit-transition: ease-in-out all 0.5s;
   text-decoration: none;
}

a:hover{color: #4a4a4a; text-decoration: underline;}
a, button {
   transition: ease-in-out all 0.5s;
   -moz-transition: ease-in-out all 0.5s;
   -ms-transition: ease-in-out all 0.5s;
   -o-transition: ease-in-out all 0.5s;
   -webkit-transition: ease-in-out all 0.5s;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

section {clear: both; width: 100%;}

body{font-family: 'Poppins', sans-serif; font-size: 16px; color: #4a4a4a; line-height: 28px; font-weight: 400; background: #fff;}
h1,h2,h3,h4,h5,h6{color: #000;}
p{padding-bottom: 20px; }
p:last-child{padding-bottom: 0;}
.no-gutters{margin-left: 0; margin-right: 0;}
.no-gutters>[class*=col-]{padding-left: 0; padding-right: 0;}

.ptb-70{padding-top: 70px; padding-bottom: 70px;}
.ptb-50{padding-top: 50px; padding-bottom: 50px;}
.pt-70{padding-top: 70px;}
.pb-70{padding-bottom: 70px;}
.row{margin-left: -15px; margin-right: -15px;}
.row > *{padding-left: 15px; padding-right: 15px;}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm{padding-left: 15px; padding-right: 15px;}

body:not(.home) h2{font-size: 28px;}
.grey-bg{background: #f8f8f8;}
.common-btn{font-size: 12px; font-weight: 700; color: #fff; padding: 13px 37px; line-height: normal; border-radius: 999px; background: #f42367; display: inline-block; border: 2px solid #f42367;}
.common-btn:hover{color: #f42367; background: transparent; text-decoration: none;}

main.content-main{z-index: 10; position: relative; background: #fff;}

h2.has-btm-line{position: relative;}
h2.has-btm-line::before{content: ""; position: absolute; bottom: 0; left: 0; height: 3px; width: 47px; background: #F71C66; }
h2.has-btm-line.has-btm-line-center::before{left: calc(50% - 20px);}
/*----------------comman css end--------------*/

/* hearder start */
.header-innerpage:not(.sticky-active) .main-navigation .header-navigation-area > ul > li > a{color: #fff;}
/*.header-innerpage:not(.sticky-active) .main-navigation .header-navigation-area > ul > li > a.active,.header-innerpage:not(.sticky-active) .main-navigation .header-navigation-area > ul > li > a:hover{color: #F71C66;}*/
.header-innerpage:not(.sticky-active) .main-navigation .header-navigation-area > ul > li > a:hover{color: #F71C66;}
.header-right{display: flex; align-items: center;}
.header-contact-btn-main{margin-left: 25px;}
.header-contact-btn-main .header-contact-btn{color: #F42367; font-weight: 600; border-radius: 25px; padding: 13px 30px; font-size: 14px; border: 2px solid #f42367; display: inline-block; line-height: normal;}
.header-contact-btn-main .header-contact-btn:hover{text-decoration: none; background: #f42367; color: #fff;}
.header-innerpage:not(.sticky-active) .header-contact-btn-main .header-contact-btn{color: #fff; border-color: #fff;}
.header-innerpage:not(.sticky-active) .header-contact-btn-main .header-contact-btn:hover{border-color: #F42367;}
.header-right-contact .call-link{margin-right: 10px; color: #000;}
.header-innerpage:not(.sticky-active) .main-navigation .header-right-contact .call-link{color: #000;}
.header-innerpage:not(.sticky-active) .main-navigation .header-right-contact .call-link:hover{color: #f42367;}
.header-right-contact .call-link:hover{color: #F42367; text-decoration: none;}
.header-right-contact .call-link > i{margin-right: 8px; font-size: 20px; color: #F42367; position: relative; top: 2px;}

.menu-height{height: 100%;}

/* zoho partner page header start */
.page-id-2666 .header-innerpage:not(.sticky-active) .main-navigation .header-navigation-area>ul>li>a:after{color: #5f6368 !important;}
.page-id-2666 .header-innerpage:not(.sticky-active) .main-navigation .header-right-contact .call-link{color: #000 !important;}
.page-id-2666 .header-innerpage:not(.sticky-active) .main-navigation .header-right-contact .call-link:hover{color: #F42367 !important;}
/* zoho partner page header end */

/* hubspot onbording page start */
.page-id-2398 .header-innerpage:not(.sticky-active) .main-navigation .header-navigation-area>ul>li>a:after{color: #5f6368 !important;}
.page-id-2398 .header-innerpage:not(.sticky-active) .main-navigation .header-right-contact .call-link{color: #000 !important;}
.page-id-2398 .header-innerpage:not(.sticky-active) .main-navigation .header-right-contact .call-link:hover{color: #F42367 !important;}
/* hubspot onbording page end */

/* hearder end */

/* sticky header start */
.header.sticky-active{position: fixed; top: 0; left: 0; width: 100%;  z-index: 999; box-shadow: 0 1px 0 rgba(0,0,0,.08); background: #fff;}
.sticky-active.menu-height{height: 100%;}

.sticky-active{ animation: fadeInDown 1s forwards;}
@keyframes fadeInDown {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}

	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }

.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.sticky-active .navbar-expand-lg a.navbar-brand img{height: 26px;}
.sticky-active .main-navigation ul#main-menu > li{padding: 33px 0px;}
.sticky-active .header-contact-btn-main .header-contact-btn{padding: 9px 25px;}
.sticky-active .main-navigation ul#main-menu > li > ul{top: 79px;}
/* sticky header end */

/* footer start */
.footer-main{font-size: 14px; line-height: 24px;}
.footer-main.fixed{position: fixed; left: 0; right: 0; bottom: 0; width: 100%; background: #fff; z-index: -1;}

/* footer top start */
.footer-main .footer-top{padding: 50px 0px 70px 0px;}
.footer-top .footer-logo{padding-bottom: 35px;}
.footer-top .ftr-logo-col { padding-right: 75px;}
.footer-top .ftr-next-step{padding-right: 80px;}
.footer-top .ftr-logo-col ul li{display: inline-block; position: relative; margin-right: 7px; padding-right: 7px;}
.footer-top .ftr-logo-col ul li:before { content: ""; position: absolute; height: 15px; width: 2px; background: #4a4a4a; top: 4px; right: -2px;}
.footer-top .ftr-logo-col ul li:last-child{margin-right: 0; padding-right: 0;}
.footer-top .ftr-logo-col ul li:last-child::before{content: none;}
.footer-top h4{font-size: 17px; margin-bottom: 15px; font-weight: 500;}
.footer-top .ftr-col .ftr-get-in-touch > a{color: #F42367; display: inline-block; position: relative;}

.ftr-get-in-touch { display: inline-block;}
.animated-arrow{position: relative; display: inline-block; margin-left: 15px; height: 26px; width: 26px; border-radius: 50%; border: 2px solid #f42367;}
/* .animated-arrow:hover{border-color: transparent;} */
.ftr-get-in-touch:hover .animated-arrow{border-color: transparent;}

.footer-top .ftr-col .ftr-get-in-touch .animated-arrow:before { content: "\f105"; color: #f42367; top: -1px; right: -9px; display: block; transition: all 0.35s cubic-bezier(.12,.75,.4,1); -webkit-transition: all 0.35s cubic-bezier(.12,.75,.4,1); position: relative; font-family: 'FontAwesome';}
.footer-top .ftr-col .ftr-get-in-touch .animated-arrow:after { display: block; content: ' '; position: absolute; width: 26px; height: 1px; background-color: #f42367; opacity: 0; left: -6px; cursor: pointer; transition: all 0.35s cubic-bezier(.12,.75,.4,1); -webkit-transition: all 0.35s cubic-bezier(.12,.75,.4,1); pointer-events: none; top: 11px; transform: translateX(-27px); -webkit-transform: translateX(-27px);}
/* .footer-top .ftr-col .ftr-get-in-touch .animated-arrow:hover:before { transform: translateX(18px); -webkit-transform: translateX(18px);}
.footer-top .ftr-col .ftr-get-in-touch > .animated-arrow:hover:after { opacity: 1; transform: translateX(8px); -webkit-transform: translateX(8px);} */
.footer-top .ftr-col .ftr-get-in-touch:hover .animated-arrow::before { transform: translateX(18px); -webkit-transform: translateX(18px);}
.footer-top .ftr-col .ftr-get-in-touch:hover .animated-arrow::after { opacity: 1; transform: translateX(8px); -webkit-transform: translateX(8px);}

.footer-top .ftr-col .ftr-contact > a{display: block;}
.footer-top .ftr-col .ftr-address{padding-bottom: 30px;}
/* footer top end */

/* footer bottom start */
.footer-bottom{padding: 15px 0px; border-top: 2px solid #eee;}
.footer-bottom .footer-social{text-align: right;}
.footer-bottom .footer-social ul li{display: inline-block; margin-right: 6px; vertical-align: top;}
.footer-bottom .footer-social ul li:last-child{margin-right: 0;}
.footer-bottom .footer-social ul li > a{height: 24px; width: 24px; background: #ccc; display: inline-block; border-radius: 4px; opacity: .75; color: #fff; font-size: 18px; display: flex; justify-content: center; align-items: center;}
.footer-bottom .footer-social ul li > a:hover{text-decoration: none;}
/* footer bottom end */

/* footer end */

.page-id-2743 section#get-in-touch {
   display: none;
}

.video-div{position: relative;
   width: 100%;
   overflow: hidden;
   padding-top: 56.25%;}
.video-div iframe {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
   border: none;
}