@charset "UTF-8";

/*
Theme Name: Geneticmatrix
Theme URI: http://geneticmatrix.com/
Author: the GeneticMatrix team
Author URI: https://wordpress.org/
Description: Genetic Matrix is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Version: 1.0
Text Domain: geneticmatrix
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions..DesktopSection .sliderbtn
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearnings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H619
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Collumns.............Specific styles for the collumns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Meda text............Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */


@import url("https://p.typekit.net/p.css?s=1&k=oog2zqo&ht=tk&f=44248.44249.44250.44251.44254.44255&a=25262361&app=typekit&e=css");

@import url("https://p.typekit.net/p.css?s=1&k=oog2zqo&ht=tk&f=44248.44249.44250.44251.44254.44255&a=25262361&app=typekit&e=css");

@font-face {
	font-family: "bilo";
	src: url("https://use.typekit.net/af/abf6a1/00000000000000007735c958/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/abf6a1/00000000000000007735c958/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/abf6a1/00000000000000007735c958/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-display: auto;
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "bilo";
    src: url("https://use.typekit.net/af/c0084d/00000000000000007735c95c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/c0084d/00000000000000007735c95c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/c0084d/00000000000000007735c95c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
}

@font-face {
	font-family: "bilo";
    src: url("https://use.typekit.net/af/cab78c/00000000000000007735c95f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/cab78c/00000000000000007735c95f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/cab78c/00000000000000007735c95f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 500;
}

@font-face {
	font-family: "bilo";
    src: url("https://use.typekit.net/af/ac5977/00000000000000007735c961/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/ac5977/00000000000000007735c961/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/ac5977/00000000000000007735c961/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
}

@font-face {
	font-family: "bilo";
    src: url("https://use.typekit.net/af/273b40/00000000000000007735c964/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/273b40/00000000000000007735c964/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/273b40/00000000000000007735c964/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
}

@font-face {
	font-family: "bilo";
    src: url("https://use.typekit.net/af/e1af23/00000000000000007735c965/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/e1af23/00000000000000007735c965/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/e1af23/00000000000000007735c965/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
}

* {
	font-family: bilo, sans-serif;
	font-style: normal;
}

.row {
    /*width:100% !important;*/
	margin-left: 0px !important;
	margin-right: 0px !important;
}

html,
body {
	max-width: 100% !important;
	overflow-x: hidden !important;
	padding-right: 0 !important;
}
@media (min-width: 992px) and (max-width: 2500px){
	body.modal-open{
		position: fixed;
		width: 100%;
		right: 0;
	    overflow-y: scroll !important;
	}
	body.modal-open	.menu_main {
	    position: relative !important;
	}
	body.modal-open .slider {
	    margin-top: 0!important;
	}
	body.modal-open .p_services, body.modal-open .p_talking {
	    margin-top: -80px;
	}
}

.sidebar-links::-webkit-scrollbar {
  width: 0px;
}
.sidebar-links{
	scrollbar-width: none;
}
/* p{
font-size: 14px;
} */


/* a:hover {
    color: white;
} */

.padding80 {
	padding: 80px;
}

/*.section {*/
/*	margin-top: 50px;*/
/*}*/

.centerAlign {
	text-align: center;
}

#gmlogo {
	width: 240px;
	height: auto;
}
.navbar {
	background: #ffffff;
	box-shadow: 0px 2px 6px #00000029;
	position: fixed !important;
	width: 100% !important;
	z-index: 99 !important;
	top: 0px;
}
.nav-link {
	color: #1a1616   !important;
	font-weight: 500;
}
.nav-link:active {
	color: #929292 !important;
}
.nav-link:hover {
	opacity: 0.8 !important;
}

.dropdown-toggle::after {
	display: none !important;
}

.flag-icon {
	margin-left: 5px !important;
	border-radius: 25% !important;
}

.registerbtn {
	background: #f66378;
	color: white;
	font-size: 20px !important;
	border-radius: 13px !important;
	font-weight: 500;
	width: 100%;
	padding: 3px 13px;
}

.register-btn {
	background: #f66378;
	color: white;
	font-size: 18px !important;
	font-weight: 500;
	width: 100%;
	padding: 8px 6px;
	width: 195px !important;
}

.register-btn:hover {
	opacity: 0.8 !important;
}

.cart-container {
      position: relative;
      display: inline-block;
      width: 40px;
      height: 40px;
    }
.cart-icon {
      width: 100%;
      height: 100%;
    }
.cart-count {
    /*  position: absolute;*/
    /* top: 0px;*/
    /* right: 12px;*/
    /* background-color: red; */
    /*color: #54931E;*/
    /*font-size: 12px;*/
    /*padding: 0px 11px;*/
    /*border-radius: 50%;*/
    /*font-weight: bold;*/
    /*align-items: center;*/
    
    position: absolute;
    top: 0px;
    right: 11px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
     color: #54931E;
    font-size: 12px;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-align: center;

    }
    
    .home-cart-count {
        position: absolute;
    top: 10px;
    right: 25px;
    color: #54931E;
    font-size: 11px;
    font-weight: bold;
    min-width: 10px;
    height: 18px;
    transform: translate(50%, -50%);
    text-align: center;
    padding: 0px;

    }

#overlay,#overlay_mug {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,0,0,0.6);
}

.cv-spinner {
	height: 100%;
	justify-content: center;
	align-items: center;
	background-image: url('/wp-content/themes/geneticmatrix/assets/images/logo/gm-logo-loading.gif');
	background-size: 200px auto;
	background-repeat: no-repeat;
	background-position: center;
}

.spinner {
	width: 40px;
	height: 40px;
  /*border: 4px #ddd solid;*/
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
	100% {
		transform: rotate(360deg);
	}
}

.is-hide {
	display: none;
}
#createChart .select2-container--default .select2-selection--single {
    position: relative;
}
.createFoundationChartbtn {
	min-width: 140px !important;
	padding: 0 20px;
	height: 42px !important;
	border-radius: 20px;
	font-weight: 600;
	background: #54931E 0% 0% no-repeat padding-box;
	color: white;
	display: block;
    margin: 30px auto 0 !important;
}

.home-foundationchart .createChartbtn {
	width: 140px !important;
	height: 42px !important;
	border-radius: 20px;
	font-weight: 600;
	background: #54931E 0% 0% no-repeat padding-box;
	color: white;
	margin: 15px 90px !important;
}

.btn-danger {
	color: #fff;
	background-color: #54931e !important;
	border-color: #54931e !important;
}
.modal #gmSignForm .btn, .modal #gmRegForm .btn{
	width: 100% !important;
	color: #fff !important;
}
.sliderimg1 {
	top: 75px;
	right: -15px;
	left: 60px;
}

.sliderimg2 {
	top: 60px;
	right: 20px;
	left: 45px;
}

.sliderimg3 {
	top: 40px;
	right: 60px;
	left: 30px;
}

.registerbtn:hover {
	opacity: 0.8 !important;
}
.h-box {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
    text-align: center; /* Center text */
    padding: 20px;
    height: 100px; /* Adjust height as needed */
    position: relative; /* Needed for positioning */
    
}
.back-link {
    position: absolute;
    left: 5%;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    transform: translateY(-50%);
    color:#B5882D;
    top: 50%;
}
.back-link:hover{
    color:#B5882D;
    opacity:0.7;
}
.report-title {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

@media (max-width: 768px) {
    .h-box {
        height: auto; /* Allow flexible height */
        padding: 15px;
    }

    .back-link {
        position: relative;
        top: 0;
        left: -30px;
        display: block;
        text-align: center;
        margin-bottom: 10px; /* Space between back button and title */
        font-size: 18px;
    }

    .report-title {
        font-size: 22px; /* Adjust title size for mobile */
    }
}

.select2 {
	width: 100% !important;
	height: 30px;
	display: block;
	box-shadow: 0px 4px 8px #2c27380a;
	color: #808080;
	padding: 0px;
	background: #F8FAF7;
	font-size: 15px !important;
	border: none !important;
	border-radius: 5px;
	border-radius: 5px;
    /* margin-bottom: 1rem!important; */
	;
}

/*.astroChart {*/
/*	height: 580px !important;*/
/*	text-align: center;*/
/*}*/

.addscroll {
	width: 406px !important;
}

.privacypage {
	margin-top: 25px;
	margin-bottom: 25px;
	padding-right: 15% !important;
	padding-left: 15% !important;
}

#privacypara {
	font-size: 14px;
}

#privacyhead {
	font-weight: 600;
}

#privacysemihead {
	font-weight: 600;
}

.serviceRegBtn:hover {
	opacity: 0.8;
	color: #fff;
}

.serviceBtn:hover {
	opacity: 0.8;
	color: #fff;
}

.c-button:hover {
	opacity: 0.8;
	color: #fff;
}

#secPara {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	color: #42403D;
    /*padding-right: 55px;*/
	;
}

.googleplaystore {
	height: auto;
	margin-left: -11px;
	width: 190px;
}

/* Service Page Bottom Foundation chart card */



.date-picker-button-active span, .date-picker-control:focus span, .date-picker-control:hover span, .date-picker-control:active span {
	outline: 0;
	box-shadow: none !important;
	border-radius: 0px !important;
}

.fchartmargin {
	margin-left: 0px !important;
	margin-right: 0px !important;
	display: flex;
	align-items: center;
}

#fchartheading {
	text-align: center;
	font: normal normal bold 22px/37px Bilo;
	letter-spacing: 0px;
	color: #54931E;
	text-transform: uppercase;
	opacity: 1;
}

#talkingimg {
	margin-top: -10px;
	width: 60px;
}

.ffaqgrp {
	margin-top: 10px;
}

#ffaq {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 24px/37px Bilo;
	letter-spacing: var(--unnamed-character-spacing-0);
	text-align: center;
	font: normal normal normal 20px Bilo;
	letter-spacing: 0px;
	color: #54931E !important;
	opacity: 1;
}

.fchartbtngrp {
	display: flex;
	align-items: center;
	justify-content: center;
}

.fchartbtngrp img {
	height: auto;
	width: 30px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.fchartbtn {
	background: #54931E 0% 0% no-repeat padding-box;
	width: 225px;
	height: 50px;
	padding: 10px !important;
	letter-spacing: var(--unnamed-character-spacing-0);
	text-align: center;
	letter-spacing: 0px;
	color: #FFFFFF !important;
	opacity: 1;
	border-radius: 35px !important;
	font-size: 17px;
	font-weight: 600 !important;
	margin-right: 20px;
}

#faqquestions {
	text-align: left;
	letter-spacing: 0px;
	color: #1A1818;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 4px;
	font-size: 18px;
	margin-bottom: 2px;
}

#faqanswers {
	text-align: left;
	letter-spacing: 0px;
	font-size: 14px;
	color: #1A1818;
	font-size: 16px;
	font-weight: 500;
}

.signInBtn:hover {
	opacity: 0.8;
	color: #fff;
}

.signInBtn {
	text-align: center !important;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 20px !important;
	width: 100% !important;
	background-color: #54931e !important;
	border: none !important;
	color: #ffffff !important;
}

.user-pass {
	background-color: #EFF5EA !important;
	padding: 11px 35px 13px 10px;
}

/* Service Page */

.c-button {
	/*margin-bottom: 73px !important;*/
	margin-top: 60px;
}

.fchartbtngrp {
	margin-bottom: 0px;
}

.Plusmembership {
	right: 34px;
}

.membershipinfo {
	margin-top: 20px !important;
}

.card-title {
	margin-bottom: 0px !important;
}

.Plusmembership {
	top: 130px;
}

.inputerror {
	font-size: 13px;
}

.footer-privacy {
	margin-right: 80px;
}

#gmRegForm {
	margin-left: 0px !important;
}

#newUser a {
	font: normal normal normal 16px/20px Bilo;
	letter-spacing: 0.16px;
	color: #7470E3;
}

.form-group .g-recaptcha {
	margin-left: 10px;
}

.buynowmodal {
	background: #fff;
	border-radius: 35px;
}

.freeFoundationChartCard {
	margin: 25px 110px !important;
	border-radius: 45px !important;
	padding: 0px;
	padding-top: 10px;
	color: #707070;
	box-shadow: 0px 3px 6px #00000029;
	margin-top: 100px!important;
}

.chart-ff{
    box-shadow: 0px 5px 10px #00000029;
    border-radius:29px;
    padding:40px;
    margin-left:80px;
    width:450px;
    font-size:15px;
    text-align:center;
}

.free-chart-head{
    text-align: center;
    font: normal normal bold 20px / 39px Bilo;
    letter-spacing: 0px;
    color: #707070;
    margin-bottom:20px;
}


.foundationchartwrapper .f_sct{
        position: relative;
    }
   .foundationchartwrapper .p_sct{
        position: absolute;
        top: 10%;
        left: 0;
        width: 100%;
        text-align:center;
    }
    .foundationchartwrapper.p_sct div {
        display: flex;
        align-items: center;
        text-align: center;
        flex-direction: column;
        margin-top: 4%;
    }
   .foundationchartwrapper .p_sct div p{
        color: #444444;
    }
   .foundationchartwrapper .p_sct div p:nth-child(1){
        font-size: 2rem;        
        font-weight: 600;
    }
   .foundationchartwrapper .p_sct div p:nth-child(2){
        font-size: 1.5rem;
    }
   .foundationchartwrapper .s_post{
        display: flex;
        align-items: center;
        text-align: center;
        flex-direction: row;
    }
    
    .foundationchartwrapper .p_sct .subheading {
    font-size: 2rem;
    font-weight: 600;
}

.membercardwrapper .membercard{
	height: 100%;
}

.form-select {
	display: block;
	width: 100%;
	padding: 0.375rem 2.25rem 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e) !important;
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.footer-mobile {
	display: none;
}

/*Media query for 1920 Display*/

@media screen and (max-width: 1920px) {
    .p_talking h2 img{
        width: 55px !important;
        margin: 10px 0 0 15px !important;
    }
        .foundationchartwrapper .sliderchartbgfree{
        height:90%;
    }
	.chart-modal {
		font-size: 22px;
		font-weight: 500 !important;
	}
	.signinleft {
		margin-top: auto;
		margin-bottom: auto;
	}

	.dropdown-language-icon-home {
		margin-right: 5px;
		height: auto;
		padding-top: 3px;
	}
	
	.myhub-btn{
	    margin-right:0px !important;
	}

	.forget-password-container {
		padding-top: 249px;
		padding-bottom: 200px;
		padding: 232px 120px 200px 120px;
		position: relative;
	}

	.fpassword-img {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.loginDialog {
		margin-right: 47%;
	}

	.registrationDialogue {
		margin-right: 47%;
	}

	.gmCard {
		padding: 25px;
		border-radius: 35px !important;
		display: block;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
		box-shadow: 5px 5px 25px #0000001a;
		padding-top: 61px !important;
	}

	.gmCardTitle {
		color: #3d3d3d;
		font: normal normal 300 32px/40px Bilo;
		letter-spacing: 0.64px;
		color: #3D3D3D;
		opacity: 1;
		margin-left: 16px;
		margin-bottom: 20px !important;
	}

	/*#close-icon {
		position: absolute;
		right: 9px;
		font-size: 22px;
		top: 4px;
		color: #FC3465;
		cursor: pointer;
	}*/

	#newUser {
		font: normal normal bold 18px/26px Bilo;
		letter-spacing: -0.07px;
		color: #3D3D3D;
		font-size: 18px !important;
	}

	.user-pass {
		background-color: #EFF5EA;
		width: 280px;
		height: 48px;
		border: none;
	}

	.email-forget {
		background-color: rgba(203, 222, 187, 0.4);
		width: 296px;
		height: 48px;
		border: none;
		margin-left: 15px;
		padding: 10px;
	}

	.logpass {
		position: absolute;
		right: 75px;
		/*margin-top: -36px;*/
		padding: 0;
	}

	.regpass, .forgetpass {
		position: absolute;
		right: 26px;
		padding: 0;
	}

	.loginCard {
		width: 895px !important;
		height: 603px;
	}

	.registrationCard {
		width: 895px !important;
		height: 826px !important;
	}

	.reginput {
		width: 100% !important;
		height: 48px;
	}

	.regpassinput {
		/*margin-bottom: -25px;*/
		;
	}

	.confirmpassinput {
		/*margin-bottom: -25px;*/
		;
	}

	.reginputrow {
		width: 100%;
		height: 48px;
	}

	.fpassword-img {
		width: 240px;
		/*margin-left: 30px;*/
		;
	}

	.freefoundationinput {
		height: 48px !important;
	}

	/*.birthdatefree .date-picker-control {
		position: absolute !Important;
		right: 17px;
		top: 10px;
	}*/

	/*.birthtimefree .ui-datepicker-trigger {
		border: none;
		background: transparent;
		position: absolute;
		top: 4px !important;
		right: 18px !important;
	}*/

	.reg-btn {
		width: 100%;
		height: 48px;
		font: normal normal bold 24px/24px Bilo;
		letter-spacing: 0.58px;
		color: #FFFFFF;
	}

	.registrtionCard {
		width: 895px !important;
		padding: 25px;
		height: 779px;
		border-radius: 35px !important;
		display: block;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
		box-shadow: 5px 5px 25px #0000001a;
		padding-top: 61px !important;
	}

	.regformimg {
		width: 310px !important;
		margin-top: -10px !important;
		margin-left: 2px !important;
        /* height: 463px; */
		;
	}

	.regnotice {
		letter-spacing: var(--unnamed-character-spacing-0);
		text-align: left;
		font: normal normal normal 12px/18px Bilo;
		letter-spacing: 0px;
		color: #6C63FF;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.btn-danger {
		background-color: #54931e !important;
		border-color: #54931e !important;
		width: 280px;
		height: 48px;
		font: normal normal bold 24px/24px Bilo;
		letter-spacing: 0.58px;
		color: #FFFFFF;
	}

	.btn-forget {
		background-color: #54931e !important;
		border-color: #54931e !important;
		width: 280px;
		height: 48px;
		font: normal normal bold 24px/24px Bilo;
		letter-spacing: 0.58px;
		color: #FFFFFF;
		width: 320px;
	}

	.socialMedia {
		text-align: center;
		margin-left: 12% !important;
		margin-right: 8% !important;
		margin-top: 20px !important;
		font-size: 14px !important;
		font-weight: 600 !important;
	}

	.gmfreeformqmark4, .gmfreeformqmark1, .gmfreeformqmark2 {
		position: absolute;
		top: 10px;
		right: 25px;
	}

	.gmFormqmark {
		position: absolute;
		width: 15px;
		top: 34px;
	}

	.gmFormqmark4 {
		position: absolute;
		width: 15px;
		top: 10px;
		right: 10px;
	}

	.gmFormqmark1 {
		position: absolute;
		width: 15px;
		top: 10px;
		right: 10px;
	}
	
	#ordernow .modalclose {
	background: #FFF0F0 0% 0% no-repeat padding-box !important;
	border-radius: 1000px;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 20px !important;
	top: 17px !important;
    }
	  .page-template-template-cycle-selector .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -20px !important;
    margin-top: 0px !important;
    }
    
    	.chart-ff{
	    margin-left:400px;
	}
	.page-template-template-free-foundation-chart .slider{
	    height:1000px !important;
	}
    
}

.gmFormqmark2 {
	position: absolute;
	width: 15px;
	top: 10px;
	right: 10px;
}

.gmFormqmark3 {
	position: absolute;
	width: 15px;
	top: 501px;
	left: 310px;
	z-index: 5;
}

.birthtimehub .ui-datepicker-trigger {
	border: none;
	background: transparent;
	position: absolute;
	top: 7px;
	right: 7px;
}

.folder-arrow {
	position: absolute;
	top: 532px;
	left: 108px;
	color: #666666;
	width: 16px;
	height: 10px;
}

.faq-dialog {
	max-width: 1000px !important;
}

.gmFaqCard {
	width: auto;
	padding: 65px;
	border-radius: 35px !important;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	box-shadow: 5px 5px 25px #0000001a;
}

#socialMediaIcon {
	height: 48px !important;
	width: 48px;
}

#gmFormImg {
	width: 319px !important;
	margin-top: -92px !important;
	margin-left: -20px !important;
}

#gmFormImgHub {
	width: 100%;
	display: block;
	margin-top: 50px;
}

#gmFormImgSignIn {
	width: 290px !important;
	margin-top: -57px !important;
	margin-left: -20px !important;
}

.forget-pass-link {
	margin-left: 10px;
}

/*.freefoundation-chart{*/
/*    width: 895px !important;*/
/*    height: auto !important;*/
/*}*/

/*.freefoundationImg{*/
/*      width: 335px !important;*/
/*      margin-top: 22px !important;*/
/*      margin-left: -40px !important;*/
/*      height: 463px;*/
/*}*/

/*.freefoundationdialogue{*/
/*    margin-left: 28%;*/
/*}*/
    
#gmlogo {
	width: 295px;
}

.tabletView {
	display: none !important;
}

#learnmore {
	opacity: 0.9;
	text-decoration: none;
	color: #444444;
	font-size: 18px !important;
}
.shareChartImg {
	height: 470px !important;
}

.createChartbtn {
	width: fit-content !important;
}

.createChartbtn:hover {
	opacity: 0.8 !important;
	color: #fff;
}

#chartImg {
	width: 80% !important;
	margin-top: 25px;
}

#programImg {
	width: 85% !important;
}

.addscroll {
	height: 33rem !important;
}

.humandesignhead {
	font-size: 26px;
}

.humandesign {
	font-size: 24px !important;
}
#astrohd {
	font-size: 24px !important;
}

.astrohdpara {
	text-align: left;
	margin-left: 80px;
	font-size: 22px;
	font-weight: 500;
}

#sec2heading {
    font-size: 3rem !important;
    font-weight: 600 !important;
    color: #444444;
}

.sec2icon {
	height: 30px !important;
	padding-right: 15px !important;
	display: block;
	width: 13%;
}

.appstore {
	margin-top: 110px;
}

.googleplayimg {
	margin-left: 40px;
}

.tabapp {
	height: 576px !important;
	left: 100px;
}

.mobileapp {
	padding: 80px !important;
	margin-top: 100px;
	/*height: 750px;*/
	padding-left: 120px !important;
	padding-right: 110px !important;
}

.mobileSupport {
	color: #444444;
	padding-top: 30px;
	padding-left: 95px;
	padding-right: 70px;
	font-family: bilo, sans-serif;
	font-style: normal;
	padding-top: 50px;
	background: #DDE9D2;
}

.mobilesupportcontent {
	font-size: 23px !important;
	line-height: 29px !important;
	height: 500px;
}

.mobileSupport {
	padding-top: 72px !important;
	padding-left: 130px !important;
	padding-right: 110px !important;
}

.shareChart {
	background: #ebebeb;
}

.my-0 {
	font-size: 36px !important;
}

.cardUl {
	font: normal normal normal 20px/37px Bilo;
	letter-spacing: 0px;
	color: #444444;
	opacity: 1;
}

.servicechartbtn {
	height: 50px !important;
	font-size: 22px !important;
}

.c-button {
	/*width: 80% !important;*/
	border-radius: 50px !important;
	background: #54931E 0% 0% no-repeat padding-box;
	color: #ffffff;
	text-align: center;
	border-radius: 20px;
	/*margin-bottom: 130px;*/
	margin-top: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 269px;
	font-size: 18px;
	font-weight: 600 !important;
}

.c-btn {
	width: 269px;
	height: 51px;
	font-size: 22px;
}

.smalltitle {
	font-size: 24px !important;
}

.pricing, .pricingpro {
	font-size: 24px !important;
}

.pricevalue {
	font-size: 44px;
}

.FAQ-BUTTON {
	font-size: 24px !important;
}

.serviceRegBtn {
	font-size: 21px !important;
}

.serviceBtn {
	font-size: 22px !important;
}

/*.servicebuybtn1 {*/
/*	margin-top: 80px !important;*/
/*}*/

/*.servicebuybtn2 {*/
/*	margin-top: 88px !important;*/
/*}*/

/*.servicebuybtn3 {*/
/*	margin-top: 0px !important;*/
/*}*/

#fchartheading {
	font: normal normal bold 26px/37px Bilo !important;
}

.fchartbtn {
	font-size: 22px !important;
	width: 70%;
	height: auto;
}

.Plusmembership {
	width: 895px !important;
	height: 624px !important;
	font: normal normal normal 24px/40px Bilo;
	letter-spacing: 0.48px;
	color: #3D3D3D;
}

.membershiptitle {
	margin-top: 20px;
	margin-bottom: 10px !important;
}

.plusmembtn {
	width: 149px;
	height: 42px;
	font: normal normal bold 19px/19px Bilo;
	padding: 10px 10px !important;
}

.membershipheading {
	font: normal normal normal 24px/40px Bilo;
	letter-spacing: 0.48px;
	color: #3D3D3D;
}

.membershipinfo {
	margin-top: 40px !important;
}

.talkingchartimg {
	margin: 51px auto;
	display: block;
	height: 350px;
	box-shadow: 4px 5px 12px 0px #8888;
}

.view-button {
	margin-left: 5px;
	width: 35px;
	height: 27px;
	display: inline-block;
	background-image: url(resources/icons/icon-view.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.pdf-button {
	margin-left: 5px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url(resources/icons/gmbt07.svg) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	;
}

.pdf-button:hover {
	background-image: url(resources/icons/gmbtorg07.svg) !important;
	opacity: 1 !important;
}

.delete-button {
	margin-left: 5px;
	width: 24px;
	height: 24px !important;
	display: inline-block;
	background-image: url(resources/icons/gmbt04.svg) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.delete-button:hover {
	background-image: url(resources/icons/gmbtorg04.svg) !important;
	opacity: 1 !important;
}

.upgrade-button {
	margin-left: 5px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url(resources/icons/icon-upgrade.png) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.edit-button {
	margin-left: 5px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url(resources/icons/gmbt03.svg) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.edit-button:hover {
	background-image: url(resources/icons/gmbtorg03.svg) !important;
	opacity: 1 !important;
}

.mobilefoundationtalkingchart {
	display: none;
}

.mobilefoundation {
	display: none;
}

.foundationtalkingchartcontent {
	margin-top: 30px;
}
.talking-selection-para{
    background-image: url('./assets/images/Group 990.svg');
	position: relative;
    bottom: 0;
    right: 0;
    top: 5%;
    left: 0;
    margin-left: 0;
    background-size: 280px 70px;
    background-position: 50% 15%;
    background-repeat: no-repeat;
    text-align: center;
    height: 90%;
    width: 100%;
}

.talking-chart-selection-heading {
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
	
}

	/*#talkingchartfoundation	.form-check {*/
	/*	margin-top: 10px;*/
	/*	height: 30px;*/
	/*	margin-left: -30px !important;*/
	/*}*/
	
#talkingchartfoundation .form-check {
	margin-top: 10px;
	height: 30px;
	margin-left: 0px !important;
}

.purchasepara {
	color: #079EDF;
	margin-left: 5px !important;
	margin-top: 30px !important;
	margin-bottom: 30px;
	font: normal normal normal 18px/19px Bilo !important;
	margin-top: 30px !important;
	display: flex;
	align-items: center;
}

.purchasebtn {
	font: normal normal normal 18px/19px Bilo !important;
	margin-left: 20px;
	padding-left: 14px !important;
	padding-right: 14px !important;
}

.mobilepurchasepara {
	display: none;
}

#gmFreeFormImgHub {
	width: 88%;
	margin-left: 29px;
	margin-top: 35px;
}

.signin {
	background: none !important;
	padding: 5px 10px !important;
	border-radius: 15px;
	font: normal normal bold 22px/29px Bilo;
	font-weight: 500 !important;
}
} 
/* 1920 Ends */

@media (max-width: 1858px) {
	#secPara {
		font-size: 23px !important;
		line-height: 39px !important;
	}

	.applestore {
		left: -16px !important;
	}
	
	
}
@media(max-width: 1740px) {
	
	.cardUl {
		font: normal normal normal 17px/37px Bilo;
	}

	.my-0 {
		font-size: 32px !important;
	}

	.c-btn {
		height: 45px;
		font-size: 19px;
	}

	.smalltitle {
		font-size: 23px !important;
	}
}

@media (max-width: 1733px) {
	#secPara {
		font-size: 19px !important;
		line-height: 30px !important;
	}
	.mobileapp {
		padding-left: 110px !important;
	}

	.mobileapptext {
		margin-right: 36px !important;
	}
}

@media (max-width: 1730px) {
	.mobilesupportbg {
		padding-left: 110px !important;
		padding-right: 110px !important;
	}
	.mobilesupportcontent {
		font-size: 22px !important;
		line-height: 28px !important;
	}

	.shareChartImg {
		height: 450px !important;
	}

}

@media(max-width:1704px) {
	.mobilesupportbg {
		padding-left: 90px !important;
		padding-right: 110px !important;
	}
	.mobileapp {
		padding-left: 90px !important;
	}

	.appstore {
		margin-top: 80px;
	}

	.applestore {
		left: 14px !important;
	}
}

@media (max-width:1680px) {
	.smalltitle {
		font-size: 22px !important;
	}
}

@media (max-width: 1659px) {
	.smalltitle {
		font-size: 20px !important;
	}

	.pricing, .pricingpro h4 {
		font-size: 36px;
	}
}

@media(max-width: 1620px) {
	.mobilesupportbg {
		padding-left: 90px !important;
		padding-right: 90px !important;
		padding-bottom: 60px;
	}
	.page-template-template-user-hub .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top:-3px !important;
    }
}

@media (max-width: 1585px) {
	#gmlogo {
		width: 310px;
	}
	.mobilesupportcontent {
		font-size: 21px !important;
		line-height: 28px !important;
	}

	.appstoreimg {
		margin-left: 0px !important;
		height: 55px !important;
	}

	.googleplaystore {
		width: 187px;
	}
}

@media (max-width: 1574px) {
    
	#membertitle {
		font-size: 2.7rem !important;
	}

	#memberPara {
		font-size: 26px !important;
	}

	.c-button {
		width: 245px !important;
	}

	.cardUl {
		font: normal normal normal 16px/32px Bilo;
	}

	.my-0 {
		font-size: 20px !important;
	}

	.serviceBtn {
		font-size: 20px !important;
	}

	.FAQ-BUTTON {
		font-size: 20px !important;
	}

	.smalltitle {
		font-size: 22px !important;
	}

	.pricing, .pricingpro {
		font-size: 22px !important;
	}

	.smalltitle {
		font-size: 20px !important;
	}

	.c-btn {
		height: 42px;
		font-size: 17px;
	}

	#fchartheading {
		font: normal normal bold 23px/33px Bilo !important;
	}

	.fchartCard p {
		font-size: 17px !important;
		margin-top: 1rem !important;
	}

	.fchartbtn {
		font-size: 21px !important;
		width: 67%;
		height: auto;
	}
}

@media (max-width: 1540px) {
	.appstore {
		margin-top: 60px;
	}

	.mobileapp {
		padding-right: 118px !important;
		margin-top: 80px !important;
	}

	.applestore {
		left: 30px !important;
		top: -10px;
	}

}



@media (max-width: 1503px) {

	.smalltitle {
		font-size: 19px !important;
	}

	.pricing, .pricingpro h4 {
		font-size: 32px;
	}
}

@media (max-width:1496px) {

	.mobileapptext {
		margin-bottom: 125px;
	}

	.mobileapptext {
		margin-bottom: 114px;
	}
}

@media (max-width:1452px) {
	.applestore {
		position: relative;
		height: auto !important;
		width: 681px !important;
		top: -2px !important;
		left: -35px !important;
		z-index: 2;
	}

	.mobileapptext {
		margin-bottom: 110px;
	}

	.mobileapp {
		padding-left: 85px !important;
	}
	
	 #ccButton, #ppButton {
    width: 105px !important;
    }
}

@media (max-width:1440px) {

	.freefoundation-chart {
		width: 770px !important;
	}

	.gmChartName {
		width: auto !important;
	}

	.birthtimehub .ui-datepicker-trigger {
		top: 2px !important;
		right: 3px !important;
	}

	.birthdatehub .date-picker-control {
		right: 5px !important;
		top: 8px !important;
	}

	.createChartbtn {
		height: auto !important;
		font-size: 16px !important;
	}
	.foundationtalkingchartbold {
		font-size: 24px !important;
		letter-spacing: 0px;
	}

	.foundationtalkingchartpara {
		line-height: 23px;
		font-size: 19px !important;
	}

	.gmfreeformqmark4, .gmfreeformqmark1, .gmfreeformqmark2 {
		position: absolute;
		top: 6px;
		right: 25px;
	}

	#talkingchartfoundation .addnewperson {
		padding-top: 5px;
		padding-bottom: 0px;
	}

	/*.talking-chart-selection-heading {*/
	/*	bottom: 60px;*/
		/*right: 100px;*/
	/*}*/

	.purchasebtn {
		font: normal normal normal 16px/19px Bilo !important;
	}

	.purchasepara {
		font: normal normal normal 16px/19px Bilo !important;
	}

	#talking-FormImg {
		width: 90% !important;
		margin-top: 60px !important;
	}

   
    
	/*#createChart .modal-content {
		padding: 8px !important;
	}
*/
	/*.createFoundationChartbtn {
		margin: 18px 90px !important;
	}*/
	
	
}

@media (max-width: 1430px) {
	.sec2icon {
		width: 8% !important;
	}
	.mobilesupportcontent {
		font-size: 20px !important;
		line-height: 27px !important;
	}

	.mobilesupportbg {
		padding-left: 80px !important;
		padding-right: 80px !important;
	}

	.pricing, .pricingpro h4 {
		font-size: 37px !important;
	}

	.c-button {
		width: 230px !important;
		font-size: 17px !important;
	}

	.my-0 {
		font-size: 28px !important;
	}
}

@media (max-width: 1413px) {

	.fchartbtn {
		font-size: 19px !important;
		width: 67%;
	}

	.fchartbtngrp img {
		height: auto;
		width: 25px;
	}

	#fchartheading {
		font: normal normal bold 20px/33px Bilo !important;
	}
}

@media(max-width:1406px) {
	.smalltitle {
		font-size: 18px !important;
	}
}

@media (max-width: 1460px) {
	#gmlogo {
		width: 290px;
	}
	.signin {
		font: normal normal bold 18px/29px Bilo;
	}
	.chart-modal {
		font-size: 15px;
	}

	.mobilesupportcontent {
		font-size: 19px !important;
		line-height: 27px !important;
	}

	.mobileapptext {
		margin-bottom: -32px;
	}

	.regformimg {
		width: 300px !important;
		margin-top: -6px !important;
		margin-left: 28px !important;
	}

	.gmCardTitle {
		margin-bottom: 10px !important;
	}

	.reg-btn {
		width: 100%;
		height: 41px;
		font: normal normal bold 18px/24px Bilo;
		letter-spacing: 0.58px;
		color: #FFFFFF;
	}

	.gmInput {
		font-size: 14px !important;
	}

	.gmInputRow {
		font-size: 14px !important;
	}

	#closeButton {
		position: absolute;
		top: 30px !important;
		right: 20px !important;
		height: 35px;
	}

	.socialMedia {
		text-align: center;
		margin-left: 11% !important;
		margin-right: 14% !important;
		margin-top: 20px !important;
		font-size: 12px !important;
		font-weight: 600 !important;
	}
/*
	.socialMediaSignIn {
		text-align: center;
		margin-left: 9% !important;
		margin-right: 25% !important;
		margin-top: 20px !important;
		font-size: 12px !important;
		font-weight: 600 !important;
	}*/
}

@media(max-width: 1360px) {
	.mobilesupportbg {
		padding-left: 70px !important;
	}
	.applestore {
		left: 35px !important;
		top: 21px !important;
	}

	.mobileapp {
		padding-right: 70px !important;
		padding-left: 70px !important;
	}

	.appstoreimg {
		margin-left: 0px !important;
		height: 47px !important;
	}

	.googleplaystore {
		height: auto;
		margin-left: -11px;
		width: 163px;
	}

	.mobileapptext {
		margin-bottom: 100px !important;
	}
}

@media (max-width: 1355px) {
	#fchartheading {
		font: normal normal bold 20px/33px Bilo !important;
	}
}

@media (max-width: 1355px) {

	#gmlogo {
		width: 270px;
	}

	.chart-modal {
		font-size: 15px;
	}

	#gmlogo {
		width: 260px;
	}

	.shareChartImg {
		margin-top: 10px;
	}
	.sec2icon {
		width: 10% !important;
	}

	/*.mobilesupportcontent {*/
	/*	height: 460px;*/
	/*}*/;
}

@media (max-width: 1352px) {


	.fchartbtn {
		font-size: 18px !important;
	}

	#fchartheading {
		font: normal normal bold 24px/32px Bilo !important;
	}

	.fchartCard p {
		font-size: 15px !important;
	}

	.c-button {
		width: 220px !important;
		font-size: 16px !important;
	}
}

@media (max-width: 1344px) {

	.serviceRegBtn {
		font-size: 18px !important;
	}

	.serviceBtn {
		font-size: 18px !important;
	}

	.FAQ-BUTTON {
		font-size: 18px !important;
	}
}

@media (max-width: 1337px) {
	.smalltitle {
		font-size: 17px !important;
	}
}

@media (max-width: 1333px) {
	.mobileSupport {
		padding-left: 90px !important;
		padding-right: 90px !important;
	}

	.applestore {
		left: 26px !important;
	}

	.mobileapptext {
		margin-right: 60px;
	}

	.smalltitle {
		font-size: 16px !important;
	}
}

.rightbordersignin {
	border: 1px solid #FFDEDE;
	width: 70px;
	position: absolute;
	top: 8px;
	right: -12px;
}

.leftbordersignin {
	border: 1px solid #FFDEDE;
	width: 70px;
	position: absolute;
	top: 8px;
	left: -14px;
}

.leftborder {
	border: 1px solid #FFDEDE;
	width: 70px;
	position: absolute;
	top: 8px;
	left: 0px;
}

.rightborder {
	border: 1px solid #FFDEDE;
	width: 70px;
	position: absolute;
	top: 8px;
	right: 0px;
}

@media (max-width: 1292px) {
	.mobileSupport {
		padding-left: 65px !important;
		padding-right: 65px!important;
	}
	#secPara {
		font-size: 18px !important;
		line-height: 30px !important;
	}
	.googleplaystore {
		height: auto;
		margin-left: -11px;
		width: 145px;
	}

	.appstoreimg {
		margin-left: 0px !important;
		height: 41px !important;
	}

	.mobileapptext {
		margin-bottom: 80px !important;
		margin-right: 21px !important;
	}
}

@media (max-width: 1261px) {

	.pricing, .pricingpro h4 {
		font-size: 28px !important;
	}
}

@media(max-width:1251px) {

	#fchartheading {
		font: normal normal bold 19px/33px Bilo !important;
	}

	.fchartCard {
		font-size: 13px !important;
	}
}

@media(max-width:1233px) {

	.fchartbtn {
		font-size: 16px !important;
	}

	#fchartheading {
		font: normal normal bold 23px/31px Bilo !important;
	}
}

@media (max-width: 1223px) {
	.smalltitle {
		font-size: 15px !important;
	}
}

@media (max-width: 1192px) {
	.mobileSupport {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}

	.shareChartImg {
		margin-top: 0px;
		height: 400px !important;
	}

	.mobilesupportcontent {
		font-size: 17px !important;
		line-height: 24px !important;
	}
}

@media (max-width:1166px) {

	.talkingchartimg {
		margin: 30px 120px 70px 120px;
	}
}

@media (max-width: 1158px) {
	/*.hrline3 {*/
	/*	margin-top: 164px !important;*/
	/*}*/

	/*.servicebuybtn1 {*/
	/*	margin-top: 61px !important;*/
	/*}*/

	.fchartCard p {
		font-size: 14px !important;
	}

	.fchartbtngrp img {
		height: auto;
		width: 25px;
		margin-left: 3px;
	}
}

@media (max-width:1155px) {
	.mobileapp {
		padding: 70px !important;
	}
}

@media (max-width: 1140px) {
	/*.serviceRegBtn {*/
	/*	margin-top: 79px !important;*/
	/*}*/

	/*.servicebuybtn1 {*/
	/*	margin-top: 71px !important;*/
	/*}*/

	.fchartbtngrp img {
		height: auto;
		width: 22px;
	}
}

@media (max-width: 1136px) {

	/*.servicebuybtn1 {*/
	/*	margin-top: 69px !important;*/
	/*}*/;
}

@media (max-width: 1132px) {
	/*.hrline3 {*/
	/*	margin-top: 127px !important;*/
	/*}*/;
}

@media (max-width: 1130px) {
	.mobilesupportcontent {
		font-size: 16px !important;
		line-height: 23px !important;
	}
}

@media (max-width: 1111px) {
	.mobileapp {
		padding: 50px !important;
	}
}

@media (max-width: 1097px) {

	.fchart {
		height: 167px;
	}
}

@media (max-width:1094px) {
	.pricing, .pricingpro {
		font-size: 20px !important;
	}

	.c-button {
		width: 200px !important;
		font-size: 15px !important;
	}

	#membertitle {
		font-size: 2.3rem !important;
	}

	#memberPara {
		font-size: 22px !important;
	}
}

@media(max-width: 1084px) {
	.serviceBtn {
		font-size: 16px !important;
	}
}

@media (max-width:1069px) {
	.cardUl {
		margin-left: 0px !important;
	}

	.serviceRegBtn {
		font-size: 16px !important;
	}

	.FAQ-BUTTON {
		font-size: 16px !important;
	}
}

@media (max-width: 1050px) {
	.talkingchartdiscount {
        font-weight: 600 !important;
        margin-bottom: 5px;
    }
}

.applestore {
	position: relative;
	height: auto !important;
	width: 100%;
	top: 45px;
	left: -48px;
	z-index: 2;
}

.footer {
	font-size: 18px !important;
}

#membertitle {
	font-size: 3.5rem;
}




/* Service Page Bottom Foundation chart card */

.fchartCard {
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 35px !important;
	opacity: 1;
	margin-right: 30px;
	margin-left: 30px;
	height: auto;
	padding: 30px 15px !important;
}

.fchartCard p {
	text-align: center;
	font-size: 18px;
	opacity: 1;
	color: rgba(112, 112, 112, 1);
	margin-top: 0px;
}

#talkingimg {
	margin-top: -10px;
	width: 60px;
}

#ffaq {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 24px/37px Bilo;
	letter-spacing: var(--unnamed-character-spacing-0);
	text-align: center;
	font: normal normal normal 24px/37px Bilo;
	letter-spacing: 0px;
	color: #54931E !important;
	opacity: 1;
}

/*.fchartbtn {*/
/*    background: #54931E 0% 0% no-repeat padding-box;*/
/*    width: 250px;*/
/*    height: 50px;*/
/*    padding: 10px !important;*/
/*    letter-spacing: var(--unnamed-character-spacing-0);*/
/*    text-align: center;*/
/*    letter-spacing: 0px;*/
/*    color: #FFFFFF !important;*/
/*    opacity: 1;*/
/*    border-radius: 35px !important;*/
/*    font-size: 20px !important;*/
/*    font-weight: 600 !important;*/
/*    margin-right: 60px;*/
/*}*/


#foundationcharttype {
	font-size: 34px;
	font-weight: 600;
	letter-spacing: 0px !important;
	color: #54931E;
	margin-left: 50px;
}

#foundationcharthead {
	font-size: 14px;
	font-weight: 600 !important;
}

.foundationchartbtn {
	margin-right: 20px;
	border-radius: 19px !important;
	font-weight: 600 !important;
	padding: 0px 12px;
	opacity: 0.8;
	margin-top: 0px;
}

.foundationchartdetail {
	margin-top: 30px;
}

#foundationchartimg {
	width: 570px !important;
	margin-bottom: 30px !important;
}

.faq-modal-size {
	max-width: 1000px !important;
	height: auto;
	padding: 45px 130px 45px 130px !important;
	right: auto;
	bottom: auto;
	height: auto;
}

.memberbtn {
	color: white !important;
	background-color: #54931E;
	border-radius: 27px !important;
	display: block !important;
	margin: auto;
	font-weight: 600 !important;
	font-size: 22px !important;
	width: 270px;
	height: auto;
	padding: 12px !important;
}

.foundationchartwrapper .memberbtn{
    font-size:18px !important;
}

.memberbtn img {
	margin-left: 25px;
	width: 34px;
	margin-top: -8px;
}

.foundationchartwrapper .memberbtn{
    width:300px;
}

.foundationchartwrapper .memberbtn:hover{
    opacity:0.8 !important;
}
.foundationchartwrapper .memberbtn img{
    margin-left:5px;
    width:30px;
}

.membertitle {
	padding: 35px 35px 25px 35px !important;
	text-align: center;
}

.membertitle h5 {
	color: #54931E;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 4px;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
}

.membertitle p {
	color: #707070;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 25px;
}

.membercard {
	border-radius: 25px !important;
	box-shadow: 0px 3px 6px #00000029;
	height: auto;
	border: none;
}

.membercardwrapper {
	margin-left: 90px;
	margin-right: 90px;
	padding-bottom: 30px;
}

@media (max-width: 1080px) {
	.membercardwrapper {
		margin-left: 10px;
		margin-right: 10px;
	}	
}

.faqCard {
	top: 0px;
}

.Plusmembership {
	width: 750px;
	height: auto;
	top: 0px;
}

.buynowmodal {
	background: #fff;
	border-radius: 35px;
	padding-bottom: 10px;
}

.membershiptitle {
	font-size: 30px !important;
}

.membershipheading {
	font-size: 20px !important;
}

.membershipinfo {
	font-size: 20px;
	color: #9A9999;
	letter-spacing: 0.4px;
	margin-top: 20px;
}

.plusmebtn {
	margin-bottom: 20px !important;
	font-size: 20px !important;
}

.privacy-footer-link:hover {
	opacity: 0.8 !important;
}

.registercolor {
	background: #f66378;
}

.createChartcolor {
	background: #54931e;
}

@media (max-width: 1024px) {
    /*.menu{*/
    /*    margin-left:340px;*/
    /*}*/
    
	.tabletMenu {
		display: none !important;
	}

	.tabletView {
		display: none !important;
	}

	.section {
		margin-top: 0px !important;
        /*padding-right:20px;*/
        /*padding-left:20px;*/
		;
	}
	#gmlogo {
		width: 240px;
		height: auto;
		margin-left: 8px;
		margin-bottom: 3px;
	}

	.c-button {
		margin-top: 30px !important;
	}
	.astrohdpara {
		text-align: left;
		margin-left: 75px;
	}

	#programImg {
		width: 80% !important;
	}

	.addscroll {
		overflow-y: auto;
		height: 24rem !important;
	}

	.mobilesupportcontent {
		font-size: 18px;
	}

	.shareChartImg {
		margin-top: 20px;
		height: 370px;
        /*width:100%;*/
		;
	}

	.mobileSupport {
		padding-left: 52px !important;
		padding-right: 52px !important;
	}
	.storeimage {
		padding-left: 65px !important;
	}

	.mobileapp {
		padding-bottom: 45px !important;
	}

	.tabapp {
		position: absolute !important;
		height: 450px !important;
		left: 20px !important;
		z-index: 1 !important;
	}

	.applestore {
		/*height: 443px !important;*/
		/*top: 3px !important;*/
		/*left: -59px !important;*/
		;
	}

	.appstoreimg {
		height: 70px !important;
		margin-left: 0px !important;
		margin-top: 30px !important;
	}

	.mobileapptext {
		margin-bottom: 0px !important;
	}

	.googleplayimg {
		height: 80px !important;
		margin-left: -14px !important;
	}

	.footer-content {
		opacity: 0.8 !important;
	}

	.pricevalue {
		font-size: 2.5rem;
	}

	.hrline1 {
		/*margin-bottom: 69px !important;*/
		margin-right: 25px;
		margin-left: 25px;
	}

	.protitle {
		margin-top: -23px;
	}

	.serviceRegBtn {
		height: 38px;
	}

	/*.servicebuybtn1 {*/
	/*	margin-top: 53px;*/
	/*}*/

	/*.servicebuybtn2 {*/
	/*	margin-top: 53px;*/
	/*}*/

	/*.servicebuybtn3 {*/
		/*margin-top: -69px;*/
	/*}*/

	.fchartCard {
		padding-top: 50px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		padding-bottom: 0px !important;
		margin-right: 50px !important;
		margin-left: 50px !important;
	}

	.fchartCard p {
		margin-right: 20px;
		margin-left: 20px;
		font-size: 17px;
	}

	#fchartheading {
		font: normal normal bold 22px/37px Bilo;
		padding-top: 20px;
	}

	.mobilefoundationtalkingchart {
		display: none;
	}

	.mobilefoundation {
		display: none;
	}

	.faq-modal-size {
		right: 200px;
	}

	.foundationtalkingbg, .foundationvariablebg {
		background-size: 100% 100% !important;
		height: 35vw !important;
	}

	.foundationtalkingchartbold {
		font-size: 23px !important;
	}

	.foundationtalkingchartpara {
		font-size: 18px !important;
		font-weight: 500px;
	}

	.foundationchart {
		top: 0px !important;
	}
	.Createchart {
		font-size: 18px;
		font-weight: 500;
	}

	.Createchart .material-icons {
		position: relative;
		bottom: 2px;
		font-size: 26px;
	}

	.gmCardTitle {
		font-weight: 400;
	}

	.card-title {
		margin-bottom: 15px !important;
	}

	/*#newUser a {*/
	/*	margin-left: 10px;*/
	/*}*/

	#gmFormImg {
		width: 300px !important;
		/*margin-top: -68px !important;*/
		;
	}

	.regformimg {
		width: 325px;
	}

	.regpass {
		position: absolute;
	}

	.reg-btn {
		color: #fff;
		font-weight: 600;
	}

	.signup-card {
		padding-left: 40px !important;
		padding-top: 40px !important;
	}

	.g-recaptcha {
		transform: scale(0.85);
		transform-origin: 0 0;
	}

	/*.dropdown-language-icon-home {*/
	/*	position: absolute;*/
	/*	left: -12px;*/
	/*	top: 10px;*/
	/*}*/

	#svgObject {
		margin-top: 8px !important;
		width: 100% !important;
		height: 540px;
	}
	
	.cardUl {
		font-size: 14px;
		margin-left: -24px;
	}

	.pricing {
		margin-bottom: 40px !important;
	}

	.freefoundationinput {
		width: 100% !important;
		height: 42px;
		padding: 10px;
	}

	.ui-datepicker-trigger {
		border: none;
		background: transparent;
	}

	.freefoundationImg {
		width: 335px !important;
		margin-top: 22px !important;
		margin-left: -40px !important;
		height: 463px;
	}

	.gmFormqmark {
		position: absolute;
		width: 15px;
		top: 33px;
		left: 293px;
	}

	.gmFormqmark1 {
		position: absolute;
		width: 15px;
		top: 8px;
		right: 10px;
	}

	.gmFormqmark2 {
		position: absolute;
		width: 15px;
		top: 8px;
	}

	.tooltip-inner {
		text-align: left !important;
		line-height: 1.5 !important;
		font-size: 14px !important;
	}

	.gmcharthub {
		width: 78%;
		margin-left: -100px;
		margin-top: 80px;
	}
}

.freefoundationdialogue {
	margin-left: 24%;
}

.signin {
	cursor: pointer;
	overflow: auto;
}

.hrline1 {
	background-color: #707070;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 262px;
}

.hrline2 {
	background-color: #707070;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 262px;
}

.hrline3 {
	background-color: #707070;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 262px;
}

.hrline4 {
	background-color: #707070;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 262px;
}

.serviceRegBtn {
	background: #f66378;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding-left: 35px !important;
	padding-right: 35px !important;
	font-size: 18px;
	font-weight: 600 !important;
}



/* Service Page Bottom Foundation chart card */





#talkingimg {
	margin-top: -10px;
	width: 60px;
}

.ffaqgrp {
	margin-top: 10px;
}

#ffaq {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 24px/37px Bilo;
	letter-spacing: var(--unnamed-character-spacing-0);
	text-align: center;
	font: normal normal normal 20px Bilo;
	letter-spacing: 0px;
	color: #54931E !important;
	opacity: 1;
}

.foundationChartCard {
	border-radius: 20px !important;
	color: #707070;
	box-shadow: 0px 3px 6px #00000029;
	border-top: none !important;
	background: #fff;
}

.forgetChartCard {
	padding: 2rem;
	border-radius: 20px !important;
	color: #707070;
	box-shadow: 0px 3px 6px #00000029;
	border-top: none !important;
	background: #fff;
}

.foundation-chart {
	border-top-left-radius: 0px !important;
	padding-bottom: 0px;
}

#foundationcharttype {
	font-size: 34px;
	font-weight: 600;
	letter-spacing: 0px !important;
	color: #54931E;
	margin-left: 50px;
}

#foundationcharthead {
	font-size: 14px;
	font-weight: 600 !important;
}

.foundationchartdetail {
	margin-top: 40px;
	width: 75%;
	display: flex;
	margin-left: auto !important;
	margin-right: auto !important;
	justify-content: center;
}

#foundationchartimg {
	width: 100% !important;
    /*height: 1050px;*/
	margin-bottom: 30px !important;
}

@media only screen and (min-width: 767px) {
	.section3Mobile {
		display: none;
	}
	
	.mobileMenu {
		display: none;
	}

	.MobileSection {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.mobile-hub-nav {
		display: none;
	}	
}

#learnmore {
	text-decoration: none;
	color: #444444;
	opacity: 0.8;
	font-size: 14px;
}
.createChartbtn {
	background: #54931e;
	color: #fff;
	padding: 5px 50px;
	margin-right: 10px;
	border-radius: 20px;
}

.createChartbtn:hover {
	opacity: 0.8 !important;
}

.memberbtn:hover {
	opacity: 0.8;
}

.fchartbtn:hover {
	opacity: 0.8;
}
.chart-position {
    width: 100% !important;
    margin: auto !important;
    display: flex;
    align-items: center;
}

.hp {
	transform: perspective(600px) rotateY(-50deg);
	left: 245px;
	animation: hp 4s;
	box-shadow: 1px 1px 18px #707070;
}

.hm {
	transform: perspective(600px) rotateY(-58deg);
	left: 150px;
	animation: hm 4s;
	box-shadow: 1px 1px 18px #707070;
}

.hl {
	transform: perspective(600px) rotateY(-73deg);
	left: 90px;
	animation: hl 4s;
	box-shadow: 1px 1px 18px #707070;
}

@-webkit-keyframes hp {
	0% {
		left: 40px;
	}

	100% {
		left: 300px;
	}
}

@-webkit-keyframes hm {
	0% {
		left: 20px;
	}

	100% {
		left: 200px;
	}
}

@-webkit-keyframes hl {
	0% {
		left: 0px;
	}

	100% {
		left: 100px;
	}
}

.section2 {
	font-size: 14px;
	font-weight: 600;
}

#astrohd {
    /*font-size: 14px;*/
	font-weight: 600;
	line-height: 34px;
}

/*.addscroll {*/
/*	overflow-y: auto;*/
/*	height: 465px;*/
/*}*/

.humandesign {
	padding-top: 15px;
	font-size: 14px;
	font-weight: 500;
}

.mobilesupportbg {
	background: #dde9d2;
}

.sec2icon {
	height: 25px;
	padding-right: 17px;
	display: block;
	width: 10%;
}

.mobilesupportcontent {
	font-size: 18px;
	padding-top: 20px;
	/*padding-bottom: 20px;*/
	line-height: 25px;
	color: #444444;
}

.shareChart {
	background: #ebebeb;
}

ul .list {
	list-style-position: outside;
}


/* ul {
    width: 330px;
  }
  li {
  } */

.shareChartImg {
	margin-top: 20px;
	height: 370px;
    /*width:100%;*/
	;
}

#chartImg {
    /*height: 250px;*/
	width: 75%;
}

#programImg {
    /*height: 350px;*/
	width: 65%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#sec2heading {
    font-size: 3rem !important;
    font-weight: 600 !important;
    color: #444444;
}

#secPara {
	font-size: 24px !important;
	line-height: 40px !important;
}
.tropicalChart .w_cnt_l{
	position: relative;
}
.bgGroup {
	background: url(../../images/background/without_lines.svg);
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0;
}
.tropicalChart .w_cnt_l::before {
	content: '';
    position: absolute;
    top: 20px;
    left: -40px;
    width: 330px;
    height: 100%;
    /*background: url(../../images/background/gmmark.svg) no-repeat;*/
    background-position: top left;
    background-size: contain;
    z-index: -1;
}
.tropicalChart .w_cnt_l::after {
	content: '';
    position: absolute;
    top: 147px;
    left: 178px;
    width: 275px;
    height: 100%;
    background: url(../../images/background/background4.svg) no-repeat;
    background-position: top left;
    background-size: contain;
    z-index: -1;
}
.chartPrediction .w_content{
	position: relative;
}
.chartPrediction .w_content:before {
	content: "";
    position: absolute;
    top: 0;
    right: -40px;
    bottom: -40px;
    left: 0;
    background: url(../../images/background/background3.svg) no-repeat;
    background-size: 50% !important;
    background-position: right 0% bottom 0% !important;
}
#tropicalPara li {
    margin: 0 0 15px 0;
}



.mobileapp {
	background-color: #f3ece2;
	padding: 30px;
	padding-top: 40px;
}

.tabapp {
	position: absolute;
	height: 240px;
	z-index: 1;
}

.mobileapptext {
	margin-bottom: 100px;
}

/*.mobappimage {*/
/*    padding-bottom: 50px;*/
/*}*/

.appstore {
	padding-bottom: 10px;
	margin-left: 60px;
}

.footer, .footer-mobile {
	background: #ADADAD;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-left: -10px !important;
}

.footer-content {
	padding: 20px;
	font-size: 14px;
}

#footer-logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	padding-bottom: 30px;
}

.app_box{
	padding: 60px 0;
}

/* Footer */
.footer, .footer-mobile {
	background: #ADADAD;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-left: -10px !important;
}

.footer-content {
	padding: 20px;
	font-size: 14px;
}

#footer-logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	padding-bottom: 30px;
}

.footer_column h5{
	font-weight: bold;
	text-align: center;
	margin: 0;
	color: #212529;
}

.footer-link {
	margin-top: 10px;
	margin-bottom: 10px;
}
.w_footer.l_pst{
	padding: 5px 0;
}

.footer_column .footer_logo {
	width: 300px;
}

.footer_column {
	background: #dcdada;
}

.first_section_footer {
    padding: 10px 0 15px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    letter-spacing: 1.2px;
    text-align: center;
}

.first_section_footer span, .first_section_footer a, .second_section_footer p {
    color: #424242;
    font-size: 1rem;
    font-weight: 500;
}
.second_section_footer {
	letter-spacing: 1.2px;
	background-color: #cacaca;
	color: #424242;
}
.second_section_footer p {
	font-weight: 500;
	text-align: center;
	margin-bottom: 1.5rem;
}

.second_section_footer_input {
    width: 300px;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 auto;
    padding: 0 0 5px 0;
}

.second_section_footer_input_icon {
	position: absolute;
	transform: rotate(45deg);
	right: 15px;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	padding: 0;
	outline: 0;
	box-shadow: none;
}

.second_section_footer_input_icon:hover{
    color: #000;
    opacity: 1;
}

.second_section_footer_input input {
	width: 100%;
	padding: 10px 20px;
	border: 1px solid #dcdada;
	outline: none;
	padding-right: 40px;
}

.footer_social_icons {
    font-size: 30px;
    display: flex;
    justify-content: space-evenly;
    margin: 20px 0;
}

.footer_social_icons i {
	cursor: pointer;
}

.third_section_footer {
	letter-spacing: 1.2px;
    color: #424242;
    width: 100%;
    padding: 0;
    text-align: center;
}
.third_section_footer h5 {
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.input_group_footer {
	display: flex;
	flex-direction: column;
}

.input_group_footer input {
	padding: 10px 20px;
	border: 1px solid #1d1d1b;
}

.submit_btn_footer {
	padding: 10px 20px;
	margin-top: 10px;
	background: #878787;
	color: #fff;
	font-weight: 600;
}

.submit_btn_footer:hover {
	background-color: #878787;
	color: #fff;
}

.third_section_footer .get_in {
	font: normal normal 500 17px/29px bilo !important;
	color: #424242;
	text-decoration-line: underline !important;
	text-transform: capitalize;
}

.footer_social_icons .youtube_icon:hover{
    color: #FF0000;
}

.footer_social_icons .instagram_icon:hover{
    color: #c13584;
}
/* Service Page */

.header {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.modal-footer {
	margin-right: 460px;
}


/* Services Page */
/* Services Page */

.mainHeader {
	background-image: url(../../images/background/Sky.svg), url(../../images/background/DNA.svg) !important;
	background-repeat: no-repeat, no-repeat;
	background-size: 150%, 100% !important;
	background-position: 100% 19%, 100% 23%;
	background: #fafbfc;
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 30px;
}

.serviceheader {
	color: #444444;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 0px;
	letter-spacing: 1px;
}
/*.sCard_2 .srv-price h4, .sCard_3 .srv-price h4{
	min-width: 150px;
    text-align: center;
    margin: 0 auto;
}*/
.srv-price .s_text{
	width: 220px;
    display: block;
    line-height: 2rem;
    margin: 0 auto;
}
#membertitle {
	color: #444444;
	font-weight: 700;
	margin-top: 60px;
	margin-bottom: 10px;
	font-size: 2.5rem;
}

#membertitle img {
	width: 5%;
	position: relative;
	bottom: 10px;
}

#memberPara {
	font-size: 28px;
	color: #707070;
	padding-bottom: 15px;
}

.serviceContent {
    padding: 50px 2rem;
    line-height: 30px !important;
    display: flex;
    justify-content: space-between;
}

.serviceCard {
	border-radius: 50px !important;
	padding: 38px 30px !important;
	width: 413px;
	height: 100%;
	box-shadow: 0px 3px 6px #00000029;
	margin: 0 auto !important;
	border: none !important;
}
.serviceCard .card-body{
	padding: 0;
}
.b_card{
    border-radius: 50px !important;
    padding: 0 2rem;
}

.slider .b_card {
    border-radius: 50px !important;
    padding: 1rem 5rem;
}
.c_card{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}
.lr_rds{
	border-radius: 50px;
    overflow: hidden;
    box-shadow: 0px 3px 6px #00000029;
}
.ll-rds{
    padding: 50px 110px 50px 100px;
}
.ll-rds span{
    color: #54931E;
    font-size: 1.75rem;
    font-weight: bold;
    width: 300px;
    text-transform: uppercase;
}
.rr-rds .fchartbtn {
	font-size: 1.625rem !important;
    width: auto;
    height: 60px;
    display: flex;
    float: right;
    margin-right: 0 !important;
    align-items: center;
    text-align: center;
    padding: 0 34px !important;
}
.rr-rds .fchartbtn img{
	margin: 0 0 0 15px;
}
.rr-rds{
    padding: 50px 100px 50px 50px;

}
.serviceCard ul{
	font-size: 1.25rem;
    margin: 25px 0;
    line-height: 2.3rem;
    padding: 0 0 0 22px;
}
.t_card{    
    display: flex;    
    align-items: center;    
}
.t_card p{
	font-size: 1.125rem;
	width: 407px;
	margin: 0 auto;
}
.c-head h4{
	color: #54931E;
    font-size: 2.25rem;
    font-weight: bold;
}
.serviceCard hr {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    border-top: none !important;
    background-color: #707070 !important;
    width: 90%;
    height: 1px;
}
.sct_l{
	min-height:  620px;	
}
.srv_a{
	min-height: 333px;
}
.srv_a h5, .srv_a a{
	color: #54931e;
    font-size: 1.5rem;
    text-align: center;
    font-weight: 300;
}
.srv-price{
	color: #54931e;
    text-align: center;
    font-weight: 600;
    letter-spacing: 2px;   
	list-style: none;
}
.srv-price h4{
	 font-size: 2.75rem;
	 font-weight: bold;
}
.b_services {
    width: 1810px;
    margin: 0 auto;
}

.f_btn{
	font-size: 1.5rem;
	color: #54931e;
	padding:  30px 0 0 0;
}
.serviceCardMargin {
	margin-bottom: 30px !important;
}
.serviceContent button {
    background: #54931E;
    color: #ffffff;
    text-align: center;
    border-radius: 20px;
    margin: 30px auto;
    display: block;
    width: auto;
    padding: 0 15px !important;
    height: 50px;
    font-size: 1.375rem;
    font-weight: 600 !important;
}
.my-0 {
	font-weight: 600;
	color: #54931e;
	font-size: 26px;
	margin-bottom: 20px;
}

.cardUl {
	margin-left: -20px;
	color: #444444;
    /* font-family: bilo, sans-serif;
    font-style: normal; */
	;
}

.fresshr {
	margin-top: 120px;
	margin-bottom: 60px;
}

.pricing {
	color: #54931e;
	text-align: center;
	margin-top: 25px;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 79px;
}

.pricingpro {
	color: #54931e;
	text-align: center;
	margin-top: 25px;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 79px;
}

.text-muted2 {
	font-weight: 600;
	letter-spacing: 2px;
}

.smalltitle {
	color: #54931e;
	font-size: 17px;
	text-align: center;
    /*font-weight: 300;*/
	;
}

.smalltitle:hover {
	color: #54931e;
	opacity: 0.8;
}

a {
	text-decoration: none !important;
	color: black;
}


/*.serviceRegBtn{*/


/*    margin-top:60px !important;*/


/*}*/

.serviceBtn {
	background: #f66378;
	color: #fff;
	border-radius: 20px;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: 600 !important;
	padding: 5px 25px;
}

.REGISTRAION-BUTTON {
	text-align: center;
}

.FAQ-BUTTON {
	text-align: center;
	padding: 30px;
	font: normal normal normal 20px Bilo;
	font-weight: bold;
    /*position: absolute;*/
    /*left: 41.33%;*/
    /*bottom: 19px;*/
	;
}

.serviceContent {
	color: #444444;
	font-family: bilo, sans-serif;
	font-style: normal;
	line-height: 30px !important;
}

.serviceCardMargin {
	margin-bottom: 30px !important;
}

.my-0 {
	font-weight: 600;
	color: #54931e;
	font-size: 26px;
	margin-bottom: 20px;
}

.cardUl {
	margin-left: -20px;
	color: #444444;
    /* font-family: bilo, sans-serif;
    font-style: normal; */
	;
}

.fresshr {
	margin-top: 120px;
	margin-bottom: 60px;
}

.pricing {
	color: #54931e;
	text-align: center;
	margin-top: 25px;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 79px;
}

.pricingpro {
	color: #54931e;
	text-align: center;
	margin-top: 25px;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 79px;
}

.text-muted2 {
	font-weight: 600;
	letter-spacing: 2px;
}

.smalltitle {
	color: #54931e;
	font-size: 17px;
	text-align: center;
    /*font-weight: 300;*/
	;
}

.smalltitle:hover {
	color: #54931e;
	opacity: 0.8;
}

a {
	text-decoration: none !important;
	color: black;
}


/*.serviceRegBtn{*/


/*    margin-top:60px !important;*/


/*}*/

.serviceBtn {
	background: #f66378;
	color: #fff;
	border-radius: 20px;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: 600 !important;
	padding: 5px 25px;
}

.REGISTRAION-BUTTON {
	text-align: center;
}

.FAQ-BUTTON {
	text-align: center;
	padding: 30px;
	font: normal normal normal 20px Bilo;
    /*position: absolute;*/
    /*left: 41.33%;*/
    /*bottom: 19px;*/
	;
}


/* Sign IN */

.signinwrapper {
	background: #cbdebb;
	font-size: 12px;
}

/*.gmCard {*/
/*	width: 854px;*/
/*	padding: 25px;*/
/*	border-radius: 35px !important;*/
/*	display: block;*/
/*	margin-right: auto;*/
/*	margin-left: auto;*/
/*	margin-top: 10px;*/
/*	box-shadow: 5px 5px 25px #0000001a;*/
/*}*/


.gmCard {
    /* width: 854px; */
	padding: 25px !important;
	border-radius: 35px !important;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	box-shadow: 5px 5px 25px #0000001a;
	background: #ffff;
}

#closeButton {
	position: absolute;
	top: 20px;
	right: 35px;
	height: 35px;
}

#closeButton:hover {
	opacity: 0.8;
}

.free-talkingchart #closeButton {
	position: absolute;
	top: 23px;
	right: 22px;
	height: 40px;
}

body.modal-open {
	height: 100vh;
	overflow: hidden!important;
}

.myhub {
	background: #54931e !important;
	color: #fff !important;
	padding: 5px 10px !important;
	border-radius: 10px;
}

/*.modalclose:hover #close-icon {
	font-size: 32px;
	top: -4px;
	right: 5px;
	transition: width 2s;
	transition-timing-function: linear;
	cursor: pointer;
}*/
.modalclose {
	background: #FFF0F0 0% 0% no-repeat padding-box !important;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 1rem;
    top: 1rem;
    z-index: 2;
	transition: 0.3s;
}

.modalclose:hover{
	transition: 0.3s;
	color:  #fff;
	background: #f66378 0% 0% no-repeat padding-box !important;
}
.modalclose:hover #close-icon {
    color: #ffffff;
}
.buynowmodal .modalclose {
	background: #FFF0F0 0% 0% no-repeat padding-box !important;
	border-radius: 1000px;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 20px;
	top: 20px;
}

input[type=checkbox].checkbox-larger {
	width: 20px;
	height: 26px;
	margin-top: 0px;
}

input[type=checkbox]:checked {
	background-color: #eaf2e4 !important;
	color: #ffffff !important;
}

.form-check-input:checked[type="checkbox"] {
	background-image: url(../geneticmatrix/assets/icons/check-box.svg) !important;
	background-size: 12px;
	background-position-y: center;
	background-position-x: center;
    /* width: 17px !important; */
	opacity: 0.8;
	background-repeat: no-repeat;
	background-color:#fff !important;
}

#signIn .form-check-input:checked[type="checkbox"] {
	background-image: url(../geneticmatrix/assets/icons/check-box.svg) !important;
	background-size: 12px;
	background-position-y: center;
	background-position-x: center;
    /* width: 17px !important; */
	opacity: 0.8;
}


/*input[type="checkbox"]:checked + label::after {*/
/*       content: '';*/
/*       position: absolute;*/
/*       width: 1.2ex;*/
/*       height: 0.4ex;*/
/*       background: rgba(0, 0, 0, 0);*/
/*       top: 0.9ex;*/
/*       left: 0.4ex;*/
/*       border: 3px solid blue;*/
/*       border-top: none;*/
/*       border-right: none;*/
/*       -webkit-transform: rotate(-45deg);*/
/*       -moz-transform: rotate(-45deg);*/
/*       -o-transform: rotate(-45deg);*/
/*       -ms-transform: rotate(-45deg);*/
/*       transform: rotate(-45deg);*/
/*    }*/

/*#signIn .modalclose {
	background: #FFF0F0 0% 0% no-repeat padding-box !important;
	border-radius: 1000px;
	width: 40px;
	height: 40px;
	position: absolute;
	right: -5px;
	top: -6px;
	cursor: pointer;
}
*/
#faqmodal .modalclose {
	background: #FFF0F0 0% 0% no-repeat padding-box !important;
	border-radius: 1000px;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 20px;
	top: 20px;
}

/*#signUp .modalclose {
	background: #FFF0F0 0% 0% no-repeat padding-box !important;
	border-radius: 1000px;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0px;
	top: 0px;
}*/

/*#ordernow .modalclose {*/
/*	background: #FFF0F0 0% 0% no-repeat padding-box !important;*/
/*	border-radius: 1000px;*/
/*	width: 40px;*/
/*	height: 40px;*/
/*	position: absolute;*/
/*	right: 20px;*/
/*	top: 17px;*/
/*}*/

.gmInput {
	width: 100%;
	background-color: #F5F9F2 !important;
	font-size: 15px;
	border: none;
}

.gmInputRow {
	background-color: #F5F9F2 !important;
	color: #3d3d3d;
	font-size: 12px;
    /*margin-bottom: 15px;*/
	font-size: 15px;
	border: none;
}

.buynowmodal #gmFormImg {
	width: 319px !important;
	margin-top: -36px !important;
	margin-left: -20px !important;
}

#gmFormImg {
	display: block;
	margin: auto;
	width: 290px;
}

#gmsigninImg {
	width: 240px;
	margin-left: 15px;
}

.socialMedia {
	text-align: center;
	margin-left: 4%;
	margin-right: 15%;
	margin-top: 10px;
	font-size: 12px;
	font-weight: 600;
	position: relative;
}
.page_login #gmSignForm .btn-danger, .page_login #gmSignForm .user-pass {
    width: 100%;
}

.socialMediaSignIn {
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
	font-weight: 600;
	position: relative;
	width: 280px;
	
}
.modal .gmSignForm{
	width: 280px;
}
.page_login .socialMediaSignIn{
	width: 100%;
}
.socialMediaSignIn .row {
	margin-top: 15px !important;
}

.socialMedia .row {
	margin-top: 15px !important;
}

#socialMediaIcon {
	margin-top: 10px;
	height: 32px;
    /* display:block;
    margin-left:auto;
    margin-right:auto; */
	;
}

img#socialMediaIcon:hover {
	opacity: 0.5;
}

.btn:hover {
	opacity: 0.5;
}

.gmCardTitle {
	color: #3d3d3d;
	font-size: 33px;
	margin-left: 16px;
}
.page_login .gmCardTitle, .page_login #newUser {
	margin-left: 0;
}
#newUser {
	font-size: 14px;
	margin-left: 16px;
	margin-bottom: 30px;
}

.form-check-label {
	font-size: 16px;
	margin-left: 10px;
}

#signIn  .modal-content, #signUp .modal-content, #createChart .modal-content, #forgetpassword .modal-content {
	border-radius: 35px !important;
	border: 1px solid transparent!important;
	padding: 25px !important;
	box-shadow: 5px 5px 25px #0000001a;
}

.form-check {
	margin-left: 4px !important;
}

/*#gmSignForm #pwd-error {*/
/*	position: absolute;*/
/*}*/

@media (max-width: 991px) {
    
	#signIn .modal-dialog {
		max-width: 700px !important;
	}

	#signUp .modal-dialog {
		max-width: 700px !important;
	}

	#createChart .modal-dialog {
		max-width: 400px !important;
	    margin: 0 auto;
	    height: 770px;
	}

	#plusmembership .modal-dialog {
		max-width: 700px !important;
	}

	#forgetpassword .modal-dialog {
		max-width: 700px !important;
	}

	.buyNow .modal-dialog {
		max-width: 700px !important;
	}

	.modal {
		left: 0!important;
	}

	.user-pass .login-pass {
		width: 100% !important;
	}

	.reginput {
		width: 100% !important;
	}

	.freeFoundationChartCard {
		margin: 25px 20px !important;
	}

	.membercardwrapper {
		margin-left: 10px;
		margin-right: 10px;
	}

	.membercard {
		margin-bottom: 30px;
	}

	.membertitle {
		padding: 20px !important;
		max-width: 600px;
		margin: auto;
		width: 100%;
		height: auto;
	}

	.upgrade {
		margin-left: 0px;
	}
}

@media(max-width:475px) {
	.select2-container {
		width: 436px !important;
	}
}




/* Tablet View */

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
	#gmlogo {
		width: 250px;
		margin-left: 0px !important;
	}
	.signinleft {
		margin-left: -15px;
	}
	.freechart {
		font-size: 12px;
	}

	.signin {
		font-size: 15px;
	}
    /*.menu {*/
    /*    float: right;*/
    /*    margin-top: 5px;*/
    /*    margin-left:-10px;*/
    /*}*/

	.gmCard {
		width: auto !important;
		padding: 15px;
		position: static;
		padding: 60px 30px 35px 50px !important;
	}

/*	.birthtimefree .ui-datepicker-trigger {
		border: none;
		background: transparent;
		position: absolute;
		top: 8px !important;
		right: 9px !important;
	}*/

	.modal {
		left: 0px !important;
		overflow-y: auto !important;
	}

/*	.socialMediaSignIn {
		text-align: center;
		margin-left: 9% !important;
		margin-right: 10% !important;
		margin-top: 20px !important;
		font-size: 12px !important;
		font-weight: 600 !important;
	}*/

	#gmFormImg {
		width: 320px !important;
	}

	#gmFormImgSignIn {
		width: 268px !important;
		margin-top: -35px !important;
		margin-left: 18px !important;
	}

	.fpassword-img {
		width: 220px;
		margin-top: -44px;
		margin-left: 30px;
	}

	/*.fpassword-icon {*/
	/*	position: absolute;*/
	/*	right: 28px;*/
	/*	top: 54px;*/
	/*}*/

	.reg-btn {
		width: 272px;
		height: 41px;
		font: normal normal bold 18px/24px Bilo;
		letter-spacing: 0.58px;
		color: #FFFFFF;
	}

	.gmCardTitle {
		color: #3d3d3d;
		font-size: 33px;
		margin-left: 27px;
		margin-bottom: 5px !important;
	}

	#newUser {
		font-size: 14px;
		margin-left: 30px;
		margin-bottom: 10px;
	}

	.reginputrow {
		width: 100% !important;
		height: 48px;
	}

	.regformimg {
		width: 250px !important;
		margin-top: 54px !important;
		margin-left: 30px !important;
        /* height: 463px; */
		
	}

	.regnotice {
        /* text-align: left; */
		font: normal normal normal 10px/18px Bilo !important;
	}

	.socialMedia {
		text-align: center;
		margin-left: 14% !important;
		margin-right: 9% !important;
		margin-top: 10px !important;
		font-size: 12px !important;
		font-weight: 600 !important;
	}

	.leftborder {
		border: 1px solid #FFDEDE;
		width: 70px;
		position: absolute;
		top: 8px;
		left: -18px;
	}

	.rightborder {
		border: 1px solid #FFDEDE;
		width: 70px;
		position: absolute;
		top: 8px;
		right: -20px;
	}
	#programImg {
		width: 90%;
		display: block;
		margin-right: auto;
		margin-left: 0px;
	}

	#astrohd {
		font-size: 18px;
		font-weight: 600;
		line-height: 25px;
		width: 220px;
		text-align: left;
	}

	#svgObject {
		margin-top: 8px !important;
		width: 100% !important;
		height: 389px !important;
	}
	.calendar-card #svgObject {
		height: 100% !important;
	}
	.tabletView {
		margin-left: 40px;
		margin-top: 20px;
	}
	.section {
		margin-top: 35px !important;
	}

	.sec2icon {
		padding-right: 0px;
	}

	#secPara {
		font-size: 16px !important;
		font-weight: 500;
	}

	.mobilesupportcontent {
		font-size: 14px;
		line-height: 20px;
	}

	.mobileSupport {
		padding-left: 30px;
	}
	.mobileapp {
		padding-left: 32px;
	}
	.mobileSupport {
		padding-left: 50px !important;
		padding-right: 10px !important;
	}

	.tabletView {
		margin-left: 40px;
		margin-top: 20px;
	}
	.section {
		margin-top: 35px !important;
	}
	.sec2icon {
		padding-right: 0px;
	}
	.shareChartImg {
		height: 310px !important;
		margin-top: 100px !important;
		margin-left: -40px;
	}

	.sec2icon {
		width: 12% !important;
	}

	.tabapp {
		height: 230px;
		margin-left: -100px;
	}

	.storeimage {
		padding-left: 45px !important;
	}

	.mobileapp {
		padding-left: 0px !important;
	}

	.applestore {
		width: 410px !important;
		height: auto !important;
		top: 42px !important;
		left: -28px !important;
	}

	.googleplaystore {
		height: auto;
		margin-left: -11px;
		width: 233px;
	}

	.serviceRegBtn {
		height: 38px;
	}

	.fchartCard {
		box-shadow: 0px 3px 6px #00000029;
		border-radius: 35px !important;
		opacity: 1;
		margin-right: 30px;
		margin-left: 30px;
		margin-bottom: 0px;
		padding: 20px !important;
		min-height: 220px !important;
	}

	.fchartmargin {
		text-align: center;
		margin-top: 30px !important;
		margin-left: -33px;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.fchartbtn {
		padding: 5px 30px !important;
		width: auto !important;
	}

	.fchartbtngrp img {
		height: auto;
		width: 24px;
		margin-left: 15px;
	}

	#fchartheading {
		text-align: center;
		font: normal normal bold 22px/37px Bilo;
		letter-spacing: 0px;
		color: #54931E;
		text-transform: uppercase;
		opacity: 1;
	}

	.fchartCard p {
		text-align: center;
		font-size: 18px;
		opacity: 1;
		color: rgba(112, 112, 112, 1);
		margin-top: 0px !important;
		padding: 20px 150px !important;
	}

	.mobilefoundation {
		display: none;
	}

	#membertitle img {
		width: 10% !important;
	}

	.foundationtalkingbg, .foundationvariablebg {
		height: 275px !important;
	}

	.foundationtalkingchartbold {
		font-size: 17px !important;
		line-height: 1.2 !important;
	}

	.foundationtalkingchartpara {
		font-size: 17px !important;
		line-height: 1;
	}

	.ordernowbtn {
		font-size: 20px !important;
		margin-top: 20px !important;
	}

	.talkingchartimg {
		margin: 28px 67px 50px 67px;
		height: 230px;
	}

	.Plusmembership {
		width: auto!important;
		height: auto!important;
	}

	#talking-FormImg {
		width: 100%;
	}

	.talkingChartCloseButton {
		position: absolute;
		top: 50px !important;
		right: 42px !important;
		height: 35px;
	}

	.queicon1 {
		position: absolute;
		right: 10px;
		top: 19px;
		color: #707070;
		font-size: 17px !important;
	}

	.queicon2 {
		position: absolute;
		top: 79px;
		right: 10px;
		color: #707070;
		font-size: 17px !important;
	}

	.talkingChartCloseButton {
		top: 46px !important;
		right: 40px !important;
	}
	
	.talkingchartdiscounttext{
	    margin-bottom:5px;
	}
}

/*@media (max-width: 767px) {
    
	#signIn .modalclose {
		right: 10px !important;
		top: 9px !important;
	}
}*/

/* Mobile Resposive */


@media (max-width: 610px) {
	.storeimage {
		padding-left: 20px !important;
	}

	#appstore {
		margin-top: 20px;
	}

	.mobileapp {
		padding-bottom: 0px !important;
	}

	#gmFormImgSignIn {
		display: none;
	}

	#gmFormImgHub {
		display: none;
	}

	#regformimg {
		display: none;
	}

	.cardUl li {
		line-height: 20px;
	}

	.c-button {
		margin-top: 20px !important;
	}

	.servicehead1 {
		margin-bottom: 15px !important;
	}

	.cardUl {
		margin-left: 10px !important;
	}

	.fchartbtngrp img {
		height: auto;
		width: 25px;
		margin-left: 15px;
	}

	#fchartheading {
		padding-left: 10px;
		padding-left: 10px;
	}

	.fchartbtn {
		margin-left: 25px;
	}

	#membertitle {
		font-size: 1.3rem !important;
	}

	.purchasepara {
		display: none;
	}

	/*.talking-chart-selection-heading {*/
		/*position: absolute;*/
	/*	bottom: 65px;*/
		/*right: 70px;*/
	/*}*/
}

@media (max-width: 550px) {
	.ordernowbtn {
		width: 35% !important;
	}

	.ordernowimg {
		margin-left: 12px !important;
		width: 30px !important;
	}
}

@media (max-width: 500px) {
	.mobileapptext {
		margin-right: 0px !important;
		padding-right: 0px!important;
		margin-left: 0px;
	}

	.chart-modal {
		font-size: 14px;
	}
	.navbar-brand .logo {
	    width: 130px !important;
	}
	.flag-icon {
		margin-left: 2px !important;
		border-radius: 25% !important;
	}

	.createFoundationChartbtn {
		margin: 0px 66px !important;
	}

	.googleappmobile {
		margin-left: 1px;
	}

	.btn-danger {
		width: 250px !important;
	}

	.page-template-template-user-hub .navbar-brand {
	    width: 100px !important;
	}

	a.navbar-brand .logo {
	    width: 130px !important;
	}

	#gmSignForm .btn-danger {
		width: 100% !important;
	}

	.sec2icon {
		width: 15% !important;
	}

	.mobilesupportcontent {
		font-size: 14px !important;
		line-height: 23px !important;
	}
	
	.gmfreefondqmark2 {
        width: 150px !important;
        left: -110px !important;
    }
}

@media (max-width: 420px) {
	.googleappmobile {
		margin-left: -5px;
	}
}

@media (max-width: 400px) {
	.googleappmobile {
		margin-left: -11px;
	}
}

@media(max-width:390px) {
	.ordernowbtn {
		width: 40% !important;
	}

	.mobileSupport {
		padding: 30px 40px !important;
	}
}

@media (max-width:376px) {
	.sec2icon {
		width: 17% !important;
	}

	.mobilesupportcontent {
		font-size: 14px !important;
		line-height: 23px !important;
	}

	.mobileSupport {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.sec2icon {
		padding-right: 5px !important;
	}

	.googleappmobile {
		margin-left: -15px;
	}

/*	.socialMediaSignIn {
		text-align: center;
		margin-left: 9% !important;
		margin-right: 10% !important;
		margin-top: 20px !important;
		font-size: 12px !important;
		font-weight: 600 !important;
	}*/

	.leftbordersignin {
		border: 1px solid #FFDEDE;
		width: 70px;
		position: absolute;
		top: 8px;
		left: -14px;
	}

	.rightbordersignin {
		border: 1px solid #FFDEDE;
		width: 70px;
		position: absolute;
		top: 8px;
		right: -17px;
	}

	.ordernowbtn {
		width: 45% !important;
	}

	/*.birthtimefree .ui-datepicker-trigger {
		border: none;
		position: absolute;
		top: 8px !important;
		right: 8px !important;
	}*/

	.gmFormqmark4 {
		position: absolute;
		width: 15px;
		top: 10px;
		left: 220px;
	}

	.gmFormqmark1 {
		position: absolute;
		width: 15px;
		top: 10px;
		right: 10px;
	}

	.gmFormqmark2 {
		position: absolute;
		width: 15px;
		top: 10px;
	}
}

@media (max-width:364px) {
}

.mobileapptext {
	margin-bottom: 145px;
	color: #42403D;
	margin-right: 120px;
}

.appstoreimg {
	margin-left: 0px !important;
	height: 56px;
	margin-bottom: 15px;
}

.googleplayimg {
	height: 82px;
	margin-left: -15px;
}
.talkingchartimg {
	border-radius: 20px;
}

.pricing, .pricingpro h4 {
	font-size: 38px;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

/* membership modal */
.Plusmembership {
	width: 730px;
	padding: 25px;
	border-radius: 35px !important;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	box-shadow: 5px 5px 25px #0000001a;
}

.plusmembtn {
	background-color: #5ABFE9;
	color: #ffffff !important;
	border-radius: 25px !important;
	padding: 5px 35px;
	font-weight: 400 !important;
}

.membershiptitle {
	font-size: 23px;
	text-align: left;
	margin-left: 15px;
	color: #3D3D3D;
}

.membershipinfo {
    /*font-size: 15px;*/
	color: #9A9999;
	letter-spacing: 0.4px;
	margin-top: 30px;
}

.membershipheading {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.48px;
	color: #3D3D3D !important;
	margin-bottom: 10px;
}

.faqsec {
	text-transform: uppercase;
	margin-left: 50px;
	margin-top: 10px;
}

.imagesec {
	display: block;
	margin: auto;
}

/* foundation talking chart start */
.foundationtalkingbg {
	background-image: url(../../images/background/tc1@2x.png);
	background-repeat: no-repeat;
	background-size: 105% 100%;
	height: 460px;
	display: flex;
    align-items: flex-end;
    justify-content: center;
}

.foundationtalkingchartbold {
	padding-top: 30px;
	font-weight: 900;
	text-align: center;
	font-size: 30px;
	letter-spacing: 0px;
	line-height: 1;
	color: #444444;
	opacity: 1;
}

.foundationtalkingchartpara {
	text-align: center;
	font-size: 24px;
	margin-bottom: 35px;
	/*font-weight: 500;*/
}

.foundationvariablebg {
	background-image: url(../../images/background/tcv.png);
	background-repeat: no-repeat;
	background-size: 105% 100%;
	height: 460px;
	display: flex;
    align-items: flex-end;
    justify-content: center;
}

.ordernowbtn {
    border-radius: 22px !important;
    background-color: #54931E;
    width: auto !important;
    color: white !important;
    font-weight: 600 !important;
    text-align: center;
    font-size: 33px !important;
    height: 70px;
    padding: 10px 34px !important;
    margin-top: 0;
    margin-bottom: 75px;
    display: flex;
    box-shadow: none;
    border: none;
    align-items: center;
}
.ordernowbtn img{
    width: 35px;
    margin-left: 15px;
}
.ordernowimg {
	width: 35px;
	margin-top: -3px;
	margin-left: 30px;
}

/*.talkingcharttext {*/
/*	margin-top: 20px;*/
/*}*/

.foundationtalkingchartcontent {
	margin-top: 30px;
	padding-bottom: 30px;
}

.talkingchartdiscount {
	color: #707070;
	font-size: 20px;
	font-weight: 500;
}

.accounttype {
	color: #1592E6;
	font-size: 18px;
}

.talkingchart {
	padding-right: 95px !important;
}

/* foundation talking chart end */
.plusicon {
	color: #54931E;
	font-size: 35px !important;
}

.addbtn {
	position: relative;
	bottom: 7px;
	left: 5px;
	cursor: pointer;
}

.addnewperson .Createchart {
	cursor: pointer;
}

.inputfound {
	width: 96%;
}

.queicon1 {
	position: absolute;
	right: 15px;
	top: 21px;
	color: #707070;
	font-size: 17px !important;
}

.queicon2 {
	position: absolute;
	top: 101px;
	right: 15px;
	color: #707070;
	font-size: 17px !important;
}

.closeicon {
	font-size: 12px !important;
	position: absolute;
	right: 25px;
	top: 190px;
	color: #707070;
}

.selectgift {
	margin-top: 10px;
	height: 30px;
}

.giftchceck {
	height: 20px;
	width: 20px;
	top: -2px !important;
	left: 25px !important;
}

.checkboxtext {
	padding: 10px;
	display: flex;
	position: relative;
	left: 22px;
	bottom: 10px;
	height: 45px;
}

#talkingchartfoundation .checkboxtext {
	padding: 10px;
	display: flex;
	position: relative;
	left: 0px;
	bottom: 10px;
	height: 45px;
}

.giftcontactdetails {
	width: 100%;
	padding-left: 0px;
}

.giftcontactdetailsinput {
	border: solid 2px #CBDEBB !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.addnewperson {
	padding-top: 20px;
	padding-bottom: 20px;
}

#talkingchartfoundation .addnewperson {
	padding-top: 0px;
	padding-bottom: 0px;
}
/* purchase btn */
/*.purchase {*/
/*	position: absolute;*/
/*	bottom: 30px;*/
/*}*/

.purchasepara {
	color: #079EDF;
	margin-left: 0px;
	margin-top: 10px;
}

.purchasebtn {
	color: #ffffff !important;
	background-color: #5ABFE9;
	border-radius: 30px !important;
	font-size: 11px;
	margin-left: 7px;
	padding-left: 30px;
	padding-right: 30px;
}

.chartTabs {
	font-size: 14px;
	text-align: center;
	margin-right: 0px !important;
	width: auto;
	color: #818182;
	background-color: #EEF0F7 !important;
	border: none !important;
	padding: 0px;
}

.ui-datepicker-trigger {
	border: none;
	background: transparent;
	position: absolute;
}
.tropical-sidereal {
	height: auto;
}

.signup-card {
	padding-left: 40px;
}

.col-mypeople {
	padding: 0px;
	background: #EDF0F7;
	border-top-left-radius: 13px;
}

.folder-heading {
	font: normal normal bold 20px/26px Bilo;
	letter-spacing: 0px;
	color: #707070;
	opacity: 0.66;
	text-align: center;
	padding-top: 30px;
	width: 250px;
}

.mypeople-heading {
	float: right;
	font: normal normal bold 18px/40px Bilo;
	letter-spacing: 0px;
	color: #54931E;
	opacity: 1;
	margin-top: 5px;
}

.mypeople-btn {
	background: #DDE9D2 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 3px #00000029;
	opacity: 0.8;
	color: #54931E !important;
	border-radius: 40px;
	padding: 4px 16px;
	font: normal normal bold 12px/19px Bilo;
	margin-top: 10px;
}

.service-price {
	color: #54931e;
	text-align: center;
	font-weight: 600;
	letter-spacing: 2px;
	font-size: 36px;
	line-height: 1.5;
}

.service-span {
	color: #54931e;
	font-weight: 600;
	letter-spacing: 1.1px;
	font-size: 19px;
}

.talkingchartdiscount a {
	color: #1592e6;
}

.login-logo {
	padding: 0px !important;
}

@media (min-width: 1920px) and (max-width: 2560px) {
	.tag-modal .tag-body {
		padding: 50px 30px !important;
	}

	.tag-modal .tag-heading {
		text-align: left;
		font: normal normal bold 38px/55px Bilo !important;
		letter-spacing: 0px;
		color: #707070;
		opacity: 1;
	}

	.tag-modal .tag-icon {
		position: absolute;
		left: 5px !important;
		top: 0px !important;
		font-size: 50px !important;
	}

	.tag-modal .tag-input,.tag-modal .edit-tag-input {
		font-size: 30px !important;
		padding-left: 60px !important;
	}

	.tag-modal #formtags {
		margin-top: 20px;
	}

	.tag-modal .add-tag {
		padding: 1px 20px !important;
	}

	.tag-modal .tag-list a {
		text-align: left;
		font: normal normal 500 24px/25px Bilo !important;
	}

	.tag-modal .deltag {
		position: relative;
		top: 4px;
		font-size: 30px;
	}
	
 .tip_card_h5 {
	    width:330px !important;
	}
    .user_grid_ img {
        
        margin-left: -15px;
    }
    
    .chart-ff{
        margin-left:400px;
    }
    
.page-template-template-free-foundation-chart .slider{
	    height:1000px !important;
	}
}

/*.tag-dailog {*/
/*	width: 40% !important;*/
/*}*/

.tag-heading {
	text-align: left;
	font: normal normal bold 25px/35px Bilo;
	letter-spacing: 0px;
	color: #707070;
	opacity: 1;
}

.tag-modal {
	border: 1px solid var(--unnamed-color-707070);
	background: #EDF3E9 0% 0% no-repeat padding-box;
	/*border: 1px solid #707070;*/
    /*opacity: 0.84 !important;*/
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
}

.tag-content {
	border: none !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 14px !important;
	opacity: 1;
}

.tag-input, .edit-tag-input {
	background: #E5F1DE 0% 0% no-repeat padding-box;
	box-shadow: inset 0px 3px 6px #00000029;
	opacity: 1;
	width: 100%;
	border: none;
	padding: 12px;
	border-radius: 10px;
	padding-left: 50px;
	margin-right: 15px;
	font-size: 17px;
}

.tag-body {
	padding: 25px 25px;
}

.tag-icon {
	position: absolute;
	left: 8px;
	top: 5px;
	font-size: 29px;
	transform: rotate(90deg);
	color: #707070;
}

.tag-list {
	background: #F2F2F2 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	opacity: 1;
	margin: 15px 5px 0;
	padding: 5px 11px 5px 3px;
}

.tag-list a {
	text-align: left;
	font: normal normal 500 16px/25px Bilo;
	letter-spacing: 0.92px;
	color: #3E3E3E;
	opacity: 1;
}

.tag-list a:hover {
	color: #3E3E3E;
	text-decoration: none;
}

.password-lost-form .login-info {
	color: #8CCC42;
	font-weight: bold;
	width: 300px;
	margin-left: 15px;
	line-height: 22px;
	margin-top: 2px;
}

.moondisplay {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.settingsmoon {
	font: normal normal bold 18px/29px bilo;
	color: #666666;
}

.moon-switch {
	margin-left: 10px;
	margin-top: -4px;
}
#gmSignForm .form-group {
    position: relative;
    width: 100%;
}
.modal .logpass{
	cursor: pointer;
    position: absolute;
    right: 15px;
    padding: 0;
}
.modal #gmSignForm{
	width: 280px;
}
.modal .log-email {
    position: absolute;
    right: 15px;
    margin-top: 0;
}
.page_login #gmSignForm .form-group i {
    right: 15px;
    top: 12px;
}
.log-email {
    position: absolute;
    right: 75px;
    margin-top: 0;
}
.homelang-drop {
	display: flex;
	align-items: center;
	align-content: center;
	flex-direction: row;
}

.sidebaricon {
	width: 22px;
}

.cal-lang {
	display: flex;
	position: absolute;
	right: 0;
	top: 0;
}

.dropdown #navbarDropdownMenuLink {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.order-talkingchart {
	height: auto !important;
	margin-top: 50px !important;
}

/*Admin Page css*/

.adminChartContainer {
	margin-top: 70px;
}

.adminChartCard {
	border-radius: 25px !important;
	color: #707070;
	margin: 30px 10px;
	border: none !important;
	margin-top: 46px;
	box-shadow: 0px 3px 6px #00000029;
	padding-top: 20px;
}

.client_table {
	margin-top: 30px;
	width: 100%;
}

.adm-clickable:hover {
	cursor: pointer;
	background: #C3C9C3;
}

.adm-tr {
	padding: 5px;
}

.adm-paginate {
	display: flex;
	justify-content: center;
	padding: 10px;
}

.adm-pagination {
	margin-right: 10px;
	display: inline;
	padding: 6px 10px 6px 10px;
	border: 1px solid #ddd;
	margin-right: -1px;
	font: 15px/20px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	box-shadow: inset 1px 1px 5px #F4F4F4;
}

.adm-search_user {
	float: right;
}

.adm-search_input {
	background-color: #F5F9F2 !important;
	box-shadow: 0px 4px 8px #2c27380a !important;
	border: 2px solid #DBE2EA !important;
	border-radius: 4px !important;
	padding-left: 5px;
}

.adm-head {
	color: #707070;
	font: normal normal bold 30px/52px Bilo;
	text-align: center;
	margin: 5px 0 0;
}

.admbtn {
	padding: 3px 25px;
	background: #fc7a03;
	font-size: 15px;
	color: rgb(232, 230, 227) !important;
	border-radius: 20px;
	font-weight: bold;
}

.User-admbtn {
	background-color: rgb(38, 101, 129);
	color: rgb(232, 230, 227) !important;
	font-size: 15px;
	border-radius: 20px;
	font-weight: bold;
	padding: 3px 25px;
	margin-bottom: 20px;
}

.adm-client-tab {
	border-radius: 22px;
	margin: 0 5px !important;
	font-weight: 600 !important;
}

.adm-client-tab a {
	padding: 5px 25px !important;
}

.adm-select {
	background: #F8FAF7;
	border-radius: 5px;
	padding: 5px 20px;
	box-shadow: 0px 0px 6px #00000029;
	border: none;
	font-size: 16px !important;
}

.addnew-admbtn {
	display: block;
	margin: auto;
	width: 50%;
	background: #D4D5D4;
	color: #000;
	font-size: 15px;
	border-radius: 20px;
	font-weight: bold;
	padding: 3px 25px;
}

.adm-birth-select {
	background: #F8FAF7;
	border-radius: 5px;
	padding: 4px 20px;
	box-shadow: 0px 0px 6px #00000029;
	border: none;
	font-size: 16px !important;
	width: 80%;
}

.adm-chartregister {
	border-radius: 25px !important;
	color: #707070;
	margin: 30px auto;
	border: none !important;
	margin-top: 46px;
	box-shadow: 0px 3px 6px #00000029;
	padding: 20px 50px;
	width: 50%;
}

.adm-birt_input {
	font: normal normal 600 16px/21px bilo;
	letter-spacing: 0px;
	color: #707070 !important;
	width: 100% !important;
	border: 1px solid #DBE2EA !important;
	background: #F5F9F2 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 4px 8px #2c27380a !important;
	opacity: 1;
	padding: 5px 10px !important;
}

.adm-birt_heading {
	font: normal normal 500 18px/50px bilo;
}

.adm-birt_head {
	color: #707070;
	font: normal normal 500 25px/20px Bilo;
	text-align: center;
}

.adm-birth_btn {
	background: #54931e !important;
	color: #fff !important;
	padding: 5px 50px !important;
	border-radius: 20px;
	border: none;
	margin: auto;
	display: block;
	margin-top: 25px;
}

.adm-breadcam {
	border-radius: 10px !important;
	box-shadow: 0px 0px 6px 0px #00000029;
	padding: 10px 20px;
	display: flex;
	flex-direction: row;
	font: normal normal 500 15px/21px Bilo;
}

.adm-breadcam a {
	margin-right: 10px;
	margin-left: 10px;
}

.adm-celebhead {
	display: flex;
	align-items: center;
	justify-content: center;
}

.adm-celebhead-flag {
	margin-right: 10px;
}

.adm-celebhead-name {
	font: normal normal bold 30px/52px Bilo;
}

.adm-celeb_img {
	margin-bottom: 20px;
}

.adm-celeb_img img {
	border-radius: 15px;
	margin: auto;
	display: block;
}

.adm-celeb_row {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.adm-celeb_span {
	white-space: nowrap;
	font: normal normal bold 15px/20px Bilo;
}

.adm-celeb_chart {
	height: 540px;
	width: 390px;
	margin: auto;
}

.talking-chart-img{
    margin: 20px auto;
    display: block;
    height: 250px !important;
    box-shadow: 4px 5px 12px 0px #8888;
    border-radius: 15px;
}

.talking-ordernowbtn{
    border-radius: 18px !important;
    background-color: #54931E;
    color: white !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    padding: 6px 30px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    width: fit-content;
}

.talking-ordernowimg{
    width: 35px;
    margin-left: 10px;
}
.talking-orderimg{
    width: 20px;
}

#order-heading{
    color: #444444;
    text-align: left;
    font: normal normal 600 18px/60px bilo;
    margin-bottom: 2px;
}

.order-learnmore{
    color: #444444;
    font-weight: 600;
    font-size: 12px;
}

.talking-chart-para{
    color: #444444;
    font: normal normal normal 13px/23px Bilo;
    opacity: 1;
}

/*.foundationtalkingtext{*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    left: 0;*/
/*}*/

.talkingchart-bg {
	background-image: url(../../images/background/talking-chart-01@2x.png);
	background-repeat: no-repeat;
	background-size: 105% 100%;
	height: 460px;
}






/*template_login_form css*/

.template_login_form{
    margin: 7rem 9.5rem 65px;
    border-radius: 20px !important;
    color: #707070;
    box-shadow: 0px 0px 6px #00000029;
    border-top: none !important;
    background: #fff;
    padding: 3rem; 
}

#gmFormImgSignIn_form{
	width: 80% !important;
	display: block;
	margin: auto;
	margin-top: 3rem;
}



/*Talking chart*/

.talking-tooltip{
    display: none; 
    position: absolute;
    width: 160px;
    font-size: 11px;
    right: -150px;
    margin-top: -60px;
    background: #F9FBF7;
    padding: 5px 15px;
    border-radius: 7px;
    line-height: 1.5;
}

.queicon1:hover + div.talking-tooltip {
	display: block;
}

.queicon2:hover + div.talking-tooltip {
	display: block;
}

.queicon3:hover + div.talking-tooltip {
	display: block;
}


@media only screen and (min-width: 420px) and (max-width: 930px) and (orientation: landscape) {
    
    .order-talkingchart{
        margin-top: 140px !important;
    }
    
}

/*Chart tool */

/*.chart-tool-card{*/
/*    padding: 0px 80px;*/
/*}*/

.cycle_card {
    background-color: #8dd0b5;
    opacity: 1;
}

.chartbuilder_card {
    background: #fff;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 20px;
    margin: auto;
    padding: 15px;
    /* opacity: 70%; */
    height: 270px;
    display: grid;
    width: 100%;
    text-align: center;
    justify-content: center;
    padding: 30px !important;
}
.chartbuilder_card img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0%;
    width: 100%;
    height: 100%;
}

.charttool-text{
    text-align: center;
    font: normal normal normal 28px/32px Bilo;
    letter-spacing: 0px;
    color: #F5F5F5;
    text-transform: uppercase;
    opacity: 1;
}

.charttool-padd{
    padding: 20px 0;
}

.foundation_card {
	background-color: rgba(108,158,65, 0.84);
}

.foundation_card:hover {
	background-color: rgba(108,158,65);
}

.transit_card {
    background-color: rgba(9, 143, 169, 0.84);
}

.transit_card:hover {
    background-color: rgba(9, 143, 169);
}
.sleep_card {
	background-color: rgba(125,149,193, 0.84);
}

.sleep_card:hover {
	background-color: rgba(125,149,193);
}

.mandala_card {
	background-color: rgba(216,182,136, 0.84);
}

.mandala_card:hover {
	background-color: rgba(216,182,136);
}

.penta_card {
	background-color: rgba(113,202,209,0.84);
}

.penta_card:hover {
	background-color: rgba(113,202,209);
}

.quick_card {
	background-color: #ff8484;
}

.quick_card:hover {
	background-color: #F07676;
}

.cycle_card {
	background-color: #8dd0b5;
	opacity: 1;
}

.cycle_card:hover {
	background-color: rgba(113,196,162);
	opacity: 1;
}

.newyear_card {
	background-color: #cdb6ee;
}

.newyear_card:hover {
	background-color: #C0A2D1;
}

.relocation_card {
	background-color: rgba(247,203,106,0.84);
}

.relocation_card:hover {
	background-color: rgba(247,203,106);
}
.birthtool_card{
    background: #f8a479;
    opacity: 0.84;
}

.birthtool_card:hover{
    background: rgba(255,119,59);
}

.workspacetool_card{
    background: #a2de89;
}

.workspacetool_card:hover{
    background: #89D569;
}
.usertip_card {
    background-color: #ACADA6;
    opacity: 0.8;
}

.usertip_card:hover {
    background-color: #ACADA6;
    opacity: 1;
}

.event_card {
    background-color: #D37FA1;
    opacity: 0.80;
}

.event_card:hover {
    background-color: #D37FA1;
}

.chart-tool-img{
    display: flex;
    align-items: center;
}

.charttool-Backbtn{
    position: absolute;
    font-size: 30px;
    color: #058DA6;
}
.h_container .charttool-Backbtn {
    left: 0;
    top: -15px;
}
.birthdaycount {
    position: absolute;
    display: inline-block;
    border-radius: 100%;
    font-size: 10px;
    font-weight: 600;
    height: 15px;
    line-height: 15px;
    letter-spacing: normal;
    text-align: center;
    width: 15px;
    user-select: none;
    -webkit-user-select: none;
    color: #ffffff;
    background-color: #e5352b;
}

/*User Tips*/

.userTip_card {
	border-radius: 12px;
	max-width: 100%;
	width: auto;
	padding: 30px 10px;
	margin-top:30px;
	background-color: #F7F7F7;
	box-shadow: 0px 3px 6px #00000029;
	position:relative;
}

.userTip_card:hover {
	background-color: #E2E2E2;
}

.user_grid_ {
	display: grid;
	grid-template-columns: auto auto auto;
	justify-items: center;
	align-items: center;
}

.user_grid_ img {
	width: 45px;
}

.tip_card_h5 {
	font: normal normal normal 17px/26px Bilo;
	letter-spacing: 0px;
	color: #707070;
	opacity: 1;
	margin-bottom: 0;
	margin:auto 10px;
}

#down-icon{
    position: absolute;
    bottom: 0;
}



/*userhub Gm free chart tool tip */


.gmfoundtool-div{
    position: absolute;
    display: flex;
    right: 15px;
    align-items: center;
    cursor: pointer;
}

/*First que mark*/
.gmfreefondqmark1{
    display: none;
	position: absolute;
    width: 200px;
    font-size: 14px;
    left: 20px;
    background: #000000;
    padding: 10px 10px;
    border-radius: 7px;
    line-height: 1.5;
    color: #fff;
    z-index: 1;
}

.gmfreefondqmark1-img:hover + div.gmfreefondqmark1{
    display: block;
}


/*First que mark*/
.gmfreefondqmark2{
    display: none;
	position: absolute;
    width: 200px;
    font-size: 14px;
    left: 20px;
    background: #000000;
    padding: 10px 10px;
    border-radius: 7px;
    line-height: 1.5;
    color: #fff;
    z-index: 1;
}

.gmfreefondqmark2-img:hover + div.gmfreefondqmark2{
    display: block;
}


/*Third que mark*/
.gmfreefondqmark3{
    display: none;
	position: absolute;
    width: 200px;
    font-size: 14px;
    left: 20px;
    background: #000000;
    padding: 10px 10px;
    border-radius: 7px;
    line-height: 1.5;
    color: #fff;
    z-index: 1;
}

.gmfreefondqmark3-img:hover + div.gmfreefondqmark3{
    display: block;
}







/*All Media query*/


@media screen and (max-width: 2500px) {
    
    .talking-tooltip{
        right:-210px;
        z-index:1;
    }
    
	.hrline1, .hrline2, .hrline3, .hrline4 {
		width: 90% !important;
		margin-bottom: 40px !important;
	}

	#talking-FormImg {
		width: 100%;
		margin-top: 70px;
	}

	.queicon2 {
		top: 78px;
	}

	/*.talking-chart-selection-heading {*/
	/*	bottom: 60px;*/
		/*right: 94px;*/
	/*}*/

	.service-content1 {
		height: 620px;
	}

	.service-content2 {
		height: 300px;
	}

	.service-content3 {
		height: 130px;
	}

	.regnotice {
		font: normal normal normal 15px/18px Bilo;
	}

	.membershiptitle {
		margin-top: 5px;
	}

	.membershipinfo {
		margin-top: 10px !important;
	}

	.fpassword-icon {
		position: absolute;
		right: 60px;
		margin-top: 12px;
	}

	.login-info {
		margin-left: 15px;
		margin-top: 10px;
	}

	.sidebaricon {
		width: 40px;
	}

	.calendar-home {
		width: 30px;
		
	}

	a.nav-link.plans-fea {
		display: flex;
	}

	.email-reset {
		width: 100%;
		height: auto;
		margin-left: 0px;
		border-radius: 10px;
	}

	.reset-control {
		margin-top: 15px;
	}

	.email-reset-span {
		font-size: 16px;
	}

	.resetpass {
		display: block;
		margin: auto;
	}

	.btn-reset {
		background-color: #54931e !important;
		border: none;
		border-radius: 40px;
		display: block;
		margin: auto;
		padding: 5px 40px;
		color: #fff;
		margin-top: 20px;
		font: normal 500 18px/30px bilo;
	}

	.resetpassword-img {
		margin-left: 0px;
		display: block;
		margin: auto;
		width: 75%;
	}

	.m-forgetpas {
		display: block;
		margin: auto;
	}

	.alert-danger {
		width: 280px;
	}

	.desktop-version {
		display: block;
	}

	.mobile-version {
		display: none;
	}

	.shopicon {
		width: 25px;
    margin-right: 5px;
    margin-top: 5px;

	}
	
	.talkingchartimg-1{
	    height: 320px;
	}
	
	.desk-orderbtn{
	    display: block;
	}
	
	.foundationTalkingCharttext-desktop, .foundationchartwrapper-desk{
	    display: block;
	}
	.foundationTalkingCharttext-mobile, .tab-orderbtn, .foundationchartwrapper-mobile{
	    display: none;
	}
	
	.talkingchart-bg, .foundationtalkingbg, .foundationvariablebg {
        height: 600px;
    }
    
    .talking-chart-para{
        font: normal normal normal 16px/23px Bilo;
    }
    
    .tablet-orderbtn{
        display: none;
    }
    
    .varibale_chart_img_2{
        width: 52%;
        height: auto;
        margin: 0 auto;

    }
    
    /*Foundation chart home video*/
    
    .foundation_chart_home{
        padding: 36% 0 0 0;
        position: relative;
    }
    
}

@media screen and (max-width: 1800px){
    .varibale_chart_img_2{
        width: 54%;
    }
}

@media screen and (max-width: 1700px){
    .varibale_chart_img_2{
        width: 57%;
    }
    
    /*Foundation chart home video*/
    
    .foundation_chart_home{
        padding: 42% 0 0 0;
    }
    
}

@media screen and (max-width: 1600px){
    .talkingchart-bg, .foundationtalkingbg, .foundationvariablebg {
        height: 540px;
    }
    
    .varibale_chart_img_2{
        width: 62%;
    }
    
    .chart-ff{
        margin-left:200px;
    }
}

@media screen and (max-width: 1574px) {
	.service-content1 {
		height: 520px;
	}

	.service-content2 {
		height: 300px;
	}

	.service-content3 {
		height: 110px;
	}
	
	.varibale_chart_img_2{
        width: 65%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1539px) {
	/*.forgetpass {*/
	/*	margin-top: -37px;*/
	/*}*/
	
	.talkingchart-bg, .foundationtalkingbg, .foundationvariablebg {
        height: 540px;
    }
    
    /*Foundation chart home video*/
    
    .foundation_chart_home{
        padding: 46% 0 0 0;
    }
}

@media screen and (max-width: 1537px) {
    
	.cardUl {
		margin-left: 0px;
		padding-left: 20px;
	}
	.createFoundationChartbtn {
		margin: 30px auto 0 !important;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    white-space: normal;
	    line-height: 100%;
	    height: 50px !important;
	}

	.chart-modal {
		font-size: 16px;
	}
	.reginputrow {
		width: 100%;
	}

	.shopicon {
		width: 21px;
	}

	#gmSignForm .form-check {
		margin-top: 0px;
	}

/*	#signUp .modal-content {
		padding-top: 10px;
	}*/

	/*#signUp .modalclose {
		top: 10px;
	}*/
	
	.calendar-home {
        width: 21px;
    }
    
     
    .gmInputRow,.freefoundationinput{
		height: 38px !important;
	}
	
	#createChart .form-group{
	    margin-bottom:0.75rem;
	}
	
	#createChart.select2-container {
      margin: 0;
    width: 260px !important;
    padding: 6px !important;
    margin-bottom: 0px;

    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        position: absolute;
       margin-top:-5px !important;
        right: -7px !important;
    }
    
    #createChart .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: -10px !important;
        margin-left:-30px !important;
    }
    
    #createChart .home-foundationchart .select2-container--default .select2-selection--single .select2-selection__arrow b{
        margin-top: 5px !important;
        margin-left:-30px !important;
    }
}

@media screen and (max-width: 1440px) {
    
	.hrline1, .hrline2, .hrline3, .hrline4 {
		width: 80% !important;
		margin-bottom: 35px !important;
	}

	.purchasepara {
		margin-bottom: 0px;
		display: table;
	}

/*	#signIn .modalclose {
		right: -12px;
		top: -10px;
	}*/

	.freefoundationinput {
		height: 38px !important;
	}

	#createChart .form-group {
		margin-bottom: 0.8rem;
	}

	.forget-password-container {
		padding: 159px 120px 90px 120px;
		max-width: 1000px;
	}

	.fpassword-icon {
		right: 40px;
	}

	.sidebaricon {
		width: 35px;
		margin-bottom: 0px;
	}

	.calendar-home {
		width: 24px;
	}

	.serviceRegBtn {
		font-size: 19px !important;
	}

	.shopicon {
		width: 24px;
	}
	
	.talkingchart-bg, .foundationtalkingbg, .foundationvariablebg {
        height: 460px;
    }
    
    .talking-chart-para {
        font: normal normal normal 15px/23px Bilo;
    }
    
    .varibale_chart_img_2{
        width: 69%;
    }
    
     .chart-ff{
        margin-left:155px;
    }
}

@media screen and (max-width: 1400px) {

	.purchasepara {
		margin-bottom: 0px;
		display: flex;
		align-items: center;
	}

	.cardUl {
		font: normal normal normal 15px/32px Bilo;
	}
	
	.talking-tooltip{
        right:-210px;
        z-index:1;
    }
}

@media screen and (max-width:1397px) {
	.forget-password-container {
		padding: 149px 120px 100px 120px;
		width: 970px;
	}

	.fpassword-img {
		/*margin-left: 0px;*/
		;
	}

	#talkingchartfoundation .addnewperson {
		padding-top: 5px;
		padding-bottom: 0px;
	}

	.home-foundationchart .gmFormqmark4 {
		position: absolute;
		width: 15px;
		top: 5px !important;
		left: 299px !important;
	}

	.home-foundationchart .gmFormqmark1 {
		position: absolute;
		width: 15px;
		top: 5px !important;
		left: 299px !important;
	}

	.home-foundationchart .gmFormqmark2 {
		position: absolute;
		width: 15px;
		top: 5px !important;
		left: 299px !important;
	}

	.gmCardTitle {
		font-size: 32px;
	}

	/*.talking-chart-selection-heading {*/
	/*	bottom: 63px;*/
		/*right: 109px;*/
	/*}*/

	.cardUl {
		font: normal normal normal 15px/31px Bilo;
	}

	.my-0 {
		font-size: 26px !important;
	}

	#membertitle {
		font-size: 2.5rem !important;
	}

	#memberPara {
		font-size: 24px !important;
	}

	.gmCardTitle {
		font-size: 26px;
	}

	#newUser {
		font-size: 15px;
	}

	#gmRegForm .form-group {
		margin-bottom: 10px;
	}

	.reginputrow {
		height: 38px !important;
	}

	.reginput {
		height: 38px !important;
	}

	.form-check a {
		margin-left: 10px;
	}

	.shopicon {
		width: 22px;
	}
}

@media screen and (max-width: 1366px) {
	#socialMediaIcon {
		height: 42px !important;
	}
	.mobileapp {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.regnotice {
		text-align: left;
		font: normal normal normal 12px/18px Bilo;
		letter-spacing: 0px;
		color: #6C63FF;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.confirmpassinput {
		/*margin-bottom: -25px;*/
	}

	.regpassinput {
		/*margin-bottom: -25px;*/
	}

	.forget-password-container {
		padding: 107px 120px 45px 120px;
		width: 970px;
	}

	.foundationchartdetail {
		margin-top: 40px;
		width: 75%;
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
	}

/*	.fchartbtngrp img {
		height: auto;
		width: 29px !important;
	}*/

	#fchartheading {
		font: normal normal bold 22px/33px Bilo !important;
	}

	.fchartCard {
		padding-left: 25px;
		padding-right: 25px;
		font-size: 15px !important;
		height: auto !important;
	}

	.fchartmargin {
		text-align: center;
		margin-top: 0px !important;
		display: flex;
		align-items: center;
	}

	.fchartCard p {
		font-size: 15px !important;
		padding-left: 25px !important;
		padding-right: 25px !important;
	}

	.pricing, .pricingpro {
		font-size: 17px !important;
	}

	.serviceRegBtn {
		font-size: 15px !important;
		margin-top: -2px;
	}

	.serviceBtn {
		font-size: 15px !important;
	}

	.servicehead1 {
		margin-bottom: 50px !important;
	}

	.c-button {
		width: 208px !important;
		font-size: 16px !important;
	}

	.btn-danger {
		height: 38px !important;
		font: normal normal bold 20px/24px Bilo !important;
	}

	.talkingchartimg {
		margin: 30px auto;
		height: 300px;
		box-shadow: 4px 5px 12px 0px #8888;
	}

	.memberbtn {
		color: white !important;
		background-color: #54931E;
		border-radius: 25px !important;
		display: block !important;
		margin-top: 25px;
		margin: auto;
		font-weight: 600 !important;
		font-size: 19px !important;
		width: auto;
		height: auto;
		padding: 10px !important;
	}

	.membertitle h5 {
		font-size: 18px;
	}
/*
	.birthtimefree .ui-datepicker-trigger {
		border: none;
		background: transparent;
		position: absolute;
		top: 5px !important;
		right: 15px !important;
	}*/
/*
	.gmfreeformqmark4, .gmfreeformqmark2, .gmfreeformqmark1 {
		position: absolute;
		top: 5px;
		right: 21px;
	}*/

	#gmFreeFormImgHub {
		width: 88%;
		margin-left: 29px;
		margin-top: 35px;
	}

	.pricingpro {
		margin-bottom: 32px;
	}

	.reginputrow {
		width: 100%;
	}

	.forgetChartCard {
		padding: 1rem;
	}

	#gmSignForm .form-check {
		margin-top: 0px;
	}
	.sidebaricon {
		width: 35px;
		margin-bottom: 0px;
	}

	.calendar-home {
		width: 24px;
	}

	.dropdown-language-icon {
		height: 22px;
		margin-right: 3px;
	}

	/*.forgetpass {*/
	/*	margin-top: -31px;*/
	/*}*/

	/*.regpass {*/
	/*	margin-top: -31px;*/
	/*}*/
	
	.talkingchartimg-1 {
        height: 270px;
    }
    
    .varibale_chart_img_2 {
        width: 64%;
        height: auto !important;
    }
    
    /*Foundation chart home video*/
    
    .foundation_chart_home{
        padding: 44% 0 0 0;
    }
    

	/*Chart Tool*/
	
	.charttool-text{
	    font: normal normal normal 24px/32px Bilo;
	}
	
	.tip_card_h5{
	    font: normal normal normal 14px/16px Bilo;
	    line-height:25px;
	}
	
	.user_grid_{
	    gap: 0 10px; 
	}
	
	.user_grid_ img {
        width: 38px;
    }
    
     
    .gmInputRow,.freefoundationinput{
		height: 38px !important;
	}
	
	#createChart .form-group{
	    margin-bottom:0.75rem;
	}
	
	#createChart.select2-container {
      margin: 0;
    width: 260px !important;
    padding: 6px !important;
    margin-bottom: 0px;

    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        position: absolute;
       margin-top:-5px !important;
        right: -7px !important;
    }
    
    #createChart .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: -6px !important;
    }
    
}

@media screen and (max-width: 1080px) {
	.freeFoundationChartCard{
		margin: 60px 20px!important;
	}

	.foundationchartdetail{
		width: 100%;
	}

	.membercardwrapper{
		margin: 0px 10px;
	}
}

@media screen and (max-width: 991px) {
	.membercardwrapper .membercard{
		height: auto;
	}

	.membercardwrapper{
		padding-bottom: 0px;
	}
}

@media screen and (max-width: 1314px) {
	.service-content1 {
		height: 550px;
	}
}

@media screen and (max-width: 1204px) {
	.service-content1 {
		height: 590px;
	}
}

@media screen and (max-width: 1192px) {
	.mobilesupportcontent {
		height: 450px;
	}
}

@media screen and (max-width: 1182px) {
	.service-content1 {
		height: 620px;
	}
}

@media screen and (max-width: 1114px) {
	.service-content2 {
		height: 320px;
	}
}

@media screen and (max-width: 1104px) {
	.service-content1 {
		height: 620px;
	}
}

@media screen and (max-width: 1084px) {
	.service-content1 {
		height: 650px;
	}
}

@media screen and (max-width: 1069px) {
	.service-content1 {
		height: 680px;
	}

	.service-content2 {
		height: 360px;
	}
}

@media only screen and (max-height: 1080px) and (orientation: portrait) {
	.fchartCard {
		height: 210px !important;
	}
}

@media screen and (max-width: 1029px) {
	.mobilesupportcontent {
		height: 480px;
	}
}

@media screen and (max-width: 1024px) {
	.service-content1 {
		height: 710px;
	}
	
	.tablet-orderbtn{
        display: block;
    }
   
    .ordernowbtn{
        margin-bottom: 35px;
    }
}

@media only screen and (max-device-width: 1080px) and (max-device-height: 810px) and (orientation: landscape) {
	.purchasepara {
		display: flex !important;
		align-items: center !important;
	}

	.talkinggmCard #closeButton {
		top: 45px !important;
		right: 40px !important;
	}

	.fpassword-img {
		width: 245px;
		display: block;
		margin: auto;
	}

	.forget-password-container {
		padding: 110px 110px 45px 110px;
		width: 100%;
		min-width: 100%;
	}

	.regformimg {
		width: 300px !important;
		margin-top: 0px !important;
		margin-left: 20px !important;
	}

	.reginputrow {
		width: 100% !important;
	}

	.reg-btn {
		margin: auto;
	}
}

@media screen and (max-width: 991px) {
	#createChart .f_main form {
	    padding: 0 !important;
	}
    .b_img {
	    margin: 20px 0 0 0;
	}
	.talkinggmCard #closeButton {
		top: 20px !important;
		right: 20px !important;
	}

	.log-email, .logpass {
		right: 25px;
	}

	.free-talkingchart {
		max-width: 750px !important;
	}

	/*.pay-with {
		text-align: left;
		display: flex;
		align-items: center;
		padding: 0;
	}*/

	#ccButton, #ppButton {
		margin-top: 0px !important;
		font-weight: 500 !important;
	}

	#closeButton {
		top: 40px !important;
		right: 30px !important;
	}

	.mobilepurchasepara {
		color: #079EDF;
		margin-bottom: 10px;
		display: flex;
	}

	/*.talking-chart-selection-heading {*/
		/*right: 72px;*/
	/*}*/

	.mobilepurchasepara {
		display: none;
	}

	.purchasepara {
		display: flex;
		align-items: center;
	}

	#membertitle {
		margin-top: 70px;
	}

	#membertitle img {
		width: 6% !important;
	}

	#createChart .modalclose {
		right: 1rem !important;
		top: 1rem !important;
	}

	.talkingchartimg {
		margin: 30px auto !important;
	}

	.service-content1 {
		height: 290px;
	}

	.service-content2 {
		height: 250px;
	}

	.m-service-content2 {
		height: 460px;
	}

	.service-content1 {
		height: 320px;
	}

	.m-service-content2 {
		height: 490px;
	}

	.service-content2 {
		height: 300px;
	}

	.mobileSupport {
		padding-bottom: 50px;
	}

	.forget-password-container {
		padding: 120px 35px 60px 35px;
		width: 810px;
	}

	.fpassword-img {
		width: 245px;
		display: block;
		margin: auto;
	}

	.fpassword-icon {
		right: 40px;
	}

	.sidebaricon {
		margin-left: 0px;
		width: 20px;
	}
	
	.talking-ordernowbtn{
	    float: right;
	    /*margin-bottom: 75px;*/
	    /*margin-top: -25px;*/
	}
	.tab-orderbtn{
	    display: block;
	}
	.desk-orderbtn{
	    display: none;
	}
	
	.talkingchart-bg{
	    height: 280px;
	}
	
	.homelog-out{
	    display: none;
	}
	
	.second-talkingimg{
        position: relative;
        top: 300px;
	}

	
}

@media screen and (max-width: 926px) {
	.m-service-content2 {
		height: 560px;
	}
}

@media screen and (max-width: 911px) {

/*	#ordernow .modalclose{
	    top: 70px;
	}*/
	
	.sidebar-btns {
        flex-direction: column;
    }
}

@media screen and (max-height: 810px) and (max-width: 1080px) and (orientation: landscape) {

	.pricingpro {
		margin-bottom: 78px;
	}

	.c-button {
		width: 165px !important;
		font-size: 13px !important;
	}

	.cardUl {
		font: normal normal normal 14px/29px Bilo;
		margin-left: 0px !important;
	}

	.service-price {
		font-size: 26px;
	}

	.service-content1 {
		height: 570px;
	}

	.service-content2 {
		height: 290px;
	}

	.gmicon {
		width: 26px;
		/*top: 9px;*/
	}

	.svgchart {
		height: 34.6pc;
	}
	
	
}

@media screen and (max-device-width: 811px) and (max-device-height: 1090px) and (orientation: portrait) {
	.pricingpro {
		margin-bottom: 78px;
	}
	.c-button {
		width: 165px !important;
		font-size: 13px !important;
	}

	.cardUl {
		font: normal normal normal 14px/29px Bilo;
		margin-left: 0px !important;
	}

	.service-price {
		font-size: 26px;
	}

	.service-content1 {
		height: 270px;
	}

	.m-service-content2 {
		height: 470px;
	}

	.service-content2 {
		height: 240px;
	}
	#gmFreeFormImgHub {
		display: none;
	}

	.createFoundationChartbtn {
		margin: 30px 240px 0 !important;
	}
}

@media screen and (max-width: 865px) {
	.signinleft {
		display: none;
	}

	.chart-modal {
		font-size: 14px;
	}
	.shopicon {
		width: 19px;
		margin-right: 5px;
	}
	.mobilesupportcontent {
		font-size: 15px !important;
	}

	.mobileSupport {
		padding-bottom: 10px;
	}
	
	.tip_card_h5 {
    font-size: 1rem !important;
    line-height: 20px;
    margin: auto 0px;
  }
  
    
    .mediacardwrap {
  padding: 5px !important;
    }
  
}

@media screen and (max-width: 810px) {

	.pricingpro {
		margin-bottom: 78px;
	}
}

@media screen and (max-width: 804px) {
    
	.service-content1 {
		height: 370px;
	}
}

@media screen and (man-device-width: 769px) and (max-device-height: 1024px) {
	a.nav-link.plans-fea {
		white-space: nowrap;
	}
	.mobileSupport {
		padding-left: 42px !important;
		padding-right: 42px !important;
	}
	#gmFreeFormImgHub {
		display: none;
	}
	.sec2icon {
		width: 11% !important;
	}
	.appstoreimg {
		height: 40px !important;
	}

	.storeimage {
		padding-left: 20px !important;
	}
}

@media screen and (max-width: 767px) {
    
	#overlay {
		left: 0;
	}	
	.birthtimehub .ui-datepicker-trigger {
		right: 15px!important;
	}

	.birthdatehub .date-picker-control {
		right: 15px!important;
	}

	.Createchart {
		padding-left: 0px!important;
	}
	
	.buytc {
		padding-left: 37px!important;
		width:100%;
	}
	.gmInputRow {
		font-size: 12px !important;
	}

	.gmInput {
		font-size: 13px !important;
	}

	.socialMedia .row {
		margin-top: 6px !important;
	}

	.socialMedia {
		text-align: center;
		margin-left: 9% !important;
		margin-right: 9% !important;
		margin-top: 10px !important;
		font-size: 12px !important;
		font-weight: 600 !important;
	}

	#svgObject {
		margin-top: 0px !important;
	}

	#gmFreeFormImgHub, .regformimg {
		display: none;
	}

	#signUp .modal-body .modal-content {
		padding: 0px !important;
	}

	.tabletMenu {
		display: none !important;
	}

	.tabletView {
		display: none !important;
	}

	.menu {
		text-align: center !important;
	}

	/*#signIn .modal-content, #signUp .modal-content, #createChart .modal-content, #forgetpassword .modal-content {
		border-radius: 35px !important;
		border: 1px solid transparent!important;
		padding: 10px;
	}*/

	.registerbtn {
		display: none;
	}

	.signin {
		font: normal normal bold 14px/29px Bilo;
		background: #54931e !important;
		color: #fff !important;
		padding: 2px 5px !important;
		border-radius: 10px;
	}

	/*.dropdown-language-icon-home {*/
	/*	position: absolute;*/
	/*	left: -2px !important;*/
	/*	top: 1px !important;*/
	/*	font-size: 14px !important;*/
	/*}*/

	.register-btn {
		font-size: 12px !important;
		padding: 5px !important;
		padding: 5px;
	}

	.mobilelist {
		display: inline;
		text-align: center;
	}
	.card-title {
		margin-bottom: 0px !important;
	}

	#learnmore {
		display: none;
	}
	.astroChart {
		margin-top: 20px !important;
		height: auto!important;
	}

	.DesktopSection {
		display: none;
	}

	.section {
		margin-top: -40px;
	}

	#gmFormImg {
		display: none;
	}

	#section2 {
		margin-left: 20px;
		margin-right: 20px;
	}

	#astrohd {
		font-size: 24px;
		font-weight: bold;
		text-align: left !important;
	}

	.astrohdpara {
		text-align: left !important;
		font-size: 14px;
		font-weight: 500;
	}

	#chartImg {
		width: 100%;
	}

	#programImg {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.humandesign {
		margin-left: 7px;
	}

	.section3Desktop {
		display: none;
	}

	.shareChart {
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.shareChartImg {
		height: auto;
		width: 100%;
		margin-top: -25px;
	}

	.reginputrow {
		width: 100%;
	}

	#secPara {
		font-size: 16px !important;
		line-height: 27px !important;
	}

	.mobileSupport {
		padding-left: 45px !important;
		padding-right: 20px;
	}

	.mobilesupportcontent {
		font-size: 14px;
	}

	.sec2icon {
		height: auto;
		width: 13%;
	}

	.mobileapp {
		padding: 50px 10px 10px 10px !important;
	}

	.mobileapptext {
		padding-right: 45px;
	}

	.storeimage {
		text-align: center;
		margin: 20px auto 0px auto !important;
		/*margin-top: 20px !important;*/
		;
	}

	.mobappimage {
		padding-bottom: 70px;
		padding-top: 20px;
		/*padding-left: 0px;*/
		;
	}

	.appstore {
		height: 80px;
		margin-left: 15px;
	}

	#googleplayimg {
		margin-left: 0px;
		height: 93px;
	}

	.mobileappimg {
		display: block;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

	.tabapp {
		height: 170px;
		left: 60px;
		top: 170px;
	}

	.applestore {
		height: 150px !important;
		top: 50px !important;
		left: 6px !important;
	}

	.footer-content {
		font-size: 15px;
	}

	.footer-link {
		margin-top: 10px;
	}

	.gmCard {
		width: 100%;
	}

	.serviceContent {
		padding-left: 5px;
		padding-right: 5px;
	}

	.footer {
		color: #fff;
		font-size: 14px;
		text-align: center;
		margin-left: -10px i !important;
		padding-bottom: 30px;
	}
  
    /* Service Page */
    
	.faq-modal-size {
		width: 100% !important;
		height: auto !important;
		padding: 20px !important;
		padding-top: 50px !important;
		right: 0 !important;
	}

	.membercardwrapper {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.membercard {
		margin-top: 15px;
		height: auto !important;
	}

	#memberPara {
		font-size: 14px !important;
	}

	.memberbtn {
		margin-top: 30px !important;
		margin-bottom: 15px;
	}

	.fchartCard {
		height: auto !important;
		width: auto!important;
		margin-left: auto;
		margin-right: auto;
		padding-top: 25px !important;
		margin-top: -30px !important;
		padding-left: 0px !important;
		padding-right: 0px!important;
		padding-bottom: 0px !important;
	}

	.fchartCard p {
		margin-top: 20px!important;
	}

	.fchartCard {
		margin-right: 20px!important;
		margin-left: 20px!important;
	}

	#fchartheading {
		font-size: 24px !important;
        /*font: normal normal bold 25px/30px Bilo;*/
		letter-spacing: 0px !important;
        /*padding-right: 14px;*/
		line-height: 1.3;
	}

	.fchartbtn {
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}

	.purchasebtn {
		margin-top: 15px !important;
		margin-left: 0px !important;
		font-weight: 500;
		font-size: 15px;
	}

	.gmCardTitle {
		margin-top: 25px;
		margin-left: 10px;
		font: normal normal 300 26px/25px Bilo;
	}

/*	#signUp .modalclose {
		right: 5px;
		top: 5px;
	}*/

	.user-pass {
		width: 100%!important;
	}

	.gmChartCard p {
		margin-top: 20px;
	}

	.hrline1 {
		display: none;
	}

	#gmsigninImg {
		display: none;
	}

	.serviceRegBtn {
		/*margin-top: 1px;*/
		padding-left: 60px !important;
		padding-right: 60px !important;
	}

	.hrline2 {
		display: none;
	}

	.pricing {
		margin-bottom: 10px !important;
	}

	.pricingpro {
		margin-bottom: 10px;
	}

	.smalltitle {
		margin-top: 45px;
	}

	.hrline3, .hrline4 {
		display: none;
	}

	.fchartCard p {
		margin-top: 15px;
		font-size: 16px;
		text-align: center;
		padding-left: 10px;
		padding-right: 17px;
	}

	.gmsignin {
		display: block;
		margin: auto;
	}

	/*.foundationtalkingchartcontent {*/
	/*	display: none;*/
	/*}*/

	.foundationtalkingbg, .foundationvariablebg {
		display: block;
		height: 150px !important;
	}

	#membertitle {
		font-size: 24px;
	}

	#membertitle img {
		width: 12%;
		position: relative;
		bottom: 3px;
	}

	.serviceheader {
		margin-left: 4px;
		margin-right: 5px;
		padding-bottom: 20px;
	}

	.foundationtalkingchartbold {
		font-size: 20px !important;
	}

	.mobilefoundationimg {
		height: 100%;
		width: 100%;
	}

	#membertitle {
		margin-top: 115px;
	}

	.foundationtalkingchartpara {
		font-size: 18px !important;
		font-weight: 500px;
	}

	.ordernowbtn {
		/*width: 50% !important;*/
		display: block !important;
		margin-right: auto;
		margin-left: auto;
		font-size: 18px !important;
	}

	.talkingchartimg {
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: block;
		height: 230px;
		margin-top: 40px !important;
		box-shadow: 4px 4px 8px 1px #8888;
		margin-bottom: 50px !important;
	}

	#closeButton {
		position: absolute;
		top: 15px;
		right: 15px;
		height: 35px;
	}

	.talkingcharttext {
		margin-left: 25px;
		margin-right: 20px;
	}

	.ordernowimg {
		margin-left: 12px !important;
		width: 35px !important;
	}

	.talkingchartdiscount {
		margin-bottom: 30px;
	}

	.Plusmembership {
		width: 100% !important;
	}

	.faqsec {
		text-align: center;
		margin-left: 0 !important;
	}

	.membershiptitle {
		margin-top: 10px;
	}

	.foundationchart {
		height: 570px !important;
	}

	/*.purchase {*/
	/*	position: absolute !important;*/
	/*	bottom: 15px !important;*/
	/*}*/

	.closeicon {
		left: 343px !important;
	}

	.register-li {
		margin-right: 0px !important;
	}

	.list-inline {
		display: flex;
		flex-direction: row;
	}

	.freechart {
		font-size: 12px;
	}

	.signin {
		font-size: 12px;
	}

	.mobilesupportcontent {
		height: 400px;
	}

	.mobilefoundation {
		display: block;
	}

	.mobilefoundationtalkingchart {
		display: block;
	}

	.talkinggmCard {
		height: 750px;
	}

	.purchasepara {
		display: none;
	}

	.purchasebtn {
		font: normal normal normal 16px/17px Bilo !important;
		font-weight: 600 !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	#ppButton {
		float: left;
		margin-left: -10px;
	}

	#ccButton {
		float: right;
		margin-right: -10px;
	}

	#closeButton {
		position: absolute;
		top: 30px !important;
		right: 20px !important;
		height: 35px;
	}

	.fchartmargin {
		margin-right: 0px !important;
	}

	.footer-mobile {
		display: block;
		font: normal normal normal 16px/23px Bilo;
	}

	#footer-mobile-logo {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 250px;
		padding-bottom: 70px;
		padding-bottom: 68px;
	}

	.footer {
		display: none;
	}

	.privacy-mobile {
		margin-bottom: 10px;
	}

	.mobilepurchasepara {
		color: #079EDF;
		margin-bottom: 10px;
		display: flex;
		justify-content: center;
	}
	
	.tablet-orderbtn{
        display: none;
    }
    
   
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	.leftbordersignin, .rightbordersignin {
		width: 40%;
	}

/*	.socialMediaSignIn {
		margin-left: 7% !important;
		margin-right: 7% !important;
	}*/

	#gmSignForm .btn-danger {
		margin: auto;
	}
}

@media screen and (max-width: 481px) {   
	.list-inline {
        justify-content: space-around;
    }
    
    .signinleft {
        margin: 0;
        height: auto;
    }
    
/*   
	.socialMediaSignIn {
		margin-left: 7% !important;
		margin-right: 7% !important;
	}*/

	.m-display {
		display: none;
	}

	.pay-with {
		text-align: center;
		display: block;
	}
	.mobileapp {
		padding: 50px 30px 10px 30px !important;
	}
	#gmSignForm .form-check {
		margin-top: 5px;
	}

	.signin {
		display: block;
		font: normal normal bold 16px/25px Bilo;
	}

	#newUser {
		margin-left: 10px;
	}

	.gmFaqCard {
		padding: 60px 40px;
	}

	.signinleft {
		display: flex;
		align-items: center;
	}

	#faqquestions {
		font-size: 16px;
	}

	#faqanswers {
		font-size: 13px;
		font-weight: 500;
	}

	.gmFaqCard h3 {
		font-size: 23px;
	}

	/*.birthdatefree .date-picker-control {
		right: 0px;
		top: 0px;
		margin-top: 7px;
		margin-right: 10px;
	}*/

	/*.birthtimefree .ui-datepicker-trigger {
		right: 0px !important;
		top: 0px !important;
		margin-top: 3px;
		margin-right: 4px;
	}
*/
	/*.gmfreeformqmark4, .gmfreeformqmark2, .gmfreeformqmark1 {
		top: 0px;
		right: 0px;
		margin-top: 5px;
		margin-right: 10px;
	}*/

	#createChart .modal-content {
		padding: 15px 8px 8px !important;
		border-radius: 15px !important;
	}

	.membertitle {
		padding: 35px 10px 25px 10px !important;
	}

	.foundationchartwrapper {
		margin-top: 25%;
	}

	.serviceheader {
		padding: 40px 0px 10px;
	}

	.serviceheader #membertitle {
		font-size: 1.5rem !important;
		margin-top: 0px;
	}

	.freeFoundationChartCard {
		margin: 60px 25px 25px !important;
		padding: 10px;
		border-radius: 15px !important;
	}

	.freeFoundationChartCard .foundationchartdetail {
		width: 100%;
/*		margin-top: 0px;*/
	}
	
		.foundationchartwrapper #slidertext {
            font-size: 1.8rem !important;
            /*text-align:left;*/
            line-height: 40px !important;
        }
        
        .foundationchartwrapper .slider{
            margin-top: 55px !important;
            padding: 20px 40px 15px 35px;    
            
        }
            .foundationchartwrapper #sliderpara {
            font-size: 0.9rem !important;
            /*text-align: left;*/
            line-height:20px !important;
        }
    
            .foundationchartwrapper .sliderbtn {
            width: 70% !important;
            display: block !important;
            margin: auto !important;
            margin-top: 20px !important;
        }

        .chart-ff {
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 29px;
    padding: 20px;
    /* margin-left: 80px; */
     width: auto; 
    font-size: 14px;
    margin-top: 20px !important;
    margin-right: -40px;   
    margin-left:-30px !important;
    margin-top: 30px;
}

    .slider .b_card {
        padding: 1rem 0rem !important;
    }
    
       .page-template-template-free-foundation-chart .slider {
            height: 1500px !important;
        }
    
        .foundationchartwrapper .memberbtn{
            padding: 10px 40px !important;
            width:90%;
            font-size:16px !important;
        }
        
        .foundationchartwrapper .h_services h2{
            font-size:2.2rem !important;
        }
        
        .foundationchartwrapper .p_sct div p:nth-child(2) {
            font-size: 1.3rem;
        }
        
        .foundationchartwrapper .p_sct div p {
            color: #444444;
            font-size: 18px;
        }
    
        .free-chart-head{
            font: normal normal bold 18px / 39px Bilo;
        }
	/*.foundationchartbtn {
		font-size: 6px;
		padding: 0px 5px;
		margin-right: 5px;
	}*/

	.cardUl li {
		line-height: 25px;
	}

	.cardUl {
		font: normal normal normal 17px/29px Bilo;
	}
    
    .sidebar-btns {
        flex-direction: row;
    }
    
    /*Plan and features*/
    
	.mobile-service-content-1 {
		height: auto;
	}

	.mobile-service-content-2 {
		height: auto;
	}

	.mobile-service-content-3 {
		height: auto;
	}

	.mobile-service-content-4 {
		height: auto;
	}

	.signinleft {
		display: flex;
		align-items: center;
	}

	.myhub-btn {
		display: flex;
		align-items: center;
	}

	.createFoundationChartbtn {
		margin: 30px auto 0 !important;
		display: block;
	}

	.m-forgetpas {
		display: block;
	}

	.sideBarLogo-19 {
		height: auto;
	}	

	/*.tags-sel {
		margin-top: 10px;
	}*/
	
	.purchse-btn-mob{
	    margin-left: 0px;
	}
/*	#ordernow .modalclose {
        top: 15px;
    }*/
    
    .queicon2 {
        top: 70px;
    }
    
    .talkingchart-bg{
        background-image: url(../../images/background/talking-chart-01@2x.png);
        background-size: 100% auto;
        height: 130px;
    }
    
    .foundationTalkingCharttext-desktop{
	    display: none;
	}
	.foundationTalkingCharttext-mobile{
	    display: block;
	}
	
	.tab-orderbtn{
	    display: none;
	}
	
	.desk-orderbtn{
	    display: block;
        margin: auto;
        float: none;
        margin-top: 10px;
	}
	
	#order-heading{
	    text-align: center;
	}
	
	.foundationtalkingchartcontent{
	    margin-top: 0px;
	}
	
	.foundationchartwrapper-mobile{
	    display: block;
	}
	
	.foundationchartwrapper-desk{
	    display: none;
	}
	
	.ordernowbtn{
	    margin-top: 45px;
        margin-bottom: 15px;
	}
	
	.talkingchartdiscount{
	    margin-bottom: 5px;
	}
	
	.calendar-home{
	    margin-left: 0;
	}
	
	/*Talking Chart*/
	
	.talking-tooltip{
	    right: 40px;
	    margin-top: -55px;
	}
	
	/*Home navbar*/
	
	.shopicon {
        margin-right: 5px;
        margin-top: 0px;
    }
    
    a.nav-link.plans-fea{
        align-items: center;
    }
    
    	    /*New Footer*/
	    
	.third_section_footer {
		padding: 30px 30px;
	}
	
	.footer_column .footer_logo {
        width: 100%;
    }
    
    .first_section_footer {
        padding: 26px 30px 30px;
    }
    
    /*UserTips*/
    
    .user_grid_ img {
        width: 50px;
    }
    
    .tip_card_h5 {
        font: normal normal normal 18px/19px Bilo;
        display: block;
        margin: 0px 16px;
        line-break: strict;
    }
    
    /*Chart Tool*/
    
    .chart-tool-card, .chart-tool-card .container{
        padding: 0;
    }
    
    .charttool-padd {
        padding: 10px;
    }
    
    .chartbuilder_card{
        margin: 0;
        padding: 14px 20px;
        height: 170px;
        width: 100%;
    }
    
    .charttool-text {
        font: normal normal normal 14px/24px Bilo;
    }
    
    .chartbuilder_card img {
        margin-top: 0%;
        width: 60%;
        height: 80px;
    }
    
    .charttool-Backbtn {
	    margin-left: 0;
	    margin-top: 0;
	    position: absolute;
	    top:37px !important;
	}

	.foundationchartwrapper{
		margin-top: 0;
	}

	.foundationchartwrapper .serviceheader{
		padding-bottom: 20px;
	}
}

@media screen and (max-width:425px) {
    
	.svgchart {
		height: 18pc;
		
	}

/*	.socialMediaSignIn {
		text-align: center;
		margin-left: 9% !important;
		margin-right: 9% !important;
		margin-top: 14px !important;
		font-size: 12px !important;
		font-weight: 600 !important;
	}*/	

	.free-talkingchart .talkinggmCard {
		height: 650px;
		padding: 60px 0px 25px !important;
	}

	/*.mobilepurchasepara {*/
	/*	position: relative;*/
	/*	top: 95px;*/
	/*}*/

	/*#createChart .modal-dialog {
		margin-top: 10px !important;
	}*/
/*
	.home-foundationchart .createChartbtn {
		margin: 0px 102px !important;
	}*/

	.scroll-x {
		overflow-x: auto;
		background-color: white;
		background-image: linear-gradient(to right, white 0%, white 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, white 0%, white 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
		background-repeat: no-repeat;
		background-position: left center, right center, left center, right center;
		background-size: 10px 100%, 10px 100%, 10px 100%, 10px 100%;
        /* Opera doesn't support this in the shorthand */
        background-attachment: local, local, scroll, scroll;
        -webkit-overflow-scrolling: touch;
        /* Progressive enhancement of scrollbar on webkit Use media queries to only use on mobile */
    }
    
    /*.shadow-scroll-x::-webkit-scrollbar {*/
    /*  height: 6px;*/
    /*  background-color: white;*/
    /*}*/
    
    /*.shadow-scroll-x::-webkit-scrollbar-thumb {*/
    /*  background-color: #999;*/
    /*  border-radius: 3px;*/
    /*}*/
    
    /*.shadow-scroll-x::-webkit-scrollbar-button {*/
    /*  display: none;*/
    /*}*/
    
    
    
    .signinleft{
        margin: 0;
        height: auto;
    }
    
    .list-inline{
        justify-content: space-around;    
    }
       
    .register-li{
        display: none;
    }
    
    .language-drop{
        left: -30px;
    }
    
    .cancel-btn .bi {
        margin-left: 2px;
    }
    
    .privacypage{
        margin-top: 45px;
    }
    
    .lang_dropdown{
        z-index: 2;
    }
    
    .buynowmodal .modalclose {
        background: #FFF0F0 0% 0% no-repeat padding-box !important;
        border-radius: 1000px;
        width: 35px;
        height: 35px;
        position: absolute;
        right: 10px;
        top: 13px;
    }
   .buynowmodal #close-icon {
        position: absolute;
        right: 7px;
        font-size: 22px;
        top: 0px;
        color: #FC3465;
        cursor: pointer;
    }
    
    .membershiptitle {
        font-size: 26px !important;
    }
    
    .membershipheading {
        font-size: 18px !important;
    }
    
    .membershipinfo p{
        font-size:18px !important;
    }
    
    .plusmembtn {
        width: 136px;
        height: 40px;
        font: normal normal bold 17px/19px Bilo;
        padding: 10px 10px !important;
    }
    
    .forget-password-container{
        padding: 150px 10px 60px 10px;
        width: auto;
    }
    
    .fpassword-icon {
        right: 40px;
    }
    
    .email-forget{
        width: 92%;
    }
    
    .btn-forget{
        display: block;
        margin: auto;
    }
    
    .mobileapp{
        margin-top: 20px !important;
    }
   
}

@media screen and (max-width:420px) {
	/*.forgetpass {*/
	/*	right: -280px;*/
	/*}*/

	/*.regpass {*/
	/*	right: -280px;*/
	/*}*/

	.leftborder {
		top: 8px;
		left: -10px;
	}

	.rightborder {
		top: 8px;
		right: -10px;
	}

}

@media screen and (max-width:404px) {
	/*.forgetpass {*/
	/*	right: -270px;*/
	/*}*/

	/*.regpass {*/
	/*	right: -270px;*/
	/*}*/
}

@media screen and (max-width:390px) {
	/*.forgetpass {*/
	/*	right: -260px;*/
	/*}*/

	/*.regpass {*/
	/*	right: -260px;*/
	/*}*/

	.leftborder {
		width: 60px;
		top: 8px;
		left: -5px;
	}

	.rightborder {
		top: 8px;
		right: -5px;
		width: 60px;
	}

	.dropleftdown .nav-link{
	    font-size: 13px;
	}
	
	#membertitle img {
        width: 15% !important;
    }
    
    .ordernowbtn{
        border-radius: 26px !important;
    }
    
    .serviceheader #memberPara{
        font-weight: bold;  
    }
    
    .smalltitle{
        padding: 0px 50px;
    }
    
    .cardUl {
        margin-left: 0 !important;
    }
    
    .gmFaqCard {
        padding: 25px 20px 40px;
    }
    
}

@media screen and (max-width:375px){
    .mobile-service-content-2 {
        height: auto;
    }
    
    .smalltitle {
        padding: 0px 20px;
    }
    
    .homelog-out{
        display: none;
    }
    
    .m-navnone{
        display: none;
    }
   
    .gmCardTitle{
        margin-top: 30px;
    }
    
    .email-forget{
        margin-left: 0px;
        width: 100%;
    }
    
    .btn-forget{
        width: 280px;
    }
    
}

@media screen and (max-width:370px) {
	/*.forgetpass {*/
	/*	right: -240px;*/
	/*}*/

	/*.regpass {*/
	/*	right: -240px;*/
	/*}*/
		.foundationchartwrapper #slidertext {
        font-size: 1.6rem !important;
       
    }
}

@media screen and (max-width:360px) {
	.signin {
		font: normal normal bold 14px/23px Bilo;
		background: #54931e !important;
		color: #fff !important;
		padding: 2px 2px !important;
		border-radius: 6px;
	}

	.slidertext {
		margin-top: 30px;
	}

	.section3Mobile {
		margin-top: 0px;
	}
	
	.gmCardTitle{
	    margin-top: 25px;
	    font: normal normal 400 25px/26px Bilo;
	}
	
	.rightbordersignin, .leftbordersignin{
	    width: 55px;
	}
	
}

@media screen and (max-width: 320px){
    .storeimage{
        padding-left: 7px !Important;
    }
    
    .mobileSupport{
        padding-left: 20px !important;
    }
    
    .mobileapp{
        padding: 50px 20px 10px 20px !important;
    }
    
    .service-content2 {
        height: 280px;
    }
    
    .service-content2 {
        height: 280px;
    }
    
    .mobile-service-content-2 {
        height: auto;
    }
    
    .mobile-service-content-3 {
        height: auto;
    }
    
    .btn-forget{
        width: 230px;
    }
    
    .svgchart {
        height: 13pc;
    }
}


/* new styles for Home Page */

.p_mobile li{
	float: left;
    list-style: none;
}
.navbar-light .navbar-nav .nav-link {
    color: #666666 !important;
    background: none !important;
}
#navbarNav a.myhub {
	background: #54931e !important;
    color: #fff !important;
    padding: 0px 14px !important;
    border-radius: 10px;
    line-height: 30px;
    font-weight: bold !important;
    margin-left: 5px;
}
.navbar-nav .nav-link {
	color: rgba(0,0,0,.5);
    line-height: 30px;
    padding: 0 15px;
    font-size: 1.25rem;
    font-weight: 300 !important;
}
.shopicon {
	width: 20px;
    margin-right: 6px;
    opacity: 0.7;
}

.sec2icon {
	height: 30px;
    padding-right: 0;
    display: block;
    width: 60px !important;
}
.s_content div {
    display: flex;
    align-items: center;
}
.calendar-home {
    width: 17px;
}
.navbar-toggler {
    padding: 1px 0.75rem;
    border: 0;
    border-radius: 0;
    height: 33px;
    outline: none !important;
}
.navbar-nav{
    display: flex;
    align-items: center;
    font-size: 20px;
}
.navbar-expand-md .navbar-nav {
    display: flex;
    align-items: center;
}
.list-group-item-action {
	width: auto;
    display: block;    
    height: auto;
}
.calendar-home {
    width: 25px;
    margin-top:1px;
}
.talking-home,.report-home{
	width: 25px;
	/*margin-top: 5px;*/
	display: block;
	height: auto;
	object-fit: contain;
	object-position: center;
}
.menu_main {
    position: fixed;
    width: 100%;
    top: 0;
    height: 80px;
	padding: 0 30px;	
    z-index: 999;
    box-shadow: 0px 2px 6px #00000029;
    background: rgba(255, 255, 255, 0.97);
}
.w_pic{
	width: 90%;
    height: 95%;
    margin: 0 auto;
    background: url(assets/images/sharechart.svg) no-repeat 50% 35%;
    background-size: 93%;
}
/* slider */
.slider {
    background: #fafbfc;
    color: #444444;
    background-image: url(../../images/background/Sky.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
    margin-top: 56px;
    width: 100%;
    height: 800px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

.sliderbg_dna {
	background-image: url(../../images/background/DNA.svg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}

.sliderbg {
	background: #fafbfc;
}
.slider .w_cnt_l {
    width: 750px;
}

#slidertext {
	font-size: 3.3rem !important;
    font-weight: bold !important;
}

#sliderpara {
	font-size: 1.6rem !important;
    margin-top: 1rem;
    font-weight: 600;
    margin-bottom: 3rem;
}

#sliderimg{
	position: absolute;
    width: 100%;
    z-index: 2;
}

.slidertextbg{	
    display: flex;
    flex-direction: column;
  	justify-content: center;
  	align-items: center;
}

.sliderimg1 {
	top: 55px;
    left: 85px;
}

.sliderimg2 {
	top: 20px;
    left: 50px;
}

.sliderimg3 {
	top: 0;
	left: 0;
}

.wrapper {
    width: 87%;
    margin: auto;
    align-items: center;
    padding-top: 8rem;
    min-height: fit-content;
}
.slider .row {
    width:100% !important;
 }
.sliderchartbg {
    background-image: url(../../images/background/dna.svg);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 5px !important;
    position: absolute;
    width: 50%;
    height: 100% !important;
    right: 0;
    z-index: 1;
}

.sliderchartbgfree {
    background-image: url(../../images/background/dna.svg);
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 5px !important;
    width: 50%;
    height: 100%;
    right: 0;
    z-index: 1;
    top: 2px;
}
.sliderbtn {
	width: 280px !important;
	letter-spacing: var(--unnamed-character-spacing-0);
	text-align: center;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
	font-size: 1.3rem !important;
	font-weight: 600 !important;
	padding: 10px !important;
	border-radius: 30px !important;
	height: auto !important;
}
.sliderbtn {
	margin-top: 30px;
	border-radius: 20px;
	font-size: 16px;
	width: 190px;
	font-weight: 500;
}

.createChartbtn {
	background: #54931e;
	color: #fff;
	padding: 5px 50px;
	margin-right: 1rem;
	border-radius: 20px;
}
.b_images{
	position: relative;
	width: 582px !important;
	height: 582px !important; 
	margin:  auto !important;   
}
.w_img{
	width: 60px;
    display: flex;
    align-items: center;
    margin: 0 15px 0 0;
}
.w_cnt{
    width: 750px;
    margin: 0 auto;
    height: 100%;
}
.w_cnt_l{
	width: 750px;
    margin: 0 auto;
    height: 100%;
}
.home h3{
	padding: 0 0 1.5rem 0;
}
.icon_store{
	width:  240px;
	height: 80px;
}
.icon_store img{
	width: 100%;
}
.p_icons{
	position: absolute;
    bottom: 0;
}
.p_icons a {
	display: block;
}
.w_laptop{
	width: 100%;
	margin: 0 auto;
	height: auto;
}
.w_laptop img{
	width: 100%;
}
.b_hidden{
	position: relative;
	padding-left:2rem !important;
}
.b_hidden span {
    position: absolute;
    font-size: 15px;
    color: #000;
    top: -25px;
    left: 0;
    opacity: 0;
    text-align: center;
    width: 100px;
    /* margin-left: -13px; */
    transition: 0.3s;
}

.b_hidden span {
    position: absolute;
    font-size: 15px;
    color: #000;
    top: -25px;
    left: 0;
    opacity: 0;
    text-align: center;
    width: 100px;
    /* margin-left: -13px; */
    transition: 0.3s;
}
/*.c_tooltip span{*/
/*	top: -28px !important;*/
/*}*/

.cart-menu-li > a > span {
    top: -16px;
}
.b_hidden a:hover span {
	opacity: 1;
	opacity: 1;
  	transition: 0.3s;
}
.m_block{
	display: none;
}

.modal.show{
	backdrop-filter: blur(10px);
    background-color: rgb(238,244,233, 0.67) !important;
    padding: 0 !important;
}
.modal-backdrop {
   background-color: rgba(0, 0, 0, 0);
}
.gmfreeformqmark4, .gmfreeformqmark1, .gmfreeformqmark2 {
	position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 25px;
}
#close-icon {
    position: absolute;
    right: 9px;
    font-size: 22px;
    top: 4px;
    color: #FC3465;
    cursor: pointer;
}
/*.freefoundationinput {*/
/*    height: 48px !important;*/
/*}*/
.section_srv{
	background: linear-gradient(to right, #dde9d2 50%, #ebebeb 50%);
    padding: 60px 0;
}
#createChart .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 6px 6px 0 6px !important;
 }
#createChart .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 6px 6px 6px !important;
}
#createChart .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    font-size: 15px;
    color: #495057 !important;
}
#createChart .gmfreeformqmark4, #createChart .gmfreeformqmark2, #createChart  .gmfreeformqmark1 {
    right: 15px;
    display: flex;
    align-items: center;
}
#createChart .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 0;
}
/*div#createChart .birthtimefree .ui-datepicker-trigger {
	top: 15px !important;
    display: flex;
    padding: 0;
    right: 15px !important;
    align-items: center;
    outline: none !important;
}*/
#createChart .gmfreeformqmark4 img, 
#createChart .gmfreeformqmark2 img, 
#createChart .gmfreeformqmark1 img{
	width: 20px!important;
}
#createChart .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -20px;
    margin-top: 10px;
}
.page-template-template-user-hub .select2-container--default .select2-selection--single .select2-selection__arrow b{
	margin-left: -20px !important;
}

.page-template-template-cycle-selector .select2-container--default .select2-selection--single .select2-selection__arrow b{
	margin-left: -20px !important;
	margin-top:-7px;
}
.form-group .select2 {
    height: 100%;
}
.formError .formErrorContent {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
}
.formError .formErrorArrow div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.formError .formErrorContent {
    min-width: auto !important;
}
#createChart .form-group {
    position: relative;
}
#createChart .formError {
	top: 0 !important;
    margin-top: -18px !important;
    left: auto !important;
    right: -90px !important;
    width: 135px !important;
}
.tropicalChart p, #tropicalPara li, .app_box p, .s_content {
    font-size: 1.4rem;
    color: #444444;
}
.s_content {
    padding-top: 25px;
}
.w_footer{
    width: 450px;
    margin: 0 auto;
    padding: 32px 0;
}
.w_footer.l_pst{
	padding: 5px 0;
}
.b_footer{
    display: flex;
    align-items: center;    
    justify-content: center;
    
    height: auto;
    flex-direction: column;
}
.third_section_footer{
	width: 300px;
}
.f_header{
    height: auto;
    display: block;
    padding: 0 0 10px 0;
}
.w_content{
	width: 670px;
    margin: 0 auto;
}
#svgObject{
    width: 100% !important;
    height: 100%;
}
.astroChart {
    height: 1045px;
}
.wrapper {
    width: 2740px;
    text-align: center;
}
/* sidepanel  */
.list-group-item-action:focus, .list-group-item-action:focus {
	color: #495057;
	text-decoration: none;
	background: #F0F1F5 0% 0% no-repeat padding-box !important;
}

.list-group-item-action.activemenu:hover{
	background: #DDE9D2 !important;
    color: #6E6D6D !important;
    opacity: 1 !important;
}
.upgrade-tooltip {
	background: red;
}

.hub-sidebar {
	transition: width 2s;
	transition-timing-function: linear;
}

/*sidebar style*/
.in_box {
    padding: 0 30px;
    text-align: left;
}
.logo-name-wrapper {
   position: relative;
   display: flex;
   font-size: 1.2rem;
   overflow: hidden;
   padding: 20px 30px;
}

.sidebar-links ul {
   position: relative;
   padding: 0;
}
#sidebar-wrapper .list-group {
    padding-left: 0;
}
#sidebar-wrapper .list-group-item-action {
    padding: 10px 15px !important;
}
.sidebar-links li {
   position: relative;
   display: flex;
   align-items: center;
   padding: 0 !important;
   margin: 0 auto !important;
}
.toggled .list-group-item-action{
   margin-top: 0 !important;
   margin-bottom: 0 !important;
}
.sidebar-links a {
    font-weight: 400;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    /* height: 60px; */
    padding: 15px 0;
    border: 0;
    width: 100%;
}
.page-template-template-user-hub{
   position: relative;
}

/*.sidebar-links a .sidebartext {
  transition: opacity 0.3s 0.2s, color 0.3s;
}*/

.hide-text .sidebartext {
  display: none;
}
.sidebartext{
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
}

#sidebar-wrapper {
   min-height: 100vh;
   width: 21rem; 
   transition: 0.3s;
}
#sidebar-wrapper .Createchart .chart-btn-text {
    font-size: 1.438rem;
    font-weight: 600;
}
#sidebar-wrapper .list-group {
   width: 100%;
   white-space: nowrap;
}

.name_bar .my-hub .sidebar-person {
    color: #707070;
    font-size: 1rem;
    text-align: left;
    font-weight: 600;
}

#page-content-wrapper {
   min-width: 100vw;
}

.toggled #sidebar-wrapper {
   width: 7.5rem;
}

.toggled  #sidebar-wrapper .list-group .hide {
   display: none;
}

.toggled  #sidebar-wrapper .list-group-item i {
   margin-right: 0;
}

.toggled #sidebar-wrapper .list-group {
   width: auto; 
   text-align: center;
}
.toggled .logo-tablet {
    display: block;
    width: 60px;
}
.toggled .logo-desk{
   display:  none;
}
.toggled .in_box {
    padding: 0 5px;
    text-align: center;
}

.logo-desk{
   width:  276px !important;
}
.toggled .Createchart{
   text-align: center !important;
}

.w_list{
   width: 242px;
   font-size: 1.25rem;
   margin: 0 auto;
   position: relative;
   display: flex;
   align-items: center;
   overflow: hidden;
}

.toggled .w_list{
    width: auto;
}
.gray {
   background-color: rgba(123,123,123) !important;
}
.gray:hover{
   background-color: rgba(123,123,123, 0.61) !important;
}
a.list-group-item-action.gray:not(:disabled):not(.disabled).active,
a.list-group-item-action.gray:not(:disabled):not(.disabled):active  {
  background-color: rgba(123, 123, 123) !important;
}
.btn.Createchart:not(:disabled):not(.disabled).active, .btn.Createchart:not(:disabled):not(.disabled):active {
    background-color: rgb(84, 147, 30) !important;
}
.w-sidepanel .Createchart {
   height: 4.688rem;
   padding: 0 !important;
}
#sidebar-wrapper{
   box-shadow: 0px 2px 6px #00000029;
   padding: 0;
}
.w-sidepanel .Createchart .bi::before, [class^="bi-"]::before, .w-sidepanel .Createchart [class*=" bi-"]::before{
   font-weight: 600 !important;
}
.w-sidepanel .btn {
    font-size: 1.125rem !important;
 }
.w-sidepanel .name_bar {
    padding: 0;
 }
.toggled .sidebar-btns {
    flex-direction: column !important;
        padding: 12px 0;
}
#sidebar-wrapper .sidebar-btns {
    display: flex !important;
    overflow: hidden;
}
.toggled .w_btns .btn {
    width: 95px;
    margin: 5px 0;    
    font-size: 0.9rem!important;
}

.w-sidepanel .w_btns .btn  {
    font-size: 0.9rem!important;
    height: 28px;
    display: flex !important;
    align-items: center !important;
    padding: 0 10px !important;
}
.w_btns .btn i{
   margin: 0px 0px 0 5px;
}
.toggled .w_btns .btn i {
    position: absolute;
    margin: 0px 0px 0 5px;
    right: 9px;
}

.toggled .logo-name-wrapper {
    position: relative;
    display: flex;
    font-size: 1.2rem;
    overflow: hidden;
    padding: 10px 30px;
}
.talking-orderimg{
   width: 25px;
}
.sidebar-btns .btn {
   position: relative;
   text-align: left;
}
.toggled .sidebar-btns .btn {
   font-size: 0.9rem!important;
}
.toggled .sidebaricon {
    margin-right: 0;
}

.toggled .tooltip-gmicon {
    display: block;
}
.toggled .promember-icon {
    margin: 5px auto 0;
    display: block;
}
.toggled .bi-chevron-right, .toggled .bi-chevron-left, .toggled .shrink-tooltip_1 .t_2, .shrink-tooltip_1 .t_1{
   display: block;
}
.bi-chevron-right, .toggled .bi-chevron-left, .toggled .shrink-tooltip_1 .t_1, .shrink-tooltip_1 .t_2{
   display: none;
}
.chart-btn-text {
   font-size: 1.25rem;
   font-weight: 400;
   padding: 0 0 0 15px;
}
.Createchart .chart-btn-text {
   font-size: 1.438rem;
   font-weight: 600;
}
.tooltip-gmicon .tooltiptext-member {
    width: 65px;
    top: 6px;
    left: 0%;
    margin-left: 35px;
}
.toggled .tooltip-gmicon .tooltiptext-member {
   width: 65px;
    top: 2px;
    left: 0%;
    margin-left: 80px;
}
.toggled .tooltip-gmicon .tooltiptext-logout::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-left: -9px;
    top: 3px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #949495 transparent transparent;
    opacity: 1;
}
.toggled .tooltip-gmicon .tooltiptext-logout {
    width: auto;
    background-color: rgb(148,148,149) !important;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0px 3px;
    position: absolute;
    z-index: 1;
    top: 6px;
    right: -50px;
    left: auto;
    margin-left: 0;
    font-size: 11px;
}
.w_list .sidebartext{
   font-size: 1.25rem !important;
    padding: 0 0 0 18px;
    margin-left: 0 !important;
}

.toggled .list-group-item-action {
   width: 100% !important;
}

.toggled .sidebaricon {
    margin-left: 0 !important;
}
.w_list .sidebaricon {
    width: 25px;
    margin: 0 !important;
}
.page-template-template-user-hub .navbar {
    padding: 0;
    position: fixed !important;
}
.mobile-hub-nav .navbar-brand {
    padding: 0;
}
.mobile-hub-nav .logo {
   height: 50px;
}
.name_bar .nav-item a {
    padding: 0;
}
.promember-icon {
    position: relative;
    width: 14px;
    margin-left: 10px;
}
.sidebar-links .Createchart {
    padding: 15px !important;
}

.tooltip-element .tooltip-t {
   opacity: 0;
    margin-left: 8px;
    z-index: 1;
    position: absolute;
    width: auto;
    font-size: 14px !important;
    left: 100% !important;
    margin-top: -15px !important;
    background-color: #54931E !important;
    padding: 7px 16px;
    color: #fff !important;
    top: 50% !important;
    border: none;
    border-radius: 7px;
    box-shadow: 0 3px 10px -3px rgb(70 46 118 / 30%);
    transition: 0.3s;
}

.toggled .tooltip-element:hover .tooltip-t {
   opacity: 1;   
   text-align: center;
   white-space: nowrap;
   transition: 0.3s;
}
.w-sidepanel .btn {
    font-size: 1.125rem !important;
}

.w-sidepanel .Createchart {
    height: 4.688rem;
    padding: 0 !important;
}
.w-sidepanel .Createchart .sidebartext {
    font-size: 1.438rem !important;
    font-weight: 600;
}
.sideBarLogo-19 {
   height: auto;
   margin: auto;
}
/* styles for sign up  */
.bg_sign{
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}
.bg_sign img{
	width: 100%;
	height:  100%;
}
.modal .f_main h3{
	padding: 0 0 1rem 0 !important;
    margin: 0;
    width:420px;
}
.f_main #newUser{
	margin:  0 0 1rem 0 !important;
	font-size: 0.875rem;
}
.b_linies{
    position: relative;
}
.b_linies:before, .b_linies:after{
    content: '';
    width: 60px;
    position: absolute;
    height: 2px;                                   
    background: #ffdede;
    top: 8px;
}
.b_linies:before{
    left: -14px;                                   
}
.b_linies:after{
    right: -14px;                                   
}
.f_main .birthtimefree button {
	display: flex;      
    align-items: center;
	height: 24px;
    width: 20px !important;
    margin-top: -12px !important;
    margin-bottom: auto !important;
    border-radius: 25px;
    top: 50% !important;;    
    right: 15px !important;;
    padding: 0;    
    color: #fff !important;    
}
.f_main button img{
	width: 100% !important;
}
.f_main form{
    width: 100% !important;
    padding: 0 1rem 0 0 !important;
}
.f_main .socialMediaSignIn{
	margin: 0 auto !important;
    padding: 0 1rem 0 0;
    width: 270px;
}
.invalid-feedback {
    line-height: 1rem;
}
.f_main .socialMedia {
    margin: 0 auto !important;
    padding: 0 1rem 0 0;
    width: 270px;
}
.f_main .user-pass {
    background-color: #EFF5EA !important;
    width: 100%;    
    border: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #EFF5EA inset !important;
  box-shadow: 0 0 0px 1000px #EFF5EA inset !important;
}

.f_main .form-group p{
	margin-bottom: 0.2rem;
    position: relative;
    display: flex;
    width:  100%;
    flex-direction: column;
    align-items: center;
}
.f_main .alert{
    width: 100% !important;

}
.f_main .form-group i{
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -12px;
}
form .alert-danger {
    width: 100%;
    padding: 10px;
}
@media only screen and (max-width:  767px){
	.f_main form {
	    width: 100%;
	    padding: 0 !important;
	}
	.f_main .socialMediaSignIn, .f_main .socialMedia {
	    padding: 0;
	}
	.bg_sign{
		display: none;
	}
	.modal-body {
	    padding: 2rem 1rem;
	}
	.modalclose {
	    right: 2rem !important;
    	top: 2rem!important;
	}
	#createChart .createChartbtn {
	    margin: 0.5rem 0 0 0 !important;
	}
	div#signIn .modal-dialog, div#signUp .modal-dialog {
		max-width: 450px !important;
	}
	.modal-content{
		position: relative;
		overflow: hidden;
	}
	.modal-content.talkModal-content{
	    overflow: auto;
	}
	.home .modal-content:before{
		content: '';
	    position: absolute;
	    /*background: url(../../images/background/gmmark.svg) no-repeat;*/
	    background-position: 50% 50%;
	    background-size: contain;	
	    top: 0;
	    left: -50%;
	    width: 100%;
	    height: 100%;	    
	    opacity: 0;
	    z-index: 0;
	}

	.foundationchartwrapper .serviceheader{
		padding-bottom: 0px;
	}

	.foundationchartwrapper .serviceheader #membertitle{
		margin-top: 60px;
	}
	
}
@media only screen and (max-width:  600px){
	div#signIn .modal-dialog, div#signUp .modal-dialog {
		max-width: 100% !important;
	}
}
/*main styles for button close*/
input:focus, button:focus {
  outline: none !important;
  box-shadow: none !important;
  border:  none !important;
}

.modalclose {
	background: #FFF0F0 0% 0% no-repeat padding-box !important;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 1rem;
    top: 1rem;
    z-index: 2;
	transition: 0.3s;
}

#ordernow .modalclose:hover{
	transition: 0.3s;
	color:  #fff;
	background: #f66378 !important;
}
#ordernow .modalclose:hover #close-icon {
    color: #ffffff;
}
@media (min-width: 768px) {
   #sidebar-wrapper {
      width: 21rem;
      transition: 0.3s;
   }

   #page-content-wrapper {
      min-width: 0;
      width: 100%;
   }

   .toggled #sidebar-wrapper {
      width: 7.5rem;
      transition: 0.3s;
   }
}

@media only screen and (max-width: 767px){
   .w-sidepanel{
      position: relative;
   }
   #menu-toggle, .logo-name-wrapper, .toggled .logo-name-wrapper{
      display:  none;
   }
   .toggled #sidebar-wrapper {
      left: -21rem;
      width: 21rem;
      padding: 20px 0 50px 0;
   }
   .toggled .sidebar-btns {
      flex-direction: row !important;
   }
   .toggled .sidebar-btns .btn, .sidebar-btns .btn {
       font-size: 0.9rem!important;
       position: relative;
   } 

   .toggled #sidebar-wrapper .list-group {
       border-top: 1px solid #9e9e9e4d;
   }
    #sidebar-wrapper {
        width: 16rem !important;
      position: fixed;
       z-index: 10;
       border-right: 20px;
       padding: 15px 0 15px 0;
       top: 50px;
       left: 0;
       border-top-right-radius: 20px 20px;
       border-bottom-right-radius: 20px 20px;
	}
   .toggled .in_box {
       text-align: left;
   }
   .toggled #sidebar-wrapper .list-group .hide {
      display: block;
   }
   .toggled .w_list {
      width: 242px;
   }
   .in_box, .toggled .in_box {
    padding: 0 0 0 30px;
   }
   .toggled .tooltip-gmicon {
       display: inline-block;
       text-align: left;
   }
   .nav-item a {
       text-align: left;
       display: flex;
       align-items: center;
   }
   .name_bar .my-hub .sidebar-person {
       margin: 0px 10px 0 0;
   }
   .sidebar-links li {
       position: relative;
       padding: 0 !important;
   }
   .page-template-template-user-hub .navbar-brand{
      width: 168px;
   }
   #sidebar-wrapper .list-group {
       overflow-y: auto;
	   overflow-x: hidden;
   }
   .sidebar-links ul {
       overflow: visible;
   	   margin: 0 0 50px 0;
   }
   .bg_blur{
       overflow: hidden;
   }
   .bg_blur::before{
      content: '';
      position: fixed;
      overflow: hidden;
      width: 100%;
      height: 100%;
      z-index: 2;
   }
   .tooltip-element .tooltip-t {
      display: none;
   }
}
@media (min-width: 2800px) and (max-width:  3600px){
	.astroChart{
		height: 877px;
	}
	.wrapper {
	    width: 2300px;
	    align-items: center;
        padding-top: 8rem;
        min-height: fit-content;
	}
}
@media (min-width: 2550px) and (max-width:  2800px){
	.wrapper {
	    width: 2110px;
	    margin: auto;
	    align-items: center;
        padding-top: 8rem;
        min-height: fit-content;
	}
	.astroChart{
		height: 810px;
	}
}
@media (min-width: 2400px) and (max-width:  2550px){
	.astroChart{
		height: 770px;
	}
	.wrapper {
	    width: 2000px;
	    margin: auto;
	    align-items: center;
        padding-top: 8rem;
        min-height: fit-content;
	}
}
@media screen and (max-width:  2400px){
	.wrapper {
	   width: 100%;
	    display: flex;
        align-items: center;
        padding-top: 8rem;
        min-height: fit-content;
        flex-direction: column;
	}
	#svgObject {
	    width: 2000px !important;
	}
	.astroChart {
	    height: 780px;
	}
	#slidertext {
	    font-size: 3.3rem !important;
	}
	#sec2heading {
	    font-size: 2.4rem !important;
	}
	#sliderpara {
	    font-size: 1.6rem !important;
	    margin-top: 1rem;
	    margin-bottom: 1rem;
	}
	.w_cnt_l, .w_cnt {
	    width: 630px;
	}
	.tropicalChart p, #tropicalPara li, .app_box p, .s_content {
	    font-size: 1.2rem;
	}
	.w_content{
		width: 560px;
	}

	.section_srv .w_cnt_l{
		width: 630px;
		
	}
	.slider .w_cnt_l {
	    width: 100%;
	}
}
@media screen and (max-width:  2300px){
	#svgObject{
	    width: 1660px !important;
	}
	.astroChart{
		height: 648px;
	}
}
.calendar-card #svgObject {
    width: 100% !important;
}
@media screen and (max-width:  2000px){
	.astroChart{
		height: 614px;
	}
	#svgObject{
	    width: 1550px !important;
	    height: 100%;
	    margin: 0 auto;
	    display: flex;
	}
}
@media (min-width: 1548px) and (max-width:1920px){

    .wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        padding-top: 2rem;
        padding-bottom: 1rem;
        min-height: fit-content;
        flex-direction: column;
    }
}
@media only screen and (max-width:1548px){
    .wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        padding-top: 2rem;
        padding-bottom: 0rem;
        min-height: fit-content;
        flex-direction: column;
    }
}


@media screen and (max-width:  1750px){
	.astroChart{
		height: 542px;
	}
	#svgObject{
	    width: 1370px !important;
	}	
	
	 /*.foundationchartwrapper .sliderchartbgfree{*/
  /*      height:94%;*/
  /*  }*/

}
@media screen and (max-width:  1550px){
	.astroChart{
		height: 509px;
	}
	#svgObject{
	    width: 1250px !important;
	}
}
@media screen and (max-width:  1450px){
	.astroChart{
		height: 414px;
	}
	#svgObject{
	    width: 1000px !important;
	}
}
@media screen and (max-width:  1150px){
	.astroChart{
		height: 405px;
	}
	#svgObject{
	    width: 980px !important;
	}
}
@media screen and (max-width:  1050px){
	.astroChart{
		height: 370px;
	}
	#svgObject{
	    width: 880px !important;
	}
}

@media screen and (max-width:  950px){
	#svgObject {
	    width: 830px !important;
	}
	.astroChart {
	    height: 351px;
	}
}
@media screen and (max-width:  900px){
	.astroChart{
		height: 320px;
	}
	#svgObject{
	    width: 768px !important;
	}
}
@media screen and (max-width:  850px){
	#svgObject {
	    width: 680px !important;
	}
	.astroChart {
	    height: 280px;
	}
}

@media screen and (max-width:  1650px){
	.b_images {    
	    width: 430px !important;
	    height: 460px !important;
	}
	#slidertext {
	    font-size: 3rem !important;
	}
	.slider {
	    height: auto;
	    padding: 100px 0;
	}
	.slidertextbg{
		padding: 0 14px;
	}
}
@media screen and (max-width:  1775px){
	.full_mob{
		width: 100% !important;
	}
}
@media screen and (max-width:  1750px){
	#slidertext {
	    font-size: 2.4rem !important;
	}
	#sec2heading {
	    font-size: 2.5rem !important;
	}
	#sec2heading {
	    font-size: 2.2rem !important;
	}
	#sliderpara {
	    font-size: 1.2rem !important;
	}
	.sliderbtn {
	    width: 230px !important;
	}
	#tropicalPara {
	    margin-left: 0 !important;
	}
	.w_cnt_l, .w_cnt, .w_content, .section_srv .w_cnt_l, .slider .w_cnt_l {
	    width: 560px;
	}
	.icon_store {
	    width: 190px;
	    height: 61px;
	}
	.tropicalChart p, #tropicalPara li, .app_box p, .s_content {
	    font-size: 1.1rem;
	}
}

@media screen and (max-width:  1700px){
	.m_block{
		display: block !important;
	}
	.d_block{
		display: none !important;
	}
}
@media screen and (max-width:  1650px){
	.footer_column h5 {
	    font-size: 1.2rem;
	}
}
@media screen and (max-width:  1550px){
	.w_pic {
	    width: auto;
	}
	#sliderpara {
	    margin-bottom: 0;
	}
	.w_footer {
	    width: 410px;
	}
	.footer_column .footer_logo {
	    width: 300px;
	}
	.first_section_footer span, .first_section_footer a, .second_section_footer p{
	    font-size: 14px;
	}
	.footer_social_icons {
	    margin: 22px 0;
	}
	.w_footer {
	    padding: 30px 0 30px 0;
	}
	.second_section_footer p {
	    margin-bottom: 25px;
	}
	.footer_social_icons {
	    margin: 20px 0;
	}
}

@media screen and (max-width:  1450px){	

	.b_images {
	    width: 335px !important;
	    height: 360px !important;
	}	
	.sliderbtn {
	    /*width: 170px !important;*/
	    padding: 7px !important;
	}
	#sec2heading {
	    color: #444444;
	}
	#gmlogo {
		width: 230px;
	}
	.second_section_footer_input {
	    margin: 0 auto;
	}
	.w_footer {
	    width: 360px;
	}
	.first_section_footer span, .first_section_footer a, .second_section_footer p{
	    font-size: 12px;
	}
	
}

@media screen and (max-width:  1300px){
	.p_icons {
	    position: relative;
	    width: 420px;
	}
	.icon_store {
	    width: 160px;
	}
	.p_icons a:nth-child(1){
		float:  left;		
	}
	.p_icons a:nth-child(2){
		float:  left;
		padding-left: 20px;
	}
	.w_cnt {
	    width: 100%;
	}
	.navbar-nav .nav-link {
	    font-size: 16px;
	}
	.app_box .a_text{
		margin:  0 auto 25px;
	}
}
@media screen and (max-width:  1350px){
	.pl-xl-5, .px-xl-5 {
	    padding-left: 1rem!important;
	}
	.w_cnt_l::after {
	    top: 139px!important;
	    left: 160px!important;
	    width: 243px!important;
	}
	.b_hidden span {
	    margin-left: -25px;
	}
}
@media screen and (max-width:  1200px){	
	.slidertextbg{
		padding: 0;
	}	
	.modal #gmSignForm {
	    width: 100% !important;
	}
	.modal h3 {
	    padding: 0 15px !important;
	    margin: 0;
	}
	.modal #newUser {
	    margin: 0 0 15px 15px;
	}
	.first_section_footer {
	    padding: 0 0 46px 0;
	}
	.footer_column h5 {
	    font-size: 1rem;
	}
	.second_section_footer p {
	    font-size: 14px;
	}
	.w_cnt_l, .w_cnt, .w_content, .section_srv .w_cnt_l, .slider .w_cnt_l {
	    width: 460px;
	}
	.f_header {
	    height: auto;
	}
	.w_footer {
	    width: 100%;
	}
	/*.w_footer {
	    padding: 18px 0 0 0;
	}*/
	.b_footer {
	    padding: 0;
	}
	.second_section_footer p {
	    margin-bottom: 20px;
	}
	.template_login_form {
	    margin: 170px auto 110px;
	    padding: 30px 15px;
	    width: 80%;
	}
	.template_login_form #newUser, .gmCardTitle {
	    margin-left: 0 !important;
	}
	.template_login_form #newUser {
	    margin: 10px auto;
	}
	.template_login_form .gmCardTitle {
	    margin-top: 0;
	}
}
@media (min-width:  992px) and (max-width:  1200px){
	.icon_store {
	    width: 130px;
	}	
	.w_pic {
	    background-size: 100%;
	    background-position: 50% 35%;
	}
	#gmlogo {
	    width: 180px;
	}
	.footer_column .footer_logo {
	    width: 264px;
	}
	.first_section_footer span, .first_section_footer a, .second_section_footer p{
	    font-size: 12px;
	}
}

@media screen and (max-width:  1199px){
	.service-content1, .service-content2 {
	    min-height: auto;
	}
	.c-midleHeader {
	    height: auto;
	}
}

@media screen and (max-width:  1350px){
	.w_cnt_l, .w_cnt, .w_content, .section_srv .w_cnt_l, .slider .w_cnt_l {
	    width: 480px;
	}
	#slidertext {
    	font-size: 2.1rem !important;
	}
	#sliderpara {
	    font-size: 1rem !important;
	}
	.createChartbtn, .sliderbtn {
	    font-size: 1rem !important;
	}
	#sec2heading {
	    font-size: 1.6rem !important;
	}
	.tropicalChart p, #tropicalPara li, .app_box p, .s_content {
	    font-size: 1rem;
	}
	.s_content {
	    padding-top: 0;
	}
}
@media screen and (max-width:  1175px){
	.w_cnt_l, .w_cnt, .w_content, .section_srv .w_cnt_l, .slider .w_cnt_l {
	    width: 380px;
	}
	#slidertext {
	    font-size: 1.7rem !important;
	}
	#sliderpara {
	    font-size: 0.9rem !important;
	}
	#sec2heading {
	    font-size: 1.4rem !important;
	}
	.chartPrediction .w_content:before {
	    background-size: 250px !important;
	}
}
@media screen and (max-width:  1075px){
	.w_cnt_l, .w_cnt, .w_content, .section_srv .w_cnt_l, .slider .w_cnt_l {
	    width: 400px;
	}
	.w_cnt_l::after {
	    top: 143px!important;
	    left: 187px!important;
	    width: 253px!important;
	}
	.tropicalChart .w_cnt_l::before {
	    top: 20px;
	    left: -20px;
	}
}
@media screen and (max-width:  1060px){
	.second_section_footer_input, .third_section_footer {
 	   width: 240px;
	}
	.footer_social_icons {
	    margin: 10px 0;
	}
	.first_section_footer span, .first_section_footer a, .second_section_footer p{
	    font-size: 10px;
	}
	.footer_social_icons {
	    font-size: 20px;
	}
	.third_section_footer .get_in {
	    font-weight: 500 !important;
	    font-size: 12px !important
	}
}
@media (max-width: 991px) {
	#createChart .bg_sign {
	    display: none;
	}
	#signIn .modal-content, #signUp .modal-content, #createChart .modal-content, #forgetpassword .modal-content {
	    padding: 1rem !important;
	    border-radius: 15px !important;
	}
}
@media screen and (max-width:  991px){
	#createChart .f_main h3 {
	    padding: 3rem 0 1rem 0 !important;
	    margin: 0;
	}
	#createChart .bg_sign {
	    display: none;
	}
	.tropicalChart .w_cnt_l::before {
	    left: -50% !important;
	    top:  0 !important;
	    width: 500px !important;
	    height: 500px !important;
	    background-position: center center !important;
	    background-size: contain !important;
	    opacity: 0.2;
	}
	.b_images {
	    margin-top: 16px !important;
	}
	.tropicalChart .w_cnt_l::after {
		display:  none;
	}
	.first_section_footer span, .first_section_footer a, .second_section_footer p {
	    font-size: 12px;
	}
	.footer_social_icons {
	    font-size: 30px;
	}
	.third_section_footer .get_in {
	    font-size: 14px !important
	}
	.second_section_footer_input, .third_section_footer {
 	   width: 300px;
	}
	.footer_column .footer_logo {
	    width: 300px;
	}

	.wrapper {
	    width: 100%;
	    padding: 0 30px;
	}
	.astroChart{
		margin:  0;
	}
	.nav-item a {
	    text-align: left;
	}
	.w_cnt {
	    width: 619px;
	}
	.tropicalChart{
		background: none;
	}
	.chartPrediction {
	    background-size: 300px !important;
	}
	.b_lang{		
	    padding: 0 4px 0 0;
	    color: #666666 !important;
	}
	.navbar-toggler {
	    height: 30px !important;
	    margin-left: 5px !important;
	    padding: 0;
	}
	.signin {
	    background: #54931e !important;
	    color: #fff !important;
	    padding: 0 10px !important;
	    border-radius: 10px;
	}
	.signinleft {
	    margin-right: 15px !important;
	}
	.p_mobile li {
	    display: flex;
	    align-items: center;
	}
	.nav-link {
	    padding: 0 15px 0 0;
	}
	.b_hidden span {
		display: none;
	}
	.navbar-nav .nav-link {
	    font-size: 16px;
	}
	.talking-home,.report-home {
	    width: 25px;
	    height: auto;
	    margin-top: 0;
	}
	.slidertextbg {
	    display: block;
	}
	#slidertext {
	    font-size: 2.7rem !important;
	    text-align: center;
	}
	#sliderpara {
	    font-size: 1.3rem !important;
	    text-align: center;
	}
	.sliderbtn {
	    margin-right: 0 !important;
	}
	.sliderbtn.registerbtn{
		float:  left;
	}
	.sliderbtn.createChartbtn{
		float:  left;
	}
	.sliderbtn.register-btn{
		float:  right;
	}
	.DesktopSection{
   		/*margin: auto;*/
   		/*width: 100%;*/
   		width: 100%;
        column-gap: 15px;
        padding: 20px;
	}
	.DesktopSection .sliderbtn{
		width: 100%!important;
		margin-left:20px !important;
	}
	.w_pic {
	    width: 400px;
	    height: 400px;
	}
	 .w_pic {	   
	    background-size: cover !important;
	    margin-top: 15px !important;
	    margin-bottom: 15px !important;
	}
	.section_srv {
	    background: linear-gradient(to bottom, #dde9d2 0, #ebebeb 70%);
	    padding: 60px 0 30px 0;
	}
	#sec2heading {
    	font-size: 2.2rem !important;
    	text-align: center;
    	padding-top:2rem;
	}
	.home h3 {
	    padding: 0 0 1rem 0;
	}
	.menu_main {
    	height: auto;
	    padding: 0 15px;
	}
    
	.navbar-nav {
	    display: block !important;
	    column-fill: balance;
	    -webkit-columns: 2;
	    -moz-columns: 2;
	    columns: 2;
	    padding: 5px 0 0 0;
	}
	.p_mobile .nav-item a, .nav-item .registerbtn {
	    text-align: left;
	    font-weight: 500 !important;
	    font-size: 16px !important;
	    height: 30px;
	    padding: 0 13px;
	    line-height: 30px !important;
	    display: flex;
    	align-items: center;
	}
	.p_mobile .signin, .nav-item .registerbtn{
		display: flex;
	    align-items: center;
		border-radius: 13px !important;
	    font-weight: 500;
	    width: 100%;
	    padding: 0 13px;
	}
	.navbar-nav .nav-item {
	    padding: 10px 0;
	    border-top: 1px dashed #9e9e9e;
	}
	.navbar-light .navbar-nav .nav-link {
	    height: 30px;
   		padding: 0;
	}
	.slider {
	    background-size: cover;
	}
	.p_icons {
	    margin: 0 auto;
	}
	.p_icons a:nth-child(2){
		float:  right;
		padding-left: 0;
	}
	.tropicalChart p{
	    margin: 0 auto 20px;
	}
	.a_text{
		/*width: 620px;*/
    	margin: 20px auto 30px;
	}
	.third_section_footer {
	    padding: 0;
	}
	.footer_social_icons {
	    margin: 15px 0;
	}
	.tropicalChart .w_cnt_l {
 	   background: none;
 	   padding: 80px;
	}
	.w_footer.l_pst {
	    padding: 15px 0 30px 0;
	}
	.w_cnt_l, .w_cnt, .w_content, .section_srv .w_cnt_l, .slider .w_cnt_l{
		padding: 0 30px;
	    width: 620px !important;
	}
	.createFoundationChartbtn {
	    margin: 30px auto 0 !important;
	    display: block;
	}
	.w_footer {
	    width: 450px;
	    padding: 30px 0 30px 0;
	}
	.chart-position {
	    margin: 0;
	}
	.first_section_footer {
	    padding: 0;
	    line-height: 18px;
	}
	.first_section_footer span {
	    margin-top: 0;
	}
	.sliderbtn {
		margin-top: 2rem;
	    margin-bottom: 2rem;
	}
	.second_section_footer p{
		width: 280px;
    	margin: 0 auto 15px;
	}
}
@media only screen and (max-width: 1100px){
	.b_lang{
		display:  none;
	}
}
@media screen and (max-width:  768px){
	.template_login_form {
	    width: 100%;
	}
	.modal .socialMediaSignIn {
	    width: 240px ;
	}
	.modal h3 {
	    padding: 0 15px 15px !important;
	    margin: 0;
	}
	.createchartmodel .modalclose {
	    right: 1rem !important;
	    top: 1rem !important;
	}
	#createChart .f_main h3 {
	    padding: 1.5rem 0 1rem 0 !important;
	    margin: 0;
	}
	#createChart .modal-body {
	    padding: 2rem 0;
	}
	.tropicalChart p, .a_text, .w_Support, .w_cnt, .w_cnt_l{
	    width: 100%;
	} 
	.chartPrediction .w_content:before {
	    top: 0 !important;
	    right: 0 !important;
	    bottom: 0 !important;
	    left: 0 !important;
	    background-size: 250px !important;
	} 
	#createChart .select2-container .select2-selection--single .select2-selection__rendered {
	    font-size: 13px;
	}
	#createChart .select2-container{
		width: 100% !important;
	}
	#tropicalPara, .tropicalChart p, .a_text{
		width: 100%;
		
	}
	.list-inline-item:not(:last-child) {
	    padding: 0 !important;
    	margin: 0 !important;
	}
	#slidertext {
	    width: 100%;
	    font-size: 2.7rem !important;	    
	}
	.b_images {
	    width: 290px !important;
	    height: 290px !important;
	}
	.sliderimg2 {
	    top: 10px;
	    left: 25px;
	}
	.sliderimg1 {
	    top: 24px;
	    left: 42px;
	}
	.b_images {
	    margin-top: 16px !important;
	}
	.slider {
	    height: auto;
	    padding: 50px 0;
	}
	.sliderbtn {
	    width: 49% !important;
	    margin: 15px 0 0 0;
	    line-height: 24px;
	    font-size: 16px !important;
	}
	.w_pic {
	    width: 300px;
	    height: 300px;
	}
	.section3Desktop {
	    padding: 30px 0 15px 0;
	}
	#sec2heading {
	    font-size: 1.7rem !important;
	    text-align: center;
	}
	.tropicalChart {
	    background: none;
	}
	.w_cnt {
	    width: 100%;
	}
	.bgGroup {
	    padding: 30px 0 15px 0;
	}
	.icon_store {
	    width: 130px;
	    height: 60px;
	}
	.p_icons {
	    width: 280px;
	}	
	.slider {
	    margin-top: 50px;
	}
	.w_astroChart #svgObject {
	    width: 500px !important;
	    height: 100% !important;
	}
	.astroChart {
		margin-top: 15px !important;
	    overflow: hidden;
	    width: 100% !important;
	    height: 885px !important;
	}
	#section2 {
	    margin-left: 0;
	    margin-right: 0;
	    margin-top: 0 !important;
	}
	.section {
	    margin-top: 20px !important;
	}
	.m_sct{
		text-align: center;
	    width: 445px;
	    margin: 0 auto;
	}
	#createChart .formError {
	    right: 0 !important;
	}
	.w_footer {
	    width: 90%;
	}
	.w_cnt_l, .w_cnt, .w_content, .section_srv .w_cnt_l, .slider .w_cnt_l {
	    width: 550px !important;
	}
	.bgGroup .tropicalChart p {
	    margin: 0 auto 30px;
	}
	#signIn .modal-content, #signUp .modal-content, #createChart .modal-content, #forgetpassword .modal-content {
	    padding: 0 !important;
	}
	#createChart .createChartbtn {
	    margin: 0;
	}
	    div.p_talking h2 {
        font-size: 1.5rem;
    }

	
}
.slider.sliderDesktop .container-fluid {
    z-index: 2;
}
@media screen and (max-width:  768.9px){
	.mobile-version {
		display: block !important;
	}
	.desktop-version {
	    display: none !important;
	}
}
@media screen and (max-width:  767px){
	.navbar-toggler {
	    margin-left: 10px !important;
	}
	.p_mobile .signin, .nav-item .registerbtn {
	    padding: 0 7px !important;
	}
	.mobileapp {
		padding: 25px 15px 10px 15px !important;
	}
	.tropicalChart p, #tropicalPara li, .app_box p, .s_content{
	    font-size: 1rem;
	}
	.section_srv {
	    padding: 30px 0 10px 0;
	}
	.app_box {
	    padding: 2rem 0 3rem;
	}
	#gmlogo {
	    width: 180px;
	}
	.w_pic {
	    margin-bottom: 30px !important;
	}	
}
@media screen and (max-width: 575px) {
	#gmlogo {
	    width: 30px !important;
	}
	.logo .d-sm-none{
		display: block;
	}
	.logo .d-sm-block{
		display: none;
	}
	.slider {
	    margin-top: 30px;
	}
	.menu_main {
	    padding: 10px 15px;
	} 
	.w_cnt_l, .w_cnt, .w_content, .section_srv .w_cnt_l, .slider .w_cnt_l {
	    width: 100% !important;
	}
	
	.foundationchartwrapper .serviceheader #membertitle{
		margin-top: 30px;
		margin-bottom: 0px;
	}

}
@media screen and (max-width:  530px){
	.w_astroChart #svgObject {
	    width: 300px !important;
	}
	.astroChart {
	    padding: 0;
	}
	#slidertext {
    	font-size: 1.5rem !important;
	}
	#sliderpara {
	    font-size: 0.9rem !important;
	}	
}
@media screen and (max-width:  500px){
	.m_sct .sliderbtn {
	    float: none !important;
	    width: 100% !important;
	}
	.m_sct{
	    width: 230px;
	}
}

@media screen and (max-width: 481px){
	.foundationchartwrapper .serviceheader #membertitle{
		margin-top: 30px;
	}

	.foundationchartwrapper .serviceheader{
		padding-bottom: 0px;
	}
	
	    .foundationchartwrapper .sliderchartbgfree {
        display:none;
    }

}


@media screen and (max-width:  450px){
	.sliderbtn.registerbtn, .sliderbtn.createChartbtn{
		float:  none;
	}
	.DesktopSection{
		width: 100%;
	}
	
	.DesktopSection .sliderbtn {
        min-height: 44px !important;
        width: 200px !important;
        margin: 20px 10px !important;
    }
    
	.chartPrediction {
	    background-size: 220px !important;
	}
	.w_pic {
	    width: 250px;
	    height: 250px;
	}	
	.p_mobile .nav-item a, .nav-item .registerbtn {
	    font-size: 14px !important;
	}
	.navbar-toggler-icon {
	    width: 0.9rem;
	    height: 0.9rem;
	}
	.navbar-toggler {
	    font-size: 0.9rem;
	}
	.b_lang{
		display:  none;
	}
	.second_section_footer_input, .footer_column .footer_logo {
	    width: 100%;
	}
}
@media screen and (max-width:  385px){
	.b_images {
	    width: 220px !important;
	    height: 220px !important;
	}
	.navbar-light .navbar-nav .nav-link {
	    padding: 0;
	}
	.slider {
	    padding-left: 15px;
	    padding-right: 15px;
	}
}
@media screen and (max-width:  330px){
	.p_mobile .nav-item a, .nav-item .registerbtn {
	    font-size: 13px !important;
	}
}
/* Plan and Features  */

@media (min-width: 1440px) and (max-width:  1800px){
	/*.b_services {
	    width: 1790px;
	    margin: 0 auto;
	}*/
	.serviceCard {
	    border-radius: 20px !important;
	    padding: 30px 20px !important;
	}
	.serviceCard ul {
	    font-size: 1.1rem;
	    line-height: 1.85rem;
	}
	.sct_l {
	    min-height: 501px;
	}
	.c-head h4 {
	    font-size: 1.75rem;
	}
	.serviceContent button {
	    width: auto;
	    height: 40px;
	    font-size: 1rem;
	}
	.srv_a h5, .srv_a a {
	    font-size: 1.2rem;
	}
	/*.srv-price h4 {
	    font-size: 1.5rem;
	}*/
	.srv_a {
	    min-height: 260px;
	}
	.serviceRegBtn, .serviceBtn {
	    font-size: 16px !important;
	}
	.ll-rds span {
	    font-size: 1.2rem;
	    width: 250px;
	}
	.rr-rds .fchartbtn {
	    font-size: 1.2rem !important;
	    min-width: 227px;
	    margin-right: 0 !important;
	    padding: 0 20px !important;
	}
	.t_card p {
	    font-size: 1rem;
	    width: 370px;
	}
	.lr_rds {
	    border-radius: 25px;
	}
}
@media only screen and (max-width:  1439px){
	.serviceContent {
	    display: flex;
	    flex-wrap: wrap;
	    width: 860px;
	    margin: 0 auto !important;
	}
	.sCard{
		margin: 0 0 30px 0;
	}
	.serviceContent .sCard_1 .sct_l{
		min-height: 400px;		
	}
	.serviceContent .sCard_2 .sct_l{
		min-height: 400px;		
	}
	.ll-rds span {
	    font-size: 1.5rem;
	}
	.c_card {
	    flex-direction: column;
	}
	.ll-rds {
	    padding: 50px 0 25px 0;
	    text-align: center;
	}
	.t_card {
	    text-align: center;
	}
	.rr-rds {
	    padding: 25px 0 55px 0;
	}
	.b_card {
	    width: 920px;
	    margin: 0 auto !important;
	}
	

	.serviceContent {
    	padding: 50px 0 0 0;
	}
}


@media (min-width: 1700px) and (max-width:  1800px){
	.b_services {
	    width: 1610px;
	}
	
	
}
@media (min-width: 1700px){
	.bottom-plan{
     margin: 100px 0 1rem 0 !important;
    }
   .pro-plan .bottom-plan{
    margin-top:108px !important;
    }
 }

@media (min-width: 1615px) and (max-width:  1700px){
	.b_services {
	    width: 1580px;
	}
	.serviceCard {
	    width: 350px;
	}
}
@media (min-width: 1441px) and (max-width:  1615px){
	.srv-price h4 {
	    font-size: 2rem;
	    margin: 0 0 5px 0;
	}
}
/*@media (max-width: 1440px){
	.serviceContent {
	    width: 100%;
	    padding: 0 2rem !important;
	}
	.t_card p {
	    width: 370px !important;
	}
}*/
@media (min-width: 1550px) and (max-width:  1615px){
	.b_services {
	    width: 1440px;
	}
	.sct_l {
	    min-height: 533px;
	}
	.serviceCard {
	    width: 320px;
	}

}
@media (min-width: 1440px) and (max-width:  1550px){
	.b_services {
	    width: 1525px;
	    zoom: 0.95;
	}

	.serviceCard {
	    width: 350px;
	}
	.serviceCard ul {
	    font-size: 1.2rem;
	    line-height: 1.9rem;
	}
	.t_card p, .serviceContent button {
		font-size: 1.2rem;
		width:  auto;
	}
	.sct_l {
	    min-height: 546px;
	}
}

@media only screen and (max-width:  1440px){
	.b_services {
	    width: 100%;
	}
}
@media only screen and (max-width:  991px){
	#slidertext, .h_services h2 {
	    line-height: 3.2rem !important;
	    font-size: 3rem !important;
	    text-align: center;
	}
	.serviceContent {
	    padding: 2rem 0 0 0;
	}
	.h_services p {
	    line-height: 1.9rem !important;
	    font-size: 1.4rem !important;
	}
	.serviceCard {
	    width: 345px;
	    padding: 2rem !important;
	    border-radius: 25px !important;
	}
	.lr_rds {
	    border-radius: 25px;
	}
	.t_card {
	    padding: 2rem 0;
	}
	.serviceContent {
	    width: 716px;
	}
	.serviceCard ul {
	    font-size: 1rem;
	    margin: 1rem 0;
	    line-height: 1.5rem;
	}
	.c_card {
	    padding: 2rem 1rem;
	}
	.t_card, .rr-rds {
	    padding: 0;
	}
	.t_card p {
	    margin: 1rem auto 1.5rem;
	}
	.sct_l {
	    min-height: 420px;
	}
	.serviceContent .sCard_2 .sct_l, .serviceContent .sCard_1 .sct_l {
	    min-height: 275px;
	}
	.f_btn {
	    padding: 15px 0 0 0;
	}
	.c-head h4 {
	    font-size: 2rem;
	}
	.srv_a h5, .srv_a a {
	    font-size: 1.2rem;
	}
	.srv-price h4 {
    	font-size: 2.3rem;
	}
	.srv_a {
	    min-height: auto;
	}
	.serviceContent button {
	    height: 40px;
	    font-size: 1rem;
	}
	#sliderpara {
	    line-height: 1.9rem !important;
	    font-size: 1.4rem !important;
	    text-align: center;
	}
	.b_card {
	    width: 716px;
	    padding: 0;
	}
}
@media only screen and (max-width:  768px){
	.serviceContent {
	    width: 100% !important;
	}
	.b_card {
	    width: 390px;
	    padding: 0;
	}
	.serviceCard {
    	width: 100%;
	}
	.t_card p {
	    font-size: 1rem;
	    width: 100%;
	    margin: 0;
	    padding: 0 1rem;
	}
	.c_card {
	    padding: 0;
	}
	.rr-rds .fchartbtn {
	    font-size: 1.2rem !important;
	    min-width: 212px;
	    height: 50px;
	    margin: 0;
	    padding: 0 24px !important;
	}
	.ll-rds span {
	    font-size: 1.2rem;
	    width: 266px;
	}
	.rr-rds .fchartbtn img {
	    width: 30px;
	    margin: 0 0 0 10px;
	}
	.ll-rds {
	    padding: 2rem 1rem 1rem 1rem;
	}
	.rr-rds {
	    padding: 1rem 0;
	}
	.serviceContent .sCard_2 .sct_l, .sct_l, .serviceContent .sCard_1 .sct_l {
	    min-height: auto !important;
	}
	/*.serviceContent {
	    width: 506px;
	}
	.b_card {
	    width: 574px;
	}*/
	.h_services{
		padding: 0 1rem;
	}
	.p_services .h_services h2 {
	    font-size: 2rem;
	}
	.p_services .h_services p {
	    font-size: 1.25rem !important;
	}
	.p_services {
  	  padding: 106px 0 50px 0 !important;
	}
	.serviceContent {
    	padding: 1rem 0 0 0;
	}
	.serviceContent button {
	    margin: 0 auto;
	}
	.serviceCard hr {
	    margin-top: 25px;
    	margin-bottom: 20px;
	}
	.sCard {
	    margin: 0 auto 30px auto;
	    width: 390px;
	    display: block;
	}
	
   
}
@media screen and (max-width:  500px){
	.m_sct .sliderbtn {
	    float: none !important;
	    width: 100% !important;
	}
	.m_sct{
	    width: 230px;
	}
	#createChart .f_main h3 {
	    font-size: 1.4rem;
	}
	.sCard, .b_card {
	    width: 90%;
	}
	.p_services .h_services h2 {
	    line-height: 2rem !important;
	    font-size: 2.8rem !important;
	}
}

.s_posts{
	width: 1360px;
	margin: 0 auto;
}
.p_talking {
    padding: 130px 0 80px 0;
    background-color: #fff;
}
.p_talking h2 {
    color: #444444;
    font-weight: 700;
    font-size: 4rem;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row;
    justify-content: center;
}

.foundationchartwrapper h2{
    font-weight:600;
}
.p_talking h2 img{
	margin: 0 0 0 25px;
}
.f_sct{
	margin: 50px 0 0 0;
}

.foundationchartwrapper .f_sct {
    margin: 0px 0 0 0;
}
.c_post{
	display: flex;
	flex-direction: row;
	margin-top: 5rem;
}
.i_post{
	padding: 0 3rem;
	font-size: 1.25rem;
	color: #444444;
	display: flex;
  	flex-direction: column;
  	/*justify-content: space-between;*/
}
.i_post h3{	
	font-size: 1.875rem;
    margin: 5px 0 1rem 0;
    font-weight: 600;
    text-transform: uppercase;
}
.c_post div:nth-child(1) img{
	width: 370px;
	height: 100%;
	box-shadow: 4px 5px 12px 0px #8888;
    border-radius: 15px;
}
.i_post a{
	text-decoration: none;
	font-weight: 600;
	color: #444444;
}
.c_post a.btn_order{
	border-radius: 18px !important;
    background-color: #54931E;
    color: white !important;
    font-weight: 600 !important;
    font-size: 1.563rem !important;
    padding: 0 30px !important;
    margin-top: 0;
    height: 69px;
    width: auto !important;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.foundationchartwrapper h2 {
    color: #444444;
    font-weight: 700;
    font-size: 3rem;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row;
    justify-content: center;
}
div.s_posts div.i_cnt {
    box-shadow: 4px 5px 12px 0px #8888;
}
div.s_posts .c_iframe{
	box-shadow: none !important;
}
.c_post a.btn_order, .ordernowbtn,
.c_post a.btn_order:active, .ordernowbtn:active,
.c_post a.btn_order:focus, .ordernowbtn:focus  {
  border:none !important;
  box-shadow: none !important;
}
.btn_links{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0 0 0;
}

.foundationchartwrapper h2 img {
    margin: 0 0 0 25px;
    width: 40px !important;
}
.f_sct{
	height: 560px;
	background-image: url("../../images/background/talking-chart-01@2x.png");
	background-size: cover;
}

.report_sct{
	height: 560px;
	background-image: url("../geneticmatrix/assets/images/Reports Main Page.png");
	background-size: cover;
}
.c_post .btn_links .d_btn, .mob_cnt{
	display: none !important;
}
/*.d_btn{
	display: block !important;
}*/
.t_img{
	margin: 30px 0 0 0;
}
.c_tlk .bl_btn {
    width: 100%;
    margin: 0 auto;
    position: relative;
    bottom: 0;
    left: auto;
    margin-left: 0;
}
.c_tlk .ordernowbtn {
    margin-bottom: 0;
    margin-top: 50px;
}
/* style for talking charts */
.c_tlk{
    display: flex;
    flex-direction: row;
    margin: 100px 0 0 0;
}
.s_cnt{
    padding: 0 0 0 100px;
}
.iframe-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 76.25%;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.s_cnt h3{
    font-size: 1rem !important;
    font-weight: 600 !important;
}
.i_cnt{
    width: 380px;
    height: auto;
    overflow: hidden;
    margin: 100px 0;
    border-radius: 16px;
}
.i_cnt img{
    width:  100%;
}
.t_box{
    width: 460px;
    text-align: center;
}
.n_tlk{
    font-size: 1.25rem;
}
.l_tlk{
    color: #1592E6;
    font-size: 1.375rem;
}
.btn_order{
    border-radius: 50px !important;
    background-color: #54931E;
    width: 100%;
    margin: 80px 0 ;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 1.563rem !important;
    height: 80px;
    box-shadow: none !important;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.t_price{
    color: #707070;
    font-weight: 600;
    font-size: 2.5rem;
    margin: 0 0 40px 0;
}
.t_img{
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.bl_btn{
    width: auto;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
}
@media only screen and (max-width: 1560px){
    div.s_cnt {
        padding: 0 0 0 40px !important;
    }
    div.btn_order {
        margin: 50px 0;
    }
    .btn_order {
        margin: 60px 0 40px 0;
        height: 60px;
    }
}
@media only screen and (max-width: 1330px){
    div.t_price {
        font-size: 2rem;
        margin: 0 !important;
    }
   /* a.btn_order {
        margin: 35px 0 !important;
    }*/
    div.i_cnt {
        width: 340px !important;
    }
    div.btn_order{
        margin: 25px 0 20px 0 !important;
        height: 60px !important;
    }
}
@media only screen and (max-width: 1199px){
    div.t_box {
        margin: 0 auto !important;
        padding: 0 0 50px 0;
        width: 350px;
    }
    div.s_posts div.i_cnt {
        width: 250px !important;
        margin: 50px 0 !important;
    }

}
@media only screen and (max-width: 500px){
    div.i_cnt {
        width: 100% !important;
    }
}
@media only screen and (max-width: 1560px){
	div.p_talking h2 {
	    font-size: 3rem;
	}
	.s_posts {
	    width: 1200px;
	}
	.c_post div:nth-child(1) img {
	    width: 230px;
	}
	.c_post a.btn_order {
	    font-size: 1.2rem !important;
	    padding: 0 30px !important;
	    height: 50px;
	    width: auto !important;
	}
	.i_post {
	    font-size: 1rem;
		padding: 0 3rem;
	}
	.i_post h3 {
	    font-size: 1.5rem;
	}
	div.p_sct div p:nth-child(1) {
	    font-size: 1.5rem;
	}
	div.p_sct div p:nth-child(2) {
	    font-size: 1.2rem;
	}
	.f_sct{
		height: 520px;
	}
}
@media only screen and (max-width: 1320px){
	.s_posts {
	    width: 1110px;
	}
	.f_sct{
		height: 390px;
	}
}
@media only screen and (max-width: 1200px){
	.s_posts {
	    width: 980px;
	}
	.i_post {
	    font-size: 14px;
		padding: 0 2rem;
	}
	
	div.p_sct div p:nth-child(1) {
	    font-size: 1.2rem;
	}
	div.p_sct div p:nth-child(2) {
	    font-size: 1rem;
	}
	.f_sct{
		height: 350px;
	}
}
@media only screen and (max-width: 1150px){
	.s_posts {
	    width: 900px;
	}
	.c_post a.btn_order {
	    font-size: 1rem !important;
	    padding: 0 20px !important;
	    height: 50px;
	}
}
@media only screen and (max-width: 1030px){
	.f_sct{
		height: 320px;
	}
}
@media only screen and (max-width: 992px){
	.btn_links > a{
		display: none;
	}
	.f_sct{
		height: 300px;
	}
	.c_post .btn_box{
		display: none !important;
	}
	.c_post .btn_links .d_btn{
		display: block !important;
	}
	.s_posts {
	    width: 80%;
	}
	.i_post h3 {
	    font-size: 1.2rem;
	    margin: 5px 0 15px 0;
	}
	.c_post div:nth-child(1) img {
	    width: 230px;
	    height: auto;
	}
}
@media only screen and (max-width: 777px){
    .foundationchartwrapper .f_sct {
        height: 500px;
        background-position-x: center;
    }
    
    .foundationchartwrapper .p_sct{
        display:block !important;
    }
	.f_sct {
	    height: 200px;
	}
	.p_sct{
		display: none !important;		
	}
	.mob_cnt{
		display: block !important;
		position:  relative !important;
	}
	.c_post {
	    flex-direction: column;
	}	
	.c_post {
	    margin-top: 3rem;
	}
	.c_post:nth-child(1){
		margin-top: 1rem;
	}
	.i_post {
	   padding: 0;
	}
	.i_post {
	    font-size: 1.2rem;
	}
	.i_post h3 {
	   margin: 30px 0 15px 0;
	}
	.btn_links {
	    margin: 20px 0 0 0;
	}
	.p_talking {
	    padding: 100px 0 40px 0;
	}
	.c_post div:nth-child(1) img {
	    width: 300px;
	    display: block;
	    margin: 0 auto;
	}
	.p_talking .h_services h2 {
	    font-size: 1.5rem !important;
    	line-height: 1.5rem !important;
	}
	.f_sct {
	    margin: 30px 0 0 0;
	}
}
@media only screen and (max-width: 450px){
	.f_sct {
	    height: 136px;
	}
	.c_post div:nth-child(1) img{
		width: 100%;
	}
	.btn_links {
	    flex-direction: column;
	    margin: 25px 0 0 0;
	}
	.c_post a.btn_order {
	    font-size: 1rem !important;
	    height: 60px;
	    margin: 15px 0 0 0;
	    width: 300px !important;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
}

    
@media only screen and (max-width: 1500px){
    div.s_cnt {
        padding: 0 0 0 40px;
    }
    div.btn_order {
        margin: 50px 0;
    }
     .btn.ordernowbtn {
        /*width: 250px !important;*/
        width: 20rem !important;
        font-size: 1.563rem !important;
        height: 60px;
        padding: 10px 34px !important;
    }
}
@media only screen and (max-width: 1260px){
    div.t_price {
        margin: 0 0 35px 0;
    }
    div.btn_order {
        margin: 35px 0;
    }
   
}
@media only screen and (max-width: 767px){
	div.s_posts div.c_tlk {
	    flex-direction: column;
	    margin: 0;
	}
	div.s_posts div.s_cnt {
	    padding: 0 !important;
	}
	div.p_talking div.s_posts div.i_cnt {
	    width: 100% !important;
	    margin: 50px 0 !important;
	}
	div.s_posts div.t_box {
	    padding: 0;
	}
	div.s_posts a.btn_order {
	    margin: 30px 0 20px 0 !important;
	}
	div.f_bg  .ordernowbtn {
    	width: 100% !important;
    }
    div.f_bg {
	    height: auto;
	    background-size: contain;
	    margin: 35px 0 0 0;
	}
	div.t_img {
	    margin: 35px 0 0 0;
	}
	div.p_talking h2 img {
	    width: 30px;
	}
	.s_posts .c_tlk .bl_btn {
	    width: auto;
	    margin: 0 auto !important;
	}
	.s_posts .btn.ordernowbtn {
	    width: 220px !important;
	    font-size: 1.2rem !important;
	    height: 48px;
	    display: flex !important;
	    padding: 0 34px !important;
	    align-items: center;
	}
}
@media only screen and (max-width: 560px){
	div.t_box {
	    width: 100% !important;
	}
	div.t_box .btn_order {
	    font-size: 1.2rem !important;
	}
}

.talkinggmCard h3{
    margin: 0 0 25px 0;
}
.free-talkingchart .talkinggmCard{
    padding: 3rem !important;
}
.free-talkingchart .talkinggmCard .inputfound {
    position: relative;
    margin: 0 0 20px 0 !important;
}
.free-talkingchart .talkinggmCard .f_main .form-group i {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -9px;
}
.free-talkingchart .talkinggmCard .queicon1 {
    position: absolute;
    right: -43px !important;
    margin-top: 10px !important;
    top: 0 !important;
    color: #707070;
    font-size: 17px !important;
}
.free-talkingchart .talkinggmCard .queicon2 {
    top: 0 !important;
    right: -43px !important;
    margin-top: 10px !important;
}
.free-talkingchart .talkinggmCard .selection-window {
    margin-top: 0 !important;
    width: 96%;
}
.free-talkingchart .talkinggmCard .select2 {
    margin-bottom: 0 !important;
    padding: 0.6rem;
}
.free-talkingchart .talkinggmCard .giftcontactdetails {
    width: 96% !important;
}

.free-talkingchart .talkinggmCard .purchasepara {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}
.free-talkingchart .talkinggmCard .f_main button {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.free-talkingchart .talkinggmCard .f_main  button {
    width: auto;
}
.pay-with {
	text-align: center;
	margin: 0 0 15px 0;
}
#ccButton, #ppButton {
    width: 124px;
}

@media only screen and (max-width: 992px){
    .free-talkingchart .talkinggmCard .selection-window {
        width: 100% !important;
    }
    .free-talkingchart .talkinggmCard .inputfound {
        width: 100%;
    }
    .free-talkingchart .talkinggmCard .queicon1 {
        right: -34px !important;
    }
    .free-talkingchart .talkinggmCard .queicon2 {
        right: -34px !important;
    }
    .talking-selection-para {
	    background-size: 280px 70px !important;
	}
}

@media only screen and (max-width: 767px){
    .free-talkingchart .talkinggmCard{
        padding: 2rem !important;
    }

}

@media only screen and (max-width: 500px){
	    .free-talkingchart .talkinggmCard {
        padding: 2rem 1rem !important;
    }
	.free-talkingchart .talkinggmCard .queicon1 {
        right: -26px !important;
    }
    .free-talkingchart .talkinggmCard .queicon2 {
        right: -26px !important;
    }
    .talkinggmCard h3 {
	    margin: 0 0 15px 0;
	    font-size:22px;
	}
	
    
}
@media only screen and (max-width: 380px){
	#ccButton, #ppButton {
	    width: 100px;
	    padding: 5px 0 !important;
	}
	.talkinggmCard h3 {
	    font-size: 22px;
	}
	.free-talkingchart .talkinggmCard {
	    padding: 2rem 0 1rem 0 !important;
	}
	#ccButton {
	   margin-right: 0;
	}
	.free-talkingchart .talkinggmCard .inputfound {
	    width: 90%;
	}
	.free-talkingchart .talkinggmCard .queicon1 {
        right: -30px !important;
    }
    .free-talkingchart .talkinggmCard .queicon2 {
        right: -30px !important;
    }
    
   
}
@media only screen and (max-width: 460px){
	.chartbuilder_card img {
	    height: 90px !important;
	}
	
	     .user-pass{
        padding:0px !important;
    }
}
@media only screen and (max-width: 340px){
    

	.chartbuilder_card img {
	    width: 44px !important;
	    height: auto !important;
	}
}
	#page-content-wrapper {
        width: 100%;
        padding: 15px 1.5rem 1.5rem 2.5rem !important;
    }
    .h_container{
        margin: 0 0 1.563rem 0;
        position: relative;
    }
    .h_container h1{
        font-size: 2.5rem;
        font-weight: bold;
        color: #707070;
    }
    .ch_birthdate{
    	display: flex;
	    flex-direction: row;
	    height: 40px;
	    margin: 30px 0;
	    color: #707070;
	    align-items: center;
    }
    .t_table {
	    display: flex;
	    justify-content: space-between;
	    flex-direction: row;
	    height: 40px;
	    margin: 0 0 30px 0;
	    padding: 0;
	    align-items: center;
	}
    /*.ch_birthdate .anonymise-data{
    	width: auto !important;
    }*/
    .ch_birthdate .switch {
	    margin: 0 0 0 15px !important;
	    /*box-shadow: none !important;*/
	}
	/*.t_table p{
		color: #6C6C6C;
		font-size: 28px;
	}*/
.t_table .nod {
	background-color: #EFF5EA !important;
    color: #fff;
    box-shadow: 0px 4px 8px #2c27380a;
    background: #DDE9D2 0% 0% no-repeat padding-box;
    color: #6E6D6D !important;
    border: none;
    padding: 10px 15px;
    width: 194px;
    text-transform: uppercase;
	 -webkit-appearance:none;
	 -moz-appearance: none; 

}
.t_table .nod option{
	padding: 10px 15px;
}
.t_table .nod {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc0, #ccc0);
    background-position: calc(100% - 20px) calc(1em + 4px), calc(100% - 15px) calc(1em + 4px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.ch_birthdate .anonymise-data {
    width: auto !important;
    font-size: 1.125rem !important;
    margin: 0;
}
.t_table p {
    color: #6C6C6C;
    font-size: 1.75rem !important;    
}
.b_people td {
    padding-bottom: 5px !important; 
    padding-top: 5px !important; 
}
.bell-icon img, .calender-icon img {
    width: 100% !important;
    height: 20px;
}
.bell-icon, .calender-icon {
    padding: 0;
}
.page-template-template_chart-tool .navbar, 
.page-template-template-birthday-tool .navbar{
    padding: 0 !important;
    position: fixed !important;
}
.bell-icon, .calender-icon {
	display: flex;
    align-items: center;
    padding: 0;
    margin: 0 0rem 0 1rem;
    width: 19px;
}
.list-group.sidebar-links div.tooltip{
	display: none !important;
}
.n_menu{
	display: flex;
    align-items: center;
    flex-direction: row;
}
.n_menu .bell-icon, .n_menu .calender-icon {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 0.5rem 0 0.5rem !important;
    width: 14px;
    position: relative;
}
@media only screen and (max-width: 1500px){
	.t_table p {
	    font-size: 1.5rem !important;
	    line-height: 1.5rem;
	}
	.chart-builder table th {
	    font-size: 1.5rem;
	}
}
@media only screen and (max-width: 1300px){
	.chart-builder h3 {
	    font-size: 1.5rem !important;
	}
	.chart-builder h3 img {
		width: 20px !important;
	}
	/*.chart-builder {
	    padding: 2rem !important;
	}*/
	.t_table p {
	    width:  60%;
	    font-size: 1.2rem !important;
	    line-height: 1.2rem !important;
	}
	.t_table .nod {
	    font-size: 12px !important;
	}
	.chart-builder table th {
	    font-size: 20px !important;
	}
	.b_people a {
	    font-size: 16px !important;
	}
	.ch_birthdate {
	    margin: 0 !important;
	}
}

@media only screen and (max-width: 1300px){
	.chart-builder {
	    padding: 2rem !important;
	}
	.birthmorebtn {
	    margin-top: 1rem !important;
	}
}
@media only screen and (max-width: 1140px){    
	.h_container {
	    margin: 30px 0 1.563rem 0 !important;
	}
}
@media only screen and (max-width: 992px){
	/*.bell-icon, .calender-icon {
	    width: 12px !important;
	}*/	
	.birthmorebtn {
    	padding: 7px 15px !important;
    }
	
	.toggled .t_table .nod {	    
	    width: 194px !important;
	}
	.t_table .nod {	
	    width: 100% !important;
	}
	
	.chart-builder .t_table {
	    display: flex !important;
	    flex-direction: column;
	    height: auto !important;
	    padding: 0 !important;
	    margin: 0 0 15px 0;
	}
	.t_table p {
	    width: 100%;	    
	    margin: 0 0 15px !important;
	    font-size: 1.2rem !important;
	    line-height: 1.2rem !important;
	}
	.toggled .t_table p {	 
	    margin: 0 !important;
	}
	.t_table {
	    flex-direction: column !important;
	    height: auto;
	    padding: 0 !important;
	    margin: 0 0 15px 0;
	}
	.toggled .t_table {
	    display: flex !important;
    	flex-direction: row !important;
	}
	.b_cnt {
	    width: 100% !important;
	}
	.b_people {
	    margin: 15px 0 15px 0 !important;
	}
}
@media only screen and (max-width: 768px){
	.toggled .t_table .nod,
	.t_table .nod {
	    width: 100% !important;
	}
	.h_container h1 {
	    font-size: 2rem;
	}
	.h_container .charttool-Backbtn {
	    top: 4px !important;
    	margin: 0 !important;
	}
	.chart-builder {
	    padding: 1rem !important;
	}
	#page-content-wrapper {
	    padding: 0em 1.5rem 0rem 1.5rem !important;
    	margin: 0;
	}
	.b_people {
	    margin: 0 !important;
	}
	.b_people a {
	    font-size: 14px !important;
	}
	.charttool-Backbtn {
	           top: 15px ;
        font-size: 20px;
        position: absolute;
        left: 50px;

	}
}
@media screen and (max-width: 767px){
	nav.mobile-hub-nav .navbar-brand {
	    display: block !important;
	    margin-right: auto !important;
	    margin-left: 2px !important;
	}
	.flag-icon {
	  margin-right: 0 !important;
	}
	.n_menu .bell-icon, .n_menu .calender-icon {
	    width: auto;
	    height: 18px;
	}
	.bell-icon img, .calender-icon img {
	    width: 100% !important;
	    height: 100% !important;
	}
}
/*@media (max-width: 425px){
	.navbar-brand .logo {
    	width: 130px !important;
    }
}*/
@media only screen and (max-width: 1200px){
	.calendar-card{
		width: 100%;
	    overflow-y: hidden;
	    height: 100% !important;
	    margin: 15px 0 0 0 !important;
	}
	div.calendar-card #svgObject {
	    width: 1000px !important;
	}
	div.p_calendar {
	    padding: 1rem !important;
	}
}
@media only screen and (max-width: 992px){
	.n_menu{
		display: flex;
		align-content: center;
	}
	.n_menu .list-inline-item {
	  display: flex;
	  align-content: center;
	}
	.bell-icon, .calender-icon {
	    width: 19px !important;
	}
	div.wnbell-dropdown svg {
	    height: 19px !important;
	}
	.toggled .t_table p {	    
	    margin: 0 !important;
	}
	.birthmorebtn {
    	padding: 7px 15px !important;
    }
	.t_table .nod {
	    width: 100%;
	}
	.toggled .t_table .nod {
	    width: 194px;
	}
	.toggled .t_table {
	    display: flex !important;
    	flex-direction: row;
	}
	.chart-builder .t_table {
	    display: flex !important;
	}
	.t_table p {
	    width: 100%;
	    margin: 0 0 15px !important;
	    font-size: 1.2rem !important;
	    line-height: 1.2rem !important;
	}
	.t_table {
	    flex-direction: column;
	    height: auto;
	    padding: 0 !important;
	    margin: 0 0 15px 0;
	}
	.b_cnt {
	    width: 100% !important;
	}
	.b_people {
	    margin: 15px 0 15px 0 !important;
	}
}
@media only screen and (max-width: 768px){
	.h_container h1 {
	    font-size: 2rem;
	}
	.h_container .charttool-Backbtn {
	    top: 4px !important;
	}
	.chart-builder {
	    padding: 1rem !important;
	}
	#page-content-wrapper {
	    padding: 0em 1.5rem 0rem 1.5rem !important;
    	margin: 0;
	}
	.b_people {
	    margin: 0 !important;
	}
	.b_people a {
	    font-size: 14px !important;
	}
	.charttool-Backbtn {
	    font-size: 20px;
	}
}
.p_calendar{
		margin: 30px 0 0 0 !important;
		padding: 2rem 2rem !important;
	}
	.select_cal {
		/*display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		justify-content: center;*/

		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 1rem;
		grid-row-gap: 0.5rem;
	}
	.select_cal div {
	    width: 100%;
	    padding: 0;
	    display: flex;
	    align-items: center;
	}
	.c_download, .c_download a {
		height: 40px;
	}
	.foundationChartCard .c_download img {
	    height: 100%;
	}
	.c_download{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.c_download a{
		padding: 0 15px;
	}
	.calendar-card{
		margin: 30px 0 0 0;
	}
	.p_calendar input#datepicker {		
        border: none;
		height: 40px;
	}
	@media only screen and (max-width: 1260px){
		.select_cal {
		    grid-template-columns: repeat(6, 1fr);
			grid-template-rows: repeat(3, 1fr);	
		    width: 100%;	
		    /*grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));    */
		}
		.select_cal div {
		    width: 100%;
		}
		.h_container h5 {
		    font-size: 2.5rem;
		    font-weight: bold;
		    color: #707070;
		}
		/*.select_cal div:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
		.select_cal div:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
		.select_cal div:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
		.select_cal div:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
		.select_cal div:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
		.select_cal div:nth-child(6) { grid-area: 3 / 1 / 4 / 2; }*/


		.select_cal div:nth-child(1) { grid-area: 1 / 1 / 2 / 4; }
		.select_cal div:nth-child(2) { grid-area: 1 / 4 / 2 / 7; }
		.select_cal div:nth-child(3) { grid-area: 2 / 1 / 3 / 4; }
		.select_cal div:nth-child(4) { grid-area: 2 / 4 / 3 / 7; }
		.select_cal div:nth-child(5) { grid-area: 3 / 5 / 4 / 7; }
		.select_cal div:nth-child(6) { grid-area: 3 / 1 / 4 / 5; }
	}
	@media only screen and (max-width: 768px){
		/*div.c_download{
			display: block;
		}*/
		div.c_download a {
		    padding: 0 0 0 1rem;
		}
	}
.mobile-hub-nav {
    padding: 0 !important;
    position: fixed !important;
}
.h_container h5 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #707070;
}
.p_calendar .select2{
    overflow:hidden;
}

.foundationChartCard.p_calendar::before {
    content: '';
    width: 0%;
}
.foundationChartCard .c_download img{
    height: 100%;
}
.foundationChartCard img {
    display: block;
    margin-left: auto;
    position: relative;
}
.p_calendar .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 7px 6px 0 6px;
    height: 0;
    left: 0%;
    margin-left: -4px;
    margin-top: -4px;
}
.p_calendar .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 5px 6px 5px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 6px 7px 6px;
}
.p_calendar .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 7px 7px 7px;
}
.p_calendar .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 0 !important;
    height: 100% !important;
    display: flex;
    align-items: center;
}
.bell-icon, a.calender-icon {
    margin: 0 !important;
    position: relative !important;
    z-index:10;
}
span.birthdaycount {
    right: -10px !important;
    left: auto !important;
    top: 5px !important;
}
@media only screen and (max-width: 768px){
	div.c_download a {
	    padding: 0 0 0 1rem;
	}
	.c_download{
		display: block !important;
	}
	span.birthdaycount {
	    right: -5px !important;
	    left: auto !important;
	    top: -5px !important;
	    bottom: auto !important;
	}
}
@media only screen and (max-width: 560px){
	.c_download{
		display: flex !important;
    	align-items: center;
	}
	.c_download a {
	    height: 30px !important;
    	padding: 0 0 0 10px !important;
	}
}
@media only screen and (max-width: 767px){
	#wrapper div.page-calendar {
	    margin-top: 50px !important;
	    margin-bottom: 0;
	    padding-bottom: 50px !important;
	}
	.n_menu .bell-icon, .n_menu .calender-icon {
	    margin: 0 0.5rem 0 0 !important;
	}
}
/*@media only screen and (max-width: 425px){
	#wrapper div.page-calendar {
	    margin-top: 0 !important;
	}
}*/
.bell-icon, a.calender-icon {
    margin: 0 0 0 1rem !important;
}
    /* new styles */

.h_research {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 0px;
    padding: 2rem;
}
.h_research .form-control {
    line-height: 40px;
    padding: 0 15px;
}
.h_research .resetbtn {
    margin-left: 0;
}
.h_research .adsearchbtnwrap .btn, .h_research .btn.advance-ser{
    height: 40px;
    width: 100%;
    box-shadow: 1px 1px 5px 1px #00000017;
    padding: 0 !important;
    font-size: 1rem !important;
}
.h_research .btn.advance-ser{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px !important;
    overflow: hidden;
    position: relative;
}
.h_research .btn.advance-ser i{
   position: absolute;
   z-index: 2;
   right: 8px;
   top:2px;
}
.h_research .btn.advance-ser:before {
    content: "";
    display: block;
    height: 100px;
    width: 30%;
    position: absolute;
    right: 0;
    background-image: linear-gradient(to right, rgba(247,172,8, 0.5), #F7AC08 100%);
}
.h_rsh {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 0px;
    margin: 0 0 2rem 0;
    padding: 0rem;
}
.associates-profile.birthdayCard{
    padding: 2rem !important;
}

.h_rsh div:nth-child(1) { grid-area: 1 / 1 / 2 / 4; }
.h_rsh div:nth-child(2) { grid-area: 1 / 4 / 2 / 9; }

.h_rsh h4{
    font-size: 2.25rem;
    color: #444444;
}
.celeb-card {
    margin: 0 !important;
}
.celeb-card h6 {
    font-size: 1.75rem;
    margin: 0 0 15px 0;
}
.h_rsh .select2 {
    height: 40px !important;
    margin-bottom: 0rem!important;
    border-radius: 10px;
    box-shadow: 1px 1px 5px 1px #00000017;
}
.h_rsh .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 50% !important;
        right: 15px;
        margin-top: -13px;
    }
.h_rsh .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 7px 6px 0 6px;
}
.h_research div:nth-child(1) { grid-area: 1 / 1 / 2 / 4; }
.h_research div:nth-child(2) { grid-area: 1 / 4 / 2 / 7; }
.h_research div:nth-child(3) { grid-area: 1 / 7 / 2 / 8; }
.h_research div:nth-child(4) { grid-area: 1 / 8 / 2 / 9; }
.h_research div:nth-child(5) { grid-area: 1 / 10 / 2 / 12; }

.celebcard{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}
.celebcard p {
    font-size: 1.125rem;
    color: #707070;    
    display: block;
    float: none;
    margin: 7px 0 7px 0 !important;
}
.celeb-1 {
    border-bottom: 17px solid #E1F1D4 !important;
}
.researchmore{
    color: #707070;
    font-size: 1.5rem;
}
.celeb-card .card-body {
    padding: 15px 15px 7px 15px !important;
}
.btn_more{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5rem 0 0 0;
}
.btn_more div{
    display: flex;
    align-items: center;
    line-height: 24px;
    position: relative;
    padding: 0 20px;
    height: 24px;                
}
.btn_more .reseachmoreicon {
    font-size: 15px;
    display: block;
    line-height: 1rem;
    display: block;
    position: absolute;
    right: 0;
    bottom: 1px;
}
.av_people{
    position: relative;
}
.av_people .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000;
}

.av_people:hover .overlay {
  opacity: 0.4;
}
.av_people:hover .i_more{
  opacity: 1;
}
.av_people a.addceleb{                    
    width: 200px;
    position: absolute;
    top: -69px;
    z-index: 9;
    right: 15px;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: flex-end;
}
.cnt-img img {
    width: 50px;
}
/* .cnt-img span{
    opacity: 0;
}
.cnt-img:hover span{
    opacity: 1;
}*/
.cnt-img{
    position: relative;
    overflow: hidden;
}
.cnt-img:hover{
    overflow: visible;
}
.cnt-img:hover span {
    opacity: 1;
}

.cnt-img span {
    opacity: 0;
    position: absolute;
    left: -125px;
    display: flex;
    height: 40px;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    align-items: center;
    padding: 0 15px;
    color: #444444;
    margin: 5px 0;
}

.celeb-card img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.celeb-card {
    overflow: hidden !important;
    height: 100%;
}
.av_people .i_more {
    color: white;
    font-size: 20px;
    position: relative;
    opacity: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    left: 0;
    text-align: center;
    transition: .5s ease;
}
.shrink-btn {
    top: 110px;
}
.adsearchbtnwrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
.adsearchInfo {
    font-size: 1.125rem;
    font-weight: 300;
}
.adsearchHead {
    font-weight: 300;
    font-size: 1.625rem;
    margin: 1.5rem 0 1rem;
}
#collapseCelebSearch .adsearchbtn, #collapseCelebSearch .resetbtn {
    height: 40px;
    font-weight: 600 !important;
    padding: 0 40px !important;
    display: flex !important;
    align-items: center;
    margin: 0 0.5rem!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 50% !important;
    right: 8px;
    margin-top: -13px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-width: 7px 6px 0 6px;
    }
.resModalselect {
    width: 100%;
}
@media only screen and (max-width:  1640px){
    .h_research{
        display: grid;
        grid-template-columns: repeat(12, 1fr);                    
    }
    .h_research div:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
    .h_research div:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
    .h_research div:nth-child(3) { grid-area: 1 / 5 / 2 / 7; }
    .h_research div:nth-child(4) { grid-area: 1 / 7 / 2 / 9; }
    .h_research div:nth-child(5) { grid-area: 1 / 10 / 2 / 13; }                    
}
@media only screen and (max-width:  1640px){
    .celeb-card h6 {
        font-size: 1.5rem;
        margin: 0 0 5px 0;
    }
    .celebcard {
        grid-template-columns: repeat(auto-fill, minmax(31%, 1fr));
    }
    .toggled .celebcard{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    }
}
@media only screen and (max-width:  1400px){
    .h_research {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }
    .toggled .h_research {
        grid-template-columns: repeat(11, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 1rem;
        grid-row-gap: 0px;
        padding: 2rem;
    }
    .toggled .h_research div:nth-child(1) { grid-area: 1 / 1 / 2 / 4; }
    .toggled .h_research div:nth-child(2) { grid-area: 1 / 4 / 2 / 7; }
    .toggled .h_research div:nth-child(3) { grid-area: 1 / 7 / 2 / 8; }
    .toggled .h_research div:nth-child(4) { grid-area: 1 / 8 / 2 / 9; }
    .toggled .h_research div:nth-child(5) { grid-area: 1 / 10 / 2 / 12; }

    .h_rsh h4 {
        font-size: 1.75rem !important;
    }
    .celebcard, .toggled .celebcard {
        grid-template-columns: repeat(auto-fill, minmax(31%, 1fr));
    }
    .h_research div:nth-child(1) { grid-area: 1 / 1 / 2 / 7; }
    .h_research div:nth-child(2) { grid-area: 1 / 7 / 2 / 13; }
    .h_research div:nth-child(3) { grid-area: 2 / 7 / 3 / 10; }
    .h_research div:nth-child(4) { grid-area: 2 / 10 / 3 / 13; }
    .h_research div:nth-child(5) { grid-area: 2 / 1 / 3 / 7; }

    .adsearchInfo {
        font-size: 1rem;
    }
    .adsearchHead {
        font-size: 1.2rem;
        margin: 0;
    }
}
@media only screen and (max-width:  1240px){
    .h_rsh {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: 1fr;
    }                
    .h_rsh div:nth-child(2){ grid-area: 1 / 1 / 2 / 10; }
    .h_rsh div:nth-child(1){ grid-area: 1 / 11 / 2 / 15; }

    .h_rsh h4 {
        text-align: left;
    }
    .celebcard {
        grid-template-columns: repeat(auto-fill, minmax(47%, 1fr));
    }
    .toggled .celebcard{
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    }
    .collapseCelebSearch{
        padding: 2rem;
    }
    #collapseCelebSearch .card-body {
        padding: 0;
    }

    .adsearchInfo {
        display: block !important;
        margin: 0;
    }
    .advancedSearchCard {
        padding: 2rem !important;
    }
    #collapseCelebSearch .card-body {
        margin: 0 0 1rem 0;
    }
}
@media only screen and (max-width:  1100px){
    .toggled .h_research, .h_research {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }
    .toggled .h_research div:nth-child(1), .h_research div:nth-child(1) { grid-area: 1 / 1 / 2 / 7; }
    .toggled .h_research div:nth-child(2), .h_research div:nth-child(2) { grid-area: 1 / 7 / 2 / 13; }
    .toggled .h_research div:nth-child(3), .h_research div:nth-child(3) { grid-area: 2 / 7 / 3 / 10; }
    .toggled .h_research div:nth-child(4), .h_research div:nth-child(4) { grid-area: 2 / 10 / 3 / 13; }
    .toggled .h_research div:nth-child(5), .h_research div:nth-child(5) { grid-area: 2 / 1 / 3 / 7; }
}
@media only screen and (max-width:  991px){
    .h_research .btn.advance-ser, .adsearchbtnwrap{
        margin-top: 0 !important;
    }
    .h_rsh h4 {
        margin: 0;
        font-size: 1.5rem !important;
        height: 40px;
        display: flex;
        align-items: center;
    }
    .celeb-card h6 {
        font-size: 1.3rem;
    }
    .celebcard p {
        font-size: 1rem;
    }
    .celebcard {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }
}

@media only screen and (max-width:  950px){
    .toggled .celebcard {
        grid-template-columns: repeat(auto-fill, minmax(47%, 1fr));
    }
    .celebcard {
        grid-template-columns: repeat(1, 1fr);                    
    }
}

@media only screen and (max-width:  767px){
    .toggled .celebcard, 
    .celebcard {
        grid-template-columns: repeat(auto-fill, minmax(47%, 1fr));                    
    }
    .associates-profile.birthdayCard {
        padding: 2rem 1rem !important;
    }
}
@media only screen and (max-width:  550px){
    .toggled .celebcard, 
    .celebcard {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));                    
    }
}
#CelebModal .modal-body {
    padding: 2rem;
}
.cnt_celeb{
    display: flex;
    flex-direction: row;
    margin: 0 0 1rem 0;
}
#CelebModal .resModalhead {
    font-size: 2.5rem;
    margin-top: 0;
    margin-left: 0;
}
#CelebModal p.detailHead{
    font-size: 1.375rem;
}
.p_celeb {
    position: relative;
    margin: 0.5rem 2rem 0 0;
}
#CelebModal a.addceleb {
    width: 50px;
    position: relative;
    top: 0;
    right: auto;
    margin: 1rem auto;
    left: auto;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}
#CelebModal .modal-img {
    width: 100%;
    margin-top: 0;
}
#CelebModal .select2 {
    padding: 4px;
    height: 40px;
    display: flex;
    align-items: center;
}
#CelebModal .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 7px 6px 0 6px;
    margin: 0;
    right: 14px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
}
#CelebModal .select2-container--default .select2-selection--single .select2-selection__arrow {
        position: absolute;
        /*top: 50% !important;
        right: 15px;
        margin-top: -13px;*/
        top: 0!important;
        margin: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-width: 0 6px 7px 6px !important;
    }
#CelebModal .modalcatagories {
        padding: 1.5rem !important;
        background: #F9F9F9;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 15px;
        text-align: center;
    }
.research-bar {
        box-shadow: none !important;
    }
#CelebModal .sort-select {
    box-shadow: none;
}
.h_rsh .select2 {
    box-shadow: none;
}
.h_research .adsearchbtnwrap .btn, .h_research .btn.advance-ser {
    font-weight: 600 !important;
}
.b_categories h4{
    font-size: 1.625rem;
    margin: 1rem 0;
    color: #707070;
}
#CelebModal .modalcatagories span {
    font-size: 1rem;
    color: #3f51b5;
    text-decoration: none;
    font-weight: 500;
}
.b_biography h4{
   font-size: 2.25rem;
    margin: 1rem 0;
    color: #707070;
}
.b_biography p{
    font-size: 1.25rem;
    color: #707070;
}
.b_biography{
    padding: 0 1rem;
}
@media only screen and (max-width:  991px){
    .cnt_celeb {
        flex-direction: column;
    }
    .p_celeb {
        position: relative;
        margin: 2rem 0 0 0;
    }
}
 @media only screen and (max-width:  768px){
    #CelebModal .modal-body {
        padding: 2rem 1rem 1rem 1rem;
    }
    #CelebModal .resModalhead {
        font-size: 2rem;
    }
    #CelebModal p.detailHead {
        font-size: 1rem;
        margin: 0 0 5px 0;
    }
    .b_categories h4 {
        font-size: 1.3rem;
    }
    .b_biography h4 {
        font-size: 1.5rem;
    }
    .b_biography p {
        font-size: 1rem;
    }
    nav.mobile-hub-nav {
        position: fixed !important;
        display: flex;
    }
    #page-content-wrapper {
        padding: 0 !important;
    }
    div#page-content-wrapper {
	    margin-bottom: 0 !important;
	    margin-top: 50px;
	}
    .h_research .input-group {
        margin-bottom: 0 !important;
    }
    .toggled .h_research, .h_research {
        grid-column-gap: 5px;
        grid-row-gap: 10px;
        padding: 1rem;
    }
    .advancedSearchCard {
        padding: 2rem 0.5rem !important;
    }
    .h_rsh {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
    }
    .h_rsh div:nth-child(1) {
        grid-area: 1 / 3 / 2 / 4;
    }
    .h_rsh div:nth-child(2) {
        grid-area: 1 / 1 / 2 / 3;
    }
    
    .navbar-toggler-icon {
        width: 2rem !important;
        height: 2rem !important;
    }
} 
@media only screen and (max-width: 480px){
	.h_rsh h4 {
        font-size: 1.4rem !important;
    }
    /*.fa.langDropdownIcon{
    	padding: 0 3px 0 0;
    }*/
    #collapseCelebSearch .adsearchbtn, #collapseCelebSearch .resetbtn {
	    padding: 0 25px !important;
	}
}
@media only screen and (max-width: 345px){
    .toggled .h_research, .h_research {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }
    .toggled .h_research div:nth-child(1), .h_research div:nth-child(1) { grid-area: 1 / 1 / 2 / 7; }
    .toggled .h_research div:nth-child(2), .h_research div:nth-child(2) { grid-area: 1 / 7 / 2 / 13; }
    .toggled .h_research div:nth-child(5), .h_research div:nth-child(5) { grid-area: 2 / 1 / 3 / 13; }
    .toggled .h_research div:nth-child(4), .h_research div:nth-child(4) { grid-area: 3 / 1 / 4 / 7; }
    .toggled .h_research div:nth-child(3), .h_research div:nth-child(3) { grid-area: 3 / 7 / 4 / 13; }
}
/* style for registration-login  */
#socialMediaIcon{
    margin-top: 0 !important;
}
.login-logo {
    display: flex;
    padding: 0px !important;
    align-items: center;
}
.logo_twitter{
    display: flex;
    align-items: center;
    background: #ffeff0;
    height: 48px;
    width: 48px;
    justify-content: center;
    border-radius: 50%;
}
.logo_twitter svg{
    width: 35px;
}
.logo_twitter .cls-3 {
    opacity: 1  !important;
}
.logo_twitter:hover .cls-3 {
    opacity: 0.61  !important;
}
.logo_twitter .cls-1 {
	fill: #ffeff0;
}

.logo_twitter .cls-1, .logo_twitter .cls-2, .logo_twitter .cls-3 {
	stroke-width: 0px;
}

.logo_twitter .cls-2 {
	fill: #fff;
}

.logo_twitter .cls-4 {
	opacity: .61;
}

.logo_twitter .cls-3 {
	fill: #fb3c6b;
}
.x_icon{	
    display: flex;
    align-items: center;
}
.x_icon:hover .cls-1{
    stroke-width: 0px;
    fill: #808080;
}
@media screen and (max-width: 1366px){
	.login-logo .logo_twitter svg {
	    height: 42px !important;
	}
	.login-logo .logo_twitter {
	    height: 42px;
	    width: 42px;
	}
}
@media (min-width: 992px) and (max-width: 1060px){
	.footer_social_icons svg{
		width: 23px!important;
	    height: 23px!important;
	}
}

/* Our Plans */
.x_icon:hover .cls-1{
    stroke-width: 0px;
    fill: #808080;
}
.serviceContent{
    position: relative !important;
}
.header-plan{
    /*padding: 2rem;*/
    /*text-align: center;*/
    padding: 2rem 1rem 4.5rem 1rem;
    text-align: center;
    margin-bottom: -45px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
.service-plan h3, .service-plan h4{
    font-size: 2.25rem;
    line-height: 1.5rem;
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 0;
    text-transform: uppercase;
}
.service-plan h4{
    font-size: 64px;
    line-height: 62px;
}
.service-plan{
    border-radius: 50px !important;                        
    width: 413px;
    height: 100%;
    box-shadow: 0px 3px 6px #00000029;
    border: none !important;
}
.starter-plan{
    background: #C9BAA8;
}
.plus-plan{
    background: #54931E;
}                  
.advanced-plan{
    background:  #1883ED;
}
.pro-plan{
    background:  #F7B21C;
}
.body-plan{
    border-radius: 50px !important;
    padding: 2rem !important;
    background: #fff;
    color: #707070;
}
.service-plan ul{
    height: 410px;
    margin: 0;                        
    padding: 2rem 1rem 0 1rem;
}
.starter-plan h4{
    color: #C9BAA8;
}
.plus-plan h4{
    color:  #54931E;
}                    
.advanced-plan h4{
    color:  #1883ED;
}
.pro-plan h4{
    color:  #F7B21C;
}
.choice-plan{                        
    text-align: center;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.active-plan{
    opacity: 1;
}
.price-plan{
    text-align: center;
    height: 235px;
    display: flex;
    margin: 1rem 0 0 0;
    flex-direction: column;
    justify-content: space-between;
}
.price-plan .dsc_price_plan{
    height: 32px;
    font-size: 1.5rem;
    line-height: 1rem;
    text-transform: uppercase;
}
.icon-plan{
    position: relative;
    padding: 0;
    text-align: center;
    margin: 1.25rem 0 1rem;
}
.icon-plan::after{
    content: '';
    position: absolute;
    bottom: -1rem;
    height: 2px;                        
    width: 70%;
    margin: 0 auto;
    left: 15%;                      
}
.starter-plan .icon-plan::after{
    background: #D6C1A8;
}
.advanced-plan .icon-plan::after{
    background: #1883ED;
}
.plus-plan .icon-plan::after{
    background: #54931E;
}
.pro-plan .icon-plan::after{
    background: #F7B21C;
}
.bottom-plan{
    display: flex;
    align-items: center;
    margin: 40px 0 1rem 0;
}

.pro-plan .bottom-plan{
    margin-top:55px;
}
.service-btn{              
    position: relative;         
    color: #fff !important;
    font-size: 1.125rem;
    line-height: 1.125rem;                       
    text-align: center;
    text-decoration: none !important;
    border-radius: 20px;                        
    font-weight: bold;
    margin: 1rem auto 0;
    display: flex;
    white-space: normal;
    padding: 5px 10px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    height: 46px;
    justify-content: center;
    align-items: center;
}
.service-btn:hover{
    color: #fff !important;
    border-radius: 20px; 
}                    
.plus-plan .service-btn{
    background: #54931E;
    width: 160px;
    transition: background 0.3s ease-in-out;
}
/*.plus-plan .service-btn:hover{
    background-image: radial-gradient(circle at center, #54931E, #3B6617);
    transition: background-image 0.3s ease-in-out;
}*/
.service-btn {
    position: relative;
    background: #54931E;                        
    border: none;
    color: #fff;
    overflow: hidden !important;
    transition: background 0.3s ease-in-out;
}
.plus-plan .service-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at center, #54931E, #3B6617);
    opacity: 0;
    border-radius: 20px; 
    transition: opacity 0.3s ease-in-out;
}
.plus-plan .service-btn:hover {
    background: #3B6617;
}
.plus-plan .service-btn:hover::before {
    opacity: 1;
}
.advanced-plan .service-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at center, #1883ED, #12579C);
    border-radius: 20px; 
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.advanced-plan .service-btn:hover {
    background: #3B6617;
}

.advanced-plan .service-btn:hover::before {
    opacity: 1;
}
.advanced-plan .service-btn{
    background: #1883ED;
    width: 160px;
}
.pro-plan .service-btn{
    background: #F7B21C;
    width: 160px;
}
.dsc_price_plan_min{
    color: #54931E;
    font-size: 1.25rem;
    font-weight: bold;
}
.advanced-plan .dsc_price_plan_min{
    color: #1883ED
}
.pro-plan .yearly_month{
    color:#F7B21C;
        font-size: 1.25rem;
    font-weight: bold;
    text-transform:unset;
}
.pro-plan .service-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px; 
    background-image: radial-gradient(circle at center, #FFCD62, #E9AE25);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.pro-plan .service-btn:hover {
    background: #3B6617;
}
.pro-plan .service-btn:hover::before {
    opacity: 1;
}
.pro-plan .service-btn{
    background: #F7B21C;
    width: 160px;
}
.starter-plan .service-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at center, #ECE0D2, #C9BAA8);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.starter-plan .service-btn:hover {
    background: #3B6617;
}
.starter-plan .service-btn:hover::before {
    opacity: 1;
}
.starter-plan .service-btn{
    background: #C9BAA8;
    width: 220px;
}
.service-plan .switch {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 32px;
    margin: 0;
}
.service-plan .switch input { 
   opacity: 0;
   width: 0;
   height: 0;
}
.service-plan .slider-plan {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ECE0D2;
    -webkit-transition: .4s;
    transition: .4s;
}

.service-plan .slider-plan:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

/*.service-plan.plus-plan input:checked + .slider-plan {
    background-image: radial-gradient(circle at center, #54931E, #3B6617);
}
.service-plan.advanced-plan input:checked + .slider-plan {
    background-image: radial-gradient(circle at center, #1883ED, #12579C);
}*/
/*.service-plan.advanced-plan input:checked + .slider-plan {
  background-image: radial-gradient(circle at center, #54931E, #3B6617);
}
.service-plan.advanced-plan input:checked + .slider-plan {
  background-image: radial-gradient(circle at center, #1883ED, #12579C);
}*/
.service-plan input:focus + .slider-plan {
    box-shadow: 0 0 1px #2196F3;
}

.service-plan input:checked + .slider-plan:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.service-plan .slider-plan.round {
    border-radius: 34px;
}

.service-plan.plus-plan .slider-plan.round:before {
    border-radius: 50%;
    background-image: radial-gradient(circle at center, #54931E, #54931E) !important;
}
.service-plan.plus-plan input:checked + .round:before{
   /* background-image: radial-gradient(circle at center, #fff, #fff) !important;*/
   background-image: radial-gradient(circle at center, #54931E, #3B6617) !important;
}

.service-plan.advanced-plan .slider-plan.round:before {
    border-radius: 50%;
    background-image: radial-gradient(circle at center, #1883ED, #12579C) !important;
}
.service-plan.advanced-plan input:checked + .round:before{
    background-image: radial-gradient(circle at top, #1883ED, #0D59A3) !important;
}
.service-plan input:checked + .slider-plan:before {
    left: 2px;
}
.pro-plan .custom-checkbox {
	position: relative;
	padding-right: 35px;
	margin-bottom: 0;
	cursor: pointer;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pro-plan .custom-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.pro-plan .checkmark {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
}

.pro-plan .custom-checkbox:hover input ~ .checkmark {
   background-color: #ccc;
}

/*.pro-plan .custom-checkbox input:checked ~ .checkmark {
  background-color: #2196F3;
}
*/
.pro-plan .custom-checkbox input:checked ~ .checkmark {
   background-image: radial-gradient(circle at center, #FFCD62, #E9AE25);
}

.pro-plan .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.pro-plan .custom-checkbox input:checked ~ .checkmark:after {
  	display: block;
}    

.pro-plan .info-plan {
    display: none;
}
.checkbox-plan{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-around;
}
.faq_box{
    color: #54931E;
    position: relative;
    font-size: 44px;
    z-index: 2;
    display: block;
    padding: 0 0 2rem 0;
    text-align: center;
}
.serviceContent.box_services {
    padding: 50px 2rem 2rem 2rem;
}
.card.gmFaqCard {
	padding: 65px 65px 30px 65px;
}
.card.gmFaqCard h3{
	font-weight: 600; 
	padding: 0 0 20px 0 !important;
}
.card.gmFaqCard .card {
	margin-bottom: 10px;
	border: none;
	width: 100%;
}
.card.gmFaqCard .card-header {
	padding: 0;
	border: none;
	background: none;
}
.card.gmFaqCard .btn-link {
	font-weight: bold;
	white-space: normal;
	width: 100%;
	color: #000;
	text-decoration: none;
	display: flex;
	padding: 10px 0;
	border: none;
	text-align: left;
	align-items: center;
	justify-content: space-between;
}

.card.gmFaqCard .btn-link:hover,
.card.gmFaqCard .btn-link:focus {
	text-decoration: none;
	color: #1A1818;
	outline: none;
	box-shadow: none;
}

.card.gmFaqCard .collapse.show {
	border: none;
}
.gmFaqCard{
	color: #000;
  	text-align: left;
}
.card.gmFaqCard .card-body {
	padding: 15px;
	padding-left: 20px;
}

.card.gmFaqCard .fa-chevron-down,
.card.gmFaqCard .fa-chevron-up {
	font-size: 12px;
	margin-left: 5px;
}
.card.gmFaqCard #close-icon {
	color: #FC3465 !important;
}
.d_plan{
	padding: 0 15px;
    color: #707070;
    display: flex;
    height: 30px;
    align-items: center;
    font-size: 24px;
}
.d_plan.p_active{
    color: #000;
}
div.content_dsc{
	margin: 1rem 0;
}
.choice-plan {
    height: 32px;
}
.price-plan {
    height: 190px;
    margin: 15px 0 35px;
}
.price-plan .dsc_price_plan {
    line-height: 2rem;
}

#cancelMembershipModal{
	color: #212529;
	text-align: left;
}

#cancelMembershipModal .modal-content{
	border-radius: 35px !important;
    border: 1px solid transparent!important;
    padding: 25px !important;
    box-shadow: 5px 5px 25px #0000001a;
}

#cancelMembershipModal .modal-body a{
	color: #0056b3;
	text-decoration: underline!important;
}

#cancelMembershipModal .modal-footer{
	margin: 0;
}
@media only screen and (max-width:  768px){
	.card.gmFaqCard  {
	    width: 90%;
	    padding: 60px 30px 15px 30px;
	}
	.card.gmFaqCard h3{
	    margin: 0 !important;
	}
	.card.gmFaqCard #accordion .card-body {
	    padding: 5px 0;
	    padding-left: 0;
	}
	.card.gmFaqCard #accordion .btn-link {
	    padding: 0;
	    line-height: 20px;
	    font-size: 16px;
	}
	.card.gmFaqCard #accordion .card-body ul{
	    margin: 5px 0 0 0 !important;
	}
	#faqmodal .modalclose {
	    right: 20px !important;
	    top: 20px !important;
	}
	.card.gmFaqCard .fa-chevron-down, .card.gmFaqCard .fa-chevron-up {
	    margin-left: 15px;
	}
	.bottom-plan {
	    margin: 5rem 0 1rem 0;
	}
}
@media only screen and (max-width: 1439px){
   .serviceContent.box_services {
        padding: 50px 0 0 0;
    } 
    .service-plan ul {
        min-height: 420px;
    }
}
@media only screen and (max-width: 991px){
    .service-plan ul {
        min-height: 490px;
    }
    .row.b_card .lr_rds {
        border-radius: 50px;
    }
}
@media only screen and (max-width: 768px){
    .serviceContent.box_services {
        padding: 1rem 0 0 0;
    }
    .service-plan ul {
        min-height: auto;
        padding: 2rem 1rem 1.5rem 1rem;
    }
}
@media (min-width: 1440px) and (max-width: 1550px) {
  .b_services {
    width: 1400px;
    zoom: 1;
  }

}
@media (min-width: 1700px) and (max-width: 1800px){
   .service-plan {
        width: 360px;
    }
}
@media (min-width: 1615px) and (max-width: 1700px){
    .service-plan{
        width: 350px;
    }
    .service-plan ul {
        min-height: 500px;
    }
}
@media (min-width: 1440px) and (max-width: 1615px){
    /*.checkbox-plan {
        flex-direction: column;
    }*/    
    div.pro-plan .checkmark {
        height: 20px;
        width: 20px;
        top: 5px;
    }
}
@media only screen and (max-width: 1615px){
    .pro-plan .custom-checkbox {
        padding-right: 24px;
        font-size: 14px;
    } 
    .service-plan ul {
        min-height: 590px;
        height: auto;
    }    
    .serviceCard ul {
        font-size: 16px;
    }
    .d_plan {
	    font-size: 18px;
	}
}
@media (min-width: 1550px) and (max-width: 1615px){
    .service-plan{
        width: 320px;
    }    
}
@media (min-width: 1440px) and (max-width: 1550px){
    .service-plan{
        width: 320px;
    }
    .service-plan input:checked + .slider-plan:before {
	    left: 0px;
	}
}

@media only screen and (max-width: 1439px){
    .service-plan {
        margin: 0 0 30px 0;
    }
    .pro-plan .custom-checkbox{
    	padding-right: 35px;
	    font-size: 18px;
    }
    .choice-plan {
	    height: 40px;
	}
	.price-plan {
	    text-align: center;
	    height: 190px;
	}
	.pro-plan .checkmark {
	    top: 3px;
	}
	.d_plan {
	    font-size: 18px;
	} 
}
@media screen and (max-width: 991px){  
    .menu-lang-tooltip {
     top: 16rem !important;
     left: 2rem;

     }
    .service-plan {
        width: 345px;
    }
    
    .c_card .col-md-4 {
     width:auto !important;
     }
    div.pro-plan .custom-checkbox {
        padding-right: 25px;
    }
    div.pro-plan .checkmark {
        height: 20px;
        width: 20px;
        top: 5px;
    }
    .pro-plan .custom-checkbox {
        padding-right: 25px;
    }
    /*.service-plan {
        border-radius: 25px !important;
    }
    .body-plan {
        border-radius: 25px !important;
    }*/
}
@media screen and (max-width: 770px) {
    .menu-lang-tooltip {
        top: 13.5rem !important;
        left: 2rem;
    }
}
@media screen and (max-width: 576px) {
    .menu-lang-tooltip {
        top: 12rem !important;
        left: 2rem;
    }
}
@media only screen and (max-width: 768px){
    .service-plan {
        margin: 0 auto 30px auto;
        width: 390px;
        display: block;
    }  
    .service-plan ul {
        height: auto;
        min-height: auto;
        /*padding: 2rem 2rem 1rem 4rem;*/
        padding: 2rem 2rem 0rem 1rem;
     }
    .price-plan {
        height: auto;
    }
    .choice-plan {
        height: auto;
    }
    .content_dsc{
        padding: 1rem 0;
    }
    .service-btn {
        margin: 0 auto;
    }
    .service-plan .active-plan svg {
        margin: 1rem 0 0 0;
    }       
}
@media screen and (max-width: 500px){
    .service-plan {
        width: 90%;
    }
    .service-plan h3, .service-plan h4 {
        font-size: 2.25rem;
        line-height: 2.255rem;
    }
    .service-plan h4 {
        font-size: 50px;
        line-height: 60px;
    }
    .checkbox-plan {
        flex-direction: column;
    }
    .body-plan {
        padding: 1rem 1rem 2rem 1rem !important;
    }
    .header-plan {
        padding: 2rem 0rem 5rem 0rem;
    }
}
@media screen and (max-width: 415px){  
    .checkbox-plan {
        flex-direction: column;
    }
    .choice-plan {
        height: auto;
    }
    .card.gmFaqCard {
	    width: 98%;
	    padding: 20px 15px 15px 15px;
	}
	.d_plan {
	    font-size: 16px;
	}	
}
@media screen and (max-width: 1366px){
	.login-logo .logo_twitter svg {
	    height: 42px !important;
	}
	.login-logo .logo_twitter {
	    height: 42px;
	    width: 42px;
	}
}
@media (min-width: 992px) and (max-width: 1060px){
	.footer_social_icons svg{
		width: 23px!important;
	    height: 23px!important;
	}
}
/* End of Our Plans*/

/* New Styles for btn  */
.p_talking .btn_order{
	white-space: normal;
    line-height: 1.2rem !important; 
    padding: 0 30px;
}
.p_talking .ordernowimg {
    margin-left: 15px;
}
.DesktopSection{
	display: flex;
}
.DesktopSection .sliderbtn{
    white-space: normal;
    display: flex;
    line-height: 1.5rem !important;
    align-items: center;
    justify-content: center;
    padding: 7px !important;
    min-height: 55px;
}
@media screen and (max-width: 1470px){
	.DesktopSection .sliderbtn {
	    min-height: 44px !important;
	    margin-left:20px;
	}
}

.chart-heading{
	text-align: center;
    margin: 5px 0 0;
    display: block;
    width: 100%;
    left: 0 !important;
    position: relative !important;
}
#page-content-wrapper{
	position: relative;
}
.charttool-Backbtn {
    z-index: 2;
}
@media only screen and (max-width: 767px){
	#page-content-wrapper .cal-lang{
		display: none;
	}
	.charttoolcontent_wrapper .cal-lang {
	    display: none;
	}
	#page-content-wrapper {
        margin-top: 50px !important;
	    margin-bottom: 0 !important;
	    padding: 20px 1rem 40px !important;
    }
    .charttoolcontent_wrapper{
    	 padding: 20px 1rem 40px !important;    
    }
    #sidebar-wrapper::before {
	    width: 0;
	}
}
@media only screen and (max-width: 500px){
	.chart-builder {
	    padding: 0.5rem !important;
	}
	.ui-widget.ui-widget-content {
	    border: 1px solid #d3d3d3;
	    left: 5% !important;
	    right: 5% !important;
	    width: 368px;
	    margin: 0 auto;
	    position: relative;
	}
	.ui_tpicker_hour_slider, .ui_tpicker_minute_slider, .ui_tpicker_second_slider{
		width: 100% !important;
	}
}
@media only screen and (max-width: 422px){
	.ui-widget.ui-widget-content {
	    width: 90%;
	}
}
@media only screen and (max-width: 1300px){
	.type_cbGMfound{
		height:  800px !important;
		overflow: hidden !important;
	}
	.type_cbGMsleep{
		height:  650px !important;
		margin: 100px 0 0 0;
	}
	.type_cbGMastro{
		height:  600px !important;
	}

	.navbar-nav .nav-link{
		font-size: 16px!important;
	}

	.navbar-nav .nav-item .registerbtn{
		font-size: 16px!important;
	}
}

@media only screen and (min-width: 1300px){
	.navbar-nav .nav-link{
		font-size: 20px!important;
	}
}


@media screen and (max-width: 1700px){
	#sidebar-wrapper .sidebar-btns{
		flex-wrap: wrap;
		padding: 20px 10px;
	}

	.w-sidepanel .w_btns .btn{
		margin-bottom: 10px;
		width: 100%;
		justify-content: center;
	}
}

@media screen and (max-width: 768px){
	#sidebar-wrapper .sidebar-btns{
		flex-wrap: nowrap;
		padding: 20px 0px;
	}
	
	.w-sidepanel .w_btns .btn{
		margin-bottom: 0px;
		width: auto;
		justify-content: center;
	}

	.toggled .w-sidepanel .w_btns .btn{
		width: 95%;
	}
}

@media screen and (max-width: 1080px) {
	.menu_main{
		padding: 0 10px;
	}
}

@media screen and (max-width: 380px) {
	.p_mobile .nav-item a, .nav-item .registerbtn{
		padding: 0 5px;
	}

	#gmlogo{
		margin-left: 0;
	}
	
	 .w_list .sidebartext {
        font-size: 0.9rem !important;
    }
    
    #sidebar-wrapper .list-group-item-action {
        padding: 9px 15px !important;
    }
    .chart-btn-text {
        font-size: 0.9rem !important;
    }
    
    .w-sidepanel .Createchart .sidebartext {
        font-size: 1.3rem !important;
    }
}

.nav-tabs .nav-link.chartTabs:after{
	display: none;
}

.nav-tabs .nav-link.chartTabs{
	width: auto!important;
	padding: 0 28px 0 28px!important;
}

/* 1179×2556 pixels at 460ppi iphone 15*/    
         @media only screen and (width: 393px) and (height: 852px) and (-webkit-device-pixel-ratio: 3) {.tooltip-body{width:90%;} }
         /* 1080×2340 pixels at 476ppi iphone 13*/
         @media only screen and (width: 375px) and (height: 812px) and (-webkit-device-pixel-ratio: 3) {.tooltip-body{width: 90%;} }
         
/* IMPORTANT: prevent clipping */
.lang_dropdown,
.tooltip-wrap,
.navbar,
.navbar-nav,
.nav-item {
    overflow: visible !important;
}

/* Tooltip container */
.lang-tip {
    position: absolute;
    top: 66px;
    left: 66%;
    transform: translateX(-50%);
    background-color: #f4EEEE !important;
    border: 0px solid #DDE9D2;
    border-radius: 14px;
    padding: 0;
    min-width: 260px;
    z-index: 99999;
    display: block;
}

/* Tooltip text wrapper */
.lang-tip-content {
    padding: 14px 18px;
    font-size: 14px;
    font-weight: 400;
    color: #333333 !important;
    line-height: 1.4;
    text-align: left;
    white-space: normal;
}

/* Green top bar */
.lang-tip::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: #7ac143;
    border-radius: 14px 14px 0 0;
}

/* Green arrow (filled) */
.lang-tip::after {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #7ac143;
}

/* Flag spacing */
.lang-tip-content .flag-icon {
    margin-right: 8px;
    vertical-align: middle;
}
/* Text block */
.tip-text {
    display: inline-flex;
    text-align: justify;
    max-width: 220px;
}
/* Close button INSIDE content */
.tip-close {
    position: absolute;
    top: 12px;
    right: 12px;
    border: none;
    background: transparent;
    color: #7ac143;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    line-height: 1;
}

.tip-close:hover {
    color: #4f8f2c;
}

.xd-tooltip {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    /*max-width: 420px;*/
    left:40px;
    font-family: system-ui, -apple-system, sans-serif;
}

/* Green arrow */
.xd-arrow {
    position: absolute;
    left: -12px;
    top: 35px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #66b82f;
}

/* Left green filled bar */
.xd-left-bar {
    width: 6px;
    background: #66b82f;
    border-radius: 3px 0 0 3px;
}

/* Tooltip body */
.xd-tooltip-body {
    position: relative;
    background: #f7f4f3;
    padding: 14px 42px 14px 14px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    border-radius: 0 6px 6px 0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

/* Flag */
.xd-flag{
    margin-top: 25px;
}

/* Text */
.xd-text {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: #444;
    text-align: justify;
    word-break: break-word;
}

/* Close button */
.xd-close {
    position: absolute;
    top: 6px;
    right: 8px;
    border: none;
    background: none;
    font-size: 18px;
    cursor: pointer;
    color: #999;
}

.xd-close:hover {
    color: #333;
}