@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Bold.eot');
    src: local('Axiforma Bold'), local('Axiforma-Bold'),
        url('../fonts/Axiforma-Bold.woff') format('woff'),
        url('../fonts/Axiforma-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Light.eot');
    src: local('Axiforma Light'), local('Axiforma-Light'),
        url('../fonts/Axiforma-Light.woff') format('woff'),
        url('../fonts/Axiforma-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Medium.eot');
    src: local('Axiforma Medium'), local('Axiforma-Medium'),
        url('../fonts/Axiforma-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma-Medium.woff') format('woff'),
        url('../fonts/Axiforma-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma-Book.eot');
    src: local('Axiforma Book'), local('Axiforma-Book'),
        url('../fonts/Axiforma-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma-Book.woff') format('woff'),
        url('../fonts/Axiforma-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica-neue');
    src: local('Helvetica Neue'), local('Helvetica Neue'),
        url('../fonts/Helvetica-neue.otf') format('opentype'),
        url('../fonts/Helvetica-neue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} */
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/Helvetica-Neue.eot');
    src: local('Helvetica Neue'), local('Helvetica Neue'),
        url("../fonts/Helvetica-Neue.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Helvetica-Neue.woff2") format("woff2"), /* chrome、firefox */
        url("../fonts/Helvetica-Neue.woff") format("woff"), /* chrome、firefox */
        url('../fonts/Helvetica-Neue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'slick';
	src: url('../fonts/slick.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }
:root {
    --black-text-color: #333333;
    --white-color: #ffffff;
    --primary-color: #1754ca;
    --black-color: #000000;
    --grey-text-color: #afafaf;
    --menu-hover-color: #f7fcff;

    --slide-color: #fd8924;
    --slide-active-color: #e6561c;

    --free-plan-color: #bee7fa;
    --free-plan-color-hover: #EFF9FE;
    --medium-plan-color: #f7c451;
    --medium-plan-color-hover: #FEF7EC;
    --large-plan-color: #e6561c;
    --large-plan-color-hover: #FCEEE8;
    --premium-plan-color: #2973d5;
    --premium-plan-color-hover: #EFF9FE;

    --open-sans: "Open Sans", sans-serif;
    --nunito-sans: "Nunito Sans";
    --roboto: "Roboto Slab", serif;
    --axiforma: "Axiforma";
    --helvetica : "Helvetica Neue";
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    scroll-behavior: smooth;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    line-height: 1.5;
    color: var(--black-text-color);
    text-align: left;
    background-color: var(--white-color);
    font-family: var(--open-sans);
    width: 100%;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    color: var(--black-text-color);
}

ul,
ol {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

a {
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 10;
}

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

.slick-dots {
    bottom: 0;
}

.slick-dots li {
    margin: 0px 6px !important;
}

.slick-dots li button:before {
    font-size: 20px !important;
    color: var(--slide-color) !important;
    opacity: 1 !important;
}

.slick-dots li.slick-active button:before {
    color: var(--slide-active-color) !important;
}


.tool-items ~ .arrow {
    transform: rotate(0deg);
}
.primary-button {
    font-family: var(--nunito-sans);
    font-size: 18px;
    color: var(--white-color);
    background-color: #0A49C4;
    border: 2px solid #0A49C4;
    font-weight: 700;
    line-height: 25px;
    padding: 12px 24px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.primary-button.inverse {
    background-color: var(--white-color);
    color: var(--primary-color);
}

.primary-button:hover {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}
#glt-translate-trigger.active{
    /* top: 64px !important; */
    transition: all 0.3s ease 0s;
    position: relative;
    filter: invert(1);
}
#glt-translate-trigger.pressed{

    filter: brightness(0) saturate(100%) invert(58%) sepia(96%) saturate(1279%) hue-rotate(195deg) brightness(109%) contrast(101%);

}
.skedler-header.active {
    /* top: 36px; */
    transition: all 0.3s ease 0s;
} 

.skedler-header {
    width: 100%;
    height: 76px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 30px;
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0;
    background: var(--white-color);
    /* transition: padding 1s ease 0s; */
    transition: all 0.3s ease 0s;
}

.skedler-header .hamburger-btn,
.skedler-header .hamburger-btn-mobile {
    display: none;
    width: 30px;
}

.skedler-header .hamburger-btn::before,
.skedler-header .hamburger-btn::after,
.skedler-header .hamburger-btn > div,
.skedler-header .hamburger-btn-mobile::before,
.skedler-header .hamburger-btn-mobile::after,
.skedler-header .hamburger-btn-mobile > div {
    background: var(--primary-color);
    content: "";
    display: block;
    height: 3px;
    border-radius: 3px;
    margin: 9px 0;
    transition: 0.5s;
}

.skedler-header .hamburger-btn.active:before,
.skedler-header .hamburger-btn-mobile.active:before {
    transform: translateY(12px) rotate(135deg);
}
.skedler-header .hamburger-btn.active:after,
.skedler-header .hamburger-btn-mobile.active:after {
    transform: translateY(-12px) rotate(-135deg);
}
.skedler-header .hamburger-btn.active > div,
.skedler-header .hamburger-btn-mobile.active > div {
    transform: scale(0);
}

.skedler-header.active-btn {
    /* padding-right: calc(145px + 30px + 32px); */
    padding-right: calc(180px + 30px + 32px);
}

.skedler-header .logo a {
    display: block;
}

.header-menus {
    font-size: 18px;
}

.header-menus > li {
    display: inline-block;
    padding: 25px 13px;
    transition: background 0.6s ease 0s;
    cursor: pointer;
    position: relative;
}

.header-menus > li > a {
    color: var(--black-text-color);
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all 0.6s ease 0s;
}

.header-menus > li > a > .arrow {
    margin-left: 8px;
    transition: transform 0.6s ease 0s;
}

.header-menus > li:hover {
    background: #EBF2FF;/*var(--menu-hover-color); */
}

.header-menus > li:hover .sub-menus {
    max-height: 100vh;
}

.header-menus > li:hover > a {
    color: var(--primary-color);
}



.header-menus .sub-menus {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    /* left: 0; */
    left: 0px !important;
    top: 76px;
    background: #fff;/* var(--menu-hover-color); */
    box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.25);
    transition: all 0.6s ease 0s;
}

.header-menus .sub-menus .wrapper {
    padding: 30px 30px 60px;
    display: flex;
    justify-content: center;
    cursor: auto;
}

.header-menus .sub-menus .item {
    padding: 0px 30px 0px 30px;
    position: relative;
    width: 100%;
    max-width: 356px;

}
#solutions-menu .item.menu-padding {
    padding: 0px 30px 0px 20px !important;
}
.header-menus #respource_menu .sub-menus .item {
    padding: 0px 30px 0px 30px;
}
.header-menus li#solutions-menu .sub-menus .item{
    max-width: 280px;
}

.header-menus .sub-menus .item-icon {
    position: absolute;
    width: 34px;
    height: 34px;
    top: 5px;
    left: 15px;
}

.header-menus .sub-menus .item-icon.sub-icon {
    top: 0px;
}

.header-menus .sub-menus .item-title {
    color: var(--black-color);
    font-size: 20px;
    line-height: 27px;
    margin: 0px 0px 12px;
    font-weight: 600;
}

.header-menus .sub-menus .item-title.sub-title {
    margin: 32px 0px 0px;
}

.header-menus .sub-menus ul > li {
    margin: 6px 0px;
}

.header-menus .sub-menus ul > li > a {
    color: var(--black-text-color);
    text-decoration: none;
}

.header-menus .sub-menus ul > li > a:hover {
    color: var(--primary-color);
}

.header-actions .get-access-btn {
    margin-left: 32px;
    /* width: 145px; */
    width: auto;
    position: absolute;
    /* right: -145px; */
    right: -220px;
    transition: all 1s ease 0s;
    padding: 12px 20px;
}


.skedler-header.active-btn .header-actions .get-access-btn {
    right: 30px;
}

main.skedler-page {
    padding-top: 76px;
}

.skedler-footer {
    background: linear-gradient(180deg, #5891db 0%, #364b74 48.16%, #202c43 97.75%);
    padding: 0px 96px;
}

.footer-menus {
    padding: 70px 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-menus .column h5 {
    font-size: 15px;
    color: var(--white-color);
    font-weight: bold;
    font-family: var(--nunito-sans);
    margin: 0px 0px 12px;
}
.footer-menus .column a {
    text-decoration: none;
}

.footer-menus ul {
    font-size: 14px;
}

.footer-menus ul li {
    margin: 0px 0px 8px;
}

.footer-menus ul a {
    color: var(--white-color);
    text-decoration: none;
}

.footer-menus ul a:hover {
    text-decoration: underline;
}

.footer-actions > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--white-color);
}

.footer-actions > ul > li {
    padding: 0px 27px;
}

.footer-actions > ul > li > a {
    color: var(--white-color);
    text-decoration: none;
}

.footer-actions > ul > li > a:hover {
    text-decoration: underline;
}

.skedler-footer .social-media-links {
    border-top: 1px solid var(--white-color);
    margin-top: 28px;
    padding: 28px 0px;
    text-align: center;
}

.skedler-footer .social-media-links li {
    display: inline-block;
    padding: 0px 20px;
}

.client-listing-section {
    padding: 84px 30px;
    text-align: center;
}

.client-listing-section .title {
    margin: 0px 0px 16px;
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
}

.client-listing-section .listing-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.client-listing-section .listing-wrapper .icon {
    width: 164px;
    height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 21px;
}

.home-banner-section .banner-wrapper {
    padding: 0px 30px;
    text-align: center;
}

.home-banner-section .title {
    font-size: 43px;
    font-family: var(--roboto);
    font-weight: 500;
    line-height: 102px;
    margin: 48px 0px 17px;
    color: #0A49C4;
}

.home-banner-section .sub-title {
    font-family: var(--nunito-sans);
    font-size: 27px;
    margin: 0px;
    font-weight: 400;
    line-height: 43px;
    color: #4A5568;
}

.home-banner-section .sub-title span {
    display: inline-block;
    vertical-align: middle;
}

.home-banner-section .get-access-btn {
    width: 160px;
    margin: 42px 0px 0px;
    height: 52px;
}
div#footer-form .get-access-btn {
    width: 215px;
    height: 50px;
    /* width: 160px; */
}

.home-banner-section .banner-image {
    width: 100%;
    max-width: 938px;
    margin: 30px auto;
    overflow: hidden;
}

.home-banner-section .banner-image img {
    transform: scale(1);
    transition: transform 1s ease 0s;
}

.home-banner-section .banner-image.active img {
    transform: scale(1.1);
}

.home-banner-section .banner-waves {
    position: relative;
    width: 100%;
    height: 118px;
}

.home-banner-section .banner-waves .wave {
    width: 100%;
    position: absolute;
    transition: height 1s ease 0s;
    /* new code */
    bottom: 5px;
    z-index: -1;
}

.home-banner-section .banner-waves .wave img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.home-banner-section .banner-waves .wave1 {
    z-index: 7;
    /*height: 53px;
    bottom: 39px; */
    height: 340px;
    bottom: 7px;
    position: absolute;
    z-index: -1;
}

.home-banner-section .banner-waves .wave2 {
    z-index: 8;
    height: 180px;
    bottom: 8px;
}

.home-banner-section .banner-waves .wave3 {
    /* z-index: 9; */
    /* height: 42px; */
    height: 100px;
    bottom: 8;
}

.home-banner-section .banner-waves.active .wave1 {
    /* height: 83px; */
    height: 355px;
}

.home-banner-section .banner-waves.active .wave2 {
    /* height: 129px; */
    height: 160px;
}

.home-banner-section .banner-waves.active .wave3 {
    /* height: 72px; */
    height: 110px;
}

.videos-listing-section {
    padding: 0px 90px;
}

.videos-listing-section .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    /* margin: 120px 0px; */
    margin-bottom: 130px;
}

.videos-listing-section .wrapper .video {
    width: 60%;
    text-align: right;
}

.videos-listing-section .wrapper .video video {
    max-height: 90%;
    max-width: 90%;
    /* transition: transform 1s ease 0s; */
    /* animation: fadeInn 1s ease-in both; */
    transition: all 1s ease 0s;
   
}

.videos-listing-section .wrapper .video img{
    opacity: 0;
    transition: all 1s ease 0s;
}

.videos-listing-section .wrapper .video.active video {
    /* transform: scale(1.1); */
    animation: fadeInn 1s ease-in both;
    animation-delay: 3s;
}

.videos-listing-section .wrapper .video.active img {
    /* transform: scale(1.1); */
    animation: fadeInn 0.3s ease-in both;
    animation-delay: 0.3s;
    opacity: 1;
}

.videos-listing-section .wrapper.inverse .video {
    text-align: left;
}

.videos-listing-section .wrapper .content {
    width: 40%;
    padding-right: 40px;
    margin-top: 60px;
    opacity: 0;
}
.videos-listing-section .wrapper.active .content{
    
    animation: fadeIn 0.3s ease-in both;
    animation-delay: 0.3s;
    opacity: 1;
}

.videos-listing-section .wrapper.inverse .content {
    padding-right: 0px;
    padding-left: 40px;
}




.enterprise-section {
    background: linear-gradient(89.86deg, #1056dc 0.13%, #1a438f 58.23%, #2361d9 98.85%);
    position: relative;
    z-index: 1;
    margin-top: calc(243px + 100px);
    padding-bottom: 100px;
}

.enterprise-section .dot-wave {
    position: absolute;
    width: 100%;
    z-index: -1;
    top: -243px;
    transition: top 1s ease 0s;
    min-height: 243px;
}

.enterprise-section .dot-wave img {
    width: 100%;
    height: 100%;
}

.enterprise-section .dot-wave.active {
    top: -213px;
}

.enterprise-section .title {
    font-size: 48px;
    text-align: center;
    font-weight: 700;
    font-family: var(--nunito-sans);
    line-height: 65px;
    margin: 0px 0px 70px;
    color: var(--white-color);
}

.enterprise-section .wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 148px;
}

.enterprise-section .wrapper .item {
    width: 33.33%;
    padding: 50px;
}

.enterprise-section .item-title {
    color: var(--white-color);
    font-size: 20px;
    line-height: 27px;
    margin: 40px 0px 28px;
    font-weight: 600;
}

.enterprise-section .item .desc {
    color: var(--white-color);
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    margin: 0px;
}

.access-req-section {
    padding: 146px 123px 30px;
    text-align: center;
}

.access-req-section .title {
    font-size: 48px;
    line-height: 65px;
    font-family: var(--nunito-sans);
    color: var(--black-color);
    font-weight: 700;
    margin: 0px 0px 20px;
}

.access-req-section .content {
    font-size: 24px;
    margin: 20px auto;
    font-weight: 600;
    line-height: 32px;
}

.access-req-section .access-btn {
    width: 235px;
    margin: 42px 0px 0px;
}

.access-req-section .email-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.access-req-section .email-wrapper .email {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    border: none;
    border-bottom: 1px solid var(--grey-text-color);
    width: 100%;
    max-width: 565px;
    color: var(--black-color);
    margin-top: 45px;
    background: transparent;
    z-index: 1;
}

.access-req-section .email-wrapper .email:focus {
    outline: none;
}

.access-req-section .email-wrapper .email:focus + .placeholder,
.access-req-section .email-wrapper .email:valid + .placeholder {
    bottom: 30px;
}

.access-req-section .email-wrapper .placeholder {
    position: absolute;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    color: var(--grey-text-color);
    bottom: 10px;
    transition: all 0.3s ease 0s;
    z-index: 0;
}

.footer-wave-sectinon .footer-waves {
    position: relative;
    width: 100%;
    height: 142px;
}

.footer-wave-sectinon .footer-waves .wave {
    width: 100%;
    position: absolute;
    transition: height 1s ease 0s;
}

.footer-wave-sectinon .footer-waves .wave img {
    width: 100%;
    height: 100%;
}

.footer-wave-sectinon .footer-waves .wave1 {
    z-index: 7;
    height: 119px;
    bottom: 23px;
}

.footer-wave-sectinon .footer-waves .wave2 {
    z-index: 8;
    height: 138px;
    bottom: 3px;
}

.footer-wave-sectinon .footer-waves .wave3 {
    z-index: 9;
    height: 75px;
    bottom: 4px;
}

.footer-wave-sectinon .footer-waves .wave4 {
    z-index: 10;
    height: 54px;
    bottom: -1px;
}

.footer-wave-sectinon .footer-waves.active .wave1 {
    height: 149px;
}

.footer-wave-sectinon .footer-waves.active .wave2 {
    height: 168px;
}

.footer-wave-sectinon .footer-waves.active .wave3 {
    height: 105px;
}

.footer-wave-sectinon .footer-waves.active .wave4 {
    height: 84px;
}

.slider-section .slider-item {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.slick-dots{
    bottom: 0 !important;
}
.slider-section .skedler-home-slider {
    overflow: hidden;
    margin-bottom: 0px;
    padding-bottom: 30px;
}

.slider-section .image-wrapper {
    position: relative;
    width: 564px;
    height: 564px;
}

.slider-section .image-wrapper .mango {
    max-height: max-content;
    position: absolute;
    transition: transform 1s ease 0s;
}

.slider-section .image-wrapper .bottom {
    left: 0;
    top: -50px;
    z-index: 6;
}

.slider-section .image-wrapper .middle {
    left: 56px;
    top: 153px;
    z-index: 7;
}

.slider-section .image-wrapper .top {
    left: 12px;
    top: 138px;
    z-index: 8;
}

.slider-section .image-wrapper.active .bottom {
    transform: rotate(-28deg);
}

.slider-section .image-wrapper.active .middle,
.slider-section .image-wrapper.active .top {
    transform: rotate(-15deg);
}

.slider-section .image-wrapper .client-image {
    position: absolute;
    top: 260px;
    left: 56px;
    z-index: 9;
}

.slider-section .content-wrapper {
    width: calc(100% - 564px);
    padding-right: 100px;
}

.slider-section .slider-item .quotes {
    font-size: 32px;
    font-family: var(--nunito-sans);
    line-height: 43px;
    margin: 0px;
}

.slider-section .slider-item .author {
    margin: 52px 0px 0px;
    position: relative;
    padding-left: 80px;
}

.slider-section .slider-item .author > img {
    width: 58px;
    height: 56px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
}

.slider-section .slider-item .author h3 {
    font-size: 24px;
    line-height: 32px;
}

.slider-section .slider-item .author .name {
    font-weight: 700;
    margin: 0;
}

.slider-section .slider-item .author .title {
    font-weight: 600;
    margin: 12px 0px 0px;
}

.pricing-section .wrapper {
    padding: 0px 30px;
    text-align: center;
}

.pricing-section .title {
    font-size: 48px;
    line-height: 65px;
    font-weight: 700;
    font-family: var(--nunito-sans);
    margin: 120px 0px 21px;
    color: var(--black-color);
}

.pricing-section .sub-title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    margin: 0px;
    color: var(--black-color);
}

.pricing-section .plan-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 90px;
    margin: 57px 0px 28px;
}

.plan-details .item {
    border: 1px solid var(--black-color);
    border-top-width: 12px;
    padding: 57px 23px;
    max-width: 270px;
    width: 100%;
    margin: 0px 2px;
}

.plan-details .item.free {
    border-color: var(--free-plan-color);
}

.plan-details .item.free:hover{
    background-color: var(--free-plan-color-hover);
}
.plan-details .item.medium {
    border-color: var(--medium-plan-color);
}
.plan-details .item.medium:hover {
    background-color: var(--medium-plan-color-hover);
}

.plan-details .item.large {
    border-color: var(--large-plan-color);
}
.plan-details .item.large:hover {
    background-color: var(--large-plan-color-hover);
}

.plan-details .item.premium {
    border-color: var(--premium-plan-color);
}
.plan-details .item.premium:hover {
    background-color: var(--premium-plan-color-hover);
}

.plan-details .item .type {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin: 0px;
}

.plan-details .item .count {
    font-size: 18px;
    line-height: 24px;
    margin: 6px 0px 0px;
    font-weight: 400;
}

.plan-details .item .desc {
    font-size: 31px;
    line-height: 43px;
    font-weight: 400;
    font-family: var(--nunito-sans);
    padding: 0px 10px;
    margin: 60px 0px 45px;
}

.plan-details .item button {
    width: 100%;
    padding: 6px;
    line-height: initial;
}

.pricing-notes .note {
    text-align: left;
    width: 100%;
    max-width: 560px;
    margin: auto;
}

.pricing-notes .note h4 {
    font-size: 18px;
    line-height: 31px;
    color: var(--black-color);
    font-weight: 400;
    margin: 0px;
}

.pricing-notes h1 {
    font-size: 32px;
    line-height: 43px;
    color: var(--black-color);
    font-family: var(--nunito-sans);
    font-weight: 400;
    margin: 28px 0px 0px;
}

.pricing-notes h1 a {
    color: var(--primary-color);
}

.plan-feature-section {
    background: #fef7ec;
    padding: 55px 160px 0px;
    margin-top: calc(160px + 62px);
    position: relative;
    z-index: 1;
}

.plan-feature-section .title {
    text-align: center;
    font-size: 48px;
    line-height: 65px;
    color: var(--black-color);
    margin: 0px 0px 45px;
    font-weight: 700;
    font-family: var(--nunito-sans);
}

.plan-feature-section .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 60px;
    margin-top: 80px;
}

.plan-feature-section .wrapper .item {
    width: 50%;
    padding: 0px 15px;
}

.plan-feature-section .item .sub-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    margin: 0px;
}

.plan-feature-section .item ul {
    list-style: disc;
    padding-left: 30px;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    margin: 40px 0px;
}

.plan-feature-section .item ul li {
    margin: 6px 0px;
}

.plan-feature-section .feature-wave {
    position: absolute;
    width: 100%;
    z-index: -1;
    transition: top 1s ease 0s;
    min-height: 160px;
    top: -160px;
    left: 0;
}

.plan-feature-section .feature-wave.active {
    top: -130px;
}

.plan-feature-section .feature-wave img {
    width: 100%;
    height: 100%;
}

.faq-section {
    padding: 94px 114px;
}

.faq-section .title {
    font-size: 48px;
    line-height: 65px;
    color: var(--black-color);
    font-family: var(--nunito-sans);
    margin: 0px;
}

.faq-section .accordion {
    margin: 46px 0px 0px;
}

.faq-section .accordion__item {
    border-bottom: 1px solid var(--black-color);
}

.faq-section .accordion__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    position: relative;
    padding: 34px 34px 34px 0px;
    cursor: pointer;
}

.faq-section .accordion__arrow {
    position: absolute;
    right: 0;
    top: 28px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    margin-right: 14px;
    justify-content: center;
    transition: transform 0.3s ease 0s;
}

.faq-section .accordion__arrow-item {
    display: inline-block;
    
}

.faq-section .accordion__content {
    padding-bottom: 34px;
    font-size: 18px;
    line-height: 32px;
    display: none;
}

.faq-section .accordion__rotate {
    transform: rotate(45deg);
}

p.select-source {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 24px;
    margin-top: 18px;
}

.client-details-wrapper .primary-button {
    margin-bottom: 80px;
}
section.getaccess-page-section{
    padding: 0 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
/* height: calc(100vh - 160px); */
flex-direction: column;
}
.email-verification-wrapper {
    display: flex;
    align-items: center;
    height: auto;
    font-family: var(--nunito-sans);
}
.request-access-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 160px);
}
@media screen and (min-width: 991px) {

    .page-template-template-getaccess-thankyou #glt-translate-trigger{
        display: block !important;
    margin-right: 0;
    right: 4% !important;
    }

    .header-menus > li:hover > a .arrow {
        border-color: var(--primary-color);
        transform: rotate(225deg);
    }
    .arrow{
        transform: rotate(45deg);
    }
    .getaccess-page-section .verify-image{
        margin: 30px 0px;
    }
    .getaccess-page-section h1.title.thankyou {
        color: #E6561C;
        margin-top: 26px;
    }
    .client-details-wrapper .primary-button {
        margin-bottom: 80px !important;
    }
    .page-template-template-getaccess main.skedler-page{
        padding-top: 0;
        min-height: 100vh;
    }
    .close-button {
        text-align: right;
        position: absolute;
        right: 32px;
        top:30px;
    }
    section.getaccess-wave-section{
        /* position: absolute; */
    width: 100%;
    bottom: 0;
    height: 160px;
    z-index: -1 !important;
    }
    
}


/* Media styles for medium screen below 1199px */
@media screen and (max-width: 1199px) {
    .header-menus,
    .skedler-header .header-actions button {
        font-size: 16px;
    }

    .skedler-footer {
        padding: 0px 30px;
    }

    .home-banner-section .title {
        font-size: 43px;
        line-height: 92px;
    }

    .videos-listing-section .wrapper .video,
    .videos-listing-section .wrapper .content {
        width: 50%;
    }

    .videos-listing-section .wrapper .title {
        font-size: 30px;
    }

    .enterprise-section .title {
        font-size: 42px;
        margin: 0px 0px 50px;
    }

    .enterprise-section .dot-wave {
        height: 245px;
        min-height: 0px;
    }

    .enterprise-section .wrapper {
        padding: 0px 100px;
    }

    .enterprise-section .wrapper .item {
        width: 50%;
    }

    .access-req-section .title {
        font-size: 42px;
    }

    .slider-section .content-wrapper {
        padding-right: 30px;
    }

    .slider-section .slider-item .quotes {
        font-size: 26px;
        line-height: initial;
    }

    .slider-section .slider-item .author h3 {
        font-size: 21px;
        line-height: initial;
    }

    .pricing-section .title {
        font-size: 42px;
        line-height: initial;
    }

    .pricing-section .sub-title {
        font-size: 18px;
        line-height: initial;
    }

    .pricing-section .plan-details {
        padding: 0px;
    }

    .plan-details .item .desc,
    .pricing-notes h1 {
        font-size: 30px;
    }

    .plan-feature-section .title {
        font-size: 42px;
        line-height: initial;
    }

    .plan-feature-section {
        padding: 55px 30px 0px;
    }

    .plan-feature-section .wrapper {
        padding-bottom: 30px;
    }

    .faq-section {
        padding: 45px 30px;
    }

    .faq-section .title {
        font-size: 42px;
        line-height: initial;
    }

    .faq-section .accordion {
        margin: 30px 0px 0px;
    }

    .faq-section .accordion__title {
        font-size: 21px;
        line-height: initial;
        padding: 20px 20px 20px 0px;
    }

    .faq-section .accordion__content {
        line-height: initial;
        padding-bottom: 20px;
    }

    .plan-feature-section .feature-wave {
        top: -80px;
        height: 160px;
        min-height: 0;
    }

    .plan-feature-section .feature-wave.active {
        top: -110px;
    }

    .plan-feature-section {
        margin-top: calc(110px + 32px);
    }
}

/* Media styles for small screen below 991px */
@media screen and (max-width: 991px) {
    .slick-dots li button:before {
        font-size: 12px !important;
    }
    body #glt-translate-trigger.active {
        top: 23px !important;
    }
    .forMobile{
        display: block !important;
    }
    .forDesktop{
        display: none !important;
    }
.page #glt-translate-trigger,  .error404 #glt-translate-trigger{
    display: none;
}
    .skedler-header.mobile-version ul li input.gsc-input{
        background: none !important;
    }
    .skedler-header.mobile-version ul li  .gsc-input-box{
        padding-top: 0;
        padding-bottom: 3px;

    }
    .skedler-header.mobile-version ul li .gsc-search-button-v2 {
        font-size: 0;
        padding: 10px 14px;
        width: 45px !important;
        vertical-align: middle;
        border: 1px solid #666;
        border-radius: 0 4px 4px 0px;
        border-color: #dfe1e5;
        background-color: #fff;
    }
    .skedler-header.mobile-version ul li .gsc-search-button-v2 svg{
        fill: #1754ca;
    }
    .version-div{
        padding: 22px;
    }
    a span.arrow{
        transform: rotate(45deg);
    }
    a.active span.arrow{
        transform: rotate(225deg);
    }
    #skedler-app-header1 .header-menus .sub-menus{
        display: none  !important;
    }
    .copiedtext {
    text-align: left !important;
    }
    /* .email-verification-wrapper.download-active{
        margin: 60px 0;
    } */
    .version-text{
        text-align: end;
    }
    .download-box, .version-text div:first-child, .request, .email-verification-wrapper.download-active, .email-wrap,
    .download-box > div{
        width: 100% !important;
        max-width: 100% !important;
    }
    .download-box > div{
        margin: 10px 0;
    }
    .email-verification-wrapper{
        padding: 0 !important;
        height: 100% !important;
    }

    main.skedler-page.home-page .email-verification-wrapper.download-active, .download-box{
        display: block !important;
    }

    .getaccess-page-section .verify-image{
        margin: 32px 0px;
    }

    .slick-dots li {
        margin: 0px !important;
    }

    .primary-button {
        font-size: 16px;
    }

    .fancybox-slide--iframe .fancybox-content{
        height: auto !important;
    }

    .skedler-header {
        position: absolute;
        padding: 0px;
    }

    .skedler-header .logo-wrapper {
        position: fixed;
        z-index: 9998;
        width: 100%;
        height: 76px;
        top: 0px;
        background: var(--white-color);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 20px;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    }

    .skedler-header .header-menus {
        position: fixed;
        z-index: 9997;
        width: 100%;
        height: 100%;
        max-width: 360px;
        top: 76px;
        left: -110%;
        background: var(--white-color);
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
        padding: 166px 0px 0px;
        overflow: auto;
        transition: left 0.3s ease 0s;
    }

    .skedler-header.open .header-menus,
    .skedler-header.open .header-menus + .header-actions {
        left: 0;
    }

    .skedler-header .hamburger-btn,
    .skedler-header .hamburger-btn-mobile {
        display: block;
    }

    .header-menus > li {
        display: block;
        padding: 16px 0px;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }

    .header-menus > li:last-child {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    .header-menus > li > a {
        display: block;
        position: relative;
        padding: 0px 40px 0px 20px;
    }

    .header-menus > li > a .arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 20px;
        margin: auto;
    }

    .header-menus .sub-menus {
        position: relative;
        top: 16px;
        box-shadow: none;
    }

    .header-menus .sub-menus .wrapper {
        padding: 0px 0px;
        flex-wrap: wrap;
    }

    .header-menus .sub-menus .item {
        padding: 0px 0px 0px 49px;
        margin-bottom: 15px;
    }

    .header-menus .sub-menus .item-icon {
        left: 0px;
    }

    .header-menus .sub-menus .item-title {
        font-size: 16px;
        line-height: initial;
    }

    .header-menus .sub-menus ul {
        font-size: 14px;
    }

    .header-menus .sub-menus .item-title.sub-title {
        margin: 16px 0px 0px;
    }

    .header-actions {
        position: fixed;
        width: 100%;
        height: 166px;
        max-width: 360px;
        z-index: 9998;
        top: 76px;
        left: -110%;
        padding: 20px;
        overflow: hidden;
        transition: left 0.3s ease 0s;
        background: var(--white-color);
    }

    .header-actions button.primary-button {
        position: static;
        display: block;
        width: 100%;
        margin: 0px;
    }

    .header-actions button.primary-button.get-access-btn {
        margin-top: 20px;
    }

    .skedler-footer {
        padding: 0px 20px;
    }

    .footer-menus {
        padding: 35px 0px 0px;
    }

    .footer-menus .column {
        width: 100%;
        margin-bottom: 12px;
    }

    .footer-actions > ul > li {
        width: 100%;
        padding: 0px;
        margin: 6px 0px;
    }

    .skedler-footer .social-media-links {
        padding: 20px 0px;
    }

    .client-listing-section {
        padding: 42px 20px;
    }

    .client-listing-section .title {
        font-size: 18px;
        line-height: 28px;
    }

    .home-banner-section .banner-wrapper {
        padding: 0px 20px;
    }

    .home-banner-section .title {
        margin: 50px 0px 21px;
        font-size: 40px;
        line-height: initial;
    }

    .home-banner-section .sub-title {
        font-size: 21px;
        line-height: 32px;
    }

    .home-banner-section .get-access-btn {
        margin: 30px 0px 0px;
    }

    .videos-listing-section, .page-template-template-grafana section.landing-page-designed-section,
    .page-template-template-grafana .grafana-section,
    .page-template-template-grafana section.leading-class-section,
    .page-template-template-kibana section.landing-page-designed-section,
    .page-template-template-kibana .grafana-section,
    .page-template-template-kibana section.leading-class-section,
    section.leading-class-section,
    .page-template section.landing-page-designed-section,
    .page-template .contact-section, .page-template .contact-follow {
        padding: 18px 20px !important;
    }

    p.grafana-description-text br {
        display: none;
    }

    .page-template-template-grafana .company-product-des,
    .page-template-template-kibana .company-product-des {
        margin: 0px;
    }

    .videos-listing-section .wrapper .video,
    .videos-listing-section .wrapper .content,
    .grafana-section .wrapper .grafana-text-block,
    .page-template .videos-section #mySelect .drop-down .selected a,
    .page-template .onboard .enteremail {
        width: 100%;
    }
    .page-template .videos-section #mySelect .drop-down .options ul{
        min-width: 100%;
    }

    .videos-listing-section .wrapper .content {
        padding: 0px !important;
    }

    .videos-listing-section .wrapper .video {
        text-align: center !important;
    }

    .videos-listing-section .wrapper .video video {
        max-width: 100%;
        max-height: 100%;
    }

    .videos-listing-section .wrapper .video.active video {
        transform: scale(1.04);
    }

    .videos-listing-section .wrapper > div {
        margin-bottom: 30px;
    }

    .videos-listing-section .wrapper .title {
        font-size: 26px;
        line-height: initial;
        margin: 0px 0px 30px;
    }

    .videos-listing-section .wrapper .desc {
        font-size: 16px;
    }

    .enterprise-section {
        margin-top: 78px;
        padding-bottom: 50px;
    }

    .enterprise-section .dot-wave {
        height: 78px;
        top: -78px;
    }

    .enterprise-section .dot-wave.active {
        top: -68px;
    }

    .enterprise-section .title {
        font-size: 28px;
        line-height: initial;
        margin: 0px 0px 20px;
        padding-top: 20px;
    }

    .enterprise-section .wrapper {
        padding: 0px 20px;
    }

    .enterprise-section .wrapper .item {
        width: 100%;
        padding: 20px 0px 0px;
    }

    .enterprise-section .item-title {
        font-size: 16px;
        line-height: initial;
        margin: 20px 0px 12px;
    }

    .enterprise-section .item .desc {
        font-size: 16px;
        line-height: initial;
    }

    .access-req-section {
        padding: 30px 20px !important;
    }

    .access-req-section .title {
        font-size: 28px;
        line-height: initial;
        margin: 0px 0px 30px;
    }

    .access-req-section .content {
        font-size: 16px;
        line-height: initial;
        margin: 0px auto 10px;
    }

    .access-req-section .email-wrapper .placeholder {
        font-size: 16px;
        line-height: initial;
    }

    .access-req-section .email-wrapper .email {
        font-size: 16px;
        line-height: initial;
        margin-top: 30px;
    }

    .access-req-section .email-wrapper .email:focus + .placeholder,
    .access-req-section .email-wrapper .email:valid + .placeholder {
        bottom: 30px;
    }

    .access-req-section .access-btn {
        margin: 30px 0px 0px;
    }

    .home-banner-section .banner-waves {
        height: 40px;
    }

    .home-banner-section .banner-waves .wave1 {
        height: 80px;
        bottom: -2px;
    }

    .home-banner-section .banner-waves .wave2 {
        height: 25px;
        bottom: 0px;
    }

    .home-banner-section .banner-waves .wave3 {
        height: 13px;
        bottom: 0px;
    }

    .home-banner-section .banner-waves.active .wave1 {
        /* height: 26px; */
        height: 91px;
    }

    .home-banner-section .banner-waves.active .wave2 {
        height: 35px;
    }

    .home-banner-section .banner-waves.active .wave3 {
        height: 23px;
    }

    .footer-wave-sectinon .footer-waves {
        height: 50px;
    }

    .footer-wave-sectinon .footer-waves .wave1 {
        height: 30px;
        bottom: 10px;
    }

    .footer-wave-sectinon .footer-waves .wave2 {
        height: 35px;
        bottom: 3px;
    }

    .footer-wave-sectinon .footer-waves .wave3 {
        height: 19px;
        bottom: 0px;
    }

    .footer-wave-sectinon .footer-waves .wave4 {
        height: 14px;
    }

    .footer-wave-sectinon .footer-waves.active .wave1 {
        height: 40px;
    }

    .footer-wave-sectinon .footer-waves.active .wave2 {
        height: 45px;
    }

    .footer-wave-sectinon .footer-waves.active .wave3 {
        height: 29px;
    }

    .footer-wave-sectinon .footer-waves.active .wave4 {
        height: 24px;
    }

    .slider-section .content-wrapper {
        padding: 20px;
        width: 100%;
    }

    .slider-section .slider-item .quotes {
        font-size: 21px;
    }

    .slider-section .slider-item .author {
        margin: 30px 0px 0px;
        padding-left: 70px;
    }

    .slider-section .slider-item .author h3 {
        font-size: 16px;
    }

    .slider-section .slider-item .author > img {
        width: 57px;
        height: 46px;
    }

    .slider-section .slider-item .author .title {
        margin: 6px 0px 0px;
    }

    .slider-section .image-wrapper {
        width: 300px;
        height: 300px;
        margin: 0px auto 20px;
    }

    .slider-section .image-wrapper .middle {
        top: 21px;
        left: 14px;
    }

    .slider-section .image-wrapper .top {
        left: 8px;
        top: 21px;
    }

    .slider-section .image-wrapper .client-image {
        max-width: 250px;
        max-height: 250px;
        left: 24px;
        top: 106px;
    }

    .slider-section .image-wrapper.active .bottom {
        transform: rotate(-18deg);
    }

    .slider-section .image-wrapper.active .middle,
    .slider-section .image-wrapper.active .top {
        transform: rotate(-10deg);
    }

    .pricing-section .wrapper {
        padding: 0px 20px;
    }

    .pricing-section .title {
        margin: 50px 0px 21px;
        font-size: 32px;
    }

    .pricing-section .sub-title {
        font-size: 16px;
    }

    .pricing-section .plan-details {
        flex-wrap: wrap;
        justify-content: center;
        margin: 30px 0px;
    }

    .plan-details .item {
        margin: 0px 2px 12px;
        padding: 32px 16px;
    }

    .plan-details .item .type {
        font-size: 21px;
        line-height: initial;
    }

    .plan-details .item .count {
        font-size: 16px;
        line-height: initial;
    }

    .plan-details .item .desc {
        font-size: 26px;
        line-height: initial;
        margin: 30px 0px;
    }

    .pricing-notes .note h4 {
        font-size: 16px;
        line-height: initial;
    }

    .pricing-notes h1 {
        font-size: 26px;
        line-height: initial;
        margin: 16px 0px 0px;
    }

    .plan-feature-section {
        margin-top: calc(78px + 20px);
        padding: 30px 20px 0px;
    }

    .plan-feature-section .feature-wave {
        height: 78px;
        top: -48px;
    }

    .plan-feature-section .feature-wave.active {
        top: -78px;
    }

    .plan-feature-section .title {
        font-size: 32px;
        margin: 0px 0px 30px;
    }

    .plan-feature-section .wrapper {
        padding-bottom: 20px;
    }

    .plan-feature-section .wrapper .item {
        width: 100%;
    }

    .plan-feature-section .item .sub-title {
        font-size: 16px;
        line-height: initial;
    }

    .plan-feature-section .item ul {
        font-size: 16px;
        line-height: initial;
        margin: 20px 0px;
    }

    .plan-feature-section .item ul li {
        margin: 3px 0px;
    }

    .faq-section {
        padding: 30px 20px;
    }

    .faq-section .title {
        font-size: 32px;
    }

    .faq-section .accordion {
        margin: 0px;
    }

    .faq-section .accordion__title {
        font-size: 16px;
        padding: 12px 24px 12px 0px;
    }

    .faq-section .accordion__content {
        font-size: 14px;
        padding-bottom: 12px;
    }
    section.landing-page-designed-section .landing-page-designed-block > div{
        padding: 20px;
        margin: 10px 0;
    }
    section.landing-page-designed-section .landing-page-designed-block > div, .grafana-section .wrapper .grafana-text-block,
    .grafana-section .wrapper .grafana-image-block,
    .page-template section.landing-page-designed-section .landing-page-designed-block {
        width: 100% !important;

    }
    .grafana-section {
        padding: 0px 20px !important;
    }
    .grafana-landing-section .grafana-section .wrapper .grafana-text-block{
        padding-right: 0;
    }
    .grafana-landing-section .grafana-section .wrapper .title, 
    .page-template-template-grafana section.landing-page-slider-section .slider-title,
    .page-template-template-grafana section.landing-page-designed-section .title,
    .page-template-template-grafana section.leading-class-section h1.title,
    .page-template-template-kibana section.landing-page-slider-section .slider-title,
    .page-template-template-kibana section.landing-page-designed-section .title,
    .page-template-template-kibana section.leading-class-section h1.title,
    .page-id-232 section.post-content h1.title, .page-id-248 section.post-content h1.title,
    .page-id-246 section.post-content h1.title,
    .page-template-template-customers section.customers-logos-section h2.title, 
    .page-template-template-customers .customer-testimonial-customer-page h2.title,
    .page-template-template-customers section.customer-section .title,
    .page-template section.leading-class-section h1.title,
    .page-template section.landing-page-slider-section .slider-title,
    .page-template section.landing-page-designed-section .title,
    .page-template h1.contact-page-title, .page-template .getstarted-today,
    .page-template .skedlerVideos-play h1.title, .page-template p.Already-a-customer,
    .page-template .onboard h1.title, .page-template section.license-activation-section h1.title{
        font-size: 26px !important;
        line-height: normal !important;
    }
    .page-template-template-grafana .company-product-des p,
    .page-template-template-kibana .company-product-des p,
    .page-template p.Do_you_have {
        font-size: 16px;
    }
    .page-template-template-grafana section.landing-page-slider-section .slider-description,
    .page-template-template-kibana section.landing-page-slider-section .slider-description{
        font-size: 20px;
    }
    .page-template-template-grafana section.landing-page-designed-section .landing-page-designed-block,
    .page-template-template-kibana section.landing-page-designed-section .landing-page-designed-block,
    .page-template section.landing-page-designed-section .landing-page-designed-block,
    .page-template .landing-page-designed-block{
        padding: 0;
    }
    .grafana-section > .wrapper{
        margin-bottom: 0 !important;
    }
    section.landing-page-slider-section > .slider-title{
        margin: 0px 0px 50px !important;

    }
    .landing-page-slider-section .slick-next, 
    .landing-page-slider-section .slick-prev,
    div.customer-testimonial-section hr, .Location:before, .Email:before, .Phone:before,
    .line-group {
        display: none !important;
    }
    .leading-class-section .logos-div > div, .page-template .Rectangle.left {
        width: 100%;
        margin: 10px;
    }
    .page-template-template-grafana .landing-page-get-section-next,
    .page-template-template-kibana .landing-page-get-section-next,
    .page-template .landing-page-get-section-next{
        height: auto;
    }
    .page-template-template-customers section.customer-section .blog-posts-section .blog-box,
    .page-template-template-customers div.customer-testimonial-section div.logo-content-client,
    .page-template .wrapper-div, .page-template .youtube-video,
    .page-template .onboard button.email_button.spinner{
        width: 100%;
    }
    .page-template select#mySelect{
        margin: 14px auto;
        width: 100% !important;
        height: auto;
    }
    .page-template-template-customers section.customer-section .blog-posts-section .blog-posts-row,
    .page-template-template-customers div.customer-testimonial-section .wrapper,
    .page-template .contact-section .wrapper, .page-template .contact-loacation,
    .page-template .video-section.user-guide-video, .page-template .videos-section .skedlerVideos-play,
    .page-template .play-vdeo-btn, .page-template .onboard .email_field_Section,
    .page-template .become-partners{
        display: block;
    }
    .page-template-template-customers section.customer-section .blog-posts-section {
        margin: 20px 0px;
    }
    .page-template .ActSec{
        padding: 0;
    }
    .ActSec > div, p.partner-description,
    .page-template .partners-form .comments_text,
    .partners-form .Rectangle-3.report-alert-button,
    .partners-form input[type='text']{
        width: 100% !important;
    }
    .page-template-template-contact .contact-section, 
    .page-id-232 section.post-content,.page-id-248 section.post-content,
    .page-id-246 section.post-content, .page-template section.videos-section,
    .page-template section.onboarding-section,
    .page-template section.license-activation-section .wrapper{
        padding: 0 20px;
    }
    .page-template .onboard .email_field_Section .ajax-loader{
        top: 98px;
        left: 0;
        right: 0;
    }
    .page-template-template-contact .download-new .check_container, .page-template .youtube-video{
        margin: 10px 0;
    }
    .youtube-video.for-mobile{
        display: none;
    }
    .page-template .skedlerVideos-play h1.title, .page-template p.video_sub_text{
        margin: 0;
        text-align: center;
    }
    .page-template .cusS_logo_ul, .page-template .partners-form .form, .page-template .partners-form .name-section{
        display: block;
    }
    .page-template button.draw{
        margin: 10px;
    }
  
}


/* get access page */

.page-template-template-getaccess #skedler-app-header, .page-template-template-getaccess .skedler-footer{
display: none;
}
main.skedler-page.getaccess-page {
    padding-top: 54px;
}

section.getaccess-page-section {
    padding: 0 30px;
    text-align: center;
    position: relative;
    /* z-index: 999999; */
}
.close-button{
    text-align: right;
}
.close-button > img{
    cursor: pointer;
    width: 24px;
    opacity: 0.6;
}
.close-button > img:hover {
    opacity: 1;
}
.getaccess-page-section .title{
    font-size: 48px;
    line-height: 65px;
    font-weight: 700;
    font-family: var(--nunito-sans);
    margin: 60px 0px 0px;
    color: var(--black-color);
}

.verify-email-btn:disabled, .next-btn:disabled{
    opacity: 0.2;
    cursor: not-allowed;
}
/* Make circles that indicate the steps of the form: */
.step-section{
    margin-top: 20px;
}
.step {
    height: 6px;
    width: 120px;
    margin: 0 2px;
    background-color: #FFD1A9;
    border: none;
    border-radius: 4px;
    display: inline-block;
    /* opacity: 0.5; */
  }
  
  .step.active {
    opacity: 1;
    background-color: #E6561C;
  }
  
  /* Mark the steps that are finished and valid: */
  .step.finish {
    background-color: #E6561C;
  }
  .getaccess-page-section .email-wrapper, .getaccess-page-section .firstname-wrapper, 
  .getaccess-page-section .lastname-wrapper , .getaccess-page-section .company-wrapper ,.getaccess-page-section .mobile-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.getaccess-page-section .email-wrapper .placeholder, .getaccess-page-section .firstname-wrapper .placeholder,
.getaccess-page-section .lastname-wrapper .placeholder, .getaccess-page-section .company-wrapper .placeholder,
.getaccess-page-section .mobile-wrapper .placeholder {
    position: absolute;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    color: var(--grey-text-color);
    bottom: 10px;
    transition: all 0.3s ease 0s;
    z-index: 0;
}
.getaccess-page-section .email-wrapper .email:focus + .placeholder,
.getaccess-page-section .email-wrapper .email:valid + .placeholder,
.getaccess-page-section .firstname-wrapper .fname:focus + .placeholder,
.getaccess-page-section .firstname-wrapper .fname:valid + .placeholder,
.getaccess-page-section .lastname-wrapper .lname:focus + .placeholder,
.getaccess-page-section .lastname-wrapper .lname:valid + .placeholder,
.getaccess-page-section .company-wrapper .company:focus + .placeholder,
.getaccess-page-section .company-wrapper .company:valid + .placeholder,
.getaccess-page-section .mobile-wrapper .mobile:focus + .placeholder,
.getaccess-page-section .mobile-wrapper .mobile:valid + .placeholder, 
.placeholder-mobile.active,
.getaccess-page-section .mobile-wrapper .iti .mobile:focus + .placeholder {
        bottom: 30px !important;
    }
.getaccess-page-section .email-wrapper .email:focus, .getaccess-page-section .firstname-wrapper .fname:focus, 
.getaccess-page-section .lastname-wrapper .lname:focus, .getaccess-page-section .company-wrapper .company:focus,
.getaccess-page-section .mobile-wrapper .mobile:focus {
    outline: none;
}
  .getaccess-page-section .email-wrapper .email,   .getaccess-page-section .firstname-wrapper .fname,   
  .getaccess-page-section .lastname-wrapper .lname, .getaccess-page-section .company-wrapper .company, 
  .getaccess-page-section .mobile-wrapper .mobile {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    border: none;
    border-bottom: 1px solid var(--grey-text-color);
    width: 100%;
    max-width: 565px;
    color: var(--black-color);
    margin-top: 45px;
    background: transparent;
    z-index: 1;
}
.getaccess-page-section .access-btn {
    width: 160px;
    margin: 42px 0px 0px;
    padding: 6px 12px;
}

.getaccess-wave-section .getaccess-waves {
    position: relative;
    width: 100%;
    height: 160px;
}

.getaccess-wave-section .getaccess-waves .wave {
    width: 100%;
    position: absolute;
    transition: height 1s ease 0s;
}
.getaccess-wave-section .getaccess-waves .wave1 {
    z-index: 8;
    height: 53px;
    bottom: 34px;
}
.getaccess-wave-section .getaccess-waves .wave2 {
    z-index: 6;
    height: 99px;
    bottom: 15px;
}
.getaccess-wave-section .getaccess-waves .wave3 {
    z-index: 9;
    height: 42px;
    bottom: 0;
}

.getaccess-wave-section .getaccess-waves.active .wave1{
    height: 72px;
}
.getaccess-wave-section .getaccess-waves.active .wave2{
    height: 106px;
}
.getaccess-wave-section .getaccess-waves.active .wave3{
    height: 52px;
}
.getaccess-wave-section .getaccess-waves .wave img {
    width: 100%;
    height: 100%;
}

.logo-source.grafana-img.active {
    border: 1.5px solid #E6561C;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 0;
}

.logo-source.elastic-img.active {
    border: 1.5px solid #E6561C;
    box-sizing: border-box;
    border-radius: 4px;
}

.email-verification-wrapper {
    padding: 0 30px;
    text-align: center;
}
p.verification-text{
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    margin: 0px;
    color: var(--black-color);
    font-family: var(--open-sans);
}
/* .getaccess-page-section .verify-image {
    margin: 58px 0px;
} */
.verification-button-section{
    margin-top: 40px;
}
.verification-button-section .primary-button{
    padding: 6px 24px;
    margin: 0px 16px;
}
.select-logo-source{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.logo-source img {
    width: 106px;
    height: 34px;
    vertical-align: middle;
    cursor: pointer;
}
.logo-source {
    background-color: #FEF7EC;
    padding: 6px 16px;
    margin: 0px 10px;
}
.term-label.active{
    background-color: #FFE1E1;
    border-radius: 4px;
    padding: 6px;
}
.toggle-switch{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 38px;
    font-size: 18px;
    font-family: var(--open-sans);
}
#customCheckbox, #myCheckbox2, #myCheckbox1{
    visibility:hidden;
    width:0;
    height:0;
    margin:0;
  }
  .getaccess-page-section label{
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    border: 1px solid #eeeeee;
    background-color: #d7d8da;
    transition: background 0.3s linear;
    cursor: pointer;
    background: #E6561C;
    border-radius: 18px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    margin: 0 6px;
    font-size: 18px;
    font-family: var(--open-sans);
  }
  .getaccess-page-section .terms-and-condition label:after{
  background-color: transparent;
  background: transparent;
  }
  .getaccess-page-section label:after {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 15px;
    background-color: #ffffff;
    transition: left 0.3s ease-out;
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 8%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
  
   
  #customCheckbox:checked ~ label{
    background-color: #E6E6E6;
  }
  #customCheckbox:checked ~ label:after{
    left: 16px;
  }

  .styled-checkbox {
    position: absolute;
    opacity: 0;
}
.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    display: inline;
    background: transparent;
    border: none;
    padding: 6px;
    border-radius: 4px;

}
.styled-checkbox + label:before {
    /* content: ''; */
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid #333333;
    box-shadow: none;
    top: 2px;
    position: relative;
    border-radius: 4px;
}
.styled-checkbox + label:after{
 border-radius: 0;
 left: auto;
 box-shadow: none;
 border: none;
}
.getaccess-page-section .terms-and-condition {
    margin-top: 24px;
}
.getaccess-page-section .terms-and-condition a{
    color: var(--primary-color);
}
.almost-there-button-section .primary-button{
    padding: 6px 24px;
    margin: 0px 16px;
}
.almost-there-button-section {
    margin-top: 16px;
}
.styled-checkbox:hover + label:before {
    background: #f35429;
}
.styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
    background: #E6561C;
    border:none;
}
.styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}
.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}
.styled-checkbox:checked + label.term-label.active:after{
    left: 8px;
    top: 9px;
}
.styled-checkbox:checked + label:after {
    content: "✓";
    position: absolute;
    left: 8px;
    top: 9px;
    transform: rotate(16deg);
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: #fff;
}

.getaccess-page-section h1.title.thankyou {
    color: #E6561C;
}
.thankyou-text > p{
    font-size: 20px;
    font-family: var(--open-sans);
    line-height: 24px;
    text-align: center;
    color: var(--black-color);
    margin: 0;
}

.error-msg {
    position: absolute;
    top: 80px;
    color: #FF0000;
    visibility: hidden;
}
.error-msg1{
    position: relative;
    color: #FF0000;
    visibility: hidden;
    top: 6px;
}
.data-spurce-text {
    height: 0;
}
form#resend{
    height: 0;
    visibility: hidden;
}
p.span_message {
    visibility: hidden;
    color: #E6561C;
}
.thankyou-video{
    /* margin-top: 60px; */
    margin-top: 36px;
    height: 280px;
}
@media screen and (max-width: 1199px){
.getaccess-page-section .title {
    font-size: 26px;
    line-height: initial;
    margin-top: 40px;
}
.iti{
    width: 100% !important;
}
.verification-button-section .primary-button, .almost-there-button-section .primary-button{
    margin: 10px;
}
.email-verification-wrapper p.verification-text {
    font-size: 16px;
}
main.skedler-page {
    padding-top: 72px;
}
.step-section {
    margin-top: 40px;
}
}
@media screen and (max-width: 480px){
    .getaccess-page-section label{
        width: 58px;
    }
}




.almost-there-details-wrapper, .thankyou-section-wrapper {
    display: none;
    
}

/* .email-verification-wrapper{
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    display: none;
}
.email-verification-wrapper.active{
    visibility: visible;
    opacity: 1;
    height: auto;
} */

@-webkit-keyframes slide {
    100% { left: 0; }
}

.page-template-template-home p.span_message {
    margin: 2px;
}


.select-logo-source label {
    border: 1.5px solid #fff;
    display: block;
    position: relative;
    margin: 0 10px;
    background: #FEF7EC;
    transform: none;
    width: auto;
    height: auto;
    border-radius: 4px;
    padding: 8px 26px;
  }
  
  .select-logo-source label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    /* border: 1px solid grey; */
    position: absolute;
    top: -5px;
    left: -5px;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
  }
    .image1{
    height: 27px;
    }
  .select-logo-source label:after{
  content: none;
  }
  
  .select-logo-source label img {
    /* height: 100px;
    width: 100px; */
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
    vertical-align: middle;
  }
  
  .select-logo-source input:checked + label {
    border-color: #ddd;
    border: 1.5px solid #E6561C;
    box-sizing: border-box;
    border-radius: 4px;
  }
  
  .select-logo-source input:checked + label:before {
    content: "✓";
    background-color: #E6561C;
    transform: scale(1);
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }
  
  .select-logo-source input:checked + label img {
    /* transform: scale(0.9); */
    /* box-shadow: 0 0 5px #333; */
    z-index: -1;
  }


    .request-access-wrapper.opacity-remove {
    display: none;
    opacity: 0;
    height: 0;
    }
    .client-details-wrapper.opacity-remove{
        display: none;
        opacity: 0;
        height: 0;
    }
.download_button {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

.download_button::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
.remove_text{
    transition-duration: 5s;
  transition-delay: 2s;
  color: red;
  
}
.remove_text.hide{
    visibility: hidden;

}
.getaccess-page-section .mobile-wrapper .mobile{
    margin-top: 45px !important;
}
.iti {
    position: relative;
    display: inline-block;
    width: 72%;
}
.iti__selected-flag{
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 25px !important;
    padding: 25px 6px 18px 8px !important;
    top: 38px;
}


/* contact page css */

.download-new {
    margin: 30px auto 30px;
    display: block;
}
.getstarted-today {
    font-size: 48px;
    line-height: 65px;
    font-weight: 700;
    font-family: var(--nunito-sans);
    margin: 60px 0px 0px;
    font-style: normal;
    letter-spacing: 0.23px;
    color: var(--black-text-color);
}

.line-down {
    width: 80px;
    border: solid 0.5px #1754ca;
    margin: 30px 0;
    height: 0;
}
.name-section {
    display: grid;
    grid-template-columns: 240px 240px;
    grid-gap: 20px;
}
.inputWithIcon {
    position: relative;
}
.download-new label {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-text-color);
    margin: 0;
    font-family: var(--nunito-sans);
}


.partners-form input[type='text'] {
    margin-bottom: 0px !important;
    width: 600px;
    font-family: var(--nunito-sans);
    font-size: 14px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-text-color);
    height: 40px;
    border-radius: 4px;
    border: solid 1px #c6d1e3;
    background-color: #ffffff;
    padding: 10px;
}
.download-new input#mobile {
    padding: 0 44px;
}
.download-new .form {
    display: grid;
    grid-template-columns: 240px 240px;
    grid-gap: 0px;
    padding: 0px;
    align-items: center;
}
.download-new select#option6 {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    background: transparent url(../images/icons/down-arrow.svg) no-repeat right center;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-color: #fff;
    width: 100%;
    padding: 12px 10px 8px !important;
    margin-bottom: 0px !important;
    font-family: var(--axiforma);
    font-size: 18px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #0A1D48 !important;
    height: 44px;
    margin-top: 4px;
	border: 1px solid #CCCCCC;
    border-radius: 4px;
}
.inputWithIcon.fname input[type='text'], .inputWithIcon1.lname input[type='text'] {
    width: 240px;
}
.inputWithIcon1.lname input[type='text']{
    padding: 10px;
}
.download-new .inputWithIcon img {
    position: absolute;
    left: 0;
    top: 2px;
    padding: 9px 8px;
    transition: 0.3s;
}
.download-new .inputWithIcon.timezone img {
    top: 32px;
}
.download-new span.tooltiptext, .download-new .tooltiptext2{
    width: 100%;
    display: block;
    color: #e94040;
    border-radius: 6px;
    position: relative;
    z-index: -1;
    visibility: hidden;
    font-size: 13px;
}

.download-new .iti__selected-flag{
top: 0;
padding: 20px 6px 18px 6px !important;
}

.download-new #quote-timezone,.download-new #option1, .download-new #option2,
.download-new #option3, .download-new textarea.comments_text {
    margin-top: 10px;
}
.download-new #option1, .download-new #option2, .download-new #option3, .download-new #quote-timezone,
.download-new #reportsMonth, .download-new #supportMonth {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    padding: 0 12px 0px 12px;
    line-height: 22px;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    background: transparent url(../images/icons/down-arrow.svg) no-repeat right center;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-radius: 6px;
    background-color: #fff;
    border-radius: 4px;
}
.download-new #option1, .download-new #option2, .download-new #option3 {
    width: 500px;
    padding: 0px 8px !important;
    margin-bottom: 0px !important;
    font-family: var(--nunito-sans);
    font-size: 14px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333333 !important;
    height: 42px;
    border-radius: 4px;
    border: solid 1px #c6d1e3;
    background-color: #ffffff;
    padding-left: 35px;
}

.download-new .Rectangle-3.report-alert-button {
    width: 500px;
    height: 46px;
    border-radius: 4px !important;
    background-color: #1754ca;
    border: none;
    cursor: pointer;
}
.download-new span.Download-Free-Trial {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color:var(--white-color);
    font-family: var(--nunito-sans);
}
.download-new .check_container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    float: left;
}
.download-new .check_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.download-new .checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.download-new .check_container input:checked ~ .checkmark:after {
    display: block;
}
.download-new .iti__country-list{
    top: 40px;
}
.tooltiptext-unused{
    visibility: hidden;
}

.download-new .iti__flag-container{
    z-index: 1;
}
.download-new input:focus-visible,
.download-new select:focus-visible,
.download-new textarea:focus-visible,
.download-new select:focus-visible {
    outline: none;
    border: 1px solid #1754ca !important;
  }
  .right-half h1, .left-half h1{
    margin: 0;
  }
  .download-new textarea /* .download-new.contactrequest > div */{
      margin-bottom: 10px;
  }
  label.likedownload {
    margin-bottom: 4px;
  }
  .iagree-text {
    margin: 10px 0;
  }  
@media screen and (max-width: 991px){
    .download-new {
        width: 100%;
        padding: 33px;
    }
    .page-template-template-home .home-form{
        margin-top: 40px;
    }
    ul.nav.nav-fill{
        text-align: left;
    }
    .inputWithIcon.fname input[type='text'], 
    .inputWithIcon1.lname input[type='text'],
    .download-new input[type='text'],
    .download-new select#option6,.download-new .comments_text,
    .download-new #quote-timezone, .download-new .Rectangle-3.report-alert-button,
    .download-new #option1, .download-new #option2, .download-new #option3,
    .page-template-template-home .home-form input[type='text'],
    .page-template-template-home .home-banner-section .get-access-btn {
        width: 100%;
    }
    .download-new .form, .download-new .name-section, .page-template-template-home .home-form, .home-form,
    ul.nav.nav-fill{
        display: block !important;
    }
    .error-msg1{
        margin-bottom: 4px;
    }
    .switcher, .page-template-template-training .skedlerVideos-play .play-vdeo-btn img{
        display: none;
    }
    .page #glt-translate-trigger {
        right: 18% !important;
        display: none !important;
    }
    section.video-header-section, section.white-paper-section{
        padding: 30px !important;
    }
}

/* contact thanyou page*/
section.contact-thankyou-section{
    /* background: url(https://wordpress-295928-2140719.cloudwaysapps.com/wp-content/themes/skedler/images/contact-bg-top.png); */
    background-size: cover;
    background: linear-gradient( 
180deg, #1754ca 0%, #4671c4 48.16%, #202c43 97.75%);
}
.contact-section {
    padding: 0 90px;
}
.contact-section .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
}
.wrapper-div{
    width: 50%;
}
h1.contact-page-title {
    font-size: 48px;
    line-height: 65px;
    font-weight: 700;
    font-family: var(--nunito-sans);
    padding: 48px 0px 22px;
    color: var(--white-color);
    margin: 0;
}
p.contact-description {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    font-family: var(--open-sans);
    margin: 0px;
    color: var(--white-color);
}
.contact-loacation{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 60px 8px;
    position: relative;
}
.Location > p, .Phone > p, .Email > p {
    font-size: 16px;
    color: var(--white-color);
    font-family: var(--nunito-sans);
    margin: 8px;
}
p.salesskedlercom a {
    color: var(--white-color);
    text-decoration: none;
}
img.conatct-iilustration{
margin: 70px 0 0px 0;
}
.contact-thankyou{
    /* background-color: #fff; */
    /* max-width: 800px; */
    margin: 0px auto;
    z-index: 999;
    position: relative;
    border-radius: 4px;
    /* bottom: 40px; */
    padding: 40px;
    /* box-shadow: 0 15px 45px 0 rgb(176 62 229 / 20%); */
}
.thankyou-img{
    margin: 0px auto;
    padding: 0 0 0px 0;
    display: block;
}

.title-block{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
}

p.descrip {
    font-size: 14px;
    margin: 0px auto;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    font-family: var(--open-sans);
}

.Rectangle.left {
    margin: 30px auto;
    width: 320px;
    height: auto;
    border-radius: 8px;
    background-color: #ffffff;
    border: solid 1px rgba(127, 97, 250, 0.3);
    padding: 0px 0 30px 0;
}   

span.title {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    color: #333;
    text-decoration: none;
    padding: 6px;
    font-family: var(--nunito-sans);
}
.Rectangle.left a {
    text-decoration: none;
}

.contact-follow {
    padding: 0 90px;
    text-align: center;
}

p.Already-a-customer {
    font-size: 36px;
    line-height: 65px;
    font-family: var(--nunito-sans);
    color: var(--black-color);
    font-weight: 700;
    margin: 80px 0px 20px;
}

p.Visit-our-forum-to-a {
    font-size: 18px;
    margin: 20px auto;
    font-weight: 600;
    line-height: 32px;
}

p.follow-us {
    font-size: 28px;
    line-height: 65px;
    font-family: var(--nunito-sans);
    color: var(--black-color);
    font-weight: 700;
    margin: 80px 0px 20px;
}
.contact-follow-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.contact-follow-icon div a > img {
    padding: 10px;
}

.Location:before {
    content: '';
    position: absolute;
    background-color: #979797;
    width: 1px;
    height: 100%;
    bottom: 0;
    left: -7px;
}
.Phone:before {
    content: '';
    position: absolute;
    background-color: #979797;
    width: 1px;
    height: 70%;
    bottom: 14px;
    /* left: 0; */
}
.Email:before {
    content: '';
    position: absolute;
    background-color: #979797;
    width: 1px;
    height: 70%;
    bottom: 14px;
}

/*Grafana/Kibana landing page*/

.grafana-section {
    padding: 0px 90px;
}
.grafana-section .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 80px 0px;
}

.grafana-section .wrapper .title {
    font-size: 48px;
    font-family: var(--nunito-sans);
    font-weight: 700;
    margin: 0px 0px 50px;
    color: var(--black-color);
    line-height: 65px;
}
.grafana-section .wrapper .grafana-text-block {
    width: 50%;
    padding-right: 40px;
}
.grafana-section .wrapper .grafana-image-block {
    width: 50%;
    text-align: right;
}

.grafana-section .wrapper p.grafana-description-text {
    font-size: 24px;
    color: var(--black-color);
    font-family: var(--open-sans);
    margin: 46px 0;
}
.grafana-section .wrapper .fully-featured, .fully-featured{
    font-size: 18px;
    font-family: var(--open-sans);
    color: var(--black-color);
}
section.grafana-landing-section{
    position: relative;
}
section.line-group {
    position: absolute;
    top: 130px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}
section.line-group > img{
    width: 100%;
}

img.grafana-iilustration{
    max-width: 100%;
    transition: transform 1s ease 0s;
    width: 860px;
}
section.landing-page-slider-section{
    padding-bottom: 32px;
}
section.landing-page-slider-section .slider-title {
    font-size: 48px;
    font-family: var(--nunito-sans);
    font-weight: 700;
    margin: 160px 0px 30px;
    color: var(--black-color);
    line-height: 65px;
    text-align: center;
}
section.landing-page-slider-section .slider-description {
    font-size: 24px;
    color: var(--black-color);
    font-family: var(--open-sans);
    text-align: center;
}
section.landing-page-designed-section {
    padding: 60px 90px;
}
.landing-page-slider-section img.slider-img{
    margin: 0 auto;
    display: block;
}
section.landing-page-designed-section .title {
    font-size: 48px;
    font-family: var(--nunito-sans);
    font-weight: 700;
    margin: 0px 0px 50px;
    color: var(--black-color);
    line-height: 65px;
    text-align: center;
}

section.landing-page-designed-section .landing-page-designed-block {
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
    justify-content: space-between;
    padding: 62px;
}

section.landing-page-designed-section .landing-page-designed-block > div {
    width: 32%;
    padding: 20px;
}
section.landing-page-designed-section .price-block {
    background: #EFF9FE;
    border-radius: 4px;
}
section.landing-page-designed-section .docker-pulls {
    background: #FEF7EC;
    border-radius: 4px;
}
section.landing-page-designed-section .support-block {
    background: #FCEEE8;
    border-radius: 4px;
}
section.landing-page-designed-section p.designed-title {
    font-size: 24px;
    line-height: 40px;
    display: flex;
    align-items: center;
    color: #333;
    font-weight: 600;
    margin: 42px 0;
}

section.landing-page-designed-section p.designed-description {
    font-size: 20px;
    line-height: 27px;
    color: #333333;
}

section.leading-class-section {
    padding: 90px;
    text-align: center;
    background-color: #F7FCFB;
}

section.leading-class-section h1.title {
    font-size: 48px;
    font-family: var(--nunito-sans);
    font-weight: 700;
    margin: 0px 0px 84px;
    color: var(--black-color);
    line-height: 65px;
    text-align: center;
}

.logos-div > div > img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.leading-class-section .logos-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 80px 0 0 0;
}

.logos-div > div {
    width: 160px;
}


section.access-req-section.landing-page-get-section {
    /* background: #F7C451; */
    background: url('https://wordpress-295928-2140719.cloudwaysapps.com/wp-content/themes/skedler/images/get-access-bg.png'), #F7C451;
    background-repeat: no-repeat;
}
.landing-page-get-section-next{
    background: url(https://wordpress-295928-2140719.cloudwaysapps.com/wp-content/themes/skedler/images/get-access-bg1.png), #F7C451;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: right;
    height: 300px;
    width: 100%;
    /* background-position: 100%; */
}

section.plan-feature-section.grafana-page {
    margin: 0;
    background: transparent
}

section.plan-feature-section.grafana-page img {
    vertical-align: middle;
    padding: 0 10px 0 0;
}

section.access-req-section.landing-page-get-section:before {
    background: url(https://wordpress-295928-2140719.cloudwaysapps.com/wp-content/themes/skedler/images/get-access-bg.png), #F7C451;
    background-size: contain;
    width: 100%;
    display: block;
}
.grafana-yellow-bg{
    background: #F7C451;
    height: 40px;
}
.company-product-des {
    margin: 52px 0 100px;
}

.company-product-des p{
    font-size: 20px;
    margin: 0;
    font-family: var(--open-sans);
}
section.post-content ul{
    padding: 18px;
}
section.post-content ul li{
    list-style: disc;
    font-size: 18px;
    line-height: 31px;
    color: var(--black-color);
    font-weight: 400;
    margin: 10px 0;
}

article.post {
    margin: 90px 0;
}

section.post-content h1.title{
    font-size: 48px;
    line-height: 65px;
    font-weight: 700;
    font-family: var(--nunito-sans);
    margin: 120px 0px 60px;
    color: var(--black-color);
    text-align: center;
}
section.post-content h2{
    display: none;
}
section.post-content {
    padding: 0 90px;
}

section.post-content p{
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    margin: 0px;
    color: var(--black-color);
}


section.customer-section .wrapper {
    padding: 0 30px;
}

section.customer-section .title {
    font-size: 48px;
    line-height: 65px;
    font-weight: 700;
    font-family: var(--nunito-sans);
    margin: 120px 0px 0px;
    color: var(--black-color);
    text-align: center;
}
section.customer-section p.sub-explaination {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    margin: 0px;
    color: var(--black-color);
    text-align: center;
}
section.customer-section .blog-posts-section {
    margin: 60px 90px;
}
section.customer-section .blog-posts-section .blog-posts-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    margin-bottom: 42px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 1600px;
    margin: 0 auto;
}
section.customer-section .blog-posts-section .blog-box {
    padding: 0 10px;
    width: 44%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
section.customer-section .blog-posts-section .blog-box .caption{
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    margin: 0px;
    color: var(--black-color);
    text-align: center;
    font-family: var(--nunito-sans);
}


.time{
    width:63%;
    float:left;
    font-family: var(--nunito-sans);
}
.read{
    width:37%;
    float:left;
    font-family: var(--nunito-sans);
}
.read a{
    text-decoration: none;
}
.time span{
   position: relative;
   top: 15px;
}
.read{
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    font-weight: 700;
    line-height: 25px;
    border-radius: 4px;
    font-family: var(--nunito-sans);
}
.blog-posts-section .blog-box span.read-text{
    color: #fff;
    text-align: center;
    padding: 12px;
    font-size: 16px;
}
.blog-posts-section .blog-box {
    margin-bottom: 15px;
}

.blog-posts-section .blog-box > div.box-design {
    -webkit-transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #504963;
    filter: drop-shadow(0px 1.5015641450881958px 7.5078206062316895px #E3EFFF);
    background-color: #fff;
    border-radius: 10px;
}.blog-posts-section .blog-box .img-wrap {
    overflow: hidden;
}

.blog-posts-section .blog-box span {
    display: block;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
}
.read-section {
    margin: 18px 0 0;
}
.blog-posts-section .blog-box .img-wrap img {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    width: 100%;
    border-radius: 10.511px 10.511px 0px 0px;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.blog-posts-section .blog-box >  img:hover {
    -webkit-transition: -webkit-transform 2s ease-in-out;
    transition: -webkit-transform 2s ease-in-out;
    transition: transform 2s ease-in-out;
    transition: transform 2s ease-in-out, -webkit-transform 2s ease-in-out;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.container-logos {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.container-logos .box-vertical {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
img.v7-tile-logo-img {
    max-height: 120px;
    padding: 34px 0;
}

section.customers-logos-section .wrapper {
    padding: 0 30px;
}
section.customers-logos-section h2.title, .customer-testimonial-customer-page h2.title {
    font-size: 36px;
    line-height: 65px;
    font-weight: bold;
    font-family: var(--axiforma);
    margin: 60px 0px 30px;
    color: #0A1D48;
    text-align: center;
}

div.customer-testimonial-section {
    background-color: #ecf3f5;
}
div.customer-testimonial-section .wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 52px 20px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

div.customer-testimonial-section hr:after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0px;
    z-index: 1;
    margin-left: 0;
    top: -20px;
    height: 110%;
    transform: rotate(25deg);
    border: 0.5px solid #333;
   
}
div.customer-testimonial-section hr{
    height: 0;
}

div.customer-testimonial-section div.logo-content-client{
    width: 46%;
    text-align: CENTER;   
}
div.customer-testimonial-section p.testimonial-text {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    margin: 26px;
    color: var(--black-color);
    text-align: center;
}

.landing-page-slider-section .skedler-home-slider{
    margin-top: 70px;
}

p.CTO-of-Trip-Actions {
    font-size: 18px;
}

/* Training videos */
section.videos-section {
    padding: 60px 90px;
    text-align: center;
    margin: 60px 0 0;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
}
.skedlerVideos-play h1.title {
    font-size: 48px;
    font-family: var(--nunito-sans);
    font-weight: 700;
    margin: 6px 0px 0px;
    color: var(--black-color);
    line-height: 65px;
    text-align: left;
}

p.video_sub_text {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    margin: 0px;
    color: var(--black-color);
}

.video-section.user-guide-video {
    text-align: center;
    display: grid;
    flex-direction: row;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    margin: 60px 0;
    grid-gap: 20px;
}

.youtube-video {
    width: 96%;
    height: auto;
    border-radius: 4px;
    /* border: solid 0.8px #979797; */
    margin: 0px 10px;
    padding: 0;
    margin-bottom: 30px;
    transition: all 0.2s ease 0s;
}
.video-section.user-guide-video span.video-title {
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    margin: 0px;
    color: var(--black-color);
    text-decoration: none;
}
.video-section.user-guide-video .play_section {
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: space-between;
    color: var(--black-text-color);
}   
.video-section.user-guide-video a{
    text-decoration: none;
}
.video-section.user-guide-video .img-wrap {
    /* border-bottom: 1px solid #ccc; */
    min-height: 183px;
    padding: 14px;
    /* background-color: #fff; */

}
.play_section {
    text-align: left;
}
.play_section img{
    margin-right: 0px;
    width: 36px;
    vertical-align: middle;
}
.play_section div:nth-child(2) img {
    width: 20px;
}
/* .play_section div:nth-child(2) {
    width: 88%;
} */
.videos-section .skedlerVideos-play {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.videos-section select#mySelect {
    cursor: pointer;
    width: 332px;
    height: auto;
    border-radius: 6px;
    border: solid 2px #cccccc;
    background-color: #fff;
    display: flex;
    justify-content: left;
    padding: 18px;
    background: url(https://www.biconnector.com/wp-content/uploads/2020/02/ic-down.svg) no-repeat right white;
    background-position: 95% 25px;
    -webkit-appearance: none;
    font-family: var(--nunito-sans);
    font-size: 18px;
}
.youtube-video.hide.active {
    display: block !important;
}
.youtube-video.hide {
    display: none !important;
}

.play-vdeo-btn {
    display: flex;
    align-items: center;
}
.skedlerVideos-play h1.title, p.video_sub_text{
    margin-left: 20px;
}

.youtube-video:hover{
    /* box-shadow: 0 5px 5px rgb(0 0 0 / 30%); */
    box-shadow: rgb(0 0 0 / 30%) 0px 3px 27px 0px;
    transition: all 0.2s ease 0s;
}


.videos-section #mySelect .drop-down {
    position: relative;
    left: 0;
}
.videos-section #mySelect .drop-down .selected a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
    width: 332px;
    border-radius: 6px;
    border: solid 1px #979797;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    background: url(https://www.biconnector.com/wp-content/uploads/2020/01/ic-down.svg) no-repeat right white;
    background-position: 95% 30px;
    -webkit-appearance: none;
}
.videos-section #mySelect .drop-down .selected a span {
    cursor: pointer;
    display: block;
    padding: 5px;
    font-size: 16px;
}
.videos-section #mySelect .drop-down .options ul {
    background: #fff none repeat scroll 0 0;
    display: none;
    list-style: none;
    padding: 0px 0px;
    position: absolute;
    left: 0px;
    min-width: 170px;
    letter-spacing: normal;
    font-size: 16px;
    width: 332px;
    color: #333333;
    border-radius: 4px;
    box-shadow: 0 6px 14px 3px rgb(16 16 16 / 10%);
}
.videos-section #mySelect .drop-down .options ul li a {
    margin: 10px 0 0 0;
    padding: 0 20px;
    display: block;
    text-decoration: none;
    color: #333;
    height: 32px;
    font-size: 16px;
    text-align: left;
}
.videos-section #mySelect .drop-down .options ul li a:hover{
    color: var(--primary-color);
}
section.document-section .wrapper{
    padding: 0px 30px;
}
section.document-section h1.title{
    font-size: 48px;
    line-height: 65px;
    font-weight: 700;
    font-family: var(--nunito-sans);
    margin: 120px 0px 60px;
    color: var(--black-color);
    text-align: center;
}

section.document-section .doc-sec-content ul {
    margin: 0 34px;
}
section.document-section .doc-sec-content ul li {
    list-style: disc;
}

.documentor-expabroad .scrollup{
    display:none !important;
}
.documentor-expabroad .doc-menu ol.doc-list-front{
    border-top: 1px solid #EEE;
    border-left: 1px solid #EEE;
}
.documentor-expabroad .doc-menu a.doc-acta{
    background: #1754ca !important;
}
.page-template .documentor-expabroad .doc-search input{
    border: 0.5px solid;
    border-radius: 4px;
}
.documentor-expabroad .doc-search input, 
.documentor-bar .doc-search input{
    font-family: var(--nunito-sans);
    height:50px;
    padding:16px !important;
    font-size:16px;
}
.documentor-expabroad .doc-search img, 
.documentor-bar .doc-search img{
    top:18px !important;
}
.documentor-expabroad .doc-search {
    margin-bottom: 30px !important;
}
h3.doc-sec-title{
    margin: 0;
}
.documentor-expabroad .documentor-help {
    position: relative;
    margin: 0px 0 !important;
}
.documentor-expabroad .doc-sectionwrap {
    margin-top: 0 !important;
}

#documentor_seccontainer p,
#documentor_seccontainer ul li, 
#documentor_seccontainer ol li,
#documentor_seccontainer code,
#documentor_seccontainer b{
    font-family: var(--nunito-sans);
    font-size: 18px;
}
section.document-section .doc-sec-content ol{
    margin: 8px 34px;
}
section.document-section .doc-sec-content ol li {
    list-style: auto; 
}
.doc-sec-content img{
    display: block;
}

p.Do_you_have {
    font-size: 24px;
    color: var(--black-color);
    font-family: var(--open-sans);
    margin: 8px 0 46px;
}
.onboard h1.title {
    font-size: 48px;
    font-family: var(--nunito-sans);
    font-weight: 700;
    margin: 60px 0px 0px;
    color: var(--black-color);
    line-height: 65px;
}
p.Do_you_have {
    font-size: 24px;
    color: var(--black-color);
    font-family: var(--open-sans);
    margin: 8px 0 46px;
}
section.onboarding-section {
    padding: 0 90px;
    text-align: center;
}
.onboard .enteremail {
    display: flex;
    min-height: auto;
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: rgb(0 0 0 / 30%) 0px 3px 27px 0px;
    transition: all 0.2s ease 0s;
    padding: 48px;
    margin: 80px auto 80px;
    display: block;
    width: 720px;
}
.onboard .email_field_Section {
    display: grid;
    grid-template-columns: 380px auto;
    grid-gap: 24px;
    align-items: center;
    position: relative;
}
.onboard .email_input label {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    font-family: var(--nunito-sans);
}
@keyframes button-loading-spinner {
    from {
      transform: rotate(0turn);
    }
  
    to {
      transform: rotate(1turn);
    }
  }
.onboard .email_field_Section .ajax-loader{
	background-image: none;
    padding: 0;
    vertical-align: middle;
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    top: 35px;
    left: 410px;
    right: 5px;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
    display: block;
    z-index: 9999;
}
.onboard input#email_field {
    width: 100%;
    height: 40px;
    margin: 0px !important;
    border-radius: 4px;
    border: solid 1px #c6d1e3;
    box-shadow: none;
    background-color: #fff;
    font-family: var(--nunito-sans);
    color: #333 !important;
    padding: 0 12px;
    font-size: 16px;
}
.onboard button.email_button {
    font-family: var(--nunito-sans);
    font-size: 18px;
    color: var(--white-color);
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    font-weight: 700;
    line-height: 12px;
    padding: 13px 24px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    height: 40px;
}
.onboard span.tooltip-freetrial.error_msg {
    font-size: 14px;
    color: red;
    visibility: hidden;
}
.onboard input#email_field:focus-visible{
    outline: none;
    border: 1px solid #1754ca;
}
.onboard button.email_button.spinner:hover {
    box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
}
.onboard .email_input {
    text-align: left;
}
.onboard #iframeHolder div#SOIDIV_biconnector {
    height: 796px;
    margin: 0px 60px 84px 60px;
}



.form-group,.form-control,.ActSec input[type="text"]{
    margin-bottom: 0 !important;
}



div#doc span {
    font-weight: 600;
}
div#doc {
    margin-bottom: 60px;
}


.ActivateBAct.disabled, .ActivateBAct:disabled {
    opacity: .65;
    cursor:not-allowed;
    color: #fff;
}


.ActSec{margin: 30px auto;background: rgba(116, 197, 243,0.05);padding: 35px 30px 20px;position: relative !important;}

@media only screen and (max-width: 767px){
.ActSec .form-control{
        padding: 6px 60px !important;
}

}




/****bootstrap min css****/
.ActSec table {
    border-spacing: 0;
    border-collapse: collapse;
}

.ActSec .filestyle {
    position: absolute;
    clip: rect(0px, 0px, 0px, 0px);
}
.ActSec .input-group {
    position: relative;
    display: table;
    margin-top: 10px;
    border-collapse: separate;
}
.ActSec .form-control[disabled],.ActSec  fieldset[disabled] .form-control {
    cursor: not-allowed;
}
.ActSec .form-control[disabled],.ActSec  .form-control[readonly],.ActSec  fieldset[disabled] .form-control {
    background-color: transparent;
    opacity: 1;
    border: 1px solid #AAC7FF;
}
.ActSec .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.ActSec .input-group .form-control,.ActSec  .input-group-addon,.ActSec  .input-group-btn {
    display: table-cell;
}
.ActSec .input-group-addon,.ActSec  .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.ActSec .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.ActSec .input-group-btn:last-child > .btn,.ActSec  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -2px;
}
.ActSec .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.ActSec .input-group-btn > .btn {
    position: relative;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px;
}
.ActSec .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
 }
 .ActSec .btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}
.btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}
.action{height:36px !important;}
/****bootstrap min css****/



.spinner {
    background-size: 30px 30px;
	display: none;
	height: 30px;
	bottom: 0;
	left: 0;
	margin: auto !important;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3 !important;
	height: 100% !important;
	width: 100% !important;
	background: rgba(255,255,255,0.9);
}

.loadingM {
    left: 47%;
	position: absolute;
	top: 30%;
	animation: none !important;
    text-align: center;
}

.loading-bar {
    animation: 1s ease-in-out 0s normal none infinite running loading;
    -webkit-animation: 1s ease-in-out 0s normal none infinite running loading;
    -moz-animation: 1s ease-in-out 0s normal none infinite running loading;
    -o-animation: 1s ease-in-out 0s normal none infinite running loading;
    -ms-transition: 1s ease-in-out 0s normal none infinite running loading;
    animation: 1s ease-in-out 0s normal none infinite running loading;
    border-radius: 4px;
    display: inline-block;
    height: 20px;
    width: 7px;
    margin-right: 3px !important;
}

.loading-bar:nth-child(1) {
    background-color: #1754ca;
}

.loading-bar:nth-child(2) {
    animation-delay: 0.09s;
    -webkit-animation-delay: 0.09s;
    -moz-animation-delay: 0.09s;
    -o-animation-delay: 0.09s;
    -ms-transition-delay: 0.09s;
    background-color: #e6561c;
}

.loading-bar:nth-child(3) {
    animation-delay: 0.18s;
    -webkit-animation-delay: 0.18s;
    -moz-animation-delay: 0.18s;
    -o-animation-delay: 0.18s;
    -ms-transition-delay: 0.18s;
    background-color: #f4ad3d;
}

@keyframes loading {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
    20% {
        transform: scale(1, 2.2);
        -webkit-transform: scale(1, 2.2);
        -moz-transform: scale(1, 2.2);
        -o-transform: scale(1, 2.2);
        -ms-transform: scale(1, 2.2);
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes loading {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
    20% {
        transform: scale(1, 2.2);
        -webkit-transform: scale(1, 2.2);
        -moz-transform: scale(1, 2.2);
        -o-transform: scale(1, 2.2);
        -ms-transform: scale(1, 2.2);
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
}
p.note_text{
  font-size: 14px !important;
    margin-bottom: 0px;
}
.maintitle{
  margin-bottom:20px;
}


section.license-activation-section .wrapper {
    padding: 0 90px;
}

section.license-activation-section h1.title {
    font-size: 48px;
    line-height: 65px;
    font-weight: 700;
    font-family: var(--nunito-sans);
    margin: 60px 0px 60px;
    font-style: normal;
    letter-spacing: 0.23px;
    color: var(--black-text-color);
    text-align: center;
}
section.license-activation-section p{
    font-family: var(--nunito-sans);
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: var(--black-color);
}

section.license-activation-section p.note_text{
 margin: 0;
}
.license_key {
    /* margin-bottom: 20px; */
    display: grid;
}

input#license_key {
    height: 40px;
    font-family: var(--nunito-sans);
}
input#license_key:focus-visible{
    border-color: var(--primary-color);
}

.cusS_logo_ul {
    display: flex;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 60px;
}
p.featured-partners {
    font-size: 24px;
    font-weight: 600;
    font-family: var(--nunito-sans);
}
button.draw {
    background: none;
    transition: all 0.2s ease 0s;
    border: 0.5px solid #ccc;
}
button.draw:hover {
    box-shadow: rgb(0 0 0 / 30%) 0px 3px 27px 0px;
    transition: all 0.2s ease 0s;
    border: 0.5px solid #ccc;
}

.become-partners {
    display: flex;
   
    justify-content: center;
    margin: 60px auto;
}
p.partner-description {
    font-size: 18px;
    font-family: var(--nunito-sans);
    max-width: 730px;
    
}

.partners-form{
    padding-top: 0px;
    padding-bottom: 0px;
    display: none;
    max-width: 1200px;
    justify-content: space-evenly;
    margin: 60px auto;
    box-shadow: 0px 0px 5px 5px rgb(204 204 204 / 30%);
    padding: 60px;
}
.partners-form .inputWithIcon.fname input[type='text'], 
.partners-form .inputWithIcon1.lname input[type='text']{
    width: 280px;
}
.partners-form .form{
    display: grid;
    margin: 0 auto;
    justify-content: center;
}

.partners-form .comments_text {
    width: 600px;
    font-family: var(--nunito-sans);
    font-size: 14px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333 !important;
    border-radius: 4px;
    border: solid 1px #c6d1e3;
    background-color: #ffffff;
    padding: 10px;
}
.partners-form .name-section {
    display: grid;
    grid-template-columns: 300px 300px;
    grid-gap: 20px;
}
.partners-form .Rectangle-3.report-alert-button {
    width: 600px;
    height: 46px;
    border-radius: 4px !important;
    background-color: #1754ca;
    border: none;
    cursor: pointer;
    margin: 40px 0;
}

.partners-form span.Download-Free-Trial {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--white-color);
    font-family: var(--nunito-sans);
}

.partners-form span.tooltiptext,
.partners-form .tooltiptext2 {
    width: 100%;
    display: block;
    color: #e94040;
    border-radius: 6px;
    position: relative;
    z-index: -1;
    visibility: hidden;
    font-size: 13px;
}

.partners-form textarea, 
.partners-form.contactrequest > div,
.partners-form .form > div {
    margin-bottom: 10px;
}

.partners-form .iti__selected-flag{
    top: -6px;
}
.partners-form .iti__country-list{
    top: 42px;
}

.partners-form input#mobile {
    padding: 0 44px;
}
p.partner-text {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--open-sans);
}

.partner-close{
    position: relative;
    text-align: right;
    bottom: 30px;
}
.partner-close img{
    width: 16px;
    cursor: pointer;
}
.partner-bg img{
    margin: 0 auto;
    display: block;
}
.page-template .iti--allow-dropdown .iti__flag-container, 
.page-template .iti--separate-dial-code .iti__flag-container{
    z-index: 2;
}

.video-title-text{
    margin-bottom: 0;
    font-weight: normal;
    text-align: left;
    font-size: 20px;
    font-family: var(--open-sans);
    min-height: 90px;
}

.video-wrapper div:nth-child(2) img {
    width: 56px;
}

.video-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.next-loader{
    visibility: hidden;
      background-image: none;
      padding: 0;
      vertical-align: middle;
      content: "";
      position: relative;
      width: 22px;
      height: 22px;
      top: -30px;
      left: 0;
      right: 0;
      bottom: 35px;
      margin: auto;
      border: 4px solid transparent;
      border-top-color: #ffffff;
      border-radius: 50%;
      animation: button-loading-spinner 1s ease infinite;
      display: block;
    }
  
    @keyframes button-loading-spinner {
    from {
      transform: rotate(0turn);
    }
  
    to {
      transform: rotate(1turn);
    }
  }
  .tooltiptext.valid-info{
	font-size:14px !important;
	color:red !important;
	visibility:hidden;
}
#next-button{
    height: 40px;
}
.sentence-case {
    text-transform: capitalize;
}
.version-text {
    display: flex;
    justify-content: flex-start;
    margin: 12px 0;
}
.download-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 60px 0;
    cursor: pointer;
}
.download-box > div {
    border: 1px solid #333;
    padding: 12px 22px;
    width: 23%;
}
.email-wrap h3{
    font-weight: 600;
}
.command-line {
    /* background: #f0f0f0; */
    padding: 16px;
    background: #F7F8F8 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    position: relative;
    font-size: 14px;
}
.command-line > div:first-child{
    width: 627px;
}
.Linux-text {
    text-align: left;
}
.version-text div:first-child {
    width: 30%;
    text-align: left;
}

.email-verification-wrapper.download-active {
    /* display: flex !important; */
    justify-content: center;
    align-items: center;
    margin-bottom: 120px;
    max-width: 960px;
    width: 960px;
}
.platform.linux.active, .platform.docker.active, .platform.windows.active, .platform.mac.active {
    border: 1px solid #1754ca;
    font-weight: 600;
    color: #1754ca;
}
.platform.linux.active img, .platform.docker.active img, .platform.windows.active img, .platform.mac.active img{
    filter: invert(22%) sepia(94%) saturate(1868%) hue-rotate(
208deg) brightness(100%) contrast(92%);
}
img.copy{
    width: 20px;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.6;
}
img.copy.active{
    opacity: 1;
}

.Linux-text, .docker-text, .windows-text, .mac-text {
    transition: all ease 0.3s;
    /* display: none; */
    text-align: left;
}
.version-div{
    margin-top: 58px;
}
.Linux-text.active, .docker-text.active, .windows-text.active, .mac-text.active {
    display: block !important;
    text-align: left;
}
.setBg{
    background-color: #e4e1e1;
}
.request{
    max-width: 960px;
    width: 960px;
}
.download-box img {
    height: 40px;
}
.email-wrap {
    max-width: 800px;
    width: 800px;
    font-size: 18px;
}
.windows-text{
    margin-bottom: 60px;
}
.copiedtext {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    opacity: 0;
    transform: translateY(-2em);
    transition: all .500s;
    text-align: end;
    color: #1754ca;
    font-weight: 800;
    z-index: -1;
}
.setBg .copiedtext {
    opacity: 1;
    transform: translateY(-2em);
}
div#p1 {
    position: relative;
}

.item a{
    text-decoration: none;
    color: var(--black-text-color);
}
.item a:hover, .item a:hover h5{
    color: var(--primary-color) !important;
}

.home-form {
    display: flex;
    align-items: end;
    justify-content: center;
}
.home-form input[type='text'] {
    margin-bottom: 0px !important;
    width: 320px;
    font-family: var(--nunito-sans);
    font-size: 18px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-text-color);
    height: 50px;
    border-radius: 4px;
    border: solid 1px #acc4eb;
    background-color: #ffffff;
    padding: 0 14px;
    /* margin: 0px 18px 0 0px; */
}
#footer-form input[type='text']{
    border-radius: 4px 0px 0px 4px;
}
.home-form input[type='text']:focus-visible {
    outline: none;
    border: 1px solid #1754ca !important;
}
.error-msg1 {
    position: relative;
    top: 4px;
    color: #FF0000;
    visibility: hidden;
    text-align: left;
    margin-bottom: 10px;
}

.home-form input::placeholder {
    color: rgb(85, 84, 84)(168, 167, 167) !important;
  }

  .home-form .next-loader{
      top: -36px;
  }
  .grafana-img{
      width:40px ;
  }
  div#footer-form {
    margin: 40px 0;
}
.page-template-template-pricing .access-req-section,
 .page-template-template-videos .access-req-section,
 .page-template-template-partners .access-req-section,
 .page-template-template-onboarding .access-req-section{
    padding: 0px 123px 30px;
    text-align: center;
}
.os-menu {
    display: flex;
    text-align: center;
}
.os-menu > div {
    max-width: 272px;
}
.os-menu img {
    height: 32px;
    vertical-align: middle;
}
.email-wrap .Linux-text h3 {
    font-weight: 600;
    border: 1px solid #333;
    font-weight: 700;
    line-height: 25px;
    padding: 16px;
    margin: 10px 5px 10px 0px;
    font-size: 18px;
    border-radius: 4px;
    margin-bottom: 30px;
    cursor: pointer;
    max-width: 260px;
    color: #a8a7a7;
}
.email-wrap .Linux-text h3.active {
  border: 1px solid var(--primary-color);
  color: var(--black-color);
}

.video-time {
    color: #333;
    margin-bottom: 16px;
    text-align: left;
}
.video-time img {
    width: 20px;
    vertical-align: text-bottom;
}
p.note-text{
    font-size: 16px;
}

p.card-resource__byline.mt-1.mb-0 {
    margin-bottom: 2px;
    margin-top: 0;
}
#gtranslate_wrapper {
    right: 17% !important;
    /* position: relative; */
    display: flex;
    margin: 6px 0px;
    border-radius: 6px;
    /* padding: 24px; */
    padding: 12px 24px;
    top: -5px !important;
}
.switcher .selected{
    border-radius: 6px;
}
.switcher .selected a{
    height: 26px !important;
    padding: 12px 24px  !important;
    border-radius: 6px;
    border:none !important;
    display: flex;
    align-items: center;
}


#glt-translate-trigger {
    background: url(https://www.skedler.com/wp-content/themes/skedler/images/global-line.svg) !important;
    background-size: contain !important;
    width: 1px !important;
    background-repeat: no-repeat !important;
}
#glt-translate-trigger {
    bottom: auto;
    /* top: 23px !important; */
    box-shadow: none !important;
}
#glt-translate-trigger{
    /* right: 190px !important; */
    /* right: 390px !important; */
    z-index: 200002;
    padding: 19px 14px 3px;
    font-size: 3px;
}

#glt-translate-trigger > span, .goog-te-banner-frame{
    display: none !important;
}
.tool-items {
    height: 100%;
    display: inline-grid;
}
.page .tool-container.tool-top {
    top: 72px !important;
}

.tool-items span {
    position: relative;
    left: 20px;
    color: #333333;
    vertical-align: -webkit-baseline-middle;
    font-size: 16px;
    top: 3px;
    font-family: var(--axiforma);
}
.tool-items a{
    text-decoration: none;
}
.tool-items {
    height: 100%;
    display: inline-grid;
    min-width: 128px;
    padding: 0px 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #0000000d;
    border: 1px solid #F4F4F4;
    border-radius: 0px 0px 10px 10px;
    opacity: 1;
    transition: all 0.6s ease 0s;
}

.menu-points p:first-child {
    margin-top: 0;
}

.skedler-header.desktop-version ul li .gsc-control-cse.gsc-control-cse-en{
    top: 30px;
    position: relative;
    margin-left: 20px;
}
.skedler-header.desktop-version ul li input.gsc-input{
    background: none !important;
}
.skedler-header.desktop-version table.gsc-search-box td.gsc-input{
    padding-right: 0;
}
.skedler-header.desktop-version .gsc-search-button{
    margin-left: 0;
}
.skedler-header.desktop-version ul li .gsc-search-button-v2 {
    font-size: 0;
    padding: 10px 14px;
    width: 45px !important;
    vertical-align: middle;
    border: 1px solid #666;
    border-radius: 0 4px 4px 0px;
    border-color: #dfe1e5;
    background-color: #fff;
}
.skedler-header.desktop-version ul li .gsc-search-button-v2 svg{
    fill: #1754ca;
}
.skedler-header.desktop-version ul li:last-child, 
.skedler-header.desktop-version ul li .gsc-control-cse.gsc-control-cse-en{
    /* padding: 0; */
}
.skedler-header.desktop-version ul li .gsc-input-box{
    border-radius: 4px 0px 0px 4px !important;
    width: 146px;
}


/* new videos css */
.subnav-wrap{
    background-color: #f6f6f6;
    margin-top: 60px;
}
ul.nav.nav-fill{
    display: flex;
    align-items: center;
}
ul.nav.nav-fill li{
    color: #000;
    cursor: pointer;
    font-family: AvenirRoman,Helvetica,Arial,sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 40px;
}
ul.nav.nav-fill li a{
 text-decoration: none;
 color: #000;
 cursor: pointer;
 font-family: AvenirRoman,Helvetica,Arial,sans-serif;
 text-decoration: none;
 text-transform: uppercase;
}

li.nav-item{
    margin: 0 10px;
    padding: 10px 0;
}
li.nav-item span{
    vertical-align: top;
}
ul.nav.nav-fill li.active a{
    font-weight: 600;
}

li.nav-item img{
    max-width: 1.5625rem;
    margin-right: 0.25rem;
    vertical-align: middle;
}
li.nav-item.active {
    border-bottom: solid 2px #1754ca;
}

.youtube-video div{
    background: #f6f6f6;
}
/* section.videos-section{
    background-color:#f5f5f5;
    margin: 0px 0px 60px 0 !important;
    */

section.video-header-section{
    padding: 60px 90px;
    /* background-color: #cec6f6; */
    margin: 30px 0;
    margin-bottom: 0;
    padding-bottom: 0;
    
} 
section.white-paper-section {
    padding: 30px 90px;
    background-color: #011F42;
    background-image:  url('https://www.skedler.com/wp-content/themes/skedler/images/top.svg');
    /* margin: 30px 0; */
    margin-bottom: 0;
    color: var(--white-color);
    font-family: var(--nunito-sans);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    
} 
section.white-paper-section h1{
font-size: 36px;
color: var(--white-color);
}
.page-template-template-training .access-req-section{
    padding: 82px 123px 30px;
}
img.cmenu{
    top: 0px !important;
    position: absolute;
}
.error-bg{
    background:url(../images/errorbg.png), #0A1D48;
    background-size: cover;
    background-repeat: no-repeat;
    /* height: 684px; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
    height: calc(100vh - 76px);
    box-sizing: border-box;
    background-position: center bottom -150px;
    background-repeat: no-repeat;
    background-size: contain;
}
.product-text{
    font-size: 32px;
    color: var(--white-color);
    font-family: var(--axiforma);
    font-weight: 500;
    text-align: center;
    margin: 0;
    margin-bottom: 32px;
    position: relative;
    -webkit-font-smoothing: antialiased;
}
.services-topic-title{
    font-size: 18px;
    color: var(--white-color);
    font-family: var(--nunito-sans);
    text-align: center;
    margin: 0;
    margin-bottom: 20px;
}
.let-button{
    width: max-content;
    height: 42px;
    font-size: 16px;
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
    border-radius: 4px;
    text-align: center;
    margin: auto;
    line-height: 26px;
    font-weight: normal;
    padding: 10px 17px;
    font-family: var(--axiforma);
    background: #0C3FA3 0% 0% no-repeat padding-box;
}
.let-button:hover {
    background-color: #fff;
    color: #0A49C4;
}
.error404 footer{
    display: none;
}
.error-div a{
    text-decoration: none;
    font-weight: 600;
}
.error-img{
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 30px;
}

.pricing-section-new{
    /* background: transparent url(https://dev.skedler.com/wp-content/themes/skedler/images/banne-1.png) no-repeat; */
    /* background-image: url(https://dev.skedler.com/wp-content/themes/skedler/images/banne-1.png), linear-gradient(
180deg
, #0B2C57 0%, #0A1A3C 100%);
background-repeat: no-repeat;
    background-size: 100% 62.5%; */
    position: relative;

}


.pricing-section-new .wrapper {
    /* padding: 0px 30px; */
    text-align: center;
}

.pricing-section-new .title {
    font-size: 42px;
    line-height: 65px;
    font-weight: 700;
    font-family: var(--axiforma);
    margin: 0px 0px 21px;
    color: var(--white-color);
    margin-top: 0;
    margin-bottom: 0px;
    padding-top: 40px;
}

.pricing-section-new .sub-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    margin: 0px;
    color: var(--white-color);
    margin-bottom: 10px;
    font-family: var(--axiforma);
}
.sub-title.all-plans{
    font-size: 18px;
    margin-top: 8px;
    font-weight: 500;
    font-family: var(--helvetica);
}
.pricing-section-new .gurantee-text{
    font-size: 14px;
    font-family: var(--helvetica);
    color: #226DFF;
    margin-top: 0px;
}
.pricing-section-new .plan-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 90px;
    margin: 57px 0px 28px;
}
.wrapper.newPricing {
    background: #0A1736;
    margin-top: 200px;
}

.pricing-section-new .container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    bottom: 200px;
}

.pricing-section-new #title {
	font-size: 3.5rem;
	font-weight: normal;
	text-align: center;
	margin-top: 20px;
  letter-spacing: 1px;
  color: #241623;
  
}


/* Uniform table Styles */
.pricing-section-new div.table {
	min-width: 226px;
	height: auto;
	text-align: center;
	border: 1px solid #D1E6FF;
	background-color: white;
	
	transition-duration: 300ms;
	margin-top: 40px;
	/* margin-right: 15px; */
}


/* header styles */


.pricing-section-new #headerBasic {
  /* background-color: #3c6e71; */
  border-bottom: 1px solid #D1E6FF;
    padding-bottom: 30px; 
}
.pricing-section-new .table.five #headerBasic{
    padding-bottom: 0;
    border-radius: 0px 10px 0px 0px;
}
.table.five{
    border-radius: 0px 10px 10px 0px;
}
.pricing-section-new #headerStandard {
  background-color: #ffffff;
  border-bottom: 1px solid #D1E6FF;
  padding-bottom: 30px; 
}
.tryit{
    font-size: 18px;
    font-family: var(--axiforma);
    font-weight: 600;
    margin-top: 27px;
}
.tryit span{
    font-size: 22px;
    font-weight: 900;
    font-family: var(--axiforma);
}

.pricing-section-new #headerPro {
  background-color: #967995;
}

/* text data container box */
.pricing-section-new ul {
	width: 220px;
	margin: 0 auto;
}

/* list data styles */
li.textData {
	list-style-type: none;
	font-size: 1.3rem;
	font-weight: 300;
	padding-top: 1rem;
	padding-bottom: 1.2rem;
	border-bottom: 2px solid #ccd1ce;
  color: #241623;
}

/* bold text! */
strong {
	font-weight: bold;
}

/* price style */
li.price {
	list-style-type: none;
	font-weight: bold;
	font-size: 3.5rem;
	padding-top: 25px;
	color: #d0cd94;
}

li.basic {
	color: #3c6e71;
}

li.pro {
	color: #967995;
}

/* pound sign */
.pricing-section-new li span {
	display: inline-block;
	font-size: 2.5rem;
	padding-right: 5px;
}

/* per month text */
li.perMonth {
	list-style-type: none;
	font-size: 1rem;
	margin-top: -7px;
	text-transform: lowercase;
	color: #a8a8a8;
}

/* join now button */
.pricing-section-new .button {
	/* height: 50px;
	width: 220px; */
	margin-top: 30px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	border: none;
	border-radius: 3px;
    font-family: var(--axiforma);
  background-color: #d0cd94;
}

.pricing-section-new .buttonBasic {
  /* background-color: #3c6e71; */
  background: #0A49C4 0% 0% no-repeat padding-box;
    padding: 9px 14px;
    margin-bottom: 30px;
}

.pricing-section-new .buttonBasic:hover {
    background: #0C3FA3 0% 0% no-repeat padding-box;
}
.pricing-section-new .buttonPro {
	background-color: #967995;
}

/* table grows on hover */

h2.priningpageCustomers {
    color: #FFFFFF;
    opacity: 1;
    margin: 0;
    text-align: center;
    font-family: var(--axiforma);
    font-size: 28px;
}
.logosListTitle.Pricingnew {
    text-align: center;
    padding-top: 16px;
    font-size: 20px;
    font-weight: 400;
}

/* button on hover */
.pricing-section-new .button:hover {
	cursor: pointer;
}

/* signature */
.pricing-section-new .sig {
  text-align: right;
  margin: 40px 50px 0px 0px;
  color: #967995;


}

.pricing-section-new .sig .name {
  font-weight: bold;
  color: #241623;

}
.table.one {
    background: #F2F8FF 0% 0% no-repeat padding-box !important;
}
.freetrial-text{
    font-size: 22px;
    color: #2C374E;
    font-family: var(--axiforma);
    font-weight: 900;
    margin-bottom: 12px;
}
.standard-text{
    font-size: 22px;
    color: #2873D5;
    font-family: var(--axiforma);
    font-weight: 800;
    margin-bottom: 12px;
}
.number-reports{
    font-size: 30px;
    color: #0A1D48;
    font-family: var(--axiforma);
    margin: 0;
    font-weight: 900;
}
.reports-text{
    font-size: 12px;
    margin: 0;
    font-weight: normal;
    font-family: var(--axiforma);
}
.amount-text{
    font-size: 18px;
    font-family: var(--axiforma);
    color: #0A1D48;
    font-weight: 700;
    margin-bottom: 0;
    opacity: 0.6;
    
}
.amount-text-span {
    color: #0A1D48;
    opacity: 0.5;
}
.amount-text-span, .annual-text-span{
    font-size: 14px;
    font-family: var(--axiforma);
    font-weight: normal;
    margin: 0;

}
.annual-text{
    font-size: 22px;
    color: #0A1D48;
    font-family: var(--axiforma);
    font-weight: 900;
    margin-bottom: 0;
    margin-top: 18px;

}
.annual-text span{
    margin: 0;
    font-size: 12px;
    font-family: var(--axiforma);
    font-weight: normal;
}
.icon{
    width: 200px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #0000001a;
    opacity: 1;
}
.logos-client{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 32px 0 32px;
}
.trusted-companies{
    font-size: 30px;
    font-family: var(--nunito-sans);
    font-weight: bold;
    margin: 60px 0px 0px 0px;
    color: #011F42;
    text-align: center;
}
.see-our{
    font-size: 14px;
    font-family: var(--nunito-sans);
    color: #011F42;
    font-weight: normal;
    text-align: center;
}
.see-our a{
    font-size: 14px;
    font-family: var(--nunito-sans);
    color: #011F42;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
}
.new-features{

}
section.new-features {
    background: url(https://www.skedler.com/wp-content/themes/skedler/images/wave-1.svg) top left no-repeat, url(https://www.skedler.com/wp-content/themes/skedler/images/wave-2.svg) bottom right no-repeat, #F2F5F8;
    /* background-position: 100%; */
}
.item-box {
    display: flex;
    justify-content: center;
}
.item-box .item {
    margin: 14px 14px;
    width: 540px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #0000001a;
    border-radius: 6px;
    opacity: 1;
    padding: 20px 30px;
}
.item h5.sub-title{
    font-family: var(--axiforma);
    font-size: 18px;
    color: #2873D5;
    font-weight: 600;
    margin: 0px 0 10px 0;
}
.item-box .item ul{
    list-style: disc;
    margin: 0 20px;
    font-size: 14px;
    color: #2C374E;
}
.item-box ul li{
    font-family: var(--axiforma);
}
.enjoy-text{
    font-size: 20px;
    color: #011F42;
    font-family: var(--axiforma);
    text-align: center;
    margin-top: 0;
    font-weight: 100;
}
section.new-features .trusted-companies{
    font-size: 30px;
    font-family: var(--axiforma);
    font-weight: bold;
    margin: 60px 0 0;
    color: #011F42;
    text-align: center;
    padding: 40px 0 0 0;
}
.item.last{
    visibility: hidden;
}

.faq-section.new .accordion {
    margin: 46px 0px 0px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CDF;
    border-radius: 10px;
    max-width: 854px;
    margin: 46px auto 0px;
}
.faq-section.new .accordion__item{
    border-bottom: 1px solid #cdf;
}
.faq-section.new .accordion__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    position: relative;
    padding: 24px 18px 24px 24px;
    cursor: pointer;
}
.faq-section.new .accordion__content {
    font-size: 16px;
    line-height: 32px;
    display: none;
    padding: 0px 18px 18px 24px;
    font-family: var(--axiforma);
}
.freetrial-text.custom{
    font-size: 22px;
    color: #333;
    font-family: var(--axiforma);
    font-weight: 900;
    margin: 47px;
}
.standard-bar {
    height: 10px;
    background: #2873D5 0% 0% no-repeat padding-box;
    border-radius: 10px 10px 0px 0px;
    position: absolute;
    top: -10px;
    width: 100%;
}
.table.two, .table.three, .table.four{
    position: relative;
}
.table.three .professional-bar {
    height: 10px;
    background: #E6561C 0% 0% no-repeat padding-box;
    border-radius: 10px 10px 0px 0px;
    position: absolute;
    top: -10px;
    width: 100%;
}    
.table.three{
    transform: scale(1.06);
    z-index: 1;
    border-radius: 4px 4px 10px 10px;
}
.table.three button.button.buttonBasic{
    margin-top:22px;
}
.table.three .standard-text {
    font-size: 22px;
    color: #E6561C;
}
.table.four .premium-bar{
    height: 10px;
    background: #F4AD3D 0% 0% no-repeat padding-box;
    border-radius: 10px 10px 0px 0px;
    position: absolute;
    top: -10px;
    width: 100%; 
}
.table.four .standard-text {
    font-size: 22px;
    color: #F4AD3D;
}
.table.five .tryit{
    font-weight: 900;
    line-height: 18px;
    margin-top: 27px;
}
.get-tailor{
    font-size: 14px;
    margin-bottom: 9px;
    font-family: var(--axiforma);
}

.pricing-switcher {
    text-align: center;
}
.pricing-switcher .fieldset {
    display: inline-block;
    position: relative;
    padding: 0px;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
}
.pricing-switcher input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.pricing-switcher label {
    position: relative;
    z-index: 1;
    display: inline-block;
    float: left;
    width: 150px;
    font-size: 13px;
    font-family: var(--nunito-sans);
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 600;
    transition-delay: 0.1s;
    transition:  0.3s ease;
}
.pricing-switcher input[type="radio"]:checked + label {
    color: #011F42;
    text-decoration: none;
    background-color: #fff;
    border-radius: 100px;
    font-weight: bold;
}
.pricing-switcher .switch {
   /* floating background */
    position: absolute;
    top: 0px;
    left: 0px;
    height: 40px;
    width: 150px;

    border-radius: 50em;
    transition: transform 0.3s;
}
.pricing-switcher input[type="radio"]:checked + label + .switch, .pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .switch {
   /* use label:nth-of-type(n) to fix a bug on safari with multiple adjacent-sibling selectors*/
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    -ms-transform: translateX(150px);
    -o-transform: translateX(150px);
    transform: translateX(150px);
}

.table.one,.table.one .pricing-section-new #headerBasic{
    border-radius: 10px 0px 0px 10px;
}
section.new-features .container{
    padding-bottom: 36px;
}
.faq-section.new{
    padding: 24px 114px;
}
.page-template-template-pricing-new .access-req-section{
    padding: 0px 123px 30px;
    text-align: center;
}
.pricing-section-new .support-plan #headerStandard{

    padding-bottom: 10px;
}
.support-plan .freetrial-text{
    font-size: 18px;
    text-align: left;
    padding: 52px 24px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
.support-plan .table.four .standard-text{
    color: #2873D5;
}

.support-plan .table.two .standard-text{
    color: #E6561C;
}
.support-plan .table.three .standard-text{
    font-size: 22px;
    color: #F4AD3D;
}
.pricing-section-new .support-plan #headerBasic{
    padding-bottom: 0;
}
.support-plan .table.four .standard-text, .support-plan .standard-text{
    margin-bottom: 0;
}
.support-plan .amount-text{
    margin-top: 0;
}
.pricing-section-new .support-plan .buttonBasic, .support-plan .table.three button.button.buttonBasic{
    margin: 10px;
}
.support-plan .table.three {
    transform: scale(1);
    z-index: 1;
    border-radius: 0px 10px 10px 0px;
}
.support-feature-text{
    font-size: 13px;
    font-family: var(--nunito-sans);
    color: #011F42;
    text-align: left;
    padding: 8px 24px;
    margin: 0;
}

.support-feature-text1{
    font-size: 13px;
    font-family: var(--nunito-sans);
    color: #011F42;
    padding: 8px 24px;
    margin: 0;
    /* text-align: left;
    padding: 0 24px; */
}
p.support-feature-text.plan-bg, p.support-feature-tex1t.plan-bg, p.support-feature-text1.plan-bg {
    background-color: #eaf1fa;
}
.pricing-section-new .support-plan div.table.one{
    min-width: 180px;
}
.pricing-section-new .support-plan div.table.two,
.pricing-section-new .support-plan div.table.three,
.pricing-section-new .support-plan div.table.four{
    min-width: 320px;
}
.business{
    display: flex;
    /* justify-content: space-between; */
    max-width: 1140px;
    align-items: center;
    margin: 10px auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6EEF8;
    border-radius: 10px;
    padding: 16px 24px;
    margin-top: 24px;
}
.hours{
    max-width: 615px;
    display: FLEX;
    align-items: center;

}
.clock{
    background: #E6EEF8 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    padding: 20px;
    margin-right: 10px;
}
.hour-work{
    display: flex;
    align-items: center;
    padding: 5px 0;
   
    opacity: 1;
}
.sprint {
    display: flex;
    align-items: center;
    margin-left: 136px;
}
.hour-work p{
    margin: 0;
}
p.business-hours-text{
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    padding: 5px;
    font-family: var(--nunito-sans);
}
.cet , .est{
    margin-right: 8px;
    background: #F2F5F8 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 6px 15px 6px 0;

}
.cet p, .est p{
    font-size: 12px;
    color: #011F42;
    font-family: var(--nunito-sans);
}

.cet p span , .est p span {
    font-size: 14px;
    font-weight: 600;
    background: #E6EEF8 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 7px;
    margin: 0 8px 0 0px;
    color: #011F42;
    font-family: var(--nunito-sans);
}
.sprint-text p {
    margin: 0;
    background: #F2F5F8 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    font-size: 14px;
    font-family: var(--nunito-sans);
    padding: 5px 16px;
}

.support-plan-sub-text{
    font-size: 14px;
    font-family: var(--nunito-sans);
    color: white;
    text-align: center;
    margin-bottom: 0;
}
.popular-text{
    position: absolute;
    transform: rotate(
670deg
);
    background: #609D4D 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 95px;
    padding: 0 17px;
    top: 8px;
    left: -23px;
    overflow: hidden;
    font-size: 12px;
    color: #fff;
}
.pricing-section-new .table.three #headerStandard{
    position: relative;
    z-index: 9999;
    overflow: hidden;
}
.support-plan {
    display: none;
}
.yes-img{
    filter: invert(68%) sepia(152%) saturate(1397%) hue-rotate(
65deg
) brightness(96%) contrast(66%);
    width: 16px;
    vertical-align: middle;
}
.no-img{
    width: 16px;
    vertical-align: middle;
}
img.yes1-img{
    position: relative;
    right: 71px;
    top: 6px;
}
.container.pricing-plan .table.three .standard-text{
    margin-top: 24px;
}
.pricing-section-new .support-plan .table.three #headerStandard{
    border-radius: 0px 10px 10px 0px;
}
.fieldset .yes-img{
    display: none;
}

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

    .pricing-section-new{
        background-image: none;
        background-color: #0B2C57;
    }
    .sprint{
        margin-left: 0 !important;
    }
    .pricing-section-new  .table.three{
        transform: none;
    }
    .pricing-section-new .title{
        font-size: 30px !important;
        margin-top: 20px;
        line-height: normal !important;
    }
    .pricing-section-new .sub-title{
        font-size: 18px !important;
    }
    .pricing-section-new .support-plan div.table.one,
    .pricing-section-new .support-plan div.table.two, .pricing-section-new .support-plan div.table.three, 
    .pricing-section-new .support-plan div.table.four, .pricing-section-new div.table {
        min-width: 90% !important;
        border-radius: 10px;
    }
    .pricing-section-new .support-plan .table.three #headerStandard{
    border-radius: 10px !important;
    }
    .business, .item-box, .logos-client{
        display: block !important;
    }
    .item-box .item{
        width: 100% !important;
        margin: 20px 0 !important;
    }
    .logos-client .icon{
        height: auto;
        margin: 14px auto;
        box-shadow: none !important;
    }
    section.new-features .container{
        padding-bottom: 0 !important;
    }
    section.new-features .trusted-companies{
        margin: 0 !important;
    }
    .logos-client .icon img {
        margin: 0 auto;
        display: block;
    }
    section.new-features{
        padding: 14px;
    }
    .faq-section.new {
        padding: 30px 20px !important;
    }
    .pricing-section-new .wrapper {
        padding: 20px 0px !important;
    }
    .table.four .premium-bar, .standard-bar{
        top: 0px !important;
    }
}

span.cart-quantity1.active{
    opacity: 1;
    visibility: visible;
}
span.cart-quantity.active{
    visibility: visible;
}
span.cart-quantity , span.cart-quantity1{
    background-color: #FF0000;
    padding: 0 6px;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    position: relative;
    bottom: 16px;
    right: 6px;
    visibility: hidden;
}
span.cart-quantity1.remove {
    display: none;
}
.cart-text, .cart-text1{
    font-size: 18px;
    font-family: var(--nunito-sans);
    color: #333;
    text-align: left;
}
.cart-box{
    background: #F2F5F8 0% 0% no-repeat padding-box;
border: 1px solid #D3DBE3;
border-radius: 10px;
opacity: 1;
}
.no-plan-text{
    font-size: 14px;
    font-family: var(--open-sans);
    color: #333;
    text-align: center;
}
.cart-box-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 200px);
}


.border {
    display: flex;
    align-items: center;
    margin: 20px 0;
  }
  
  .border:before,
  .border:after {
    content: "";
    width: 150px;
    height: 1px;
    background: #ccc;
  }
  
  .border:before{
    margin: 0 20px 0 0;
  }
  
  .border:after{
    margin: 0 0 0 20px;
  }

  .backto-plan-text{
      font-size: 12px;
      font-family: var(--nunito-sans);
      color: #1754CA;
      margin-top: 0;
  }
  p.backto-plan-text a {
    text-decoration: none;
}
  section.cart-section{
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px;
  }
input#get-quote{
    background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #D3DBE3;
border-radius: 3px;
width: 310px;
height: 36px;
text-align: center;
margin: 15px 0;
opacity: 1;
}
  .proceed-button{
    background: #2873D5 0% 0% no-repeat padding-box;
    border: 1px solid #2873D5;
    border-radius: 4px;
    padding: 10px 16px;
    font-size: 14px;
    font-family: var(--nunito-sans);
    color: #fff;
  }
  p.proceed-text{
      font-size: 14px;
      font-family: var(--nunito-sans);
      color: #333333;
  }
  input#get-quote::placeholder{
      opacity: 0.4;
      color: #333333;
      font-size: 12px;
  }
  .billing-contact{
    width: 605px;
    height: 36px;
    background: #F2F5F8 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    font-size: 16px;
    font-family: var(--nunito-sans);
    font-weight: 800;
    color: #2873D5;
    padding: 8px 14px;
  }
  .billing-div{
      justify-content: space-between;
  }
  .billing-div, .form-wrapper{
      display: flex;
   
  }
  .billing-contact-information{
      padding: 14px 4px;
  }
  .form-wrapper.address input, .form-row input {
    width: 588px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3DBE3;
    border-radius: 4px;
    opacity: 1;
}
.form-wrapper.checkbox input{
    width: auto;
    vertical-align: middle;
}
.form-wrapper.checkbox {
    font-size: 12px;
    font-family: var(--nunito-sans);
    color: #333333;
    margin-bottom: 0;
}

  
.form-wrapper{
    justify-content: space-between;
    /* margin-bottom: 16px; */
}
form#payment-form label, button#card-button{
    margin: 8px 15px;
}
  .form-wrapper label, .form-row label, form#payment-form label, .contact-section label{
      /* padding: 10px; */
      font-size: 12px;
      font-family: var(--nunito-sans);
      display: block;
      color: #333333;
      margin-bottom: 8px;
  }
  .form-wrapper label span, .contact-section label span{
    font-size: 14px;
    color: #C70000;
    font-family:var(--nunito-sans);
}
  .form-wrapper input, .form-wrapper select, .contact-section input, .contact-section select{
    width: 280px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3DBE3;
    border-radius: 4px;
    opacity: 1;
    padding: 0 10px;
    font-size: 13px;
  }
  .form-wrapper.button-proceeds {
    justify-content: right;
    align-items: center;
}
button#back , button#cancel{
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    margin-right: 16px;
    cursor: pointer;
    padding: 8px 16px;
    width: 86px;
    border-radius: 4px;
}
button#back:hover, button#cancel:hover, div#cancelPayment:hover {
    background: #F2F5F8 0% 0% no-repeat padding-box;
    padding: 8px 16px;
}
.next-step a {
    color: #333;
    text-decoration: none;
}
button#proceed-button, button#pay-button, button#makePay, button#card-button, button#try-button,
button#sendEmailbutton{
    background: #2873D5 0% 0% no-repeat padding-box;
    border: 1px solid #2873D5;
    border-radius: 4px;
    opacity: 1;
    color: #fff;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
}
#sendEmailbutton[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}
button#proceed-button:hover, 
button#pay-button:hover,
button#makePay:hover, 
button#card-button:hover, 
button#try-button:hover,
button#sendEmailbutton:hover {
    box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
}
  .cart-box1{
    width: 487px;
    /* height: 371px; */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3DBE3;
    border-radius: 10px;
    opacity: 1;
  }
  .cart-bg{
    width: 487px;
    height: 48px;
    background: #011F42 0% 0% no-repeat padding-box;
    border-radius: 10px 10px 0px 0px;
    opacity: 1;
    font-size: 16px;
    font-family: var(--nunito-sans);
    padding: 14px 14px;
    color: #ffffff;
  }
  svg#shopping-cart-2-line{
    color: #ffffff;
    fill: #fff;
    vertical-align: bottom;
    width: 17px;
    margin-right: 8px;
  }
  .button-box{
      padding: 0px 14px;
  }

  .license-box{
      display: block;
  }

  .cart-price-box{
    /* display: flex; */
    justify-content: space-between;
    padding: 0 36px;
    margin: 26px 0;

  }
  .plan-name {
    font-size: 18px;
    margin: 0;
    color: #333333;
    font-family: var(--nunito-sans);
    font-weight: 600;
}
p.repos-year {
    margin: 0;
    font-size: 14px;
}
p.repos-monthly {
    font-size: 14px;
    margin: 0;
}
div#change{
    color: #2761C9 !important;
    font-size: 12px;
    cursor: pointer;
}
.total-section {
    background: #F4F4F4 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 8px 14px;
    display: flex;
    justify-content: space-between;
    margin: 26px;
}
.product-price-box {
    margin-bottom: 20px;
}
.total-section p{
    margin: 0;
}
.support-price-section-first p {
    margin-bottom: 0;
    font-size: 18px;
    font-family: var(--nunito-sans);
    font-weight: 600;
}
p.plan-year-price, 
.support-price-section,
.total_price {
    font-weight: 600;
}
.product-price-box, .support-price-box, .offer-price-box {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.cart-box-gift {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3DBE3;
    border-radius: 10px;
    text-align: center;
    padding: 14px;
    margin-top: 42px;
    cursor: pointer;
}
.cart-box-gift:hover {
    background: #F2F5F8 0% 0% no-repeat padding-box;
}
svg#gift-line {
    color: #2873D5;
    fill: #2873D5;
    vertical-align: bottom;
    margin-right: 8px;
}
.cart-box-gift span{
    font-size: 14px;
    font-family: var(--nunito-sans);
}


.gift button {
    height: 36px;
    width: 12%;
    max-width: 440px;
    font-size: 12px;
 
    padding: 12px;
    line-height: 0;
    vertical-align: top;
    cursor: pointer;
    color: #333333;
    border: 0;
    border-radius: 0px 5px 5px 0px;
    background: #ff9d21;
    transition: 0.1s ease-in;
  }
  .gift button:hover {
    background: #d8932c;
    box-shadow: 0 4px 10px hsl(34 100% 56% / 0.2);
  }
  .cart-box-gift.addBorder{
    border-radius: 10px 10px 0px 0px;
  }
  .form-group.gift {
    border: 1px dotted;
    border-radius: 0px 0px 10px 10px;
    display: none;
}
  .gift .apply-box {
    display: flex;

  }
  .gift .apply-box1 {

    padding: 18px;
}
  .gift input {
    min-width: 320px;
    height: 36px;
    width: 100%;
    border-radius: 5px 0 0 5px;
    background: transparent;
    border: 1px solid #c4c6e2;
    padding: 16px;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #333333;

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

  
    .gift form {
      display: flex;
      flex-direction: column;
      width: 100%;
    }
    .gift button {
      border-radius: 5px;
      max-width: 100%;
    }
    .gift input {
      margin-bottom: 20px;
      min-width: 100%;
    }

  }
  .page-template-template-cart ul.header-menus{
    display: none;

 }
 .background{
    position: absolute;
    z-index: auto;
    width: 100%;
    height: 700px;
    background: url(../images/icons/arrow1.png), url(../images/icons/arrow2.png), #0A1D48;
    /* background-image: url(../images/banne-1.png), linear-gradient( 180deg , #0B2C57 0%, #0A1A3C 100%); */
    background-size: cover;
    /* background-color: #0A1D48; */
    background-size: 14%, 12%, 100%;
    background-repeat: no-repeat;
    background-position: top 22px left 15%, top 70px left 84% , center;
 }

 .billing-heading {
    padding: 0px 20px;
    display: flex;
    background: #F2F5F8 0% 0% no-repeat padding-box;
    align-items: center;
}
.billing-heading{
    padding: 8px 14px;
    display: flex;
    align-items: center;
    max-width: 605px;
    background: #F2F5F8 0% 0% no-repeat padding-box;
    justify-content: space-between;
    border-radius: 4px;
}
.billing-contact1 {


    opacity: 1;
    font-size: 16px;
    font-family: var(--nunito-sans);
    font-weight: 800;
    color: #2873D5;

}
.edit_text{
    color: #2873D5;
    opacity: 1;
    font-size: 12px;
    cursor: pointer;
}
.form-value-read > div {
    width: 50%;
    padding: 6px;
    margin: 0 10px;
    font-size: 12px;
}
.form-value-read {
    display: flex;
    align-items: CENTER;
    justify-content: space-between;
    font-size: 12px;
}
.forms-data {
    display: none;
}
div#change span {
    color: #333 !important;
}
.offer-box p.plan-year-support-price {
    color: #D50B0B;
}
.offer-box {
    display: none;
}
p.code-valid {
    font-size: 10px;
    margin: 0;
}
p.congrats-text {
    font-size: 13px;
    margin-bottom: 0;
}
.form-value-terms {
    padding: 16px 6px;
    margin: 10px;
    font-size: 10px;
    margin-top: 10px;
    padding-top: 0;
}
.save-card {
    margin-bottom: 20px;
}
button#card-button {
    position: relative;
    margin-right: inherit;
    display: block;
    float: right;
    margin-left: 0;
    border-radius: 4px;
}
div#card-element{
    color: #fff;
    padding: 9px 10px;
    transition: border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    /* border: 1px solid #D3DBE3; */
    width: 588px;
    height: 36px;
    margin: 0 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3DBE3;
    border-radius: 4px;
    opacity: 1;
}
.billing-form-details {
    margin-bottom: 26px;
    max-width: 605px;
    width: 605px;
}

.agree a {
    color: #1754CA;
    text-decoration: none;
}
.agree {
    margin-top: 24px;
}
.thankyou-section{
    display: none;
    /* align-items: center;
    text-align: center; */
    justify-content: space-between;
}
.thankyou_inner_div{
    display: flex;
    justify-content: space-between;
}
.thankyou_inner_div.active{
    justify-content: center;
}
.thankyou-content .support-price-section-first{
    text-align: left;
    
}
.thankyou-section img.success-img{
    filter: invert(68%) sepia(152%) saturate(1397%) hue-rotate( 65deg ) brightness(96%) contrast(66%);
    width: 42px;
    vertical-align: middle;
}
p.success-text {
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 6px;
    font-family: var(--nunito-sans);
}

p.congratulation-text {
    font-size: 16px;
    margin-top: 0;
    font-family: var(--nunito-sans);
}
.thankyou-content strong{
    font-weight: 600;
}

span.email-text{
    color: #1754CA;
}
.next-step-heading {
    /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    border-bottom: 1px solid #D3DBE3;
    border-radius: 10px 10px 0px 0px;
    opacity: 1;
    padding: 14px 14px;
    background-color: #1754CA;
    color: #fff;
}
.next-step {
    background: #F2F5F8 0% 0% no-repeat padding-box;
    border: 1px solid #D3DBE3;
    border-radius: 10px;
    opacity: 1;
    width: 490px;
    height: max-content;
    position: sticky;
    position: -webkit-sticky;
    top: 80px;
}
.first-section {
    text-align: center;
    width: 601px;
}
.next-step-heading img {
    vertical-align: bottom;
    margin-right: 10px;
    filter: brightness(0) invert(1);
}

.articles-link {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000012;
    border: 1px solid #F0F0F0;
    border-radius: 6px;
    opacity: 1;
    margin: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}
.summary-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3DBE3;
    border-radius: 10px;
    opacity: 1;
}
.summary-box-style {
    display: flex;
    background: #011F42 0% 0% no-repeat padding-box;
    border-radius: 10px 10px 0px 0px;
    opacity: 1;
    color: #fff;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
}
.summary-buttons a{
    color: var(--white-color);
    text-decoration: none;
}
.summary-buttons {
    display: flex;
    font-size: 12px;
}
.summary-box .product-price-box {
    text-align: left;
}
.summary-buttons > div {
    border: 0.5px solid #FFFFFF;
    border-radius: 4px;
    opacity: 1;
    padding: 6px;
    cursor: pointer;
}
.summary-buttons div:first-child{
    margin-right: 10px;
} 

span#error{
    color: #C70000;
    font-size: 12px;
    font-weight: normal;
    opacity: 0.8;
    margin: 4px;
    display: none;
}
#card-element-errors {
    color: #C70000;
    font-size: 12px;
    font-weight: normal;
    opacity: 0.8;
    margin: 4px 16px;

}

span#error-first, span#error-last,span#error-company, 
span#error-email,span#error-contact,span#error-address,
span#error-pincode,span#error-city, span#error-state, span#error-address1{
    display: block;
    color: #C70000;
    font-size: 12px;
    font-weight: normal;
    opacity: 0;
}
span#error-Lfirst, span#error-Llast,span#error-Lcompany, 
span#error-Lemail,span#error-Lcontact,span#error-Laddress, span#error-Laddress1,span#error-Lcity, span#error-Lstate,
span#error-Lpincode,span#error-agree, span#error-country, span#error-Lcountry, span#error-card,
span#error-Emailto{
    display: block;
    color: #C70000;
    font-size: 12px;
    font-weight: normal;
    opacity: 0;
}

span#error-Emailto{
    text-align: left;
}
span#error-first.active, span#error-last.active,span#error-company.active, 
span#error-email.active,span#error-contact.active,span#error-address.active,
span#error-pincode.active,span#error-city.active, span#error-state.active, 
span#error-agree.active, span#error-country.active, span#error-Lcountry.active,
span#error-card.active, span#error-Emailto.active{
    opacity: 1;
}
span#error-Lfirst.active, span#error-Llast.active,span#error-Lcompany.active, 
span#error-Lemail.active,span#error-Lcontact.active,span#error-Laddress.active,
span#error-Lpincode.active, span#error-Lcity.active,span#error-Lstate.active{
    opacity: 1;
}

div#card-errors {
    display: block;
    color: #C70000;
    font-size: 12px;
    font-weight: normal;
    margin: 6px 16px;
}
#errorInvoice, #errorEmailIds{
    display: block;
    color: #C70000;
    font-size: 12px;
    text-align: left;
}

div#payment-form{
    display: none;
}
input#agree {
    vertical-align: middle;
    margin: 0;
}
.cart-section-right{
    position: sticky;
    position: -webkit-sticky;
    width: fit-content;
    height: fit-content;
    top: 70px;
}

.shareBg{
    background: #F2F5F8 0% 0% no-repeat padding-box;
border-radius: 4px;
opacity: 1;
    padding: 8px 10px;
    font-size: 16px;
    font-family: var(--nunito-sans);
    font-weight: bold;
    color: #2873D5;
    text-align: left;
    margin-top: 35px;
}
span.email-ids {
    float: left;
    /* padding: 4px; */
    border: 1px solid #ccc;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
    background: #f5f5f5;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px;
    font-size: 12px;
}
span.cancel-email {
    border: 1px solid #ccc;
    width: 18px;
    display: block;
    float: right;
    text-align: center;
    margin-left: 20px;
    border-radius: 49%;
    height: 18px;
    line-height: 15px;
    margin-top: 1px;    cursor: pointer;
}
.emailinputId{
    text-align: left;
    padding: 6px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3DBE3;
    border-radius: 4px;
}
input.enter-mail-id{
    border: 0px;
    outline: 0px;
    font-size: 12px;
    width: 100%;
}
#inputID{
    text-align: left;
    margin-top: 18px;
}

.attach {
    text-align: left;
    width: 100%;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 6px;
    font-size: 12px;
}
.attach-checkbox {
    font-size: 10px;
    /* vertical-align: unset; */
    margin-top: 6px;
}
.inputID {
    text-align: left;
    margin-top: 30px;
    font-size: 12px;
    margin-bottom: 6px;
}


/* Using codepen button style :) */
.button {
    display: inline-block;
    outline: 0;
    cursor: pointer;
    /* Important part */
    position: relative;
    transition: padding-right .3s ease-out;
    background: #2873D5 0% 0% no-repeat padding-box;
    border: 1px solid #2873D5;
    border-radius: 4px;
    opacity: 1;
    color: #fff;
    padding: 8px 16px;
    font-size: 14px;
}
.button.loading {
    background-color: #CCC;
    padding-right: 40px !important;
}
.button.loading:after {
    content: "";
    position: absolute;
    border-radius: 100%;
    right: 6px;
    top: 50%;
    width: 0px;
    height: 0px;
    margin-top: -2px;
    border: 2px solid rgba(255,255,255,0.5);
    border-left-color: #FFF;
    border-top-color: #FFF;
    animation: spin .6s infinite linear, grow .3s forwards ease-out;
}
@keyframes spin { 
    to {
        transform: rotate(359deg);
    }
}
@keyframes grow { 
    to {
        width: 14px;
        height: 14px;
        margin-top: -8px;
        right: 13px;
    }
}
span.failure{
    background-color: #D50B0B;
    border-radius: 100%;
    padding: 5px 14px;
    font-size: 18px;
    color: #fff;
}
button#try-button {
    margin-bottom: 57px;
}
.remove{
    font-size: 12px;
    color: #C92727;
    font-family: var(--nunito-sans);
    margin-left: 12px;
    opacity: 0;
    cursor: pointer;
}
.support-price-box:hover .remove, .product-price-box:hover .remove{
    opacity: 1;
}
.sub_buttons{
    display: flex;
}
.sub_buttons a{
    text-decoration: none;
}


/*contact new page css*/
.contact-banner{
     /* position: absolute; */
    z-index: auto;
    width: 100%;
    height: 213px;
    /* background: radial-gradient(circle at 73% 91%,#00b467,#15d593); */
    background-image: url(https://dev.skedler.com/wp-content/themes/skedler/images/banne-1.png), linear-gradient( 180deg , #0B2C57 0%, #0A1A3C 100%);
    background-size: cover;
}
.getstarted-today1{
    font-size: 44px;
    font-family: var(--nunito-sans);
    color: var(--white-color);
    text-align: center;
    padding: 40px 0 0 0;
    margin: 0;
}
.no-credit_new{
    font-size: 24px;
    font-family: var(--nunito-sans);
    color: var(--white-color);
    text-align: center;
    margin: 0;
}
.contact-section .download-new input[type='text'], 
.contact-section .download-new #quote-timezone{
    padding: 8px 28px !important;
}
.contact-section .download-new .check_container{
    font-size: 12px;
    padding-left: 25px;
}
.contact-section .download-new .checkmark{
width: 18px;
height: 18px;
}
.contact-section .download-new .check_container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 7px;
    height: 12px;
}
.contact-section .download-new input#mobile {
    padding: 0 44px !important;
}
.required_text{
    text-align: center;
    font-size: 20px;
    font-family: var(--nunito-sans);
   color: #011F42;
}
.required_text span{
    font-size: 12px;
}
.page-template-template-cart .header-actions1 a:first-child{
 display: none;
}
.page-template-template-pricing-new .header-actions1 a:first-child{
    display: inline-block;
}

div#cancelPayment {
    background: transparent;
    border: none;
    outline: none;
    position: relative;
    width: auto;
    display: block;
    cursor: pointer;
    font-size: 14px;
    margin-right: 16px;
    border-radius: 4px;
    padding: 8px 16px;
    width: 86px;
    text-align: center;
}

@media screen and (max-width: 1199px) {
    .page-template-template-cart .billing-div, 
    .page-template-template-cart .form-wrapper,
    .page-template-template-cart .gift .apply-box,
    .page-template-template-cart .thankyou_inner_div{
        display: block;
    }
    .page-template-template-cart  section.cart-section{
        max-width: 100%;
    }
    .page-template-template-cart .form-wrapper.address input, 
    .page-template-template-cart .form-row input,
    .form-wrapper input, .form-wrapper select, 
    .contact-section input, .contact-section select,
    .cart-bg, .cart-box1, .gift button, .billing-contact,
    .form-value-read > div, .first-section, .next-step{
        width: 100% !important;

    }
    div#card-element{
        width: 90% !important;
    }
    form#payment-form .form-wrapper.button-proceeds{
        display: flex;
    }
    .page-template-template-cart  .billing-form-details {
        max-width: 100%;
        width: 100%;
    }
    .pricing-switcher label{
        width: 130px !important;
    }
    .page-template-template-cart .form-wrapper input[type=checkbox] {
        width: auto !important;
    }
    .border:before, .border:after{
        width: 100px !important;
    }
    .cart-section-right, .next-step{
        margin-top: 60px;
    }
    .thankyou_inner_div .support-price-section-first p{
        text-align: left;
    }
}
select#license-country, select#country {
    font-weight: normal;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #fff;
    -webkit-appearance: none;
    background-position-x: 257px;
    border: 1px solid #D3DBE3;
    background-size: 3.5%;
    padding: 0 10px;
}
.forMobile{
  display: block;
}
.attach-checkbox input {
    vertical-align: bottom;
}
span#messageSent{
    color: #4AC44A;
    text-align: left;
    display: block;
    font-size: 14px;
}
.support-price-section-first span#change-promo{
    opacity: 0;
    color: #C92727 !important;
    font-size: 12px;
    cursor: pointer;
}
.offer-price-box:hover span#change-promo {
    opacity: 1;
}
hr.offer_hr{
    margin-top: 20px;
}

input#withKey {
    margin-left: 20px;
}
.articles-link:hover {
    background: #F2F5F8 0% 0% no-repeat padding-box;
}
div#emailsentThankyou {
    margin-top: 60px;
}

div#emailsentThankyou p.success-text{
margin-top: 6px;
}
button.disable {
    cursor: no-drop;
}
.page-template-template-cart button.primary-button.get-access-btn {
    display: none;
}
.page-template-template-cart #glt-translate-trigger{
    right: 90px !important;
}
p span.spam_text{
    font-size: 14px;
    margin-top: 4px;
}
section.trusted-clients h4.sub-title {
    text-align: center;
    font-family: 'Nunito Sans';
    margin-top: 8px;
    font-size: 16px;
    opacity: 0.9;
    font-weight: 500;
}

.whitepaperFilter {
    display: flex;
}
.paperFilter {
    width: 20%;
    display: -webkit-box;
    text-align: left;
    margin: 60px 0;
}
.product_connector {
    width: 75%;
}
.videos-section .product_connector{
    width: 100%;
}
.paperFilter ul li {
    padding: 10px 0;
}
.paperFilter ul  li.active {
    color: #0A49C4;
}
.paperFilter ul li.active:before {
    content: "|";
    /* height: 31px; */
    font-size: 30px;
    left: -6px;
    top: 0px;
    position: relative;
}
.page-template-template-whitepaper .video-section.user-guide-video{
position: relative;
}
.page-template-template-whitepaper .youtube-video div{
    background: transparent;
    height: 407px;;
}
.page-template-template-whitepaper .youtube-video {
box-shadow: 0px 2px 6px #0000000F;
border: 1px solid #EDEAEA;
}
.whitepaperHeading{
    position: absolute;
    top: 76px;
    max-width: 288px;
    color: #fff;
}
.page-template-template-whitepaper .video-title-text {
    margin-bottom: 0;
    font-weight: normal;
    text-align: left;
    font-size: 26px;
    font-family: var(--open-sans);
    min-height: 90px;
    color: #333333;
}
.bannerNew{
    background-color: #F5F5F5;
    background-image:  url('https://www.skedler.com/wp-content/themes/skedler/images/bottom.svg');
    margin: 30px 0;
    margin-bottom: 0;
    color: var(--white-color);
    font-family: var(--nunito-sans);
    background-size: 260px;
    background-repeat: no-repeat;
    /* background-position: left; */
    width: 900px;
    margin: 60px auto;
    text-align: center;
    padding: 60px;
    border-radius: 30px; 
}
.bannerNew h3{
    font-size: 24px;
}
.help_buttons{
    display: flex;
    justify-content: center;
    align-items: center;
}
.touchText{
    text-align: center;
    background: #0A49C4 0% 0% no-repeat padding-box;
border-radius: 4px;
opacity: 1;
padding: 10px 27px;
}

.FooterSection {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-bottom: 40px;
    padding-top: 40px;
}

.FooterSection a{
    font-size: 18px;
    font-family: var(--axiforma);
    color: var(--white-color);
    text-decoration: none;
    font-weight: 400;
}
.FooterSection a:hover {
    transition: all 500ms ease-in-out;
    color: #84AEFF;
}
p.footertext{
    font-family: var(--nunito-sans);
    color: var(--black-text-color);
    font-size: 14px;
    margin-top: 0;
}
ul.FooterUL{
    font-family: var(--axiforma);
    color: var(--black-text-color);
    font-size: 20px;
    font-weight: bold;
    /* margin-top: 30px; */
}
section#Footernew .Copyrightsection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 48px;
    margin-top: 24px;
    font-size: 12px;
    font-family: var(--nunito-sans);
    color: var(--black-text-color);
    text-decoration: none;
}

.socialmediaIcons {
    display: flex;
   
    /* margin-top: 42px; */
}
ul.customLI li:before{

    padding: 0px;
    width: 6px;
    height: 6px;
    background: #333333 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #c4c8d0cc;
    border: 1px solid #FFFFFF;
    border-radius: 52px;
    opacity: 1;
    content: '';
    position: absolute;
    margin-left: -1.5em;
    color: #333;
    top: 12px;
}

ul.customLI li {
    position: relative;
    margin-left: 26px;
}
@media screen and (max-width: 991px){
    body section#Footernew{
    padding: 0px 20px;
    }
    section#Footernew .FooterSection, body section#Footernew .Copyrightsection,
    body .whitepaperFilter{
        display: block;
    }
    ul.termsList{
        margin-bottom: 20px;
    }
    body .bannerNew, body .paperFilter, body .product_connector{
        width: 100%;
    }
    body .page-template-template-whitepaper .youtube-video div{
        height: auto;
    }
}
.youtube-video.Tutorials.active {
    display: block;
}
.youtube-video.Tutorials {
    display: none;
}


/*SOS*/
.sos-header-section .container h1 {
    font-size: 44px;
    padding: 0.5rem;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    font-family: var(--roboto);
    line-height: normal;
    margin-bottom: 12px;
  }

  .sos-header-section .container p span.typed-text {
    font-weight: normal;
    color: #dd7732;
  }
  .sos-header-section .container h1 span.cursor {
    display: inline-block;
    background-color: #ccc;
    margin-left: 0.1rem;
    width: 3px;
    animation: blink 1s infinite;
  }
  .sos-header-section .container h1 span.cursor.typing {
    animation: none;
  }
  @keyframes blink {
    0%  { background-color: #ccc; }
    49% { background-color: #ccc; }
    50% { background-color: transparent; }
    99% { background-color: transparent; }
    100%  { background-color: #ccc; }
  }
  p.sos-banner-text {
    text-align: center;
    font-size: 18px;
    margin-top: 0;
    font-family: var(--nunito-sans);
}
.sos_buttons{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sos_buttons > a {
    padding: 14px;
    text-decoration: none;
}
.sos_buttons > div {
    padding: 10px 20px;
    margin: 10px;
}
.sos_buttons > div img {
    vertical-align: middle;
}
.freetrial_button {
    background: #0A49C4 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    color: #fff;
    font-size: 20px;
    font-family: var(--nunito-sans);
    padding: 10px 26px;
}
.getdemo_button {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #0A49C4;
    border-radius: 4px;
    opacity: 1;
    font-size: 20px;
    color: #0A49C4;
    font-family: var(--nunito-sans);
    padding: 10px 26px;
}
.card_required{
    font-family: var(--nunito-sans);
    font-size: 14px;
    text-align: center;
}
.sos-header-section{
    background-image:  url('https://www.skedler.com/wp-content/themes/skedler/images/banner-bg-1.png');
    background-size: cover;
    position: relative;
    border-top: 1px solid #EFEFEF;
    padding: 20px 0;
}
@keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.2, 1.2);
    }
    100% {
      transform: scale(1, 1);
    }
  }
.reportsImage1{
    position: absolute;
    top: 40px;
    animation: zoom-in-zoom-out 6s ease-out infinite;
}
.reportsImage1 img{
    width: 160px;
}
@keyframes float {
	0% {
		/* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
		transform: translatey(0px);
	}
	50% {
		/* box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2); */
		transform: translatey(-20px);
	}
	100% {
		/* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
		transform: translatey(0px);
	}
}

.reportsImage2{
    position: absolute;
    bottom: 0;
    left: 12%;
    transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
}
.reportsImage3 {
    position: absolute;
    right: 16%;
    bottom: 0;
    transform: translatey(0px);
	animation: float 4s ease-in-out infinite;
}
.reportsImage5 {
    position: absolute;
    bottom: 30%;
    right: 0;
}
.reportsImage5 img{
    width: 150px;
}
.reportsImage4{
    position: absolute;
    top: 0;
    right: 10%;
    animation: zoom-in-zoom-out 6s ease-out infinite;
}
.sos_img, .kibana_img{
    /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    /* box-shadow: 0px 4px 8px #52575d1a; */
    /* border: 1px solid #F4F4F4; */
    border-radius: 6px;
    /* opacity: 0.5; */
    /* width: 110px; */
    /* height: 46px; */
}
.sos_img img, .kibana_img img{
    vertical-align: middle;
}
.bannerNewSOS{

    background-color: #1A73E8;
    background-image:  url('https://www.skedler.com/wp-content/themes/skedler/images/bottom.svg');
    margin: 30px 0;
    margin-bottom: 0;
    color: var(--white-color);
    font-family: var(--nunito-sans);
    background-size: 260px;
    background-repeat: no-repeat;
    /* background-position: left; */
    /* width: 900px; */
    margin: 36px auto;
    text-align: center;
    padding: 60px;
    border-radius: 30px; 
}

.featuresSOS{
    background-image:  url('https://www.skedler.com/wp-content/themes/skedler/images/features-bg.png');
    background-size: cover;
}
.featuresSOS .container{
    padding: 60px 96px;
}
.sosFeatures {
    display: flex;
    align-items: CENTER;
    justify-content: space-between;
}
img.sosFeatursimg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #c4c8d066;
    border: 2px solid #FFFFFF;
    border-radius: 20px;
    /* opacity: 0.7; */
    padding: 20px;
    margin: 0 auto;
    display: block;
}
p.sosFeaturesHeading {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--roboto);
    color: #333333;
}
h3.turnkey_text {
    text-align: center;
    margin-bottom: 40px;
    font-size: 24px;
    font-family: var(--roboto);
    font-weight: 600;
    margin-top: 0;
}
p.featuresPara {
    text-align: center;
    max-width: 346px;
    font-size: 16px;
    font-family: var(--nunito-sans);
}

section.customerTestimonial img.sosFeatursimg1, section.customerTestimonial img.sosFeatursimg2{
    /* margin: 0 auto; */
    display: block;
}
section.customerTestimonial img.sosFeatursimg2{
    width: 150px;
}

.form-subscribe
{
  max-width:600px;
  margin:0 auto
}
.form-subscribe .form-control
{
    z-index: 2;
    background-color: hsla(0,0%,100%,.8);
    padding-left: 14px;
    padding-right: 14px;
    letter-spacing: 1px;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 42.5px;
    width: 50%;
    left: 10px;
    position: relative;
}
.form-subscribe .form-control.focus,.form-subscribe .form-control:focus
{
    border: none;
    outline: none;
}
.form-subscribe .btn
{
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  background:#011F42;
  border-color:#011F42;
  /* height:46.5px; */
  position: relative;
    z-index: 12;
    color: #fff;
    padding: 9px;
    font-family: var(--nunito-sans);

    font-size: 16px;
    cursor: pointer;
    width: 156px;
    height: 44px;
    position: relative;
}
.bannerFooterFeatures {
    display: flex;
    justify-content: space-around;
    margin-top: 12px;
    align-items: center;
    vertical-align: middle;
    font-size: 12px;
    font-family: var(--axiforma);
}
.SOSDivision {
    display: flex;
    /* justify-content: space-around; */
    justify-content: center;
    margin: 60px 0;
}
.SOSfeature1.active {
    background: #EBF2FF 0% 0% no-repeat padding-box;
    border: 1px solid #F4F4F4;
    border-radius: 10px;
    opacity: 1;
}
.SOSFeatureBG.active {
    background: #EBF2FF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    padding: 10px;
    position: relative;
}
.SOSFeatureBG.active p.SOSFeatureTitle {
    color: #1A73E8;
    margin: 8px 0;
}
.SOSFeatureBG.active:after {
    content: '';
    position: absolute;
    background-color: #333333;
    width: 62%;
    height: 3px;
    bottom: 0;
    left: 0;
}
p.SOSFeatureTitle {
    color: #011F42;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--nunito-sans);
    cursor: pointer;
}
p.SOSFeatureTitle1 {
    max-width: 300px;
    font-size: 14px;
}
.SOSDivision > div{
    /* width: 74%; */
    width: 64%;
    padding: 10px;
}
.SOSDivision > div.SOSSecond{
    /* width: 26%; */
    width: 28%;
}
section.sosFeatureSection1 {
    padding: 0 96px;
}
img.sosFeatursimg3{
    width: 100%;
    height: 500px;
    background: #EBF2FF 0% 0% no-repeat padding-box;
    border: 1px solid #F4F4F4;
    border-radius: 10px;
    opacity: 1;
}
a.watch-demo{
    letter-spacing: 0px;
color: #0A49C4;
opacity: 1;
font-size: 18px;
font-family: var(--nunito-sans);
text-decoration: none;
}
a.watch-demo p.SOSFeatureTitle{
    color: #0A49C4;
    padding: 0px 8px;
}
.logoSlider .logoSliderTitle{
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    font-size: 24px;
    font-family: var(--roboto);
    text-align: center;
    font-weight: 600;
    line-height: normal;
}
.logoSlider .container{
    padding: 0px 96px;
}
.logosIMage{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 30px;
    padding: 0px 0 48px 0;
}
.logosIMage img{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 8px #52575D1A;
    border: 1px solid #F4F4F4;
    border-radius: 10px;
    /* opacity: 0.5; */
    padding: 16px 20px;
    width: 168px;
    height: 80px;
    object-fit: contain;
    border-radius: 4px;
    vertical-align: middle;
}
img.sosFeatursimg5 {
    background-color: #0A49C4;
    vertical-align: middle;
    width: 18px;
}
section.logoSlider .slick-dots li.slick-active button:before,
section.customerTestimonial .slick-dots li.slick-active button:before{
    background: #0A49C4 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #c4c8d0cc;
    border: 2px solid #FFFFFF;
    border-radius: 52px;
    opacity: 1;
}
section.logoSlider .slick-dots li button:before,
section.customerTestimonial .slick-dots li button:before{
content: '';
background: #333333 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 4px #c4c8d0cc;
border: 2px solid #FFFFFF;
border-radius: 52px;
opacity: 1;
height: 12px;
width: 12px;
}
.bannerNewSOS .error-msg1{
    text-align: left;
    color: #fff;
    font-size: 14px;
}
.bannerNewSOS .input-group{
    height: 44px;
    display: flex;
    align-items: CENTER;
    justify-content: center;
    margin: 0 auto;
    text-align: CENTER;
    position: relative;
}

.bannerNewSOS div#footer-form .get-access-btn{
    width: 215px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 0;
    font-family: var(--axiforma);
    font-size: 16px;
    line-height: 30px;
    color: #0A49C4;
}

.bannerNewSOS div#footer-form{
    margin-bottom: 0;
}
.bannerNewSOS .home-form{
    align-items: center;
}
.SOSSecond .SOSfeature1 {
    margin-bottom: 30px;
}
@media screen and (max-width: 991px) {

    body .bannerNewSOS, body  .SOSDivision > div.SOSSecond,
    body .SOSDivision > div{
        width: 100%;
    }
    body .sosFeatures{
        display: block;
    }
    body img.sosFeatursimg3{
        height: auto;
    }
    body .SOSDivision{
        flex-direction: column-reverse;
        margin: 0;
    }
    body .logosIMage{
        margin: 0;
    }
    body .bannerLeft{
        margin-bottom: 60px;
    }
    body section.sosFeatureSection1, body .logoSlider .container,
    body .featuresSOS .container, body .bannerNewSOS{
        padding: 20px;
    }
    body .reportsImage1, body .reportsImage2, body .reportsImage3,
    body .reportsImage4, body .reportsImage5{
        display: none;
    }
    body section.customerTestimonial .skedlerQuotes,
    body section.sosFeatureSection1,
    body .logoSlider .container,
    body .featuresSOS .container,
    body section#Footernew,
    body p.featuresPara{
        max-width: 100%;
    }
    body .sosBanner .banner{
        flex-direction:column;
        height: 100%;
        margin-bottom: 0;
    }
    body .sosBanner .banner .photos,
    body .bannerNewSOS .home-form input[type='text']{
        width: 100%;
    }
    body .sosBanner .banner .photos .photo{
        height: auto !important;
    }
    body .sosBanner .banner .grid{
        width: 100%;
        margin-top: 220px;
        padding: 0;
    }
    .page-template-template-sos #forMobile,
    .page-template-template-sos2 #forMobile{
        display: block !important;
    }
    .page-template-template-sos #forDesktop,
    .page-template-template-sos2 #forDesktop,
    section.customerTestimonial button.slick-prev.slick-arrow,
    section.customerTestimonial button.slick-next.slick-arrow{
        display: none !important;
    }
    p.sos-banner-text br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px)  {
    body .sosBanner .banner .grid {
        width: 100%;
        margin-top: 500px;
    }
}
@media only screen and (min-width: 370px) and (max-width: 420px)  {
    body .sosBanner .banner .grid {
        width: 100%;
        margin-top: 260px;
    }
}
/*SOS End*/


.sosFeatureSection1 .sliderContainer {
    position: relative;
    display: flex;
  }
  
  .sosFeatureSection1 .slider {
    width: 64%;
    margin: 30px 50px 50px;
  }
  
  .sosFeatureSection1 .slick-slide {
    /* background: #3a8999; */
    color: white;
    /* padding: 80px 0 120px; */
    font-size: 30px;
    font-family: "Arial", "Helvetica";
    text-align: center;
  }
  
  .sosFeatureSection1  .slick-prev:before,
  .sosFeatureSection1  .slick-next:before {
    color: black;
  }
  
  .sosFeatureSection1 .slick-dots {
    bottom: -30px;
  }
  
  /* .sosFeatureSection1 .slick-slide:nth-child(odd) {
    background: #e84a69;
  } */
  
  .sosFeatureSection1 .progressBarContainer {
    width: 28%;
    display: flex;
    flex-direction: column;
  }
  
  .sosFeatureSection1 .progressBarContainer div {
    display: block;
    width: 30%;
    padding: 0;
    cursor: pointer;
    margin-right: 5%;
    float: left;
    color: white;
  }
  
  .sosFeatureSection1 .progressBarContainer div:last-child {
    margin-right: 0;
  }
  
  .sosFeatureSection1 .progressBarContainer div span.progressBar {
    width: 100%;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.4);
    display: block;
  }
  
  .sosFeatureSection1 .progressBarContainer div span.progressBar .inProgress {
    background-color: #333;
    width: 0%;
    height: 4px;
  }
  
  /*SOS BANNER CSS*/
  .sosBanner .banner {
    position: relative;
    /* width: 100%; */
    height: 492px;
    /* overflow: hidden; */
    display: flex;
    /* padding: 0 96px; */
    justify-content: center;
    margin: 60px 0;
}
.sosBanner .banner .info.active p{
   display: block;
}
.sosBanner .banner .info p{
   display: none;
}
.sosBanner .banner .photos {
    position: relative;
    /* width: 100%;
    height: 100%; */
    /* height: 100%; */
   width: 64%;
   padding: 10px;
   /* width: 100%; */
   height: max-content;
   background: #EBF2FF 0% 0% no-repeat padding-box;
   border: 1px solid #F4F4F4;
   border-radius: 10px;
   /* opacity: 1; */
}
.sosBanner .banner .photos .photo {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 492px;
    background-size: cover;
    background-position: center 30%;
    opacity: 0;
    transition: opacity 2s;
    background: #EBF2FF 0% 0% no-repeat padding-box;
   border: 1px solid #F4F4F4;
   border-radius: 10px;
}
.sosBanner .banner .photos .photo.active {
    opacity: 1;
}
.sosBanner .banner .photos .photo:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: #000; */
    /* opacity: .75; */
}
.sosBanner .banner .grid {
    display: flex;
    table-layout: fixed;
    /* position: absolute; */
    flex-direction: column;
    z-index: 1;
    bottom: 0;
    /* width: 100%; */
    width: 28%;
    padding: 0 25px 25px;
    box-sizing: border-box;
}
.sosBanner .banner .grid .col {
    display: table-cell;
    width: 100%;
    vertical-align: bottom;
}
.sosBanner .banner .info {
    display: inline-block;
    position: relative;
    /* margin: 25px; */
    /* opacity: .25; */
    transition: opacity 1s;
    cursor: pointer;
}
.sosBanner .banner .info .loader {
    position: relative;
    width: 100%;
    height: 4px;
    margin: 0 0 30px;
    background: rgba(255,255,255,0.3);
    overflow: hidden;
    transition: background .5s;
    margin-bottom: 0px;
}
.sosBanner .banner .info .loader .bar {
    position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
}
.sosBanner .banner .info .text {
    margin: 0 0 0px;
    padding: 10px;
}
.sosBanner .banner .info .text h1 {
    margin: 0 0 15px;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;

   color: #011F42;
   font-size: 16px;
   font-weight: 600;
   font-family: var(--nunito-sans);
   cursor: pointer;
}
.sosBanner .banner .info .text p {
    /* margin: 0; */
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    /* margin: 14px 0; */
}
.sosBanner .banner .info .more {
    height: 0;
    overflow: hidden;
    font-weight: 700;
    transition: height .5s, margin .5s, color .5s;
}
.sosBanner .banner .info .more:after {
    content: '►';
    display: inline-block;
    margin-left: 9px;
    color: #ff0;
    font-size: 10px;
    transition: margin .5s;
}
.sosBanner .banner .info:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    margin: 30px 0 0;
    background: rgba(255,255,255,0.3);
    transition: background .5s;
}
.sosBanner .banner .info.active {
    opacity: 1;
    transition: opacity .5s;
    background: #EBF2FF 0% 0% no-repeat padding-box;
   border-radius: 10px;
   opacity: 1;
   /* padding: 10px; */
   position: relative;
   margin-bottom: 16px;
}
.sosBanner .banner .info.active .loader .bar {
    background: #333;
    border-radius: 10px;
}
.sosBanner .banner .info.active .more {
    height: 52px;
    margin-top: -15px;
}
.sosBanner .banner .info.active:hover .loader {
    background: #ff0;
}
.sosBanner .banner .info.active:hover .more {
    color: #ff0;
}
.sosBanner .banner .info.active:hover .more:after {
    color: #fff;
    margin-left: 12px;
}
.sosBanner .banner .info.active:hover:after {
    background: #fff;
}
.sosBanner .banner .info.active .text h1{
   color: #1A73E8;
   margin: 8px 0;
}
section.logoSlider, section.sosBanner{
    position: relative;
    /* margin-top: 140px; */
}
.watch-demo {
   
    /* position: absolute;
    left: 35.5%;
    bottom: 18px;
    width: 100%; */


}
.page-template-template-sos .header-actions1 a:first-child,
.page-template-template-sos #forMobile,
.page-template-template-sos2 #forMobile {
    display: none;
}
.page-template-template-sos  .fancybox-slide--iframe .fancybox-content{
width: 100%;
}
@media only screen and (min-width: 1441px) and (max-width: 1986px)  {
    section.sosFeatureSection1,
    .logoSlider .container,
    .featuresSOS .container{
        max-width: 1440px;
        margin: 0 auto;
        display: block;
    }
    .bannerNewSOS{
        /* width: 1100px; */
    }
}
  /*SOS Banner CSS END*/

  /*Download page custom OS dropdown */
  .f-dropdown {
    --max-scroll: 3;
    position: relative;
    z-index: 10;
}
.f-dropdown select {
    display: none;
}
.f-dropdown > span {
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    position: relative;
    color: #bbb;
    border: 1px solid #ccc;
    background: #fff;
    transition: color 0.2s ease, border-color 0.2s ease;
    margin-bottom: 0px !important;
    width: 260px;
    font-family: var(--axiforma);
    font-size: 16px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-text-color);
    height: 50px;
    border-radius: 4px;
    border: solid 1px #acc4eb;
    background-color: #ffffff;
    padding: 0 14px;
    margin: 0px 18px 0 0px;
    margin: 42px 0px 0px;
}
.f-dropdown > span > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 12px;
    font-size: 14px;
}
.f-dropdown > span img {
    width: 18px;
    margin-right: 10px;

}
.f-dropdown > span:before, .f-dropdown > span:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 2px;
    border-radius: 1px;
    top: 50%;
    right: 12px;
    background: #B0BFE1;
    transition: all 0.3s ease;
}
.f-dropdown > span:before {
    margin-right: 4px;
    transform: scale(0.96, 0.8) rotate(50deg);
}
.f-dropdown > span:after {
    transform: scale(0.96, 0.8) rotate(-50deg);
}
.f-dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    max-height: calc(var(--max-scroll) * 90px);
    top: 40px;
    left: -38px;
    z-index: 1;
    right: -10px;
    background: #fff;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    transform-origin: 0 0;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    transform: translate(0, 5px);
}
.f-dropdown ul li {
    padding: 0;
    margin: 0;
}
.f-dropdown ul li a {
    cursor: pointer;
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    outline: none;
    position: relative;
    transition: all 0.2s ease;
    display: flex;
    font-size: 16px;
    align-items: center;
}
.f-dropdown ul li a img {
    width: 20px;
    margin-right: 10px;
}
.f-dropdown ul li a:hover {
    color: #5c6bc0;
}
.f-dropdown ul li.active a {
    color: #000;
    background: #f7fcff;
}
.f-dropdown ul li.active a:before, .f-dropdown ul li.active a:after {
    --scale: 0.6;
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    position: absolute;
    right: 12px;
    top: 50%;
    opacity: 0;
    background: #fff;
    transition: all 0.2s ease;
}
.f-dropdown ul li.active a:before {
    transform: rotate(45deg) scale(var(--scale));
}
.f-dropdown ul li.active a:after {
    transform: rotate(-45deg) scale(var(--scale));
}
.f-dropdown ul li.active a:hover:before, .f-dropdown ul li.active a:hover:after {
    --scale: 0.9;
    opacity: 1;
}
.f-dropdown ul li:first-child a {
    border-radius: 6px 6px 0 0;
}
.f-dropdown ul li:last-child a {
    border-radius: 0 0 6px 6px;
}
.f-dropdown.disabled {
    opacity: 0.7;
}
.f-dropdown.disabled > span {
    cursor: not-allowed;
}
.f-dropdown.filled > span {
    color: #000;

}
.f-dropdown.open {
    z-index: 15;
}
.f-dropdown.open > span {
    /* border-color: #aaa; */
}
.f-dropdown.open > span:before, .f-dropdown.open > span:after {
    background: #000;
}
.f-dropdown.open > span:before {
    transform: scale(0.96, 0.8) rotate(-50deg);
}
.f-dropdown.open > span:after {
    transform: scale(0.96, 0.8) rotate(50deg);
}
.f-dropdown.open ul {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 12px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
}
/* --------------------------- */
.f-group {
    max-width: 250px;
    margin: 0 auto;
    text-align: left;
}
.f-group select {
    width: 100%;
}
.f-control {
    font-size: 14px;
    line-height: normal;
    color: #000;
    display: inline-block;
    background-color: #fff;
    border: #ccc 1px solid;
    border-radius: 6px;
    padding: 8px 12px;
    outline: none;
    max-width: 250px;
}
  /*OS Dropdown end*/

  /*new form css */
  .home-banner-section .home-form, #download-skedler #footer-form{
    display: flex;
    align-items: initial;
    justify-content: center;
    grid-gap: 30px;
    max-width: 800px;
    margin: 0 auto;
  }
  .home-banner-section .home-form input[type='text'],
  #download-skedler #footer-form input[type='text']{
    width: 260px;
    margin: 42px 0px 0px;
  }

  .home-banner-section .error-msg1,
  #footer-form .error-msg1{
      font-size: 12px;
  }
  .os-option{
      width: 260px;
  }

  @media screen and (max-width: 991px) {
    body .f-dropdown > span, body .home-banner-section .home-form input[type='text'],
    body .os-option, body #download-skedler #footer-form input[type='text'],
    body div#footer-form .get-access-btn{
        width: 100%;
        margin: 0;
    }
    body .f-group{
        max-width: 100%;
    }
    .page-template-template-sos2 .OSLogos{
        margin-bottom: 0;
    }
    .page-template-template-sos2 .freetrial_button,
    .page-template-template-sos2 .getdemo_button{
        font-size: 16px;
    }
  }

  @media screen and (min-device-width: 1360px) and (max-device-width: 1440px) { 
    /* STYLES HERE */
    .home-banner-section .title {
        font-size: 43px;
    }
    }
    section.sosFeatureSection1 h3 {
        text-align: center;
        margin: 40px 0 20px;
        font-size: 30px;
        font-weight: 600;
    }
    .page-template-template-sos2 .card_required{
        margin-top: 10px;
    }
    .page-template-template-sos2 .logoSlider .logoSliderTitle,
    .page-template-template-sos2 h3.turnkey_text{
        font-weight: 500;
    }
    .OSLogos {
        display: flex;
        justify-content: space-around;
        max-width: 800px;
        margin: 0px auto 70px;
    }
    .page-template-template-sos2 .bannerNewSOS .home-form{
        align-items: end;
    }
    .page-template-template-sos2 div#footer-form{
        margin-top: 0;
    }
    .page-template-template-sos2 .sosBanner .banner .photos .photo{
        display: flex;
        justify-content: center;
        align-items: CENTER;
    }

    #container {
        position: relative;
        text-align: center;
        max-width: 80%;
        box-sizing: border-box;
        margin: 0 auto;
        bottom: 52px;
   }
    .buttons {
        position: absolute;
        top: 180px;
        text-align: center;
        width: 100%;
   }
    .btn {
        width: 50px;
        height: 30px;
   }
    .step-wizard {
        display: inline-block;
        position: relative;
        width: 100%;
   }
   .step-wizard .progress {
    position: absolute;
    top: 35px;
    left: 30%;
    width: 40%;
}
.step-wizard .progressbar {
    position: absolute;
    background-color: #0051FF;
    opacity: 1;
    height: 3px;
    width: 0%;
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    top: -20px;
}
.step-wizard .progressbar.empty {
    opacity: 1;
    width: 100%;
    background-color: #0051FF;
    position: relative;
    top: -20px;
}
.step-wizard ul {
    position: absolute;
    width: 100%;
    list-style-type: none;
    padding: 0;
    /* left: -2%; */
    display: flex;
    bottom: -80px;
    justify-content: center;
}
.step-wizard li {
    display: inline-block;
    text-align: center;
    width: 40%;
}
.step-wizard li .step {
    text-align: center;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-color: #0051FF;
    background: #ffffff;
    border: 2px solid #0051FF;
    -webkit-transition: background-color 0.6s ease, border-color 0.6s ease;
    -o-transition: background-color 0.6s ease, border-color 0.6s ease;
    transition: background-color 0.6s ease, border-color 0.6s ease;
    cursor: pointer;
}

.step-wizard li.selected .title{
   /* font-size: 16px; */
   font-weight: 800;
}
.step-wizard li.selected .step{
background: #4CCF30 0% 0% no-repeat padding-box;
border: 2px solid #FFFFFF;
color: #ffffff;
}
   /* .step-wizard li:first-child .step{
    background: #23A219 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    color: #ffffff;
   } */
    .step-wizard li .title {
        text-decoration: none;
        font-family: var(--axiforma);
        font-size: 16px;
        width: 100%;
        padding-top: 10px;
        color: #0A1D48;
        opacity: 1;
        -webkit-transition: color 0.6s ease;
        -o-transition: color 0.6s ease;
        transition: color 0.6s ease;
        cursor: pointer;
        font-weight: 500;
   }
    .step-wizard li.active .step {
        border-color: #3B5343;
        color: #3b5343;
   }
    .step-wizard li.active .title {
        text-decoration: none;
        color: #3b5343;
        font-weight: bold;
   }
    .step-wizard li.done .title {
        color: #3b5343;
   }
    .step-wizard li.done .title:hover {
        color: #3B5343;
   }
    .step-wizard li.done .step {
        color: white;
        background-color: #3B5343;
        border-color: #3B5343;
   }
    .step-wizard li >
    button {
        background: none;
        border: none;
        display: block;
        width: 100%;
        color: #0A1D48;
        font-family: var(--axiforma);
        font-weight: 700;
        position: relative;
        text-align: center;
   }

    .step-wizard li >
    button:hover .title {
        color: #3b5343;
   }
    @media only screen and (max-width: 1200px) {
        .step-wizard li {
            width: 100%;
       }
   }
    @media only screen and (max-width: 375px) {
        .step-wizard li {
            width: 100%;
       }
   }
    li.done button div.step {
        font-size: 0;
   }
   .bannerImage {
    background-size: cover;
    padding: 40px;
    text-align: CENTER;
    margin-top: -1px;
    background-color: #0051FF;
}

   .bannerImage h2{
    font-family: var(--axiforma);
    letter-spacing: 0px;
    font-size: 28px;
    color: #FFFFFF;
    opacity: 1;
    font-weight: 600;
    top: 6px;
    position: relative;
   }

   .tabs {
    max-width: 70rem;
    display: flex;
    margin: 10px auto 120px;
    position: relative;
    padding-bottom: 60px;
    position: relative;
    padding-top: 16px;
}
.tabs.extra {
    padding-bottom: 0;
    margin: 0;
}
.tabs >
ul {
    list-style-type: none;
    padding: 0;
    width: 20%;
}
.tabs >
ul li {
    display: block;
    text-align: center;
    padding: 20px 0px;
}
.tabs >
ul li:first-child {
    padding: 0;
}
.tabs >
ul li a {
    display: block;
    text-decoration: none;
    background: #fff;
    padding: 14px 14px;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
    background: #F2F6FF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #0000000f;
    border: 1px solid #B7D9FF;
    border-radius: 4px 0px 0px 4px;
    opacity: 1;
    color: #333333;
    opacity: 1;
    text-align: left;
    font-weight: 500;
    font-family: var(--axiforma);
    border-right: none;
    
}
.tabs >
ul li a.active {
    background: #fff;
    color: #0A49C4;
    font-size: bold;
    box-shadow: 0px 0px 1px #0000000f;
    border: 1px solid #B7D9FF;
    border-radius: 4px 0px 0px 4px;
    opacity: 1;
    position: relative;
    z-index: 999;
    border-right: 0;
    font-weight: 500;
    border-left: 3px solid #0A49C4;
    border-right: 0px solid #fff;
    width: 101%;
}
.tabs >
ul li a:hover:not(.active) {
    color: #333;
}
.tabs section {
    background: #fff;
    padding: 1.5rem 2.5rem;
    display: none;
}
.tabs section.active {
    display: block;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #0000000f;
    border: 1px solid #DDEDFF;
    width: 90%;
}

#tab-links img{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.tabDiv {
    display: flex;
    /* justify-content: space-around; */
    align-items: center;
    top: 2px;
    position: relative;
}
p.keyvalidity span {
    font-weight: bold;
}
.tabDiv Img{
    padding: 6px;
    margin: 0 8px 0px 0px;
    background-color: #1B3C87;
    border-radius: 100%;
}
.tabs > ul li a.active > .tabDiv Img{
    background: #0A49C4;
}
.keyBg span {
    color: #0A49C4;
    font-weight: 700;
    vertical-align: -webkit-baseline-middle;
}
h3.installSkedler{
    font-weight: 500;
    color: #0A49C4;
    opacity: 1;
    font-family: var(--axiforma);
    font-size: 16px;
}


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    background-image: url(https://www.skedler.com/wp-content/themes/skedler/images/bg-1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

/* Modal Content */
.modal-content {

    margin: auto;
    padding: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000001a;
    border-radius: 10px;
    /* opacity: 0.9; */
    width: 945px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* Custom Checkbox*/

#PopForm .form-group {
    display: block;
    margin-bottom: 15px;
    width: 149px;
  }
  
  #PopForm .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  
  #PopForm .form-group label {
    position: relative;
    cursor: pointer;
  }
  
  #PopForm .form-group label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #A5AAB4;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); */
    padding: 6px;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    vertical-align: baseline;
    cursor: pointer;
    margin-right: 5px;
  }
  #PopForm .form-group input:checked + label::before{
    background-color: #23A219;
    border: 2px solid #23A219;
  }

  
  #PopForm .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
/* end custom checkbox*/
  .popDiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 20px;
}
.popDiv h4{
    letter-spacing: 0px;
color: #0A49C4;
opacity: 1;
font-size: 20px;
font-family: var(--axiforma);
margin-bottom: 0;
}
.popDiv p{
    letter-spacing: 0px;
color: #011F42;
opacity: 1;
font-family: var(--axiforma);
font-size: 12px;
margin-top: 10px;
}
#PopForm input[type="text"]{
    border: 1px solid #A5AAB4;
border-radius: 4px;
opacity: 1;
height: 32px;
width: 100%;
padding: 0 10px;
}
button#proceedButtonPop{
    background: #23A219 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    color: #fff;
    box-shadow: none;
    outline: none;
    border: none;
    padding: 9px 20px;
    display: flex;
    cursor: pointer;
    margin-top: 20px;
    width: 154px;
    height: 33px;
}
#buttonDIVPOP{
    display: flex;
    justify-content: end;
}
#buttonDIVPOP .disable{
    opacity: 0.3;
    cursor: not-allowed;
}
.popLogo img{
    width: 129px;
    margin-bottom: 30px;
    margin-left: 20px;
}
@media screen and (max-width: 991px) {
body .modal-content{
    width: 100%;
}
body .step-wizard .progress{
    display: none;
}
body .tabs.extra{
    flex-direction: column;
}
body .popDiv{
    display: block;
}
body .popDiv > div:first-child,
body .popDiv > div {
    width: 100%;
}
}
div#businessEmaildiv .error-msg1, #dataSource .error-msg1{
 font-size: 12px;
}
.popImage {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
img.popout{
    width: 10px;
}
#PopForm .next-loader{
    left: 110px;
    top:-26px;
}
.dataSourceDIV {
    display: flex;
    align-items: center;
}
ul#popformUl {
    display: flex;
    position: relative;
}
ul#popformUl > li {
    width: 50%;
}
.dataSourceDIV > div {
    width: 50%;
}
#PopForm label{
    border: 1px solid #fff;
    padding: 10px 20px 0px 0px;
    display: block;
    position: relative;
    margin: 10px 0 8px 0px;
    cursor: pointer;
    letter-spacing: 0px;
    color: #343434;
    opacity: 1;
    font-size: 14px;
    font-family: var(--nunito-sans);
}
#PopForm label span {
    letter-spacing: 0px;
    color: #D50B0B;
    opacity: 1;
}
ul#popformUl img{
    width: 149px;
}
.popDiv > div {
    width: 45%;
}
.popDiv > div:first-child {
    width: 55%;
}
/* tool tip start */

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    left: 32px;
    top: -16px;
    font-size: 10px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip1 .tooltiptext1 {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    left: 60%;
    top: -16px;
    font-size: 10px;
}

.tooltip1:hover .tooltiptext1 {
    visibility: visible;
}

/* Tool tip end*/

/*Tabs */

/*Tabs*/
.tab__container {
    /* background: #fafafa; */
    width: auto;
    margin: auto;
    border-radius: 5px;
    /* padding: 30px 30px 120px; */
    /* max-width: 1200px; */
}
.tab__title {
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    grid-gap: 20px;
}
.tab__title .tab__button:first-of-type, .tab__title .tab__button1:first-of-type {
    margin: 0;
}
.tab__title .tab__button, .tab__title .tab__button1 {
    padding: 15px;
    color: #333333;
    border: 1px solid #B7D9FF;
    background: #F2F6FF;
    outline: none;
    margin: 0 -5px;
    cursor: pointer;
    /* width: 50%; */
    width: 33%;
    font-size: 14px;
    font-family: var(--axiforma);
    border-bottom: 0;
    border-radius: 4px 4px 0px 0px;
    font-weight: 500;
}
.tab__title .tab__button img, .tab__title .tab__button1 img {
    height: 25px;
    display: block;
    margin: 0px auto 5px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}
.tab__title .tab_button-active {
    border-bottom: none;
    background: #ffffff;
    color: #0A49C4;
    font-size: 14px;
    font-family: var(--axiforma);
    font-weight: 500;
    border: 1px solid #B7D9FF;
    border-top: 3px solid #0A49C4;
    border-bottom: 0px;
    position: relative;
    z-index: 999;
    top: 0.9px;
}
.tab__title .tab_button-active img {
    filter: none;
}
.tab__inside-active .command-line{
    /* padding: 46px 34px; */
}
.tab__inside-active .command-line span{
    font-size: 14px;
}
.tab__inside {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    visibility: hidden;
    opacity: 0;
    height: 0;
    /* transform: translateY(10px); */
    transition: transform 0.3s ease-in;
}
.tab__inside .tab__inside-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.tab__inside .tab__inside-img img {
    height: 150px;
    display: block;
    margin: 0 auto;
}
.tab__inside .tab__inside-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.tab__inside .tab__inside-text p {
    color: #545454;
    font-size: 14px;
    font-weight: 100;
}
.tab__inside .tab__inside-text button {
    border-radius: 30px;
    text-transform: uppercase;
    padding: 10px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    border: none;
    cursor: pointer;
    background: #003a79;
    color: #fff;
    transition: all 0.3s ease;
    width: 100px;
}
.tab__inside .tab__inside-text button:hover {
    background: #fff;
    color: #003a79;
}
.tab__inside-active {
    visibility: visible;
    opacity: 1;
    height: 100%;
    width: 100%;
    display: block;
    /* transform: translateY(0); */
    transition: transform 0.3s ease-out 0.1s, opacity 0.3s ease-out 0.1s;
    border: 1px solid #B7D9FF;
    padding: 20px;
}

.tabs.freeKey {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #0000000f;
    border: 1px solid #DDEDFF;
    border-radius: 8px;
    opacity: 1;
    justify-content: center;
    max-width: 880px;
    padding-bottom: 0;
    margin-bottom: 60px;
    display: block;
}
.freeKeySection{
    max-width: 880px;
    width: 880px;
    padding: 20px 30px;
    padding-bottom: 0;
}
.tabs.freeKey .backs, .tabs.createReports .backs{
    position: relative;
    display: flex;
    top: 60px;
    align-items: stretch;
    justify-content: right;
}
.tabs.createReports {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #0000000f;
    border: 1px solid #DDEDFF;
    border-radius: 8px;
    opacity: 1;
    justify-content: center;
    max-width: 880px;
    padding-bottom: 0;
    margin-bottom: 60px;
    display: block;
}
.reportsDIVSectionInner{
    display: flex;
    grid-gap: 26px;
}
.reportsDIVSection{
    flex-direction: column;
}
.reportsDIVSection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px;
    grid-gap: 18px;
    padding-bottom: 0;
}
.productDIV {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    /* justify-content: center; */
}
.productDIV > div:first-child {
    /* width: 26%; */
    font-size: 12px;
    padding: 28px 44px;
}
img.productChooseImg {
    width: 27px;
    vertical-align: bottom;
    margin-right: 6px;
}
.productDIV > div {
    width: 90%;
}
.reportsBack {
    display: flex;
    align-items: CENTER;
    justify-content: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #0000000f;
    border: 1px solid #DDEDFF;
    border-radius: 8px;
    opacity: 1;
    padding: 20px;
    grid-gap: 10px;
}
.grafanaSection .grafana-img {
    width: 28px;
    vertical-align:-webkit-baseline-middle;
    margin-bottom: 16px;
    font-family: var(--nunito-sans);
}
.grafanaSection{
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
}.reportsBack img {
    height: 100px;
}
span.logoText {
    font-size: 24px;
    font-weight: 600;
}


div#next1{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #0051FF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    padding: 8px 20px;
    color: #fff;
    cursor: pointer;
    font-family: var(--axiforma);
    font-size: 16px;
    font-weight: 500;
}
.backs {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    grid-gap: 10px;
}
div#back1, div#back2, div#back3, div#back4{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #0051FF;
    border-radius: 4px;
    opacity: 1;
    padding: 8px 20px;
    color: #0051FF;
    cursor: pointer;
    font-size: 16px;
    font-family: var(--axiforma);
    font-weight: 500;
}
div#back1 span, div#back2 span, div#back3 span, div#back4 span,
div#next1 span,div#next2 span, div#next3 span, div#next4 span, div#next5 span{
    top: 2px;
    position: relative;
}
div#next2, div#next3, div#next4, div#next5{
    background: #0051FF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    padding: 9px 20px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-family: var(--axiforma);
    font-weight: 500;
}
.skedlerFeature {
    display: flex;
    justify-content: CENTER;
    grid-gap: 30px;
    margin-top: 32px;
}
.skedlerFeature img {
    vertical-align: middle;
}
.skelderSandboxPopup, .offerPopup{
    position: fixed;
    height: 36px;
/* UI Properties */
background: #fff;
opacity: 1;
top: 0;
width: 100%;
z-index: 999999;
display: none;
}
.skelderSandboxPopup a,
.offerPopup1 a{
    color: #ffffff;
}
.offerPopup a, span.skedlerText{
    color: #0A1D48;
    font-weight: 500;
    font-family: var(--axiforma);
}
.skelderSandboxPopup p, .offerPopup p, .offerPopup1 p{
 margin: 0;
 text-align: center;
 color: #000000;
 padding: 6px 0;
 font-size: 14px;
 font-weight: normal;
 font-family: var(--axiforma);
 position: relative;
 top: 5px;

}
img.grafanaSandLogo{
    vertical-align: middle;
}

.skelderSandboxPopup p img, .offerPopup p img,
.offerPopup1 p img{
    margin-right: 4px;
    /* vertical-align: middle; */
}
.offerPopup p img{
    margin-right: 8px;
    margin-left: 6px; 
    position: relative;
    bottom: 4px;
}

img.reportImage {
    width: 16px;
    vertical-align: bottom;
    margin-right: 10px;
    height: auto;
}
.command-line .copyIocn{
    position: absolute;
    top: 0;
    right: 0;
    padding: 50px 50px;
    visibility: hidden;
}
.command-line:hover .copyIocn{
    visibility: visible;
}
.tabs.downloadSkedler.docker{
    flex-direction: column;
    max-width: 960px;
}
.installDocker {
    display: flex;
    align-items: center;
    grid-gap: 30px;
}
.DockerBox {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #0000000f;
    border: 1px solid #DDEDFF;
    border-radius: 4px;
    opacity: 1;
    padding:20px;
    /* max-width: 960px; */
}
.DockerCommand{
    width: 100%;
}
.command-line.download {
    display: flex;
    align-items: center;
}
.downloadZip {
    display: flex;
    /* align-items: CENTER; */
}
.macBox{
    box-shadow: 0px 2px 4px #0000000F;
border: 1px solid #DDEDFF;
border-radius: 4px;
opacity: 1;
padding: 20px;
font-family: var(--nunito-sans);
font-size: 14px;
}
.downlaodSkedlerbutton {
    background: #0051FF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    color: #fff;
    padding: 10px 16px;
    font-size: 16px;
    width: 100%;
    text-align: center;
}
.command-line.download a{
    text-decoration: none;
}
.page-template-template-getaccess-thankyou code{
    font-family: var(--axiforma);
    border: none;
    width: 100%;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}
code:hover {
    color: #0A49C4;
}
ul.keyDetails {
    margin-left: 38px;
    list-style: square;
    font-weight: 600;
    font-size: 14px;
    font-family: var(--nunito-sans);
}

.keyBg .command-line {
    font-size: 16px;
    font-weight: 800;
    padding: 29px 24px;
}
.tabs.downloadSkedler.mac{
    display: block;
    max-width: 960px;
}
.pdfBG{
    background-color: #333;
    width: 174px;
    height: 105px;
    color: #fff;
    display: flex;
    font-size: 12px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.BGSection{
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    opacity: 1;
    padding: 6px 12px;
}
.BGSection:first-child {
    margin-bottom: 10px;
}
.BGSection img {
    width: 14px;
    height: 14px;
    vertical-align: text-bottom;
}
.productIMG{
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    font-family: var(--axiforma);
}
/* div#windows .tabs{
    margin: 54px auto 120px;
} */

div#windows .tabs.downloadSkedler.windows{
max-width: 960px;
justify-content: center;
}
.windows-img{
    width: 56px;
}
.downloadZip img {
    margin-right: 6px;
}
.DockerCommand h3 {
    color: #0A49C4;
    font-size: 16px;
    font-family: var(--nunito-sans);
    font-weight: 600;
}
div#mac .tabs.startSkedler{
    max-width: 960px;
}
.BGSection a {
    color: #fff;
    text-decoration: none;
}
.firstStep{
    display: flex;
    justify-content: right;
    align-items: CENTER;
    position: relative;
}
.firstStep div#next1,
.firstStep .backs {
    display: flex;
    justify-content: right;
    align-items: CENTER;
    margin-top: 22px;
    position: relative;
}
.tabs.downloadSkedler.extraClass,
.tabs.startSkedler.extraClass,
.tabs.activateKey.extraClass{
    flex-direction: column;
}
ul.keyDetails.dockerDetails {
    font-weight: normal;
}

/*create reports section overlay */

  
  .content .content-overlay {
    background: rgba(0,0,0,0.7);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
  }
  
  .content:hover .content-overlay{
    opacity: 1;
  }
  
  .content-image{
    width: 100%;
  }
  
  .content-details {
    position: absolute;
    text-align: center;
    
    width: 100%;
    top: 0;
    /* left: 50%; */
    opacity: 0;
    /* -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); */
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }
  
  .content:hover .content-details{
    /* top: 50%; */
    /* left: 44%; */
    opacity: 1;
  }
  
  .content-details h3{
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
  }
  
  .content-details p{
    color: #fff;
    font-size: 0.8em;
  }
  
  .fadeIn-bottom{
    top: 80%;
  }
  
  .fadeIn-top{
    /* top: 20%; */
  }
  
  .fadeIn-left{
    /* left: 20%; */
  }
  
  .fadeIn-right{
    left: 80%;
  }
/*create reports section overlay end*/
p.reportsBackText{
    font-size: 12px;
    font-family: var(--nunito-sans);
    margin-bottom: 10px;
}
.tabs.activateKey p {
    font-size: 14px;
    font-family: var(--nunito-sans);
}
p.keyvalidity,
.freeKeySection{
    font-family: var(--nunito-sans);
}
p.keyvalidity{
    margin-bottom: 0;
}

.tabs.startSkedler > ul li a.active{
    color: #0A49C4;
}
.tabs.activateKey.extraClass h3{
    font-family: var(--nunito-sans);
}
@media screen and (max-width: 991px) {
 body div#windows .tabs.downloadSkedler.windows{
     flex-direction: column;
 }
 body .freeKeySection{
     max-width: 100%;
     width: 100%;
 }
 body .tabs > ul{
    width: 100%;
    display: flex;
    align-items: center;
}
body .command-line > div:first-child,
body .tab__title .tab__button, 
body .tab__title .tab__button1,
body .tabs section.active{
    width: 100%;
}
body div#linuxUbuntu .firstStep, 
body div#linuxRhel .firstStep, 
body div#windows .firstStep{
   left: 0;
   width: 100%;
   padding: 16px;
}
body .step-wizard li .step{
   line-height: 50px;
}
}
section#tab-3 p,
section#tab-4 p{
    margin-bottom: 6px;
    font-family: var(--axiforma);
    font-size: 14px;
    color: #333;
}
.installSkedler.firstInstall{
    margin-top: 0;
}
p.installFontText{
    font-size: 13px;
    font-family: var(--axiforma);
    color: #4A5568;
}
p.reportsendText{
    margin-bottom: 0px;
    text-align: center;
    font-size: 20px;
    font-family: var(--axiforma);
    margin-top: 30px;
}




    /*new header css */
    @media (min-width: 1200px){
        .site-container {
            width: 1200px;
            max-width: 100%;
            padding-right: 15px;
            padding-left: 15px;
        }
        .newbannerDiv.OnbaordingSection > div {
            width: 90%;
        }
        .getStartedRightblock,
        .getStartedLeftblock{
            padding: 70px;
        }
        .getStartedForm input, .getStartedForm select,
        .emailFlow input,
        .getStartedForm .f-dropdown > span{
            width: 578px;
        }
        h1.newbannerheading,
        .play_title_section h1.newbannerheading,
        .bannerNewSOS h3,
        .enterpriseBoxdiv h3,
        .revenueBlock h3,
        .revenueBlock h3.distribute_text_heading,
		.play_title_section h1.newbannerheading,
        h2.dataSourceTitle {
            font-size: 37px;
        }
        p.newbannerPara,
        .counters h4{
            font-size: 16px;
        }
        .tab2Bg .tabsList1 > div,
        p.grafanaFeaturesBoxsubText{
            font-size: 14px;
        }
        .tab2Bg .tabsList1 > div.active{
            font-size: 14px;
        }
        .counters{
            width: 340px;
        }
        p.dataSourcePara br {
            display: none;
        }
        img.newbannerImg.Group1.slackNotification,
        .logosDiv img {
            width: 80%;
        }
        img.newbannerImg.Group2.fade-bottom.reportDesigner {
            width: 40%;
        }
        img.newbannerImg.Group2.fade-bottom.images2{
            top: 66%;
        }
        img.lineImage{
            right: -20%;
        }
        section.popularReports p{
            font-size: 16px;
        }
        .Gallery .image{
            height: 360px;
        }
        section.popularReports::before{
            bottom: 68% !important;
        }
        .bannerNewSOS .home-form input[type='text']{
            width: 300px;
        }
        section.customerTestimonial .skedlerQuotes{
         font-size: 12px;
        }
        img.newbannerImg.Group1.imageThree{
            right: -14%;
            top: 50%;
            width: 45%;
        }
        .Gallery .slick-slide img{
            width: auto;
        }
        img.newbannerImg.Group1.imageOne {
            position: absolute;
            top: 50%;
            left: 0;
            width: 45%;
        }
        .circle-wraper {
            width: 100vw;
            height: 100vh;
            /* background: #034694; */
            position: absolute;
            top: -10%;
            opacity: 0.2;
          }
        .logosDiv img.position_img.adjust_width,
        .logosDiv img.position_img.cynet_logo{
            width: 60%;
        }
        .getStartedForm .f-dropdown ul {
            left: 0;
            z-index: 1;
            right: -132%;
        }
        .page-template-template-new-grafana p.easyboxHeading,
        .page-template-template-new-sos p.easyboxHeading{
            font-size: 18px;
        }
        .page-template-template-new-grafana p.distributeText,
        .page-template-template-new-sos p.distributeText{
            font-size: 16px;
        }
        h2.newbannerproductheading.fade-in-text{
            font-size: 34px;
        }
          
        p.newbannerproductPara.fade-in-text{
            font-size: 16px;
        }
        .page-template-template-new-sos section#Features p.newbannerPara{
            max-width: 700px;
        }
        .page-template-template-new-sos img.newbannerImg.Group21 {
            position: relative;
            right: 0;
        }
        span.counter_sub_text {
            font-size: 18px;
        }
        .page-template-template-contact .download-new.contactrequest .next-loader,
        .page-template-template-discount .download-new.contactrequest .next-loader {
			left: 28%;
			top: -33px;
		}
        /* .page-template-template-quote section.newHomebanner,
        .page-template-template-quote-thankyou section.newHomebanner{
            background: url(../images/icons/quotebgLeft.png),url(../images/icons/card.png),#0A1D48;
            background-repeat: no-repeat;
            background-position: top -65px left, top -17px right 9%;
            background-size: 14%, 14%;
        } */
        h3.getStartedTitle,
        h1.getStartedTitle {
            font-size: 36px;
        }
        p.getStartedPara {
            font-size: 16px;
            width: 700px;
        }
        .step-wizard li .step span {
            top: 13px;
            position: relative;
        }
        .tabsList a {
            font-size: 16px;
        }
        .boxContainer.active .fadeInUp{
            width: 350px;
        }
        p.solutionText{
            font-size: 20px;
        }

          
    }

    @media screen and (min-device-width: 1360px) and (max-device-width: 1440px) { 
        .bannerLeft{
            left: 6% !important;
        }
        .page-template-template-quote section.newHomebanner, 
        .page-template-template-quote-thankyou section.newHomebanner{
            background-position: top -65px left, top -16px right 72px;
        }
        .page-template-template-quote-thankyou section.newHomebanner .bannerLeft{
            left: 0 !important;
        }
    }

    @media screen and (min-device-width: 1441px) and (max-device-width: 1800px) { 
        .bannerLeft{
            left: 6%;
        }
        .page-template-template-quote section.newHomebanner .bannerLeft, 
        .page-template-template-quote-thankyou section.newHomebanner .bannerLeft{
            left: 0 !important;
        }
    }

    @media screen and (min-device-width: 1100px) and (max-device-width: 1300px) { 
        .bannerLeft{
            left: 0% !important;
        } 
        .page-template-template-quote section.newHomebanner .bannerLeft, 
        .page-template-template-quote-thankyou section.newHomebanner .bannerLeft{
            left: 0 !important;
        }
        .slick-prev, .slick-next{
            display: none !important;
        }
    }

    
    @media (min-width: 1600px) {
        .site-container {
            width: 1440px;
            max-width: 100%;
            
        }
        .page-template-template-quote section.newHomebanner,
        .page-template-template-quote-thankyou section.newHomebanner{
            background: url(../images/icons/quotebgLeft.png),url(../images/icons/card.png),#0A1D48;
            background-repeat: no-repeat;
            background-position: top -65px left, top -17px right;
            background-size: 14%, 14%;
        }
        .newbannerDiv.OnbaordingSection > div {
            width: 100%;
        }
        .page-template-template-contact .download-new.contactrequest .next-loader,
        .page-template-template-discount .download-new.contactrequest .next-loader {
			left: 33%;
			top: -33px;
		}
        .Gallery .slick-slide img{
            /* width: 337px; */
        }
        h1.newbannerheading,
        .play_title_section h1.newbannerheading{
            font-size: 45px;
        }
        img.newbannerImg.Group2.fade-bottom.images2{
            top: 78%;
        }
        .getStartedForm .f-dropdown ul{
            left: 0;
            z-index: 1;
            right: -162%;
        }
        .logosDiv img{
            width: 100%;
        }
        
        img.lineImage{
            right: 0;
        }
        .bannerNewSOS h3,
        .enterpriseBoxdiv h3{
            font-size: 44px;
        }
        span.counter_sub_text {
            font-size: 24px;
        }

        .logosDiv img.position_img.adjust_width,
        .logosDiv img.position_img.cynet_logo{
            width: 76%;
        }
        .getStartedRightblock, .getStartedLeftblock{
            padding: 90px;
        }
        .revenueBlock h3,
        h2.dataSourceTitle{
            font-size: 40px;
        }
        .revenueBlock h3.distribute_text_heading{
            font-size: 46px;
        }
        .tab2Bg .tabsList1 > div{
            font-size: 16px;
        }
        p.dataSourcePara br {
            display: block;
        }
        .tab2Bg .tabsList1 > div.active{
            font-size: 16px;
        }
        .getStartedForm input, .getStartedForm select,
        .emailFlow input,
        .getStartedForm .f-dropdown > span{
            width: 655px;
        }
        section.popularReports p{
            font-size: 18px;
        }
        p.newbannerPara,
        .counters h4{
            font-size: 18px;
        }
        .counters{
            width: 400px;
        }
        img.newbannerImg.Group1.imageOne {
            position: absolute;
            top: 50%;
            left: -5%;
            width: 45%;
        }
        img.newbannerImg.Group1.imageThree {
            position: absolute;
            right: -20%;
            top: 50%;
            width: 45%;
        }
        section.customerTestimonial .skedlerQuotes{
         font-size: 14px;
        }
        .Gallery .image{
            height: 440px;
        }
        .bannerNewSOS .home-form input[type='text']{
            width: 400px;
        }
        .videos-listing-section .wrapper{
            max-width: 1367px;
            margin: auto;
            margin-bottom: 130px;
        }
        .videos-listing-section .wrapper.inverse .content {
            padding-right: 0px;
            padding-left: 0;
            margin-left: 0;
            /* width: 100%; */
            max-width: 490px;
        }
        .circle-wraper {
            width: 100vw;
            height: 100vh;
            /* background: #034694; */
            position: absolute;
            /* top: -6%; */
            opacity: 0.2;
          }
        .page-template-template-new-sos section#Features p.newbannerPara{
            max-width: 100%;
            }
            .page-template-template-new-grafana p.easyboxHeading,
            .page-template-template-new-sos p.easyboxHeading{
                font-size: 22px;
            }
            .page-template-template-new-grafana p.distributeText,
            .page-template-template-new-sos p.distributeText{
                font-size: 18px;
            }
            .page-template-template-new-sos img.newbannerImg.Group21 {
                position: relative;
                right: 10%;
            }
            h3.getStartedTitle,
            h1.getStartedTitle {
                font-size: 32px;
            }
            p.getStartedPara {
                font-size: 18px;
            }
            .step-wizard li .step span{
                top: 13px;
                position: relative;
            }
            .tabsList a {
                font-size: 18px;
            }
            .boxContainer.active .fadeInUp{
                width: 430px;
            }
            p.solutionText{
                font-size: 20px;
            }
    }
    
    .site-container {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-right: 15px;
        padding-left: 15px;
    }

    

/* header */

header .site-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site-header {
    background: #0A1D48 0% 0% no-repeat padding-box;
    opacity: 1;
    position: fixed;
    width: 100%;
    z-index: 999999;
    top: 0;
    padding: 10px 0px 5px;
    transition: transform 0.6s ease 0s;
  }
  
  .site-header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    /* background-color: #fff; */
  }
  
  .site-header li a {
    display: block;
    padding: 20px 20px;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 0px;
    color: var(--white-color);
    font-weight: 500;
    font-family: var(--axiforma);
    opacity: 1;
  }

  
  .site-header .logo {
    display: block;
   
    text-decoration: none;
  }
  
  /* menu */
  
  .site-header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
    display: flex;
    align-items: center;
  }
  
  /* menu icon */
  
  .site-header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 28px 20px;
    position: relative;
    user-select: none;
  }
  
  .site-header .menu-icon .navicon {
    background: #333;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px;
  }
  
  .site-header .menu-icon .navicon:before,
  .site-header .menu-icon .navicon:after {
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
  }
  
  .site-header .menu-icon .navicon:before {
    top: 5px;
  }
  
  .site-header .menu-icon .navicon:after {
    top: -5px;
  }
  
  /* menu btn */
  
  .site-header .menu-btn {
    display: none;
  }
  
  .site-header .menu-btn:checked ~ .menu {
    max-height: 240px;
  }
  
  .site-header .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
  }
  
  .site-header .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
  }
  
  .site-header .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
  }
  
  .site-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
  .site-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
  }
  
  /* 48em = 768px */
  
  @media (min-width: 48em) {
    .site-header li {
      float: left;
    }
    .site-header li a {
      /* padding: 20px 30px; */
    }
    .site-header .menu {
      clear: none;
      /* float: right; */
      max-height: none;
    }
    .site-header .menu-icon {
      display: none;
    }
  }
  
  .arrow {
    display: inline-block;
    height: 6px;
    width: 6px;
    vertical-align: middle;
    border-style: solid;
    border-color: var(--white-color);
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    transition: all 0.3s ease 0s;
    position: relative;
    left: 6px;
}
li#myBtn{
    background: transparent;
    border-radius: 4px;
    opacity: 1;
    margin-right: 17px;
    transition: transform 0.6s ease 0s;
    border: 1px solid #ffffff;
}
li#myBtn:hover {
    background: #0C3FA3 0% 0% no-repeat padding-box;
    color: #fff;
    border: 1px solid #0C3FA3;
}
li#myBtn:hover a{
    color: #ffffff;
}
li.skedlersandbox a{
    padding: 10px 17px;
    color: #ffffff;
    font-size: 16px;
    position: relative;
    top: 2px;
}
.tool-container.tool-top .arrow{
    display: none;
}
li.getstarted a{
    padding: 10px 17px;
    color: #fff;
    font-size: 16px;   
    position: relative;
    top: 2px;
    cursor: pointer;
}
li.getstarted a:hover{
    color: #FFFFFF !important;
    -webkit-transition: none;
    transition: none !important;
}
li.getstarted{
    background: transparent;
    border-radius: 4px;
    opacity: 1;
    border: 1px solid #ffff;
    cursor: pointer;
}
li.getstarted:hover{
    background: #0C3FA3 0% 0% no-repeat padding-box;
    border: 1px solid #0C3FA3;
}
li.getstarted.getstarted-btn, li.getstarted.home{
    background: #fff;
    border-radius: 4px;
    opacity: 1;
    cursor: pointer;
}
li.getstarted.getstarted-btn a, li.getstarted.home a{
    padding: 10px 17px;
    color: #0A49C4;
    font-size: 16px;   
    position: relative;
    top: 2px;
    width: 168px;
    text-align: center;
}
li.getstarted.getstarted-btn:hover, li.getstarted.home:hover{
    background: #0C3FA3 0% 0% no-repeat padding-box;
    border: 1px solid #0C3FA3;
}
.getstarted-btn {
    margin-left: 18px;
}
#glt-translate-trigger{
    margin-right: 20px;
}

/*new banner */
section.newHomebanner{
    background: #0A1D48;
    background-position: bottom;
    position: relative;
    z-index: 99999;
    background-repeat: no-repeat;
}
.newHomebanner a, .newbannerDiv a{
    text-decoration: none;
}
.newbannerDiv {
    justify-content: space-between;
    display: flex;
    /* align-items: center; */
    padding: 100px 0 0;
}
h1.newbannerheading{
    margin: 20px 0px 0 0px;
    color: var(--white-color);
    font-weight: bold;
    font-family: var(--axiforma);
    
}
p.newbannerPara{
    
    color: var(--white-color);
    font-family: var(--axiforma);
    margin-bottom: 50px;

}
.newbannerLogos {
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    width: 460px;
    align-items: center;
}
.newbannerDiv > div {
    width: 50%;
}
.newbannerDiv > div.bannerRight{
    padding: 0px 0 60px;
}
.bannerLeft {
    position: relative;
    right: 0%;
    left: 10%;
    
    z-index: 999;
}
img.newbannerImg.Group1{
    animation: fadeInn 0.5s ease-in both;
    animation-delay: 0.5s;
}
.getStartedButton{
    background: #0051FF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    padding: 13px 26px;
    color: var(--white-color);
    width: max-content;
    margin-top: 38px;
    font-size: 18px;
    font-family: var(--axiforma);
}
.getStartedButton span{
    position: relative;
    top: 2px;
}
.bannerRight .getStartedButton{
    background: #0051FF 0% 0% no-repeat padding-box;
    color: #fff;
}
.newbannerDiv > div.bannerRight a {
    text-decoration: none;
}
.newHomebanner .bannerRight .getStartedButton {
    background: #fff;
    color: #0A49C4;
}
.skedlerFeatureNew {
    display: flex;
    justify-content: start;
    grid-gap: 30px;
    margin-top: 32px;
    color: var(--white-color);
    font-size: 12px;
    font-family: var(--axiforma);
}
.skedlerFeatureNew img {
    vertical-align: middle;
    filter: brightness(0) invert(1);
    margin-right: 8px;
}
.waveImage{
    z-index: -1;
    position: absolute;
    bottom: -6px;
}
/* new banner end*/
/*client logos*/
h3.logosListTitle, p.logosListTitle {
    margin: 0;
    padding-top: 60px;
    color: var(--white-color);
    font-size: 22px;
    font-family: var(--axiforma);
    font-weight: 500;
}

.page-template-template-pricing-new section.new-features {
    margin-top: -120px;
}
.page-template-template-pricing-new section.new-features .trusted-companies {
    margin-top: 0;
}
section.newlogossection {
    background: #0A1736;
}
.logosDiv{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 42px 0 60px;
}
.logosDiv img {
    /* width: 100%; */
    vertical-align: middle;
}
.logosDiv img.penta_image{
    height: 56px;
    width: 56px;
}
.logosDiv img.position_img{
    position: relative;
    top: 16px;
    object-fit: contain;
}

.logosDiv img.position_img.global_connect{
    top:26px;
    width:100%;
    height: auto;
}
.logosDiv img.pscu_logo{
    width: auto;
    height: 44px;
}
.newlogossection.active .logosDiv div{
    opacity: 0;
    animation: fadeIn 0.5s ease-in both;
    animation-delay: 0.5s;
    width: 160px;
    height: 52px;
}
.newlogossection .logosDiv div{
    width: 122px;
    height: 52px;
}


/*client logos end*/

/* Image Features four section */
#video-listing-target1{
    /* background: url(../images/icons/bg1.svg); */
    background-repeat: no-repeat;
}
.backgroundSVG{
    position: absolute;
    z-index: -1;
}


.createSandbox span {
    color: var(--white-color);
    font-size: 14px;
    font-family: var(--axiforma);
    font-weight: normal;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    width: 100%;
    display: -webkit-box;
    position: relative;
}
.createSandbox:hover span.arrowImage {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}
.createSandbox {
    background-color: #0D214E;
    color: #fff;
    text-decoration: none;
    padding: 12px 24px;
    cursor: pointer;
    border-radius: 8px;
    width: fit-content;
}
.createSandbox.two{
    width: fit-content;
}
.createSandbox:hover{
    background-color: #0A49C4;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; 
}
.videos-listing-section .wrapper .title {
    font-size: 36px;
    font-family: var(--axiforma);
    font-weight: bold;
    margin: 0px 0px 0px;
    color: var(--black-text-color);
  
}
img.imageService {
    position: absolute;
    z-index: -1;
    transform: rotate(6deg);
    /* overflow: visible; */
    width: 89px;
    bottom: 30%;
}
section.counter img.imageService {
    max-width: 89px;
    left: -19px;
}
img.imageService.one{
    max-width: 89px;
    transform: rotate(0deg);
}
img.imageService.two{
    max-width: 89px;
    transform: rotate(-40deg);
}
img.imageService.three{
    max-width: 89px;
    transform: rotate(-212deg);
    left: -14px;
}

.bg_imageServices{
    position: relative;
    z-index: 99999;
}
/* Image Features four section end */

/*How its works */
.workboxDiv > div {
    width: 50%;
}
.workboxDiv {
    display: flex;
    grid-gap: 50px;
    /* justify-content: space-between; */
    /* align-items: center; */
    margin-bottom: 60px;
}
.workboxDiv.two {
    margin-bottom: 0;
}
.workboxDivbg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #c4c8d066;
    border-radius: 10px;
    opacity: 0;
    position: relative;
}
.workboxDivbg.active, .videos-listing-section .wrapper.active {
    opacity: 1;
  }
   .videos-listing-section .wrapper{
      opacity: 0;
  }

  /* .bannerNewSOS.active{
    opacity: 1;
} */
.workContent {
    padding: 0 42px;
}
.workContent h4, .workContent h3{
    color: var(--black-text-color);
    font-weight: 600;
    font-family: var(--axiforma);
    font-size: 21px;
    margin-bottom: 0;
    margin-top: 0;
}
.workContent p{
    color: var(--black-text-color);
    font-size: 16px;
    font-family: var(--axiforma);
    font-weight: normal;
    margin-bottom: 42px;
}
section.how-works{
    margin-top: 60px;
}
h2.howText{
    letter-spacing: 0px;
    color: var(--black-text-color);
    opacity: 1;
    font-family: var(--axiforma);
    font-size: 40px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
}
p.howsubText{
    font-size: 16px;
    font-family: var(--axiforma);
    color: var(--black-color);
    margin-bottom: 60px;
    text-align: center;
    margin-top: 0;
}
/*How its work end*/

/*Footer */
ul.termsList {
    display: flex;
    /* flex-direction: column; */
    /* margin-top: 40px; */
    font-size: 16px;
}
.topSpace {
    margin-top: 48px;
}
ul.termsList li a{
    font-size: 16px;
    font-family: var(--axiforma);
    color: var(--white-color);
    text-decoration: none;
}
ul.termsList li a:hover, .copyrightGuidanz a:hover{
    color: #84AEFF;
}
.footerbottomSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
}


.socialmediaIcons span{
    position: relative;
    top: 2px;
}
.facebbokIcon:hover {
    background: #3475E0;
}
.facebbokIcon:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(12deg) brightness(112%) contrast(107%);
}

.linkedInIcon:hover{
    background: #1A73E8;
}
.linkedInIcon:hover img, .twitterIcon:hover img, .youtubeIcon:hover img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(12deg) brightness(112%) contrast(107%);
}
.twitterIcon:hover{
    background: #1A73E8;
}
.youtubeIcon:hover{
    background:#DB4E3F;
}
.facebbokIcon, .linkedInIcon, .twitterIcon, .youtubeIcon {
    background: #ffffff 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 6px 9px;
    border-radius: 50%;
    margin-right:14px;
    cursor: pointer;
}

.copyrightGuidanz{
    /* padding: 6px 0; */
    font-size: 16px;
    color: var(--white-color);
    opacity: 1;
    font-family: var(--axiforma);
    margin-top: 20px;
}
.bannerNewSOS{
    position: relative;
    z-index: 9999;
    margin-bottom: 0;
}
.copyrightGuidanz a{
    color: var(--white-color);
    text-decoration: none;
}
.footerButton a:nth-child(2) {
    background-color: #fff;
    color: #0A49C4;
    margin-left: 20px;
    border: none;
    position: relative;
    z-index: 1;
}
.footerButton a:nth-child(1) {
    background: transparent;
    color: #fff;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    opacity: 1;
    position: relative;
    z-index: 1;
}
.footerButton a {
    border-radius: 4px;
    opacity: 1;
    padding: 12px 26px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-family: var(--axiforma);
}
.footerButton a:nth-child(2):hover{
    background: #0C3FA3 0% 0% no-repeat padding-box;
    color: #fff;
}
.footerButton a:nth-child(1) div{
    position: relative;
    top: 2px;
}
.footerButton a:nth-child(2) div{
    position: relative;
    top: 3px;
}
.footerButton a:nth-child(1):hover{
    background: #0C3FA3;
    color: #fff;
    border: 1px solid #0C3FA3;
}
.footerLogoButton {
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
    align-items: center;
}
.page-template-template-home .footerLogoButton,
.page-template-template-observability .footerLogoButton,
.page-template-template-new-product .footerLogoButton,
.page-template-template-new-grafana .footerLogoButton, 
.page-template-template-new-sos .footerLogoButton,
.page-template-template-new-kibana .footerLogoButton,
.page-template-template-howits .footerLogoButton,
.page-template-template-thankyou .footerLogoButton,
.page-template-template-pricing-new .footerLogoButton,
.page-template-template-quote .footerLogoButton,
.page-template-template-quote-thankyou .footerLogoButton,
.page-template-template-customers .footerLogoButton, 
.page-template-template-onboarding .footerLogoButton,
.page-template-template-contact .footerLogoButton,
.page-template-template-videos-blog .footerLogoButton,
body.search.search-results.skedler .footerLogoButton,
body.search.search-no-results.skedler .footerLogoButton,
body.post-template-default.single .footerLogoButton,
.page-template-template-discount .footerLogoButton,
.page-template-template-discount-thankyou .footerLogoButton,
.page-template-template-partners .footerLogoButton{
    padding-top: 130px;
}
.page-template-template-observability .footerLogoButton{
    padding-top: 130px;
}
.footerButton {
    display: flex;
}
hr.FooterHR {
    border: 1px solid #D8D8D8;
    opacity: 0.5;
    /* padding-bottom: 40px; */
}
footer h3.footerheading{
    color:#4F6290;
    font-size: 24px;
    font-weight: normal;
    font-family: var(--axiforma);
    margin-bottom: 16px;
    }
    footer p.footerheading1{
        color:#000000;
    font-size: 16px;
    font-family: var(--axiforma);
    /* margin-bottom: 0; */
    font-weight: normal;
    
    }
    .Footerfirst p.footerheading1{
        margin-bottom:0 ;
    }
    footer#Footernew ul li{
        margin-bottom: 8px;
    }
    footer#Footernew {
        /* margin-bottom: 40px; */
        /* padding-bottom: 40px; */
        background-color: #0A1736;
        position: relative;
    }
    section.footerbannerDiv{
        position: absolute;
        bottom: 440px;
        left: 0;
        right: 0;
    }

    .bootomFooter {
        background-color: #0D214E;
        color: #fff;
    }
    .Footerfirst .contactSupport a, 
    .Footerfirst .contactSales a{
        color: #0A49C4;
    }
/*Footer end*/
/* Counter div start*/
    section.counter {
        margin-top: 30px;
    }
    .counter_div {
        background: #F5F9FF 0% 0% no-repeat padding-box;
        border-radius: 20px;
        opacity: 1;
        display: flex;
        justify-content: space-between;
        /* padding: 40px; */
    }
    .counters {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 10px 20px #c4c8d066;
        border-radius: 20px;
        opacity: 1;
        
    }
    .conter_length {
        display: flex;
        align-items: center;
        padding: 13px 34px;
        justify-content: space-between;
    }
    p.counter_para {
        margin-bottom: 0;
        font-size: 28px;
        color: #0A49C4;
        font-family: var(--axiforma);
        font-weight: bold;
        margin-top: 0;
    }
    .counters h4{
        font-family: var(--axiforma);
        color: var(--black-text-color);
        font-weight: normal;
    }
    section.customerTestimonial .skedlerQuotes{
        color: #0A1D48;
        font-family: var(--axiforma);
        /* font-size: 12px; */
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
    }

/* Counter div end */
/* banner footer */
.bannerNewSOS h3{
   
    font-family: var(--axiforma);
    text-align: center;
    color: var(--white-color);
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: bold;

}
.bannerNewSOS p{
    font-size: 18px;
    font-family: var(--axiforma);
    text-align: center;
    color: var(--white-color);
    margin-top: 0;
    font-weight: normal;
}
input.form-control.input-lg::placeholder{
    color: #666666;
    font-family: var(--axiforma);

}
.copyrightGuidanz img{
    vertical-align: inherit;
    width: 99px;
}
/* banner footer end */

/*Popular reports slider */

section.popularReports {
    background: #0D214E 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-top: 60px;
    position: relative;
    z-index: 99999;
    overflow: hidden;
    padding-bottom: 34px;
}
section.popularReports::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 55%;
    left: 0px;
    z-index: -1;
    background: url(../images/icons/wave.svg) 0 0 no-repeat;
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
}
section.popularReports h2{
    font-size: 30px;
    font-family: var(--axiforma);
    color: var(--white-color);
    text-align: center;
    padding-top: 86px;
    margin-bottom: 16px;
    margin-top: 0;
}
section.popularReports p{
   margin-top: 0;
    font-family: var(--axiforma);
    color: var(--white-color);
    text-align: center;
}
section.popularReports p.check_most{
    font-size: 18px;
    margin-bottom: 60px;
}
/* .Gallery .image img {
    width: 110px;
    margin: auto;
} */
.reportsTemplate {
    padding: 20px;
}
.reportsTemplate .reportsTitle{
    font-size: 22px;
    font-family: var(--axiforma);
    color: var(--white-color);
}
.reportsTemplate .reportsTitle p {
    margin-top: 34px;
}
.Gallery .image {
    /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    /* box-shadow: 0px 3px 6px #00000029; */
    border-radius: 10px;
    opacity: 1;
    /* height: 300px; */
    display: flex;
}
/*popular reports slider end*/


.videos-listing-section .wrapper .desc {
    font-size: 14px;
    color: var(--black-color);
    font-family: var(--axiforma);
    line-height: 28px;
    font-weight: 500;
}
.content {
    position: relative;
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    /* overflow: hidden; */
    border-radius: 4px;
  }

.videos-listing-section .wrapper .video.active img.backgroundSVG {
    transform: rotate(-14deg);
}
.videos-listing-section .wrapper .video img.backgroundSVG{
    transition: transform 1s ease 0s;
}


/* new sub menu start */
ul.sub-menu{
    position: absolute;
    display: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #0000000D;
    border: 1px solid #F4F4F4;
    border-radius: 0px 0px 10px 10px;
    opacity: 1;
    transition: all 0.6s ease 0s;
}
.Submenu:hover ul.sub-menu{
    display: grid;
    animation: fadeIn 1s;
}
ul.sub-menu li{
    border-bottom: 1px solid #F2F2F2;
    position: relative;
}
ul.sub-menu img {
    vertical-align: middle;
    /* margin-right: 10px; */
}
ul.menu li a:hover{
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    color: #84AEFF;
}
ul.sub-menu li:hover {
    background-color: #EBF2FF;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
li.Submenu:hover > a {
    color: #84AEFF;
}
.menuDivider {
    display: flex;
    margin-top: 5px;
    align-items: center;
}
li.Submenu:hover span.arrow{
    border-color: #84AEFF;
    transform: rotate(225deg);
}
.menuDivider > div:first-child {
    width: 42px;
}
ul.sub-menus li:hover a,
.Submenu ul.sub-menu a:hover{
 color: #0A49C4;
}
.Submenu ul.sub-menu a {
    padding: 0;
    font-size: 16px;
    font-family: var(--axiforma);
    color: var(--black-text-color);
    padding: 13px 24px 13px 18px;
}
/* new sub menu end */
/* animation */
@keyframes fadeInn {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.fade-in-text {
   
    animation: fadeIn 8s;
    -webkit-animation: fadeIn 8s;
    -moz-animation: fadeIn 8s;
    -o-animation: fadeIn 8s;
    -ms-animation: fadeIn 8s;
  }
  
.tab2Bg .fade-in-text {
   
    animation: fadeIn 4s;
    -webkit-animation: fadeIn 4s;
    -moz-animation: fadeIn 4s;
    -o-animation: fadeIn 4s;
    -ms-animation: fadeIn 4s;
  }
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-ms-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

  .active.fade-left {
    animation: fade-left 1s ease-in;
  }
  .active.fade-right {
    animation: fade-right 1s ease-in;
  }
  .active.fade-bottom{
    animation: fade-bottom 1s ease-in;
  }
  .fade-bottom {
    animation: fade-bottom 2s ease-in;
  }
  @keyframes fade-bottom {
    0% {
      transform: translateY(50px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes fade-left {
    0% {
      transform: translateX(-100px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  
  @keyframes fade-right {
    0% {
      transform: translateX(100px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }

  @keyframes fadeInUp {
    from {
        transform: translate3d(0,70px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,70px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0 !important;
}
.boxContainer.active .animatedFadeInUp{
    opacity: 1 !important;
}
.boxContainer.active .fadeInUp{
    opacity: 1 !important;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    overflow: hidden;
}
.fadeInUp {
    opacity: 0 !important;
 
}

  /*Floating side bar starts*/

    #social_side_links {
        position: fixed;
        top: 20%;
        left: 0;
        padding: 0;
        list-style: none;
        z-index: 99;
        background: #0A1D48 0% 0% no-repeat padding-box;
        opacity: 1;
        width: 44px;
        border: 1px solid #1754CA;
        border-radius: 0px 8px 8px 0px;
        opacity: 1;
        border-left: 0;
    }

    #social_side_links li a {
        display: flex;
        align-items: center;
        text-decoration: none;
        padding: 0px 5px;
    }
    #social_side_links li{
        padding: 8px 0 10px 0px;
        transition: all 0.2s ease 0s;
    }
    #social_side_links li:hover{
        display: flex;
        /* overflow: visible; */
        width: max-content;
        background: #0A49C4 0% 0% no-repeat padding-box;
        border-radius: 4px;
        opacity: 1;
        padding: 8px 20px 10px 0px !important;
        align-items: center;
    }
    span.iconText{
        position: relative;
        left: 10px;
        width: 100%;
        display: block;
        color: #ffff;
        display: none;
        font-size: 14px;
        font-family:var(--axiforma);
    }
    #social_side_links li:hover span.iconText{
        display: block;
        position: relative;
        top: 2px;
    }
    #social_side_links li a img {
        display: block;
        max-width:40px;
        padding: 10px;
        -webkit-transition:  background .2s ease-in-out;
        -moz-transition:  background .2s ease-in-out;
        -o-transition:  background .2s ease-in-out;
        transition:  background .2s ease-in-out;
    }
    ul#social_side_links li img {
        width: 30px;
        padding: 5px;
    }

    .sidebarIcons{
        position: relative;
        z-index: 99999;
        display: none;
    }
  /*Floating side bar ends*/
  /*Mobile device */
  @media only screen and (max-width : 1023px) {
    .newbannerDiv,
    body .workboxDiv,
    body .bannerFooterFeatures,
    body .kibana_grafana_box{
        flex-direction: column;
    }
    body .videoFooterbuttons {
        flex-direction: column;
        text-align: center;
    }
    body .skedler_box, body .kibana_box {
        padding: 0 15px 30px;
    }
    body .socialmediaIcons,
    body ul.termsList{
        justify-content: center;
    }
    body .footerButton a:nth-child(2){
        margin-left: 0;
        margin-top: 30px;
    }
    body #desktop_view .bannerNewSOS{
        display: block;
        z-index: 2;
        margin-bottom: 40px;
    }
    body #desktop_view{
        display: block;
    }
    body h1.newbannerheading br {
        display: none;
    }
    body .FooterSection > div {
        width: 100%;
        text-align: center;
    }
    body section.footerbannerDiv{
        position: relative;
        bottom: 0;
    }
    body .newbannerDiv > div,
    body.page-template-template-get-started .newbannerDiv > div.bannerRight, 
    body.page-template-template-get-started .newbannerDiv > div.bannerLeft, 
    body.page-template-template-quote div.bannerLeft,
    body .workboxDiv > div{
        width: 100% !important;
    }
    body.page-template-template-get-started .newbannerDiv > div.bannerRight, 
    body.page-template-template-quote .newbannerDiv > div.bannerRight{
        position: relative;
        top: 0;
    }
    body .footerLogoButton img {
        margin-bottom: 40px;
    }
    body p.newbannerPara.fade-in-text br,
    body .skelderSandboxPopup,  body .offerPopup1{
        display: none !important;
    }
    body section.customerTestimonial{
        margin-bottom: 0;
    }
    body .footerbottomSection{
        display: block;
    }
    body .copyrightGuidanz{
        text-align: center;
    }
    body .footerbannerDiv .bannerNewSOS, 
    body .offerPopup{
        display: none !important;
    }
    body .footerButton,
    body .footerLogoButton{
        flex-direction: column;
    }
    body .footerLogoButton{
        padding-top: 60px !important;
    }
    body.overflowClass {
        overflow-y: auto !important;
    }
    body .newbannerLogos{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    body .newbannerLogos img{
        margin-bottom: 30px;
    }
    body .getStartedButton{
        margin: 0 auto;
        width: fit-content;
    }
    body .newlogossection.forMobile .slick-dots li button,
    body .Gallery .slick-dots li button{
        display: none;
    }
    body section.newTabs{
        z-index: 9;
    }
    body .bannerLeft{
        left: 0;
    }
    body .counter_div{
        flex-direction: column;
        grid-gap: 20px;
    }
    body p.howsubText{
        margin-bottom: 40px;
        font-family: var(--nunito-sans);
    }
    body .videos-listing-section .wrapper .desc,
    body p.newbannerPara,
    body .workContent p,
    body .bannerNewSOS p,
    body .FooterSection a,
    body ul.termsList li a,
    body .copyrightGuidanz,
    body .createSandbox span,
    body p.newbannerPara,
    body p.newbannerproductPara.fade-in-text,
    body p.dataSourcePara,
    body p.distributeText,
    body p.easyboxpara,
    body footer h3.footerheading,
    body p.solutionText, body .tabsList a,
    body .skelderSandboxPopup p,
    body .sub-title.all-plans,
    body .pricing-section-new .gurantee-text{
        font-family: var(--nunito-sans);
    }
    body section.how-works{
        margin-top: 60px;
    }
    body #footer-form input[type='text']{
        border-radius: 4px;
    }
    body .bannerNewSOS div#footer-form .get-access-btn{
        border-radius: 4px;
    }
    body .copyrightGuidanz {
        padding: 20px 0;
    }

    body .videos-listing-section .wrapper{
        margin-bottom: 40px;
        margin-top: 40px;
    }
    body .site-header{
        display: none;
    }
    body .newbannerLogos{
        max-width: 100%;
        width: 100%;
    }
    section.popularReports .slick-prev, 
    section.popularReports .slick-next,
    body section.popularReports::before,
    body .slick-prev, body .slick-next,
    body #social_side_links{
        display: none;
    }
    body p.distributeText{
        max-width: 100%;
    }
    body .bg_imageServices{
        z-index: 1;
    }
    body .backgroundSVG{
        width: 80%;
    }
    body .newbannerDiv{
        padding-top: 20px;
    }
    body section.newHomebanner{
        z-index: 2;
    }
    body p.counter_para{
        font-size: 24px;
    }
    body h1.newbannerheading{
        font-size: 32px;
        text-align: center;
    }
    body p.newbannerPara{
        text-align: center;
    }
    body .videos-listing-section .wrapper .title,
    body h2.howText, body section.popularReports h2{
        font-size: 32px;
    }
    body section.newTabs .site-container{
        overflow: hidden;
        overflow-x: auto;
        position: sticky;
        padding: 0;
    }
    body .circle-wraper{
        display: none;
    }
    .page-template-template-new-product h2.newbannerproductheading.fade-in-text{
        font-size: 32px;
        text-align: center;
    }
    .page-template-template-new-product p.newbannerproductPara.fade-in-text{
        text-align: center;
    }
    body .boxContainer,
    body .tab2Bg .tabsList1{
        flex-direction: column;
    }
    body .tab2Bg .tabsList1{
        grid-gap: 30px;
        align-items: center;
    }
    body img.lineImage{
        right: 0;
    }
    h2.newbannerproductheading.fade-in-text br,
    p.newbannerproductPara.fade-in-text br {
        display: none;
    }
    body img.newbannerImg.Group1.popularImage1{
        margin-bottom: 46px;
    }
    body .getStartedRightblock{
        padding-top: 90px;
    }
    body .newgetStartedBlock{
        display: block;
    }
    body .popup, body .getStartedRightblock,
    body .getStartedLeftblock{
        height: 100%;
    }
    body .overlay{
        height: fit-content;
    }
    body .getStartedRightblock{
        padding-top: 100px !important;
    }
    body .popup .close{
        color: #ffffff;
        z-index: 99;
    }
    body .popup .close img{
        filter: brightness(0) invert(1);
    }
    body .newgetStartedBlock > div{
        width: 100%;
    }
    body .getStartedRightblock,
    body .getStartedLeftblock{
        padding: 20px;
    }
    body .tab2Bg .newbannerDiv{
        padding: 10px;
    }
    body .color1, body .color2, body .color3, body .color4{
        display: none;
    }
    body .secondBox, body .thirdBox, body .fourthBox{
        margin-top: 0;
    }
    body p.easyboxpara{
        padding-bottom: 0;
    }
    body .revenueBlockConatiner > div:first-child,
    body .revenueBlockConatiner > div{
        width: 100%;
    }
    body .tabsList a{
        font-size: 12px;
        white-space: pre;
        text-transform: uppercase;
    }
    body .logosDiv{
        /* display: grid;
        grid-template-columns: 35% 35%;
        grid-gap: 25px;
        justify-content: center; */
        display: flex;
        grid-template-columns: 100%;
        grid-gap: 25px;
        justify-content: center;
        justify-content: space-between;
    }
    body .logosDiv .slick-slide img {
        display: block;
        width: 60%;
        top: 0px;
        object-fit: scale-down;
    }
    body .logosDiv img.penta_image{
        width: 40px;
        height: 40px;
    }
    body .wrapper.inverse,
    .FooterSection{
        flex-direction: column-reverse;
    }
    body .FooterSection{
        padding-top: 20px;
    }
    body section.popularReports h2{
        padding-top: 30px;
    }
    body .createSandbox span{
        top: 0;
    }
    body section.customerTestimonial::after,
    body section.customerTestimonial::before{
        background-image: none !important;
    }
    .Footerfirst img.FooterLogo{
        margin-top: 30px;
    }
    .bannerNewSOS .home-form input[type='text']{
        width: 280px;
    }
    body .createSandbox{
        width: fit-content;
    }
    body section.videos-listing-section{
        background: none !important;
    }
    body .content{
        max-width: 100%;
    }
    body .createSandbox span{
        width: auto;
    }
    body .arrow{
        left: auto;
        border-color: #333;
    }
    body .bannerNewSOS p,
    body p.solutionText,
    body section.popularReports p.check_most{
        font-size: 16px;
    }
    body section.popularReports{
        margin-top: 60px;
        z-index: 2;
    }
    body ul.termsList li a{
        font-size: 14px;
    }
    body .videos-listing-section .wrapper .content{
        margin-top: 0;
    }
    body .bannerNewSOS{
        padding: 40px;
    }
    #product-menu a.active ~ .sub-menus,
    #solution-menu a.active ~ .sub-menus,
    #resource-menu a.active ~ .sub-menus{
        display: block !important;
    }
    #product-menu a.active ~ .sub-menus ul.sub-menu,
    #solution-menu a.active ~ .sub-menus ul.sub-menu,
    #resource-menu a.active ~ .sub-menus ul.sub-menu{
        display: block;
    }
    body .newlogossection .logosDiv div{
        width: auto;
        height: auto;
    }
    .mobile-version ul.sub-menu li{
        border-bottom: none;
    }
    body .newlogossection.forMobile{
        display: block;
    }
    body .newlogossection.desktop,
    body .skedlerFeatureNew.fade-in-text{
        display: none;
    }
    body.page-template-template-videos-blog .newlogossection.desktop{
        display: none !important;
    }
    body.page-template-template-videos-blog .ajax-load-more-wrap.infinite>.alm-btn-wrap .alm-load-more-btn.done{
        display: none;
    }
    body .skedlerFeatureNew.fade-in-text{
        flex-direction: column;
        text-align: center;
    }
    .mobile-version ul.sub-menu{
        background: transparent;
        box-shadow: none;
        position: relative;
        border:none;
    }
    body .Gallery .image img {
        height: 430px;
    }
    body .reportsTemplate .reportsTitle p{
        font-size: 14px;
    }
    #skedler-app-header1 .header-menus #product-menu .sub-menus .wrapper{
        height: 38vh;
    }
    #skedler-app-header1 .header-menus .sub-menus .wrapper{
        font-size: 16px;
        font-family: var(--axiforma);
        color: var(--black-text-color);
        /* padding: 13px 24px 13px 18px; */
        margin: 0;
    }
    .mobile-version ul.sub-menu li{
        font-size: 16px;
        font-family: var(--axiforma);
        color: var(--black-text-color);
        padding: 13px 24px 13px 18px;
        margin: 0;
    }
    #skedler-app-header1 .header-menus #solution-menu .sub-menus .wrapper{
        height: 30vh;
    }
    #skedler-app-header1 .header-menus #resource-menu .sub-menus .wrapper{
        height: 34vh;
    }
    .header-actions a {
        text-decoration: none;
    }
    body #notificationChannels .revenueBlock,
    body .revenueBlock.opportunities{
        padding: 60px 30px;
    }
    body .revenueBlock h3{
        margin-top: 0;
    }
    body .revenueBlockConatiner{
        flex-direction: column;
    }
    div#Mobile, div#Mobile1{
        display: block !important;
    }
    div#Desktop, div#Desktop1{
        display: none;
    }
    body .tabsList > div, 
    body .tabsList1 > div{
        margin-left: 0;
    }
    /*new grafana*/
    body.page-template-template-new-grafana h2.newbannerproductheading.fade-in-text{
        text-align: center;
    }
    body.page-template-template-new-grafana p.distributeText,
    body.page-template-template-new-sos p.distributeText{
        height: auto;
    }
    body.page-template-template-new-grafana .bannerFooterFeatures > div,
    body.page-template-template-new-kibana .bannerFooterFeatures > div,
    body.page-template-template-new-sos .bannerFooterFeatures > div,
    body.page-template-template-new-sos #Features .bannerFooterFeatures > div{
        margin: 0 !important;
    }
    body.page-template-template-new-grafana .tabsList1 > div:first-child, 
    body.page-template-template-new-sos .tabsList1 > div:first-child,
    body.page-template-template-new-kibana .tabsList1 > div:first-child{
        margin-left: 0px;
    }
    body.page-template-template-new-grafana p.newbannerproductPara.fade-in-text,
    body.page-template-template-new-grafana h2.newbannerproductheading.fade-in-text, 
    body.page-template-template-new-sos h2.newbannerproductheading.fade-in-text, 
    body.page-template-template-new-sos p.newbannerproductPara.fade-in-text,
    body.page-template-template-new-kibana h2.newbannerproductheading.fade-in-text, 
    body.page-template-template-new-kibana p.newbannerproductPara.fade-in-text{
        text-align: center;
    }
    body .checkmarkNew {
        top: 0;
        right: 0%;
        width: 8%;
    }
    body h2.whyGrafana{
        font-size: 26px;
        margin-top: 40px;
    }
    body.page-template-template-new-grafana section.customerTestimonial{
        padding-bottom: 0;
    }
    body section#desktop_view{
        z-index: 2;
        position: relative;
    }
    body img.grfana_logo {
        vertical-align: middle;
    }
    body .desktop_view{
        display: none;
    }
    body .mobile_view{
        display: block;
    }
    body.page-template-template-new-grafana .footerButton{
        margin-bottom: 30px;
    }
    body.page-template-template-new-sos .footerButton{
        text-align: center;
    }
    body .sos_section{
        flex-direction: column;
    }
    body .sos_section > div:nth-child(1){
        width:100%;
    }
    body .sosImagessection{
        margin-top: 60px;
    }
    body .blog-posts-row{
        flex-direction: column;
        grid-gap: 10px;
    }
    body.page-template-template-home section.blogs,
    body.page-template-template-new-grafana section.blogs,
    body.page-template-template-new-kibana section.blogs{
        padding-bottom: 40px;
        padding-top: 60px;
    }
    body.page-template-template-home .customerTestimonial,
    body.page-template-template-new-kibana .customerTestimonial,
    body.page-template-template-new-grafana .customerTestimonial,
    body.page-template-template-new-product .customerTestimonial{
        margin-bottom: 40px;
        padding-top: 40px;
    }
    body .backgroundSize{
        height: auto;
    }
    body .counter_bg,
    body section.counter{
        margin-top: 0;
    }
    body h5.testimonialsHeading,
    body p.testimonialsHeading{
        padding-top: 0;
    }
    body p.testimonialSubHeading{
        font-size: 20px;
        line-height: normal;
    }
    body .quoteAuthor{
        grid-gap: 10px;
    }
    body .mobileviewButton{
        height: 50px;
    }
    body .slick-carousel.slick-initialized.slick-slider{
        margin-top: 20px;
    }
    body section#desktop_view .bannerNewSOS.fade-bottom.active {
        display: block !important;
    }
    body img.wave.position_img.mobile_img{
        top: 16px;
    }
    body p.quotationHeading.titles{
        height:auto;
    }
    body .firstBoxset, body .secondBoxset{
        flex-direction: column;
    }
    body .boxContainer.active .fadeInUp{
        width: 100%;
    }
    body .firstBoxset{
        margin-bottom: 0;
    }
    body .boxContainer.active .fadeInUp{
        margin-bottom: 20px;
    }
    body section.enterpriseOverview{
        margin: 60px 0;
    }
    body .revenueBlock.active img.newbannerImg.Group1{
        margin-top: 60px;
    }
    body section#notificationChannels .revenueBlock h3 br ,
    body h2.newbannerproductheading.fade-in-text br,
    body p.solutionText br{
        display: none;
    }
    body .tab2Bg .productDemo{
        margin: 40px auto;
    }
    body .tabListDiv{
        flex-direction: column;
    }
    body .tabListDiv > div:first-child{
        width: 100%;
    }
    body section.newTabs {
        z-index: 9999;
    }
    body section#notificationChannels .revenueBlock h3,
    body section#notificationChannels p.distributeText{
        text-align: center;
    }
    body .revenueBlock.opportunities h3{
        margin-top: 0;
    }
    body section.customerTestimonial{
        background-size: 30%;
        padding-top:40px;
    }
    body .backgroundGroup{
        display: none;
    }
    body .build_for_enterprise{
        font-size: 30px;
    }
    body.page-template-template-new-kibana .firstBoxset{
        margin-bottom: 0;
    }
    body.page-template-template-new-kibana section.enterpriseOverview{
        padding-bottom: 60px;
    }
    body.page-template-template-new-kibana .faq-section.new .accordion{
        margin-bottom: 0;
    }
    body .faq_title{
        margin-top: 20px;
    }
    body.page-template-template-discount .getstarted-today{
        text-align: center;
    }
    body.page-template-template-discount .inputWrapper.NameFirst{
        margin-top: 0;
    }
    body.page-template-template-discount span.tooltiptext.valid-info{
        height: 0;
    }
    body .thankyouDiv{
        padding: 10px;
    }
    body .download-new .check_container input{
        right: 0;
    }
    body .quoteParaText{
        text-align: center;
    }
    body .quoteForm .inputwrapper,
    body .dataSource{
        flex-direction: column;
        gap: 0;
    }
    body .quoteForm .inputwrapper > div{
        width: 100%;
    }
    body .noOptions{
        flex-direction: column;
    }
    body .quoteForm .download-new{
        padding: 0;
    }
    body.page-template-template-quote .newbannerDiv > div.bannerRight, 
    body.page-template-template-quote-thankyou .newbannerDiv > div.bannerRight{
        position: relative;
        top: auto;
    }
    body .grafanaFeaturesBoxDiv > div{
        width: 100%;
        padding: 20px;
    }
    body .grafanaFeaturesBoxDiv{
        flex-direction: column;
        gap: 0;
    }
    body.page-template-template-new-grafana .sosFeatures > div:nth-child(2){
        top: 0px;
    }
    body .StepProgress-item.current::after,
    body .StepProgress-item::before,
    body .StepProgress::before{
        display: none;
    }
    body .StepProgress,
    body .StepProgress-item{
        padding-left: 0px;
    }
    body.page-template-template-licence-activation .newbannerDiv > div{
        padding: 20px;
    }
    body.page-template-template-licence-activation .ActSec{
        flex-direction: column;
        align-items: normal;
    }
    body.page-template-template-videos-blog .alm-listing.alm-ajax{
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    body.page-template-template-new-grafana h2.grafanaFeaturesBoxTitle{
        margin-top: 60px;
        font-size: 24px;
    }
    body.page-template-template-new-grafana section.grafanaFeaturesBox{
        z-index: 2;
    }
    body .Customersblog.secondChild{
        width: 100%;
    }
    body section.customerpageTestimonialsection{
        padding-bottom: 0;
    }
    body .Customersblog > div {
        width: 100%;
    }
    body .why-section-div{
        flex-direction: column-reverse;
        padding: 60px 0 0;
    }
    body .ourServicesSection-leftSide,
    body .impactBox,
    body .ourServicesSection-rightSide,
    body .question-section{
        display: block;
    }
    body .why-section-div > div,
    body .ourServicesSection-rightSide> div,
    body .ourServicesSection-leftSide > div:first-child,
    body .ourServicesSection-leftSide > div,
    body .impactBoxSection,
    body .question-section > div{
        width: 100%;
    }
    body .ourServicesSection-leftSide > div,
    body .ourServicesSection-rightSide> div,
    body .ourServicesSection-rightSide > div:last-child {
        width: 100%;
        padding: 22px;
    }
    body .frameworkBox,
    body .ourServicesSection-rightSide,
    body .impactBoxSection{
        margin-bottom: 20px;
    }
    body section.border-divider,
    body img.connect-blue,
    body img.connect-yellow,
    body img.connect-light-blue,
    body section.border-divider-ourservices,
    body section.border-divider-ourservices{
        display: none;
    }
    body.page-template-template-observability section.customerTestimonial{
        margin-bottom: 40px;
    }
    body .impact{
        word-wrap: break-word; /* Breaks long words to the next line */
        overflow-wrap: break-word;
    }
    body p.boxHeading{
        font-size: 26px;
    }
    body .impact-section h3,
    body .question-section h4{
        font-size: 28px;
    }
    body .frameworkBox.join-obseverabilty a{
        font-size: 14px;
    }
    body section.newHomebanner.Observability h1,
    body .ourServicesSection-leftSide h3{
        font-size: 36px;
    }
    body section.newHomebanner.Observability,
    body section.impact,
    body section.customerTestimonial.real-story,
    body .question-section{
        padding: 60px 0;
    }
    body section.impact{
        margin-bottom: 0;
    }
    body .question-section h4{
        margin-top: 0;
    }
    body .question-section > div:first-child{
        position: relative;
        top: 0;
        height: auto;
    }
    body.page-template-template-observability .quoteForm{
        margin-top: 60px;
    }
    body.page-template-template-observability .bannerLeft{
        left: 0 !important;
        margin: 0;
        margin-top: 60px;
    }
    body .why-choose-bg{
        background-image: none;
        padding: 0;
        background-color: transparent;
    }
    body section.why-section {
        margin-bottom: 60px;
    }
    body .meetings-iframe-container iframe {
        height: auto !important;
        min-height: 500px !important;
    }
    body .getstarted-today{
        text-align: center;
    }
}
  /* Mobile device end*/
  section.customerTestimonial{
      position: relative;
      margin-bottom: 300px;
      /* margin-top: 30px; */
  }
  .page-template-template-sos2 section.customerTestimonial{
      margin-bottom: 0;
  }


  .page-template-template-home section.videos-listing-section{
    background: url('../images/icons/bg-1.png'), url('../images/icons/bg-2.png'),url('../images/icons/bg-3.png'), url('../images/icons/bg-4.png');
    background-position:top -44px right, left 38%, bottom 32% right -141px, left 98%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    /* background-position: top -44px right, left, bottom 160px right -95px, left; */
    padding-top: 86px;
    background-size: 34%, auto, auto, 27%;

  }
  .videos-listing-section .wrapper:last-child{
      margin-bottom: 0;
  }
  /*wave animation*/
  

  /*Flag customization start */
  body .tool-container .tool-items a {
    margin: 0px 0px 0px;
    width: 100% !important;
    height: 24px !important;
    background: none !important;
    padding: 8px 0px !important;
}
body .tool-container .tool-items a:hover {
    background-color: #EBF2FF !important;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
body .tool-container .tool-items a:hover span{
    color: #0A49C4;
    
}
#flags.size24 a.united-states[title="English"], .tool-container a.united-states[title="English"], a.single-language.united-states[title="English"] span.size24,
#flags.size24 a[title="Portuguese"], .tool-container .tool-items a[title="Portuguese"], a.single-language[title="Portuguese"] span.size24{
    background:none !important;
}
  /*Flag customization end */

 span.cursor {
    display: inline-block;
    background-color: #fff;
    margin-left: 0.1rem;
    width: 3px;
    animation: blink 1s infinite;
  }

  /*banner grouping images */
  img.newbannerImg.Group2 {
    position: absolute;
    left: 33%;
    top: 15%;
    width: 60%;
}
div#footer-form .get-access-btn:hover{
    background-color: #0C3FA3;
    color: #ffffff;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    box-shadow: none;
}
.getStartedButton.fade-in-text:hover{
    background: #0A1D48 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 5px;
    opacity: 1;
    color: #ffffff;
}
.homeBannerButtons .getStartedButton.fade-in-text:hover{
    background: #0C3FA3 0% 0% no-repeat padding-box;
}
.newlogossection.forMobile{
    display: none;
}

/*new wave start */
/*new wave end*/

/*new product page css */
section.newTabs {
    background: #0051FF;
    /* padding: 20px; */
    font-family: var(--axiforma);
    font-size: 18px;
    color: #fff;
    position: fixed;
    width: 100%;
    z-index: 99999;
}
.tabsList {
    display: flex;
    align-items: baseline;
    padding: 20px;
}
.tabsList1 {
    display: flex;
    align-items: baseline;
    padding: 32px 20px 0px;
}
.tabsList a,
.productDemo a,
.tabsList1 a {
    text-decoration: none;
    color: white;
    padding: 20px;
}
.tabsList a{
    color: #ffffff;
    font-family: var(--axiforma);
}
.tabsList a:hover {
    color: #84AEFF;
}
.tabsList > div,
.tabsList1 > div {
    margin-left: 40px;
    transition: all 0.6s ease 0s;
    cursor: pointer;
    position: relative;
}
.tabsList > div:first-child {
    margin-left: 0;
}
.tabsList1 > div:first-child {
    margin-left: 0px;
}
.tabsList > div.active:after {
    content: "";
    width: -webkit-fill-available;
    /* height: 4px;
    background-color: #fff;
    border-radius: 22%; */
    top: 159%;
    position: absolute;
    left: 0;
    border-bottom: 4px solid #fff;
    left: 0;
    border-radius: 4px;
}

section#Features{
    background: #0A1D48 0% 0% no-repeat padding-box;
    padding-bottom: 70px;
    position: relative;
}
section#Features h1.newbannerheading{
    text-align: center;
    margin-top: 0;
    padding-top: 130px;
}
section#Features p.newbannerPara{
    text-align: center;
}
section#Features .site-container{
    z-index: 1;
}
.tab2Bg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    position: relative;
    z-index: 1;
}
.tab2Bg .tabsList1 > div{
    font-family: var(--axiforma);
}
.tab2Bg .tabsList1 > div:hover{
    /* font-size: 18px; */
    color: #0A49C4;
}
.tab2Bg .tabsList1 > div.active{
    letter-spacing: 0px;
    color: #0A49C4;
    opacity: 1;
    /* font-size: 18px; */
    font-weight: normal;
    font-family: var(--axiforma);
}

.tab2Bg .productDemo {
    background: #0A1D48 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    padding: 7px 0px;
    color: #fff;
    margin-right: 20px;
}
.tab2Bg .productDemo:hover{
    background-color: #0A49C4;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}
.tab2Bg .tabsList1 > div.active:after {
    content: "";
    width: 100%;
    top: 159%;
    position: absolute;
    left: 0;
    border-bottom: 5px solid #0A49C4;
    left: 0;
    border-radius: 8px;
}
.tab2Bg .tabsList1 .productDemo.active:after{
    border-bottom: none;
}
.tab2Bg .tabsList1{
    justify-content: space-between;
}
h2.newbannerproductheading.fade-in-text{
    font-size: 40px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    font-family: var(--axiforma);
    font-weight: bold;
}
.page-template-template-new-product h2.newbannerproductheading.fade-in-text{
    margin-bottom: 20px;
}
p.newbannerproductPara.fade-in-text{
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    font-weight: normal;
    font-family: var(--axiforma);
    font-size: 18px;
    line-height: 36px;
}
.tab2Bg .newbannerDiv{
    padding: 60px 40px 60px;
}
.tab2Bg .bannerLeft{
    left: 0% !important;
}
h2.dataSourceTitle{
    font-weight: bold;
    font-family: var(--axiforma);
    color: var(--black-text-color);
    text-align: center;
    padding-top: 20px;
    margin-top: 0;
    margin-bottom: 30px;
}
p.dataSourcePara{
    text-align: center;
    font-size: 18px;
    font-family: var(--axiforma);
    font-weight: normal;
    color: var(--black-text-color);
    line-height: 38px;
}
section.enterpriseOverview {
    background: #0D214E 0% 0% no-repeat padding-box;
    opacity: 1;
    margin: 90px 0;
    position: relative;
    z-index: 2;
}
.boxContainer{
    /* display: flex;
    grid-gap: 40px; */
}
.firstBox{
    display: flex;
    flex-direction: column;
    grid-gap: 40px;
}
.enterpriseBoxdiv{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 10px 10px;
    opacity: 0;
    padding: 26px 40px 40px 26px;
}
.enterpriseBoxdiv h3{
font-family: var(--axiforma);
/* font-size: 44px; */
font-weight: bold;
letter-spacing: 0px;
color: #0A49C4;
opacity: 1;
}
p.easyboxHeading {
    color: #0D214E;
    font-size: 22px;
    font-weight: 800;
    font-family: var(--axiforma);
}
.easyBox {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 40px;
    /* max-width: 322px; */
}
.color1 {
    background: transparent linear-gradient(180deg, #C42E0A 0%, #05256200 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px 10px 0px 0px;
    opacity: 0.4;
    height: 70px;
}
.color1.animated.animatedFadeInUp.fadeInUp,
.color3.animated.animatedFadeInUp.fadeInUp,
.color4.animated.animatedFadeInUp.fadeInUp {
    opacity: 0.4 !important;
}

.color2{
    background: transparent linear-gradient(180deg, #0A49C4 0%, #05256200 100%) 0% 0% no-repeat padding-box;
border-radius: 10px 10px 0px 0px;
opacity: 0.6;
height: 95px;
}
.color2.animated.animatedFadeInUp.fadeInUp{
    opacity: 0.6 !important;
}
.color3{
    background: transparent linear-gradient(180deg, #FF9D00 0%, #05256200 100%) 0% 0% no-repeat padding-box;
border-radius: 10px 10px 0px 0px;
opacity: 0.4;
height: 130px;
}
.color4{
    background: transparent linear-gradient(180deg, #0AC47C 0%, #05256200 100%) 0% 0% no-repeat padding-box;
border-radius: 10px 10px 0px 0px;
opacity: 0.4;
height: 172px;
}

.secondBox {
    display: flex;
    flex-direction: column;
    grid-gap: 40px;
    margin-top: 56px;
}
.thirdBox{
    display: flex;
    flex-direction: column;
    grid-gap: 40px; 
    margin-top: 132px;
}
.fourthBox{
    display: flex;
    flex-direction: column;
    grid-gap: 40px; 
    margin-top: 48px;
}

.revenueBlock {
    background: #F5F9FF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    /* padding: 26px;
    padding: 90px 52px; */
    position: relative;
    overflow: hidden;
}
#notificationChannels .revenueBlock {
    padding: 32px 52px;
}
.revenueBlock.opportunities{
    padding: 52px 52px 26px;;
}
.revenueBlock.opportunities h3 {
    margin-top: 30px;
    text-align: center;
}
section#notificationChannels .revenueBlock h3 {
    text-align: left;
}
.revenueBlock h3.distribute_text_heading {
    color: #0A1D48;
    font-weight: 700;
}
.revenueBlock h3{
    /* font-size: 40px; */
    font-family: var(--axiforma);
    font-weight: bold;
    color: #0A1D48;
    margin-bottom: 20px;
    text-align: center;
    /* margin-top: 0px; */

}
p.distributeText{
    font-size: 18px;
    font-family: var(--axiforma);
    color: var(--black-text-color);
    max-width: 400px;
    line-height: 36px;
}
.revenueBlock h3 span{
    color: #0051FF;
}

.revenueBlockConatiner {
    display: flex;
    position: relative;
}
.revenueBlockConatiner > div:first-child{
    width: 40%;
}
.revenueBlockConatiner > div{
    width: 60%;
}
img.productVideo{
    vertical-align: sub;
    margin-right: 4px;
}
.revenueBlockConatiner > div{
    width: 50%;
    font-size: 24px;
    font-family: var(--helvetica);
    color: #000000;
    position: relative;
    z-index: 999;
}
p.solutionText{
    /* font-size: 24px; */
    font-family: var(--axiforma);
    color: #000000;
    margin-top: 0;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
}
.communicationLogos {
    display: flex;
    grid-gap: 40px;
    margin-top: 40px;
    align-items: center;
}
.communicationLogos img{
    width: 118px;
}
p.easyboxpara {
    line-height: 30px;
    font-size: 16px;
    font-family: var(--axiforma);
    color: #011F42;
    font-weight: 400;
}
.bgIcons{
    width: 54px;
}
img.newbannerImg.Group1.popularImage1 {
    margin-bottom: 100px;
    margin-top: 46px;
}
section.newTabs .site-container{
    position: relative;
    z-index: 999;
}
.revenueBlockConatiner img.newbannerImg.Group2{
    width: 466px;
    left: 40%;
}
.revenueBlockConatiner img.newbannerImg.Group1.slackNotification {
    width: 80%;
    left: 40%;
    position: relative;
    z-index: 999;
}
img.newbannerImg.Group1.topImage{
    left: 50%;
    position: ABSOLUTE;
    top: -11%;
    width: 83px;
}
img.newbannerImg.Group2.fade-bottom.images2 {
    width: 7%;
    position: absolute;
    /* top: 77%; */
    left: 86%;
}
section.enterpriseOverview .home-banner-section{

    transform: rotate(180deg);
    top: -7px;
    position: relative;
}

section.enterpriseOverview .home-banner-section .banner-waves{
    height: 0;
}
img.lineImage {
    position: absolute;
    /* right: 0; */
    top: 0;
}
.revenueImages {
    position: relative;
    height: 499px;
}
img.newbannerImg.Group1.imageOne {
    position: absolute;
    /* top: 50%;
    left: -5%; */
}
img.newbannerImg.Group1.imageTwo {
    position: absolute;
    left: 20%;
    z-index: 1;
    width: 76%;
}
img.newbannerImg.Group1.imageThree {
    position: absolute;
    /* right: -20%;
    top: 50%; */
}
.revenueBlock .fade-bottom {
    animation: none;
}
.revenueBlock.active .fade-bottom {
    animation: fade-bottom 2s ease-in;
}
img.newbannerImg.Group1{
    animation: none;
}
.revenueBlock.active img.newbannerImg.Group1{
    animation: fadeInn 0.5s ease-in both;
}
.page-template-template-new-product .fancybox-container{
    z-index: 99999999;
}
.revenueBlock.opportunities{
    background-image: url('../images/icons/oem-bg.svg');
    background-size: contain;
    background-position: bottom;
    padding-top: 52px;
}
.page-template-template-new-product #Features .bannerLeft img.newbannerImg.Group2{
    position: absolute;
    left: 36%;
    top: 17%;
    width: 55%;
}
#notificationChannels img.email_slack{
    width: 852px;
    max-width: 122%;
}
.Gallery .slick-slide img {
    display: block;
    /* width: 337px; */
    margin: 0 auto;
}

#Desktop1 img{
    width: 899px;
    max-width: 124%;
}
#notificationChannels .revenueBlock{
    padding: 32px 52px;
}
/*product page css end*/
.circle-wraper {
    width: 100vw;
    height: 100vh;
    /* background: #034694; */
    position: absolute;
    top: -6%;
    opacity: 0.2;
  }

  .circle-wraper.left .circle {
    opacity: 1;
    top: calc(56% - 25px);
    left: calc(12% - 25px);
    width: 30px;
    height: 30px;
}

.circle-wraper.bottom .circle {
    opacity: 1;
    top: calc(110% - 25px);
    left: calc(8% - 25px);
    width: 41px;
    height: 41px;
}


  .circle {
    position:absolute;
    width: 50px;
    height: 50px;
    top:calc(50% - 25px);
    left:calc(86% - 25px);
    border: 0.1px solid #638DFF;
    border-radius: 50%;
    animation: border 3s linear 0s infinite;
  }
  .circle:nth-child(1) {
    animation-delay: 0s;
  }
  .circle:nth-child(2) {
    animation-delay: 0.5s;
  }
  .circle:nth-child(3) {
    animation-delay: 1.5s;
  }
  .circle:nth-child(4) {
    animation-delay: 2s;
  }
  .circle:nth-child(5) {
    animation-delay: 2.5s;
  }
  .circle:nth-child(6) {
    animation-delay: 3s;
  }
  .circle:nth-child(7) {
    animation-delay: 3.5s;
  }
  .circle:nth-child(8) {
    animation-delay: 4s;
  }
  .circle:nth-child(9) {
    animation-delay: 4.5s;
  }
  .circle:nth-child(10) {
    animation-delay: 5s;
  }
  .circle:nth-child(11) {
    animation-delay: 5.5s;
  }
  .circle:nth-child(12) {
    animation-delay: 6s;
  }
  .circle:nth-child(13) {
    animation-delay: 6.5s;
  }

  .circle:nth-child(14) {
    animation-delay: 7s;
  }
  .circle:nth-child(15) {
    animation-delay: 7.5s;
  }
  .circle:nth-child(16) {
    animation-delay: 8s;
  }
  .circle:nth-child(17) {
    animation-delay: 8.5s;
  }
  .circle:nth-child(18) {
    animation-delay: 9s;
  }
  @keyframes border {
    0% {
      opacity: 1;
      transform: scale(1);
    }
    100% {
      opacity: 0;
      transform: scale(7);
    }
  }
  div#Mobile, div#Mobile1{
      display: none;
  }
  

  /* .page-template-template-new-product section:target::before {
    content: "";
    display: block;
    height: 120px;
    margin: -120px 0 0;
    } */

/*new product page css end*/

/*new get started form start*/

.overlay {
    position: absolute;
    top: -300px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);  
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 99999999;
  }
  
  .overlay:target {
    visibility: visible;
    opacity: 1;
    top:0px;
  }
  
  .popup {
    /* margin: 70px auto; */
    /* padding: 20px; */
    background: #fff;
    border-radius: 5px;
    width: 100%;
    position: relative;
    transition: all 2s ease-in-out;
    height: 100vh;
    overflow-y: hidden;
    z-index:9999999;
  }
  
  .popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
  }
  
  .popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
    color: #666;
    font-family: var(--nunito-sans);
    
  }
  
  body.overflowClass {
    overflow-y: hidden;
  }
  .popup .close img{
    vertical-align: middle;
  }
  .popup .close:hover {
    color: #0A49C4;
  }
  .popup .close:hover img{
    filter: invert(54%) sepia(92%) saturate(3007%) hue-rotate(218deg) brightness(89%) contrast(96%);
  }
  .popup .content {
    max-height: 30%;
    overflow: auto;
  }

  .newgetStartedBlock {
    display: flex;
}
.newgetStartedBlock > div {
    width: 50%;
}
.getStartedRightblock {
    background: #0A1D48;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: flex-start;
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
}
h3.getStartedTitle, h1.getStartedTitle{
    color: #ffffff;
    font-family: var(--axiforma);
    margin-bottom: 20px;
}
p.getStartedPara{
    font-family: var(--axiforma);
    color: #ffffff;
    margin: 0;
    line-height: 40px;
}
.getStartedLeftblock {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.getStartedForm > div{
    display: flex;
    flex-direction: column;
}
.getStartedForm input, 
.getStartedForm select{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D2DEFA;
    border-radius: 4px;
    opacity: 1;
    padding: 10px 13px;
    color: #333;
    opacity: 1;
    font-size: 16px;
    font-family: var(--axiforma);
    top:2px;
    position: relative;
    font-weight: 500;
}
.getStartedForm {
    display: flex;
    flex-direction: column;
}
.getStartedForm .f-dropdown > span {
    margin: 0;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D2DEFA;
    border-radius: 4px;
    opacity: 1;
    height: 47px;
}
.getStartedForm .f-group{
    margin: 0;
}
.newForm img.Images{
    width: 30%;
    margin-bottom: 60px;
}
.getStartedForm label span{
    color: #D50B0B;
}
.getStartedForm label{
    font-size: 16px;
    font-family: var(--axiforma);
    margin-bottom: 10px;
    color: #13002C;
}
.getStartedForm > div.getStartedendButton{
    align-items: flex-end;
}
button#get-access-target2{
    width: fit-content;
    width: 236px;
    height: 52px;
}
button#get-access-target2:hover {
    background: #0C3FA3 0% 0% no-repeat padding-box;
    border: #0C3FA3;
    box-shadow: none;
}
.getStartedForm .f-dropdown > span > span{
    color: #999;
    font-size: 16px;
    font-weight: 300;
}
.getStartedForm .f-dropdown.selectDropdown.filled > span > span{
    color: #333;
    font-weight: 500;
}

.getStartedForm .f-dropdown{
    margin-top: 10px;
}
.getStartedForm .next-loader{
    left: 31%;
    top:-35px
}
.getStartedForm input:focus, .f-dropdown.selectDropdown.open ul + span,
.getStartedForm input:focus-visible{
    border: 1px solid #1B4CBD;
    border-radius: 4px;
    opacity: 1;
    outline: none;
}

.page-template-template-getaccess-thankyou ul.menu li,
.page-template-template-skedler-thankyou ul.menu li,
.page-template-template-getaccess-thankyou footer,
.page-template-template-skedler-thankyou footer,
.page-template-template-skedler-thankyou .bootomFooter,
.page-template-template-getaccess-thankyou .bootomFooter {
    display: none;
}
.page-template-template-getaccess-thankyou ul.menu li:nth-child(4),
.page-template-template-getaccess-thankyou ul.menu li:nth-child(6),
.page-template-template-skedler-thankyou ul.menu li:nth-child(4),
.page-template-template-skedler-thankyou ul.menu li:nth-child(6) {
    display: block;
    padding: 10px 20px 10px 20px;
}
.f-dropdown ul li a:hover{
    background-color: #EBF2FF;
    color: #1A73E8;
}
.bannerNewSOS div#footer-form{
    align-items: unset;
}
/* new get started form end*/


#desktop_view{
    display: none;
}
.page-template-template-cart .site-header .menu{
    visibility: hidden;
}
.page-template-template-cart footer#Footernew,
.page-template-template-cart .bootomFooter{
    display: none;

}

button.button.buttonBasic.active{
    width: 115px;
}

@media only screen and (min-width: 1441px) and (max-width: 1986px)  {
    section.sosFeatureSection1,
    .logoSlider .container,
    .featuresSOS .container,
    section#Footernew{
        max-width: 1440px;
        margin: 0 auto;
        display: block;
    }
    .whitepaperFilter{
        max-width: 1440px;
        margin: 0 auto;
    }
    .page-template-template-whitepaper .youtube-video div{
        height: 389px;
    }
    .video-section.user-guide-video .img-wrap{
        min-height: 180px;
        display: flex;
    }
    .page-template-template-whitepaper .youtube-video{
        width: 80%;
    }
}
.site-header.active {
    top: 70px;
    transition: all 0.3s ease 0s;
} 
.page-template-template-getaccess-thankyou .site-header.active,
.page-template-template-skedler-thankyou .site-header.active{
    top:0px;
}
.page-template-template-skedler-thankyou .offerPopup{
    display: none !important;
}
.page-template-template-videos-blog .bg img{
    height: auto;
}
section.newTabs.active{
    top: 148px;
    transition: all 0.3s ease 0s;
}
.pricing-section-new.active{
    margin-top: 60px;
    transition: all 0.3s ease 0s;
}
section#Features.active{
    margin-top: 36px;
    transition: all 0.3s ease 0s;
}
span.myBtn {
    text-decoration: underline;
    cursor: pointer;
    font-weight: 400;
    color: #0A49C4;
}
.page-template-template-home section.videos-listing-section span.myBtn{
    text-decoration: none;
    color: #fff;
    top: 6px;
    position: relative;

}
.page-template-template-home section.videos-listing-section .createSandbox.two span.myBtn{
    top:6px;
    position: relative;
}
.topClose {
    position: absolute;
    right: 2%;
    top: 24%;
    cursor: pointer;
    z-index: 999999;
}
.topClose img{
   
    width: 14px;
}
.topClose img:hover{
    filter: invert(1);
}
.kibana_sandlogo{
    vertical-align: middle;
    height: 14px;
}
.facebbokIcon img{
    width: 18px;
}


/*Grafana landing page css */
img.grfana_logo {
    vertical-align: text-top;
}
.page-template-template-new-grafana .footerButton,
.page-template-template-new-kibana .footerButton{
    justify-content: center;
    text-align: center;
}
.page-template-template-new-grafana .bannerFooterFeatures,
.page-template-template-new-kibana .bannerFooterFeatures{
    justify-content: center;
    color: #fff;
    margin-top: 0;
}
.whyGrafana{
    font-family: var(--axiforma);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
    font-size: 36px;
    margin-top: 0;
    font-weight: 400;
    margin-bottom: 0;
}
.page-template-template-new-grafana .bannerFooterFeatures > div,
.page-template-template-new-sos .bannerFooterFeatures > div ,
.page-template-template-new-kibana .bannerFooterFeatures > div {
    margin: 0px 40px 0px 40px;
}
.page-template-template-new-grafana #Features .bannerFooterFeatures > div,
.page-template-template-new-kibana #Features .bannerFooterFeatures > div{
    margin: 15px 40px 30px 40px;
}
.page-template-template-new-grafana .tabsList1 > div,
.page-template-template-new-sos .tabsList1 > div,
.page-template-template-new-kibana .tabsList1 > div{
    margin-left: 0;
    font-family: var(--axiforma);
}
span.demoButton{
    position: relative;
    top: 1px;
}

.page-template-template-new-sos .tabsList1 > div:first-child {
    margin-left: 20px ;
}
.page-template-template-new-grafana p.easyboxHeading,
.page-template-template-new-grafana p.distributeText,
.page-template-template-new-sos p.easyboxHeading,
.page-template-template-new-sos p.distributeText{
    text-align: center;
}
.page-template-template-new-grafana p.distributeText,
.page-template-template-new-sos p.distributeText{
  height: 110px;
}

.page-template-template-new-grafana section#Features {
    background: url(../images/icons/grafana_bar.svg), #0A1D48;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 40px;
}
.page-template-template-new-grafana .sosFeatures,
.page-template-template-new-sos .sosFeatures{
    grid-gap: 46px;
}
.page-template-template-new-grafana .featuresSOS,
.page-template-template-new-sos .featuresSOS,
.page-template-template-new-kibana .featuresSOS{
    padding-bottom: 80px;
    padding-top: 40px;
}
.page-template-template-new-grafana img.newbannerImg.Group2,
.page-template-template-new-kibana img.newbannerImg.Group2{
    position: absolute;
    right: 70%;
    left: auto;
    top: 64%;
    width: 48%;
}
.page-template-template-new-grafana h2.dataSourceTitle,
.page-template-template-new-sos h2.dataSourceTitle,
.page-template-template-new-kibana h2.dataSourceTitle{
    margin-bottom: 60px;
}

.page-template-template-new-grafana .newbannerImg.Group4,
.page-template-template-new-kibana .newbannerImg.Group4 {
    position: absolute;
    right: 24%;
    left: auto;
    top: -26px;
    width: 30%;
    animation: fadeInn 0.5s ease-in both;
    animation-delay: 0.5s;
}
.page-template-template-new-grafana img.newbannerImg.Group5,
.page-template-template-new-kibana img.newbannerImg.Group5 {
    position: absolute;
    right: 70%;
    left: auto;
    top: 49%;
    width: 50%;
}

.page-template-template-new-grafana p.newbannerPara,
.page-template-template-new-kibana p.newbannerPara{
    margin-bottom: 30px;
}
.page-template-template-new-grafana h2.newbannerproductheading.fade-in-text,
.page-template-template-new-sos h2.newbannerproductheading.fade-in-text,
.page-template-template-new-kibana h2.newbannerproductheading.fade-in-text{
    margin-bottom: 0;
}
.page-template-template-new-grafana p.newbannerproductPara.fade-in-text,
.page-template-template-new-sos p.newbannerproductPara.fade-in-text,
.page-template-template-new-kibana p.newbannerproductPara.fade-in-text{
    margin-top: 6px;
}

/*new grafana css end*/
/*new sos*/
.page-template-template-new-sos section#Features h1.newbannerheading,
.page-template-template-new-sos section#Features p.newbannerPara{
    text-align: left;
}
.page-template-template-new-sos section#Features p.newbannerPara{
    margin-top: 6px;
}
.page-template-template-new-sos .sos_buttons{
    justify-content: left;
    margin-top: 20px;
}
.page-template-template-new-sos section#Features h1.newbannerheading,
.page-template-template-new-kibana section#Features h1.newbannerheading{
    padding-top: 90px;
}
.page-template-template-new-sos .footerButton{
    margin-top: 20px;
}
.page-template-template-new-sos .bannerFooterFeatures {
    justify-content: left;
    color: #ffffff;
}
.sos_buttons > div:nth-child(1){
    margin-left: 0;
    padding-left: 0;
}
.page-template-template-new-sos #Features .bannerFooterFeatures > div {
    margin: 20px 40px 30px 40px;
}
.page-template-template-new-sos #Features .bannerFooterFeatures > div:nth-child(1){
    margin-left: 0;
}
.page-template-template-new-sos p.newbannerPara{
    margin-bottom: 0;
}

.page-template-template-new-grafana section#Features h1.newbannerheading{
    padding-top: 80px;
}
.sos_section {
    display: flex;
}
.sosImagessection{
    display: flex;
    align-items: CENTER;
    justify-content: center;
    position: relative;
    margin-top: 120px;
}
.sos_section > div:nth-child(1) {
    width: 75%;
}
img.newbannerImg.Group8 {
    position: absolute;
    top: -10%;
    z-index: 1;
    right: 60%;
    animation: fadeInn 1s ease-in both;
    animation-delay: 1s;
}
img.newbannerImg.Group9 {
    position: absolute;
    top: 0;
    top: -10%;
    z-index: 1;
    left: 60%;
    animation: fadeInn 1s ease-in both;
    animation-delay: 1s;
}
img.newbannerImg.Group6.fade-bottom {
    position: absolute;
    z-index: 1;
    left: 60%;
    bottom: -6%;
}
img.newbannerImg.Group7.fade-bottom {
    position: absolute;
    z-index: 1;
    right: 60%;
    bottom: -6%;
}

.desktop_view{
    display: block;
}
.mobile_view{
    display: none;
}

/*sos image grouping */

.page-template-template-new-sos img.newbannerImg.Group11,
.page-template-template-new-kibana img.newbannerImg.Group11 {
    position: absolute;
    bottom: -10%;
    right: 5%;
    z-index: 1;
}
.page-template-template-new-sos img.newbannerImg.Group12,
.page-template-template-new-kibana img.newbannerImg.Group12 {
    position: relative;
    width: 86%;
    left: 14%;
}
.page-template-template-new-sos img.newbannerImg.Group13.fade-bottom,
.page-template-template-new-kibana img.newbannerImg.Group13.fade-bottom {
    position: absolute;
    top: 54%;
    left: 2%;
}
.page-template-template-new-sos img.newbannerImg.Group14,
.page-template-template-new-kibana img.newbannerImg.Group14{
    position: absolute;
    z-index: 1;
    top: 34%;
    left: -12%;
}
.page-template-template-new-sos img.newbannerImg.Group15,
.page-template-template-new-kibana img.newbannerImg.Group15 {
    position: relative;
    left: 0;
}
.page-template-template-new-sos img.newbannerImg.Group16,
.page-template-template-new-kibana img.newbannerImg.Group16 {
    position: absolute;
    z-index: 2;
    left: 46%;
    width: 54%;
    animation: fadeInn 1s ease-in both;
    animation-delay: 1s;
}
.page-template-template-new-sos img.newbannerImg.Group17,
.page-template-template-new-kibana img.newbannerImg.Group17 {
    position: relative;
    width: 90%;
}
.page-template-template-new-sos img.newbannerImg.Group18.fade-bottom,
.page-template-template-new-kibana img.newbannerImg.Group18.fade-bottom{
    position: absolute;
    bottom: -2%;
    right: 65%;
}
.page-template-template-new-sos img.newbannerImg.Group19.fade-bottom,
.page-template-template-new-kibana img.newbannerImg.Group19.fade-bottom{
    position: absolute;
    right: 0;
    top: 14%;
}

img.newbannerImg.Group20.fade-bottom {
    position: absolute;
    z-index: 1;
    bottom: -7%;
    right: 0%;
    width: 40%;
}

body .fancybox-container{
    z-index: 9999999;
}

/*Kibana landing page */
.page-template-template-new-kibana .featuresSOS,
.page-template-template-new-grafana .featuresSOS{
    padding: 72px 0;
}
.page-template-template-new-kibana section#Features{
    padding-bottom: 0;
    background-color: #0A1D48;
    background-repeat: no-repeat;
}
.kibana_grafana_box {
    display: flex;
    grid-gap: 70px;
    justify-content: center;
    top: 16px;
    position: relative;
}
.kibana_box {
    background: transparent linear-gradient(180deg, #EF4F98 0%, #071638 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    padding: 0 50px 60px;
    animation: fadeInn 0.5s ease-in both;
    animation-delay: 0.5s;
}
.skedler_box {
    background: linear-gradient(183deg, #0051FF -0.27%, #0A1D48 84.3%);
    border-radius: 20px;
    opacity: 1;
    padding: 0 50px 60px;
    animation: fadeInn1 1s ease-in both;
    animation-delay: 1s;
}

p.kibana_grafana_box_title {
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 24px;
    margin-bottom: 0;
    padding: 0 0px;
    font-family: var(--axiforma);
    margin: 30px 0;
}
ul.reportingList {
    font-size: 18px;
    color: #fff;
    list-style: disc;
    font-family: var(--axiforma);
    padding: 0 26px;
    margin-top: 36px;
}
ul.reportingList li {
    padding: 6px 0px;
}
.box_image{
    width: 600px;
}

.kibanaGroupBoxImage {
    position: absolute;
    top: 0;
    left: 26%;
    right: 0;
    bottom: 0;
    display: flex;
    width: 14%;
}
.kibana_imageBox {
    position: relative;
    display: block;
}
.kibanaGroupBoxImageTop {
    position: absolute;
    top: -10%;
    right: 10%;
    border-radius: 100%;
}
.skedlerGroupBoxImageTop img.kibanaGroup, .kibanaGroupBoxImageTop img.kibanaGroup {
    animation: fadeInn 0.5s ease-in both;
    animation-delay: 0.5s;
}
.kibanaGroupBoxImageTop img.kibanaGroup{
    width: 100%;
    margin: 0 auto;
    display: block;
}
.skedlerGroupBoxImage {
    position: absolute;
    bottom: -18px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.skedlerGroupBoxImage div:first-child{
    right: 5%;
    position: relative;
}
.skedlerGroupBoxImage div:last-child{
    left: 9%;
    position: relative;
}
.skedlerGroupBoxImage img {
    width: 80%;
}
.skedlerGroupBoxImageTop {
    position: absolute;
    top: -16%;
    right: 10%;
    border-radius: 100%;
    padding: 12px 15px;
    width: 40%;
}
.checkmarkNew{
    display: inline;
    position: absolute;
    top: -26px;
    right: -2%;
    width: 5%;
}
.page-template-template-new-kibana .whyGrafana{
    font-size: 36px;
    font-weight: normal;
    margin-top: 40px;
    margin-bottom: 0;
}
.page-template-template-new-kibana img.grfana_logo{
    vertical-align: middle;
}
.page-template-template-new-kibana .newbannerheading img.grfana_logo{
    vertical-align: baseline;
}
/*kibana landing page css end*/

/*banner & how its works css*/
.homeBannerButtons {
    display: flex;
    align-items: center;
    margin-top: 38px;
}
.homeBannerButtons .getStartedButton.fade-in-text {
    margin-top: 0;
}
.howits.fade-in-text {
    top: 20px;
    padding: 0 46px;
    color: #00CEFF;
    font-size: 18px;
    font-family: var(--axiforma);
}
.howits:hover{
    color: var(--white-color);
}
.howits:hover path#Path_24144{
    fill: white;
}
.offerPopup path#Path_24144{
fill: white;
}
.howits span.arrowImage {
    position: relative;
    top: 5px;
}
.howits::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background:#00CEFF;
    transform: scaleX(0);
    transition: transform .25s ease-in-out;
    transform-origin: 100% 50%;
}
a.claimLink::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background:#00CEFF;
    transform: scaleX(0);
    transition: transform .25s ease-in-out;
    transform-origin: 100% 50%;
    left: 0px;
    position: relative;
}
.offerPopup a.claimLink::after {
    background: #fff;
}
a.claimLink:hover{
    color: #ffffff;
    display: inline-block;
}
a.claimLink:hover::after {
    width: 80%;
    transform: scaleX(1);
    transform-origin: 0 50%;
}
a.claimLink:hover path#Path_24144 {
    fill: #fff !important;
}
a.claimLink:hover svg#arrow-right-line {
    left: 3px;
    transition: all 0.5s ease-out;
    transform: translate3d(5px, 0, 0);
}
a.flatOffer {
    text-decoration: none;
}
a.claimLink {
    text-decoration: none;
}
.tryfreeInstall::after, .tryfreeInstall a::after{
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background:#226DFF;
}


.tryfreeInstall::after{
    background:#226DFF;
    transform: scaleX(0);
    transition: transform .25s ease-in-out;
    transform-origin: 100% 50%;
}
.tryfreeInstall:hover{
    filter: brightness(0);
}

.howits:hover span.arrowImage {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}
.howits:hover::after{
    width: 100%;
    transform: scaleX(1);
    transform-origin: 0 50%;
}
.tryfreeInstall:hover::after {
    width: 100%;
    transform: scaleX(1);
    transform-origin: 0 50%;
}
.howitsText {
    padding-top: 48px;
    text-align: CENTER;
}
.howitsVideo{
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 15px;
    position: relative;
    z-index: 999;
}
.videoFooterbuttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--axiforma);
    padding: 20px 10px 10px;
}
.tryfreeInstall {
    color: #226DFF;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    /* display: flex; */
    top: 6px;
    font-family: var(--axiforma);
    position: relative;
}
.tryfreeInstall img{
    width: 24px;
    top: 6px;
    position: relative;

}
.videoButtons {
    display: flex;
    align-items: center;
}
.bookDemo {
    border: 1px solid #0A1D48;
    border-radius: 4px;
    opacity: 1;
    padding: 9px 25px;
    color: #0A1D48;
    font-size: 16px;
    cursor: pointer;
}
.bookDemo:hover{
    background: #0A1D48;
    border: 1px solid #0A1D48;
    color: #fff;
}
.StartFreeTrialButton {
    border: 1px solid #226DFF;
    border-radius: 4px;
    opacity: 1;
    padding: 9px 25px;
    color: #fff;
    font-size: 16px;
    background: #226DFF;
    margin-left: 20px;
    cursor: pointer;
}
.StartFreeTrialButton:hover{
    background: #0A1D48;
    border: 1px solid #0A1D48;
}
.video video{
    width: 100%;
    /* height: 600px; */
}
.video > div{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.playDiv {
    position: absolute;
    z-index: 999;
    cursor: pointer;
}
.video-wrapper {
    position: relative;
}

.video-wrapper > video {
    width: 100%;
    vertical-align: middle;
    box-shadow: 0px 0px 20px #0000001a;
    border: 10px solid #FFFFFF;
    border-radius: 20px;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
    display: none;
}

.video-overlay-play-button {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px calc(50% - 50px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    /* opacity: 0.95; */
    cursor: pointer;
  
    /* background-image: linear-gradient(transparent, #000); */
    transition: opacity 150ms;
}

.video-overlay-play-button:hover {
    opacity: 1;
}

.video-overlay-play-button.is-hidden {
    display: none;
}
svg.video-overlay-play-button.is-hidden{
    filter: invert(1);
}
.page-template-template-howits p.newbannerPara{
    margin-top: 0;
    margin-bottom: 36px;
}
span.buttonText {
    position: relative;
    top: 2px;
    text-align: center;
}
.howitsVideo svg:hover circle#Ellipse_867{
    fill: #fff;
}
.howitsVideo svg:hover path#Path_24146{
    fill: #226DFF;
}
.offerPopup{
    /* background: url(../images/icons/offerBg.svg); */
    background: linear-gradient(98deg, rgba(0,255,78,1) 0%, rgba(34,109,255,1) 100%);
    height: 70px;

}
.offerPopup svg#arrow-right-line{
    top: 4px;
    position: relative;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.offerPopup path#Path_24144 {
    fill: #0A1D48;
}
.offerPopup p, .offerPopup1 p{
    /* padding: 10px 0; */
    font-weight: 600;
    font-size: 18px;
    height: 44px;
    color: #fff;
    top: 10px;
    z-index: 999999;
}
.offerPopup > div, .offerPopup1 > div{
    margin: 8px;
}
.offerBackground{
   background: url(../images/icons/offer.svg); 
   padding: 14px 28px;
    background-size: contain;
    background-repeat: no-repeat;
    color: #0A1D48;
    font-weight: 600;
    cursor: pointer;
}
.offerBackground:hover {
    background: url(../images/icons/red.svg);
    background-size: contain;
    background-repeat: no-repeat;
    color: #ffff;
}
.offerPopup p {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-template-template-getaccess-thankyou .site-header.active{
    top:0;
}
.page-template-template-getaccess-thankyou .offerPopup{
    display: none !important;
}
.page-template-template-getaccess-thankyou .offerPopup1{
    position: absolute;
    bottom: 0;
    width: 100%;
    top: auto;
    display: none;
    background: linear-gradient(100deg, rgba(230,86,28,1) 0%, rgba(244,173,61,1) 100%);
}
.claimNow .offerPopup{
    background: linear-gradient(100deg, rgba(230,86,28,1) 0%, rgba(244,173,61,1) 100%);
}
#arrow-right-line1{
    position: relative;
    top: 4px;
}
.claimNow .offerPopup1 p{
    color: #000000;
    top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#arrow-right-line1 path#Path_24144{
    fill: white;
    top: 6px;
    position: relative;
}
.claimNow a.claimLink::after{
    background: #fff;
    height: 4px;

}
.claimNow .offerBackground{
    padding: 10px 28px;
}
.page .tool-container.tool-top.toolbar-primary.active {
    top: 140px !important;
}

.page-template-template-howits h1.newbannerheading{
    margin-top: 60px;
}
.page-template-template-getaccess-thankyou .tool-container.tool-top.toolbar-primary.active {
    top: 70px !important;
}
svg#arrow-right-line2 {
    top: 6px;
    position: relative;
}
svg#arrow-right-line2 path#Path_24144 {
    fill: #226DFF;
}
.page-template-template-new-kibana .newbannerheading img.grfana_logo{
    vertical-align: baseline;
}
.StartFreeTrialButton1 svg#arrow-right-line {
    top: 5px;
    position: relative;
}
.StartFreeTrialButton1::after{
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background:#226DFF;
    transform: scaleX(0);
    transition: transform .25s ease-in-out;
    transform-origin: 100% 50%;
}
.StartFreeTrialButton1:hover::after {
    width: 80%;
    transform: scaleX(1);
    transform-origin: 0 50%;
}
.StartFreeTrialButton1:hover{
    color:#226DFF;
}

.StartFreeTrialButton1{
    font-size: 18px;
    font-family: var(--axiforma);
    color: #0A1D48;
}
/*banner & how its works css end*/
.wrapper.newPricing {
    background: #0A1736;
    margin-top: 200px;
}
.page-template-template-pricing-new section.newlogossection{
    bottom: 120px;
    position: relative;
}
.table.one, .table.one .pricing-section-new #headerBasic {
    border-radius: 20px 0px 0px 20px;
}
.table.five {
    border-radius: 0px 20px 20px 0px;
}
.table.two, .table.three, .table.four {
    position: relative;
    box-shadow: 0px 10px 20px #0055ff66;
}
.page-template-template-pricing-new .trusted-companies{
    margin: 34px 0px 0px 0px;
}
span.accordion__title-text {
    color: #0A1D48;
    font-size: 18px;
    font-family: var(--axiforma);
    top: 2px;
    position: relative;
}


/*Trainig videos new*/
.main_blog_page {
    background: url(../images/icons/play-left.png), url(../images/icons/play-right.png), #0A1D48;
    background-size: 14%, 12%, 100%;
    background-repeat: no-repeat;
    background-position: top -80px left 15%, top -14px left 84% , center;
}
.BIvideos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 150px;
}
.BIvideos, .search-results .BIvideos, .search-no-results .BIvideos {
    padding: 8px;
    text-align: center;
    color: #FFFFFF;
    font-family: var(--axiforma);
    margin-bottom: 0;
}
.play_title_section {
    width: 100%;
}
.play_title_section h1 {
    margin-bottom: 0;
    margin-top: 42px;
}
.play_title_section h1, .search-results .play_title_section h1, .search-no-results .play_title_section h1 {
    color: #FFFFFF;
    font-family: var(--axiforma);
    font-size: 32px;
}
.play_title_section p, .search-results .play_title_section p, .search-no-results .play_title_section p {
    margin-top: 0;
}
.play_title_section p, .search-results .play_title_section p, .search-no-results .play_title_section p {
    font-family: var(--helvetica);
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
}
.is-form-style {
    width: 800px;
    margin: 0 auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    /* height: 54px; */
    border-radius: 50px;
    opacity: 1;
}
.filter {
    margin: 0px 20px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 46px;
}
.blog__div_main .active, .blog_container_block .active {
    /* display: none !important; */
}
.blog__div_main .hide, #Content .hide {
    display: none !important;
}
.filter .active {
    background: #0A49C4;
    color: #fff;
    padding: 6px 20px;
    border-radius: 20px;
    font-weight: bold;
    border: 1px solid #0A49C4;
}
.filter > div {
    color: #0A1D48;
    padding: 0 20px;
    font-family: var(--helvetica);
    font-weight: 300;
    cursor: pointer;
    border: 1px solid #0A1D48;
    padding: 6px 20px;
    border-radius: 20px;
    margin: 10px;
    font-weight: normal;
    font-size: 14px;
}
input#is-search-input-869 {
    background: transparent;
    border-radius: 50px !important;
    border: 1px solid #fff !important;
    opacity: 1;
    padding: 0 24px !important;
}
.is-form-style {
    width: 800px;
    margin: 0 auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    /* height: 54px; */
    border-radius: 50px;
    opacity: 1;
}
.is-search-icon {
    bottom: -4px;
    position: relative;
    right: 8px;
    background-color: transparent;
    border: none;
}
.alm-reveal {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 30px;
}
.blog__div_main {
    margin: 0 auto;
    width: 100%;
}
.blog__div_container {
    background-color: #ffffff;
}
.blog__div_main .bg, .single .blog__div_main .bg, .search-results .blog__div_main .bg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    opacity: 1;
}
.blogTitle, .single .blogTitle, .search-results .blogTitle {
    display: flex;
    justify-content: initial;
}
.blogTitle a {
    text-decoration: none;
}
.title1, .single .title1, .search-results .title1 {
    padding: 0 20px;
    letter-spacing: 0px;
    color: #120F2C;
    opacity: 1;
    font-family: var(--axiforma);
    height: auto;
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
    line-height: normal;
}
.detail, .single .detail, .search-results .detail {
    padding: 0px 0 14px 20px;
}
p.head_of_content1 {
    color: #120F2C;
    opacity: 0.5;
    font-size: 12px;
    padding-bottom: 0;
    margin: 0;
    font-family: var(--helvetica);
}
p.head_of_content {
    letter-spacing: 0px;
    color: #120F2C;
    opacity: 1;
    font-family: var(--helvetica);
    font-size: 12px;
    margin-top: 4px;
}
.bg img, .single .bg img, .search-results .bg img {
    height: 240px;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}
.bg:hover a, .relatedthumb:hover a, .blogRight:hover .blogTitle a {
    color: #0A49C4;
}
.main_blog_page.active {
    margin-top: 72px;
}
.search-results .title h1 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-left: 6px;
    font-family: var(--axiforma);
    margin-top: 60px;
}
.search-results .title h1 span {
    font-weight: bold;
}
.single .blog__div_main, .search-results .blog__div_main {
    margin: 0 auto;
    width: 100%;
    /* max-width: 1230px; */
    display: grid;
    grid-template-columns: 31% 31% 31%;
    grid-gap: 3%;
    justify-content: center;
}
.search.search-results.skedler .blog__div_main {
    margin-bottom: 420px !important;
}
.search.search-no-results.skedler .post.no-result-found {
    margin-bottom: 380px !important;
}
body.search.search-results.skedler section.footerbannerDiv,
body.search.search-no-results.skedler section.footerbannerDiv{
    bottom: 664px;
}
.notFondImg {
    margin: 0 auto;
    display: block;
}
.post .head h1 {
    font-family: var(--helvetica);
    font-size: 24px;
    color: #120F2C;
    text-align: center;
}
.search-no-results .notFoundPara {
    font-size: 12px !important;
    margin-bottom: 0;
    font-family: var(--axiforma);
    color: #333333;
    text-align: center !important;
}
.search-no-results .backtoblog {
    text-align: center;
    font-size: 16px;
    margin-top: 34px;
    letter-spacing: 0px;
    color: #5733BB;
    opacity: 1;
    margin-bottom: 60px;
}
.backtoblog a {
    color: #0A49C4;
    font-family: var(--axiforma);
    text-decoration: none;
}
.post.no-result-found {
    margin-top: 90px;
}
.search-results div.is-ajax-search-details, .search-results div.is-ajax-search-result, .page-template-template-blog div.is-ajax-search-details, .page-template-template-blog div.is-ajax-search-result, div.is-ajax-search-details, div.is-ajax-search-result {
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 2px 4px #0000001a !important;
    border: 1px solid #F2F5F8 !important;
    border-radius: 8px !important;
    opacity: 1;
    padding: 0;
    width: 800px !important;
    margin: 0 auto;
    display: block !important;
    text-align: center;
    padding: 0 !important;
    /* left: 300px !important; */
    /* position: relative; */
    z-index: 2;
}
.is-ajax-search-post, .is-ajax-search-post-details {
    padding: 8px !important;
}
.is-ajax-search-details a, .is-ajax-search-result a {
    color: #333333 !important;
    font-family: var(--helvetica);
    width: 100%;
    font-size: 14px;
    display: block;
}
.is-ajax-search-details a:hover, .is-ajax-search-result a:hover, .is-ajax-search-post:hover a, .is-ajax-search-post-details:hover a {
    color: #0A49C4 !important;
    text-decoration: none !important;
}
.is-ajax-search-result .is-ajax-search-post:hover {
    background: #E8F0FF !important;
}
.is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a {
    text-transform: capitalize;
    font-size: 14px;
    top: 4px;
    position: relative;
}
.is-form-style input.is-search-input {
    height: 52px;
}
.is-form-style.active{
    border: 1px solid #0A1D48;
}
.is-search-icon:hover, form.is-form-style input.is-search-submit:hover {
    background: transparent;
}
nav.navigation.pagination {
    bottom: 320px;
    right: 0;
    left: 0;
    display: flex;
    justify-content: right;
}
.navigation, .navigation-comments {
    position: relative;
    vertical-align: middle;
    margin-bottom: 1.2em;
}
.nav-links .page-numbers.current {
    border-color: #E5E5E5;
    color: #fff;
    background-color: #0A1D48;
    font-size: 14px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    opacity: 1;
    font-family: var(--helvetica);
}
.navigation .page-numbers, .navigation-comments .page-numbers {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 10px;
}
.nav-links .page-numbers:last-child {
    margin: 0;
}
.navigation .next, .navigation .prev, .navigation-comments .next, .navigation-comments .prev {
    display: inline-block;
    vertical-align: middle;
    max-width: 48%;
    background: transparent;
    color: #000000;
    /* padding: 0.4em; */
    text-decoration: none;
}
.nav-links .page-numbers {
    -webkit-transition: color .3s ease-in-out, border .3s ease-in-out;
    transition: color .3s ease-in-out, border .3s ease-in-out;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    border: 1px solid #2e69ef;
    margin-right: 6px;
    color: #120F2C;
    font-family: var(--helvetica);
    font-size: 14px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}
a.page-numbers {
    text-decoration: none;
}
.navigation .screen-reader-text, .navigation-comments .screen-reader-text {
    position: absolute;
    left: -99999px;
}
.header_bg img.attachment-full.size-full.wp-post-image {
    width: 100%;
    height: auto;
    border-radius: 20px;
    margin-bottom: 16px;
    margin: 0 auto;
    display: block;
	border: 1px solid #0a1d48;
}
svg:hover circle#Ellipse_867 {
    fill: #fff;
}
.addtoany_list a:not(.addtoany_special_service)>span {
    border-radius: 4px;
    display: inline-block;
    opacity: 1;
    border-radius: 100px !important;
    padding: 4px;
}
.a2a_svg svg {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: none;
    display: block;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    width: auto;
    height: auto;
}
.addtoany_list .a2a_button_facebook:hover path, .addtoany_list .a2a_button_linkedin:hover path, .addtoany_list .a2a_button_twitter:hover path {
    fill: #fff;
}
a2a_button_facebook:hover span.a2a_s_facebook {
    background: #3475E0 !important;
}
.addtoany_list .a2a_button_linkedin:hover span.a2a_s_linkedin, .addtoany_list .a2a_button_twitter:hover span.a2a_s_twitter {
    background: #1A73E8 !important;
}
@media (max-width: 1024px){
body input#is-search-input-869, 
body .is-form-style {
    width: 100%;
    height: auto;
}
body .BIvideos,
body .title1, 
.single .title1, .search-results .title1{
    height: auto !important;
}
body .BIButtons, body .filter {
    flex-direction: column;
}
.blog__div_container {
    width: 100% !important;
    margin: 0;
}
.BIvideos, .alm-reveal,
body.search-results .blog__div_main {
    display: block !important;
}
.blog__div_main {
    margin: 5px;
    width: auto;
    margin-bottom: 20px;
    padding: 10px;
}
body section.newlogossection.forMobile.active{
    display: none !important;
}
body.search.search-no-results.skedler .post.no-result-found{
    margin-bottom: 0px !important;
}
body.search.search-results.skedler .blog__div_main {
    margin-bottom: 60px !important;
}
body .blog__div_main .bg, 
body.single .blog__div_main .bg, 
body.search-results .blog__div_main .bg{
    margin-bottom: 30px;
}
body.page-template-template-videos-blog .blog__div_container .bg {
    margin-bottom: 0 !important;
}
body nav.navigation.pagination{
    bottom: 0;
}
body.search.search-results.skedler #glt-translate-trigger{
    display: none;
}
body .header_bg img.attachment-full.size-full.wp-post-image{
	height:auto !important;
}
	body.single .blog__div_main, body.search-results .blog__div_main{
		display:block;
	}
	body .relatedthumb{
		margin-bottom:20px;
	}
	body .relatedposts.blog__div_main{
		margin-bottom:0px;
	}
}
.content_page {
    margin-top: -60px;
}
.relatedposts.blog__div_main {
    margin-bottom: 320px;
    margin-top: 30px;
}
.relatedposts.blog__div_main {
    padding-bottom: 30px;
}
.relatedthumb {
    box-shadow: 0 0 8px 1px rgb(16 16 16 / 10%) !important;
    border-radius: 6px;
}
.relatedthumb img {
    width: 100%;
    height: 236px !important;
    margin-bottom: 15px;
    border-radius: 6px 6px 0px 0px;
}
.postContent {
    /* max-width: 1230px; */
    margin: 0 auto;
    display: flex;
    align-items: baseline;
}
div#sidebar{
	    display: flex;
    align-items: CENTER;
    justify-content: space-between;
}
.sidebarwrap {
    width: 100%;
    
    position: relative;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
}
.breadcrumb a {
    text-decoration: none;
    color: #0A1D48;
    font-family: var(--axiforma);
}
.postContent svg#arrow-right-line {
    transform: rotate(180deg);
    fill: #0A1D48;
    vertical-align: middle;
}
.postAuthor {
    display: flex;
    align-items: CENTER;
    text-transform: capitalize;
    grid-gap: 6px;
    margin-top: 20px;
}
.single .shareArticle {
    margin-top: 20px;
}
.shareArticle {
    font-family: var(--helvetica);
    color: #120F2C;
    font-size: 12px;
    opacity: 1;
}
.container.contentBlock {
    width: 70%;
}
h3.popular_title {
    color: #120F2C;
    opacity: 1;
    font-size: 28px;
    font-family: var(--axiforma);
}
body.post-template-default.single section.footerbannerDiv{
	bottom:670px;
}
.video-overlay-play-button {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px calc(50% - 50px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    /* opacity: 0.95; */
    cursor: pointer;
    /* background-image: linear-gradient(transparent, #000); */
    transition: opacity 150ms;
}
.video-overlay-play-button:hover {
    opacity: 1;
}
svg:hover path#Path_24146 {
    fill: #226DFF;
}
.addtoany_list .a2a_button_facebook:hover span.a2a_s_facebook {
    background: #3475E0 !important;
}
.blog_container_block.active{
    padding-top: 72px;
}
/*Trainig videos new end*/
/*partners page css*/
.page-template-template-partners .BIvideos{
    height: auto;
}
.partnersBox {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 30px;
}
.page-template-template-partners .clients-logo-row a{
    padding: 12px;

}
.page-template-template-partners .clients-logo-row{
    justify-content: center;
}
h3.partnersText {
    font-size: 30px;
    color: #fff;
    font-family: var(--axiforma);
}
.parnersBlock h3 {
    font-size: 44px;
    font-family: var(--axiforma);
    color: #0A1D48;
    opacity: 1;
}
.parnersBlock > div {
    width: 50%;
}
.parnersBlock p{
    font-size: 18px;
    color: #0A1D48;
    font-family: var(--helvetica);
    opacity: 1;
}
.parnersBlock {
    display: flex;
    margin: 60px 0;
}
.partnersButton{
    background: #226DFF 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    font-size: 18px;
    font-family: var(--axiforma);
    color: #fff;
    width: max-content;
    padding: 14px;
}
.partnersButton span{
    top: 2px;
    position: relative;
}
.page-template-template-partners .main_blog_page{
    background: url(../images/icons/skedler-partners-1.png), url(../images/icons/skedler-partners.png), #0A1D48;
    background-size: 14%, 12%, 100%;
    background-repeat: no-repeat;
    background-position: top -80px left 15%, top -14px left 84% , center;
}
section.Becomepartners {
    margin-bottom: 360px;
}
.clients-logo-row {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 32px;
    gap: 30px;
    padding: 0 20px;
}

.clients-logo-row li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.clients-logo-row a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.clients-logo-row a img {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    /* width: 128px; */
}
.clients-logo-row a:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.clients-logo-row a {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /* box-shadow: 0px 0px 10px #0000001a; */
    border-radius: 8px;
    opacity: 1;
}

@media (min-width: 1600px) {
body.page-template-template-partners .clients-logo-row a {
    width: 300px;
    height: 120px;
}
}
@media (min-width: 1200px) {
    .page-template-template-partners .clients-logo-row a {
        width: 250px;
        height: 90px;
    }  
}
@media (max-width: 1024px){
    .clients-logo-row {
        margin-bottom: 0;
        max-width: 280px;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    body .clients-logo-row li {
        padding-right: 10px;
        margin-bottom: 20px !important;
    }
    body .clients-logo-row li {
        margin: 0 auto;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%;
    }
    
    body .clients-logo-row a {
        width: 100%;
    }
}
.parnersBlock a{
    text-decoration: none;
}
/*partners page end*/

input.ActivateBAct.new.re-activate {
    background-color: #e08c38;
    border: #e08c38;
    font-weight: 700;
    line-height: 25px;
    padding: 12px 24px;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}

/*new customers page design*/
.Customersblog {
    display: flex;
    justify-content: center;
    grid-gap: 40px;
    margin: 0 auto;
}
.page-template-template-customers .BIvideos{
    height: auto;
}
.CustomersblogBG {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 20px;
    opacity: 1;
    
}
.customerBlogTetsimonial h3{
    font-size: 36px;
    font-family: var(--axiforma);
    color: #0A1D48;
    text-align: center;
}
img.rotateQuote {
    transform: rotate(180deg);
}
.tripAction{
    width: 150px;
}
.customerBlogTetsimonialDivPara {
    font-size: 20px;
    color: #0A1D48;
    font-family: var(--axiforma);
}

h3.CustomersblogBGTitle {
    color: #120F2C;
    opacity: 1;
    font-family: var(--axiforma);
    font-size: 18px;
    text-align: left;
	margin-bottom:0px;
}
h3.CustomersblogBGTitle a{
    color: #120F2C;
    text-decoration: none;
}
h3.CustomersblogBGTitle a:hover{
    color: #226DFF;
}
p.customersblogdate {
    color: #120F2C;
    opacity: 0.5;
    font-size: 14px !important;
    text-align: left;
    margin-bottom: 0;
    font-family: var(--axiforma);
}
.page-template-template-customers .play_title_section p.customersblogdate{
    text-align: left;
    margin-bottom: 20px;
    margin-top: 0;
    color: #827FA3;
    font-size: 12px !important;
    opacity: 1;
}

.customersblogDetails {
    padding: 20px;
}
section.customerBlogTetsimonial {
    margin-top: 220px;
}
section.customers-logos-section{
    margin-bottom: 380px;
}


.clients-logo-row li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.clients-logo-row a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.clients-logo-row a img {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}
.clients-logo-row a:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.clients-logo-row a {
    border-radius: 8px;
    opacity: 1;
}

@media (max-width: 1024px){
    body.page-template-template-customers .main_blog_page{
        height: auto;
        padding-bottom: 60px;
    }
    body .customerspageTitle, body .customerpageTestimonialTitle {
        font-size: 32px;
    }
    body .Customersblog,
    body .customerBlogTetsimonialBlock, 
	body .parnersBlock{
        flex-direction: column;
    }
	body .parnersBlock > div {
      width: 100%;
    }
	body section.Becomepartners {
     margin-bottom: 0;
    }
	body .parnersBlock{
		margin:0;
	}
    .clients-logo-row {
        margin-bottom: 0;
        max-width: 280px;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    body .clients-logo-row li {
        padding-right: 10px;
        margin-bottom: 20px !important;
    }
    body .clients-logo-row li {
        margin: 0 auto;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%;
    }
    body .clients-logo-row a {
        width: 100%;
    }
    body .clients-logo-row{
        gap: 0px;
    }
    .page-template-template-customers section.footerbannerDiv{
        display: none;
    }
    body section.customers-logos-section{
        margin-bottom: 0;
    }
    body .emptyCell{
        display: none;
    }
    body section.customerBlogTetsimonial{
        margin-top: 40px;
    }
    body .customerBlogTestinmoialSection > div:first-child{
        width: 100%;
    }

}
/*new customers page design end*/
/*contact page new css */
.download-new.contactrequest {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #00000033;
    border-radius: 20px;
    opacity: 1;
	    position: relative;
    z-index: 99;
}
.page-template-template-contact .newbannerDiv {
    justify-content: space-between;
    display: flex;
    padding: 100px 0 0;
    align-items: center;
    justify-content: center;
    
}
.page-template-template-contact .newbannerDiv,
.page-template-template-discount .newbannerDiv{
    flex-direction: column;
}
.inputWithIcon.fname input[type='text'], .inputWithIcon1.lname input[type='text'] {
    width: 360px;
}
.inputWrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 46px;
    gap:30px;
}
.inputWrapper > div{
    width: 50%;
}
.inputWrapper > div input{
    width: 100%;
}
.download-new input[type='text']::placeholder{
	font-size:14px !important;
}
.download-new input[type='text'] {
    margin-bottom: 0px !important;
    font-family: var(--axiforma);
    font-size: 18px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    height: 44px;
    padding: 0 14px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    margin-top: 10px;
	letter-spacing: 0px;
	color: #0A1D48;
	opacity: 1;
	padding-top:5px;
}
.inputWrapper.email > div {
    width: 100%;
}
.inputWrapper.email .iti.iti--allow-dropdown{
    width: 100%;
    margin-top: 10px;
}
.download-new select#option6{
    margin-top: 10px;
}
.download-new .comments_text {
    width: 100%;
    font-family: var(--axiforma);
    font-size: 18px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0A1D48 !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 10px;
}
.download-new #quote-timezone, .download-new #reportsMonth, .download-new #supportMonth  {
    width: 100%;
    margin-bottom: 0px !important;
    font-family: var(--axiforma);
    font-size: 18px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #0A1D48 !important;
    height: 44px;
    
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 12px;

}
img.timeZone{
    bottom: 30px;
    position: relative;
    padding: 0px 0 10px 10px;
}
.inputWrapper.email.downloadButtonText {
    text-align: right;
}
span.asterix {
    color: #FF0000;
}
.inputWrapper.NameFirst {
    margin-top: 46px;
}
img.timeZoneImg {
    position: absolute;
    bottom: 35px;
    padding-left: 10px;
}
.download-new #quote-timezone{
    padding-left: 44px;
}
.download-new .check_container{
    letter-spacing: 0px;
    opacity: 1;
    font-size: 18px;
    font-family: var(--axiforma);
	color: #0A1D48;
}
.timeZone{
    position: relative;
}
.thankyouDiv {
    padding: 80px;
}
p.Thank-you-for-contac {
    font-size: 36px;
    margin: 14px auto;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    font-family: var(--axiforma);
    color: var(--white-color);
}
p.Well-get-back-to-yo {
    font-size: 18px;
    margin: 0px auto;
    font-weight: 600;
    line-height: 32px;
    font-family: var(--helvetica);
    text-align: center;
    color: #ffffff;
}
p.backToHome {
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 16px;
    font-family: var(--axiforma);
    margin-top: 36px;
    text-align: center;
}
p.backToHome:hover{
    color: #84AEFF;
}
.inputWrapper.email article h1{
    margin: 10px 0;
}

.download-new .check_container .checkmark:after {
    left: 8px;
    top: 3px;
    width: 6px;
    height: 11px; 
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
}
.download-new .check_container input:checked ~ .checkmark {
    background: #226DFF 0% 0% no-repeat padding-box;
    border-radius: 2px;
    opacity: 1;
    border: none;
}
.download-new .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.getstarted-today {
    font-size: 44px;
    line-height: 65px;
    font-weight: 700;
    font-family: var(--axiforma);
    margin: 0px 0px 0px;
    font-style: normal;
    letter-spacing: 0.23px;
    color: var(--white-color);
}
.no-credit1 {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.11px;
    color: var(--white-color);
    font-family: var(--helvetica);
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}
.download-new .Rectangle-3.report-alert-button {
    width: 216px;
    height: 46px;
    border-radius: 4px !important;
    background: #0A49C4 0% 0% no-repeat padding-box;
    border: none;
    cursor: pointer;
}
.download-new .Rectangle-3.report-alert-button:hover {
    background: #0C3FA3 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
}
@media only screen and (max-width : 1024px) {

	body .inputWrapper{
		flex-direction:column;
		gap: 10px;
		padding: 6px 0px;
	}
	body .inputWrapper > div{
		width:100%;
	}
	body .download-new .Rectangle-3.report-alert-button{
		width:100%;
	}
}
.page-template-template-contact section.newHomebanner, 
.page-template-template-discount section.newHomebanner {
    background: url(../images/icons/blog.png), #0A1D48;
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: top -20px right 250px;
}
a.download-agree {
    color: #0A49C4;
    text-decoration: underline;
}
select:required:invalid {
  color: gray;
  font-size:20px;
}
option[value=""][disabled] {
  display: none;
}
.others {color:black}
/*contact page new css end*/
/*onboarding css */
.onboardSection {
    background: transparent linear-gradient(133deg, #00FF4E 0%, #226DFF 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000033;
    border-radius: 20px;
    opacity: 1;
    padding-bottom: 120px;
}
.newbannerDiv.OnbaordingSection {
    width: 1200px;
    padding-top: 0;
    flex-direction: column;
    /* padding-bottom: 120px; */
    position: relative;
    z-index: 9999;
    margin: 0 auto;
	margin-top:-20px;
}
.page-template-template-onboarding .offerPopup,
.page-template-template-cart .offerPopup{
	display:none !important;
}
.page-template-template-onboarding .site-header.active,
.page-template-template-cart .site-header.active{
	top:0 !important;
}

h1.kickCallTet {
    text-align: center;
    margin-bottom: 16px;
    letter-spacing: 0px;
    opacity: 1;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 40px;
    font-family: var(--axiforma);
	line-height:66px;
	margin-top:60px;
    padding: 0 40px;
}
p.onboardJumbstart{
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 24px;
    font-family: var(--helvetica);
    text-align: center;
	margin-top:0;
}
.onboardForm{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #00000033;
    border-radius: 20px;
    opacity: 1;
    width: 80% !important;
    padding: 60px;
    margin: 0 auto;
}
#iframeHolder{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #00000033;
    border-radius: 20px;
    opacity: 1;
    width: 85% !important;
    padding: 0px;
    margin: 0 auto;
}
.lmtWIHO_gkbTeeyuvoJC{
	flex-direction:initial !important;
}
.onboardForm > div{
    width: 80%;
    margin: 0 auto;
}
.onboardForm, #iframeHolder{
    margin-top: -100px;
}
.onboardForm p {
    letter-spacing: 0px;
    color: #0A1D48;
    opacity: 1;
    font-size: 32px;
    font-family: var(--axiforma);
    margin-top: 0;
    text-align: center;
    font-weight: bold;
}
.email_input{
    display: flex;
    align-items: center;
    justify-content: center;
}
input#email_field {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #0A1D48;
    border-radius: 4px 0 0 4px;
    opacity: 1;
    height: 46px;
    width: 70%;
    padding: 20px;
    border-right: none;
    letter-spacing: 0px;
    color: #0A1D48;
    opacity: 1;
    font-size: 18px;
    font-family: var(--helvetica);
}
button.email_button {
    background: #0A49C4 0% 0% no-repeat padding-box;
    border-radius: 0px 4px 4px 0px;
    opacity: 1;
    color: #fff;
    height: 46px;
    width: 20%;
    border: 1px solid #0A49C4;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 18px;
    font-family: var(--axiforma);
    cursor: pointer;
}
.email_field_Section .ajax-loader {
    background-image: none;
    padding: 0;
    vertical-align: middle;
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    top: 79%;
    left: 470px;
    right: 5px;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
    display: block;
    z-index: 9999;
}
span.tooltip-freetrial.error_msg {
    font-size: 12px;
    padding-left: 34px;
    color: #FF0000;
    visibility: hidden;
}

#iframeHolder iframe{
    height: 80vh;
}
.WrdpezlzjKu1CoRihaXS.y2BHUjkNYLaMI5GB_dVt._eIcko0LuRzVhqMC1mmy{
    width: 50% !important;
}
.onboardSection .offerBackground{
    padding: 14px 28px;
}
input#email_field:focus{
    outline: none;
    border: 1px solid #1B4CBD;
}
input#email_field::placeholder {
    font-size: 16px;
    font-family: var(--helvetica);
    letter-spacing: 0px;
    color: #666666;
    opacity: 1;
  }
  .newbannerDiv.OnbaordingSection > div {
    width: 100%;
    }
    .page-template-template-onboarding .tool-container.tool-top.toolbar-primary.active{
        top:72px !important;
    }
 @media (max-width: 1024px){
    body .newbannerDiv.OnbaordingSection,
    body .onboardForm > div{
        width: 100%;
    }
    body h1.kickCallTet{
        font-size: 30px;
    }
    body h1.kickCallTet br{
        display: none;
    }
    body p.onboardJumbstart{
        font-size: 20px;
    }
    body .onboardForm{
        padding: 20px;
    }
    body .email_input{
        flex-direction: column;
    }
    body input#email_field{
        border-right: 1px solid #0A1D48;
        border-radius:4px;
        width: 100%;
    }
    body button.email_button{
        border-radius: 4px;
        width: 100%;
        margin-top: 20px;
    }
    body .email_field_Section .ajax-loader{
        left: 0px;
    }
    body h1.kickCallTet{
        padding: 0 20px;
        line-height: initial;
    }
    body .sliderQuote{
        display: block;
        height: auto;
        box-shadow:none;
        border:1px solid #e3efff;
    }
    body .customerBlogTestinmoialSection{
        width: 100%;
        flex-direction: column;
    }
    body .customerTestimonial .slick-dots{
        top: auto;
    }
    body ul.clients-logo-row.last-row{
        grid-gap: 0;
    }
    body.page-template-template-customers section.customerTestimonial{
        margin-top: 0;
    }
    body.page-template-template-customers .play_title_section p br {
        display: none;
    }
    body .homeBannerButtons {
        flex-direction: column;
        margin-top: 19px;
        grid-gap: 20px;
    }
    body.page-template-template-quote section.newHomebanner, 
    body.page-template-template-quote-thankyou section.newHomebanner{
        background: no-repeat;
        background-color: #0A1D48;
    }
    body.page-template-template-quote .newbannerDiv > div.bannerRight, 
    body.page-template-template-quote-thankyou .newbannerDiv > div.bannerRight{
        width: 100%;
    }
    body .skedlerquoteFeatures img {
        max-width: fit-content;
    }
    body p.subquoteHeading br {
        display: none;
    }
    body.page-template-template-quote .faq-section.new,
    body.page-template-template-quote-thankyou .faq-section.new{
        margin-bottom: 0;
    }
    body .CustomersblogBG{
        background: #fff;
    }
    body section.customerStory::before{
        position: relative;
        height: auto;

    }
    body section.customerStory{
        background: #0A1736;
        padding-bottom: 60px;
        margin-bottom: 0;
    }
    body .customerspageTitle,
    body .customerpageTestimonialTitle{
        font-size: 32px;
    }
  }
/* onboarding css end*/
/*customer and testimonial css*/
.sliderQuote{
    display: flex;
    grid-gap: 60px;
    justify-content: center;
}
.customerTestimonial .slick-dots{
    text-align: end !important;
    right: 10%;
    top:74%
}
img#download-skedler{
    width: 103px;
}
.sosFeatursimg2.ilan{
    width: 250px;
}
#engHouse{
    width: 200px;
}
section.customerTestimonial .slick-dots li button:before{
    height: 18px;
    width: 18px;
    box-shadow: none;
}
section.customerTestimonial .skedlerQuoteText{
    opacity: 1;
    font-family: var(--axiforma);
    letter-spacing: 0px;
    color: #0051FF;
    opacity: 1;
    font-weight: 700;
    text-align: left;
    margin-bottom: 0px;

}
p.skedlerQuoteText1{
    letter-spacing: 0px;
    color: #0A1D48;
    opacity: 1;
    font-weight: 500;
    text-align: left;
    font-family: var(--axiforma);
    margin-top: 0;
    font-size: 12px;
    margin-bottom: 10px;
}
p.skedlerQuoteText1{
    letter-spacing: 0px;
    color: #0D214E;
    opacity: 1;
    font-weight: 400;
    text-align: left;
    font-family: var(--axiforma);
    margin-top: 0;
    margin-bottom: 10px;
}
.customerBlogTetsimonialBlock.secondSection {
    margin-top: 40px;
}
ul.clients-logo-row.last-row {
    justify-content: center;
    grid-gap:36px;
}

.Customersblog a{
    text-decoration: none;
}
.Customersblog a:hover h3{
    color: #226DFF;
}
.page-template-template-customers .play_title_section p{
    font-size: 24px;
    font-family: var(--axiforma);
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: center;
}
/* csutomers and testimonial css end*/

/*not found css*/
img.not-found {
    width: 50%;
    position: relative;
    z-index: 99;
}

img.not-found-gear {
    position: absolute;
    width: 15%;
    right: 22%;
    z-index: 2;
}
h1.product-text:before {
    content: "SORRY, THERE'S NOTHING HERE";
    top: 17px;
    transform: scale(1, -1);
    backface-visibility: visible;
    z-index: 1;
    position: absolute;
    opacity: 0.071;
    -webkit-font-smoothing: antialiased;
    font-weight: 100;
}
h1.product-text:after {
    content: '';
    display: block;
    top: -10px;
    left: 0;
    width: 100%;
    height: auto;
    background: transparent linear-gradient(180deg, #226DFF 0%, #0A1D48 100%) 0% 0% no-repeat padding-box;
    /* background-image: linear-gradient(to bottom, rgba(255,255,255, .4) 0%, rgba(255, 255, 255, 1) 50%); */
    z-index: 2;
}
body.error404.skedler .site-header.active{
    top:0px;
}
body.error404.skedler .offerPopup{
    display: none;
}

/*not found css end*/

/*skedler quote page css*/
.skedlerquoteFeatures > div {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    
}
.skedlerquoteFeatures > div p.quotefeatureText{
    color: #FFF;
    font-size: 16px;
    font-family: 'Axiforma';
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
}
.page-template-template-quote .quoteForm,
.page-template-template-observability .quoteForm,
.page-template-template-quote-thankyou .quoteForm {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    padding: 40px;
    max-width: 600px;
}
.page-template-template-quote .quoteForm{
    padding: 40px 40px 20px 40px;
}
.page-template-template-quote .newbannerDiv > div.bannerRight,
.page-template-template-quote-thankyou .newbannerDiv > div.bannerRight{
    /* width: 72%; */
    position: sticky;
    top: 130px;
}
.quoteForm input[type=text]{
    border-radius: 4px;
    border: 1px solid #CBC5E1;
    background: #FFF;
    height: 40px;
    width: 100%;
    padding: 10px;
    color: #333;
    font-family: 'Axiforma';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}
button#GetQuote, button#expert {
    width: 100%;
    border-radius: 6px;
    background: #0051FF;
    border: 2px solid #0051FF;
    margin-top: 0px;
    height: 53px;
}
button#GetQuote:hover, button#expert:hover{
    background: #0C3FA3 0% 0% no-repeat padding-box;
    border: #0C3FA3;
    box-shadow: none;
}
.page-template-template-quote [type="radio"]:checked,
.page-template-template-quote [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.page-template-template-quote [type="radio"]:checked + label,
.page-template-template-quote [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #0A1D48;
    font-size: 16px;
    font-family: 'Axiforma';
    font-style: normal;
    font-weight: 500;
}
.page-template-template-quote [type="radio"]:checked + label:before,
.page-template-template-quote [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #cccccc;
    border-radius: 100%;
    background: #fff;
}
.page-template-template-quote [type="radio"]:checked + label:after,
.page-template-template-quote [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #0051FF;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.page-template-template-quote [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.page-template-template-quote [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.page-template-template-quote h1.newbannerheading,
.page-template-template-quote-thankyou h1.newbannerheading{
    margin-bottom: 16px;
    font-size: 34px;
}

.selectDiv {
    display: flex;
    grid-gap: 40px;
}
.quoteThankyou img{
    margin: 0 auto;
    display: block;
}
p.quoteHeading{
    color: #0A1D48;
text-align: center;
font-size: 16px;
margin-top: 20px;
font-family: 'Axiforma';
font-style: normal;
font-weight: 600;
line-height: 30px;
}
p.subquoteHeading{
    color: #0A1D48;
text-align: center;
font-size: 14px;
font-family: 'Axiforma';
font-style: normal;
font-weight: 400;
line-height: 30px;
margin-top: 40px;
}
.backtoHome{
    color: #8CA3D8;
text-align: center;
font-size: 14px;
font-family: 'Axiforma';
font-style: normal;
font-weight: 500;
line-height: 30px;
margin-top: 40px;
}
.backtoHome:hover{
    text-decoration: underline;
}

.page-template-template-quote .error-msg1{
    font-size: 13px;
}
.quoteForm img{
    width: 14px;
    vertical-align: middle;
    margin-right: 4px;
}
.quoteForm .quoteThankyou img {
    width: auto;
    margin: 0 auto;
}
.page-template-template-quote .next-loader{
    top: -35px;
}
.page-template-template-quote-thankyou p.subquoteHeading a{
    color: #0051FF;
}
.page-template-template-quote .bannerLeft{
    left: auto;
}
.select-wrapper1 label{
    color: #0A1D48;
    font-family: 'Axiforma';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
.page-template-template-quote input::placeholder{
	color: #8B8B8B  !important;
    font-family: 'Axiforma';
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; 
}
.page-template-template-quote section.customerTestimonial,
.page-template-template-quote-thankyou section.customerTestimonial{
    margin-bottom: 0;
}
.page-template-template-quote .faq-section.new,
.page-template-template-quote-thankyou .faq-section.new{
    margin-bottom: 320px;
    /* margin-bottom: 60px; */
}
.faq-section.new .accordion__item:last-child {
    border-bottom: none;
}
.page-template-template-quote .trusted-companies,
.page-template-template-quote-thankyou .trusted-companies{
    margin-top: 0;
}
.page-template-template-quote .newbannerDiv,
.page-template-template-quote-thankyou .newbannerDiv{
    align-items: center;
}
.page-template-template-quote .trusted-companies,
.page-template-template-quote-thankyou .trusted-companies{
    margin-top: 0;
    color: #0051FF;

}
/*updated quote */
.quoteForm .download-new .checkmark{
    top: 2px;
}
.quoteForm .inputwrapper{
    display: flex;
    width: 100%;
    gap: 30px;
}
.inputwrapper > div{
    width: 50%;
}
.quoteForm #option6{
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    background: transparent url(../images/icons/down-arrow.svg) no-repeat right center;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-color: #fff;
    width: 100%;
    padding: 12px 10px 8px !important;
    margin-bottom: 0px !important;
    font-family: var(--axiforma);
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #0A1D48 !important;
    height: 44px;
    margin-top: 0px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}
.dataSource {
    display: flex;
    gap: 30px;
}
.quoteForm label span{
    font-family: var(--axiforma);
}
.quoteForm .download-new{
    margin: 0;
}
.quoteForm .chooseGrafana{
    width: 22px;
}
label.labelText {
    padding-bottom: 4px;
    display: block;
    color: #13002C;
    font-family: var(--axiforma);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}
.quoteForm .download-new .check_container{
    font-size: 16px;
    font-weight: 500;
}
.quoteParaText{
    color: #42E8E0;
    font-family: var(--axiforma);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
}
.noOptions {
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
}
.download-new.freeTrialNo label,
.download-new.freeTrialYes label{
    font-size: 14px;
    font-family: var(--axiforma);
    font-weight: 400;
    line-height: 28px;
}
label.labelText a {
    color: #0051FF;
}
label.labelText a:hover {
    text-decoration: underline;
}
.quoteForm .error-msg1 img {
    width: 12px;
}
.emailverificationQuote{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    padding: 60px 40px 40px 40px;
    max-width: 600px;
}
.emailverificationQuote .emailFlow input{
    width: 100%;
}
.emailverificationQuote h2.almostText{
    margin-top: 0;
}
.emailverificationQuote p.VerifyText{
    font-size: 16px;
}
.emailverificationQuote button#verifyEmailOTP{
    margin-bottom: 20px;
}
.quoteForm .download-new .comments_text,
.quoteForm .download-new .checkmark{
    border: 1px solid #CBC5E1;
}
.page-template-template-quote [type="radio"]:checked + label:before, 
.page-template-template-quote [type="radio"]:not(:checked) + label:before{
    border: 1px solid #CBC5E1;
}
.page-template-template-quote .newbannerDiv{
    align-items: baseline;
}
.emailverificationQuote .emailFlow .next-loader{
    top: -56px;
}
.skedlerquoteFeatures img {
    vertical-align: bottom;
}
.quoteForm .error-msg1{
    margin-bottom: 15px;
}
.download-new.freeTrialNo .noOptions:nth-child(3) {
    margin-bottom: 0;
}
/*skedler quote page css end*/

/*new download flow design css*/

.skedlerdownloadreports{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}
.getStartedLeftblock .primary-button {
    font-family: var(--axiforma);
    font-size: 18px;
    color: var(--white-color);
    background-color: #0051FF;
    border: 2px solid #0051FF;
    font-weight: 700;
    line-height: 25px;
    padding: 12px 24px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease 0s; 
}
.getStartedLeftblock button#get-access-target2{
    width: 100%;
}
.getStartedLeftblock .getStartedForm .next-loader{
    left: 0;
}
.thankyouDivSection{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    padding: 0px 46px 46px 46px;
    bottom: 90px;
    position: relative;


}
img.skedlerThanks{
    background-color: #fff;
    border-radius: 100%;
    /* bottom: 35px;
    position: relative; */
    margin-top: -35px;
}
.thankyouDivSection .footerButton{
    justify-content: center;
}
.thankyouDivSection .footerButton a:nth-child(2){
    background: #0051FF;
    color: #fff;
    border: 1px solid #0051FF;
    border-radius: 4px;
    opacity: 1;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    font-family: var(--axiforma);
    position: relative;
    z-index: 1;
}
.thankyouDivSection .footerButton a:nth-child(2):hover{
    background: #0C3FA3;
    color: #fff;
    border: 1px solid #0C3FA3;
}
.thankyouDivSection .footerButton a:nth-child(1) {
    background-color: #fff;
    color: #0051FF;
    margin-left: 20px;
    border: none;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    font-family: var(--axiforma);
    font-weight: 600;
    position: relative;
    z-index: 1;
}
.thankyouDivSection .footerButton a:nth-child(1):hover{
    text-decoration: underline;
    color: #0051FF;
}
.thankyouDivSection h2{
    color: #13002C;
text-align: center;
font-family: var(--axiforma);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
p.needHelp {
    color: #13002C;
    text-align: center;
    font-family: var(--axiforma);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
p.needHelpsecond {
    color: #13002C;
    text-align: center;
    font-family: var(--axiforma);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 40px;
}
li#thankyoumenu a {
    padding: 10px 17px;
    color: #fff;
    font-size: 12px;
    position: relative;
    /* top: 2px; */
    border-radius: 8px;
    border: 1px solid #FFF;
    display: flex;
    align-items: center;
}
li#thankyoumenu a:hover{
    color: #0A49C4;
    font-size: 12px;
    position: relative;
    background: #fff;
    transition: none;
}
li#thankyoumenu a span{
    top:2px;
    position: relative;
}
li#thankyoumenu a:hover img{
    filter: invert(71%) sepia(130%) saturate(3531%) hue-rotate(226deg) brightness(83%) contrast(93%);
}
li#thankyoumenu {
    display: none;
}
.page-template-template-skedler-thankyou li#thankyoumenu,
.page-template-template-getaccess-thankyou li#thankyoumenu{
    display: block;
}
li#thankyoumenu img {
    vertical-align: middle;
}
p.getStartedPara{
    position: relative;
    z-index: 999;
    max-width: 600px;
}
.getStartedForm input::placeholder{
    color: #999;
    top: 2px;
    font-weight: 300;
    position: relative;
}
div#windows .tabs.startSkedler.extraClass,
div#windows .tabs .tabs{
    max-width: 75rem;
}
.imagefilter{
    filter: brightness(0) invert(1);

}
div#linuxUbuntu .firstStep, div#linuxRhel .firstStep, div#windows .firstStep{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    position: relative;
    width: 82%;
    left: 18%;
}
div#mac .firstStep{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    position: relative;
    width: 100%;

}
.needHelp a{
    color: #0051FF;
    font-family: var(--axiforma);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}
.needHelp a:hover{
    text-decoration: underline;
}
div#docker div#next1, div#windows div#next1,  div#mac div#next1{
    bottom: auto;
}
.dockerSteps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
#windows .dockerSteps{
    width: 91%;
    position: absolute;
    bottom: 0;
}
#docker .backs  {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    grid-gap: 10px;
    width: 82%;
    justify-content: space-between;
    align-items: center;
}
#windows .backs {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    grid-gap: 10px;
    width: 82%;
    justify-content: right;
    align-items: center;
}
#docker .backs > div:nth-child(2){
    display: flex;
    grid-gap: 10px;
}
div#windows .tabs .tabs{
    margin-bottom: 30px;
}
div#next1:hover,
div#next2:hover, div#next3:hover, div#next4:hover, div#next5:hover{
    background: #0C3FA3 0% 0% no-repeat padding-box;
    border: #0C3FA3;
    box-shadow: none;
}
div#back1:hover, div#back2:hover, div#back3:hover, div#back4:hover{
    background: #0051FF 0% 0% no-repeat padding-box;
    color: #fff;
}
/*new download flow design css end*/
/*header popup css animation */
.offer-message-animation {
 
    display: inline-block;
    width: 200px;
    height: 70px;
    position: absolute;
    left: -683px;
    background-color: transparent;
    opacity: 25%;
    filter: blur(36px);
    /* background-image: linear-gradient(160deg,#012641 0,#012641 10.26%,#0095FF 19.15%,#012641 32.69%,rgba(0,149,255,0.50) 48.45%,#010B41 61.75%,#012641 71.86%,#0095FF 100%); */
    /* background-image: linear-gradient(160deg,#00ff4e 0,#00ff4e 10.26%,#0095FF 19.15%,#00ff4e 32.69%,rgba(0,149,255,0.50) 48.45%,#00ff4e 61.75%,#00ff4e 71.86%,#0095FF 100%); */
    top: 0;
    animation: moveofferanimation 5s linear infinite;
    background-color: #0D214E;
    transform: rotate(80deg);
}
@keyframes moveofferanimation {
100% {
    transform: translateX(120vw);
}
}
/* header popup css animation end*/

/* new updates*/
.newFeature{
    color: var(--white-color);
    font-family: var(--axiforma);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 20px;
    background: #4EAA3B;
    padding: 7px 15px;
    width: fit-content;
    margin-bottom: 10px;
}
.counter_bg{
    background: #F5F9FF 0% 0% no-repeat padding-box;
    padding: 40px;
    margin-top: 60px;
    border-radius: 10px;
}
h3.counter_heading{
    color: #0A1D48;
    font-family: var(--axiforma);
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin: 0;
    padding-bottom: 26px;
}
.newFeature span{
    top:2px;
    position: relative;

}
h5.testimonialsHeading,
p.testimonialsHeading {
    color: #0051FF;
    text-align: left;
    font-family: var(--axiforma);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 15.014px;
    letter-spacing: 0.811px;
    text-transform: uppercase;
    margin-top: 0;
    padding-top: 72px;
}
p.testimonialSubHeading{
    color: #090909;
    font-family: var(--axiforma);
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 51.041px;
    margin-bottom: 0;
    margin-top: 0;
}
p.quotationHeading{
    color: #0A1D48;
    font-family: var(--axiforma);
    font-style: normal;
    font-weight: 700;
    line-height: 25.533px;
    text-align: left;
}
section.customerTestimonial .skedlerQuotes{
    color: #0A1D48;
    font-family: var(--axiforma);
    /* font-size: 12px; */
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    /* max-width: 300px;
    width: 260px; */
}
.quoteAuthorImage img{
    border-radius: 50%;
}
.quoteAuthor {
    display: flex;
    align-items: center;
    position: relative;
    bottom: 10px;
}
section.customerTestimonial .skedlerQuoteText{
    opacity: 1;
    font-family: var(--axiforma);
    letter-spacing: 0px;
    color: #0051FF;
    opacity: 1;
    font-weight: 700;
    text-align: left;
    margin-bottom: 0px;

}
p.skedlerQuoteText1{
    letter-spacing: 0px;
    color: #0A1D48;
    opacity: 1;
    font-weight: 500;
    text-align: left;
    font-family: var(--axiforma);
    margin-top: 0;
    font-size: 12px;
    margin-bottom: 10px;
}
section.customerTestimonial .slide-content{
    text-align: center;
}
.sliderQuote{
    display: flex;
    grid-gap: 60px;
    justify-content: left;
    flex-direction: column-reverse;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 1.50156px 7.50782px 0px #E3EFFF;
    padding: 20px;
    /* height: 378px; */
}
section.customerTestimonial{
    background: url(../images/icons/quotebg.svg);
    background-repeat: no-repeat;
    background-position: top -12px right 12%;
    margin-top: 0;
}
.workboxDivbg img {
    width: 100%;
}
.page-template-template-home section.blogs {
    padding-bottom: 340px;
    background-color: #F5F8FD;
}
.page-template-template-home .customerTestimonial,
.page-template-template-new-grafana .customerTestimonial,
.page-template-template-new-kibana .customerTestimonial{
    margin-bottom: 0px;
}
.blog-posts-row {
    display: flex;
    grid-gap: 60px;
    border-radius: 60px;
}
.blog-box p.caption{
    color: #120F2C;
    font-family: var(--axiforma);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 8px;
    margin-bottom: 0;
}
.blogSection {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 24px;
}
.timesRead{
    color: #827FA3;
    font-family: var(--axiforma);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.box-design a {
    text-decoration: none;
}
.blogSection a {
    text-decoration: none;
}
.blogSection a p {
    color: #226DFF;
    font-family: Axiforma;
    font-size: 13.514px;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
}
.backgroundSize{
    height: 450px;
}
.box-design a:hover p.caption {
    color: #0051FF;
}
.blogSection a:hover p {
    text-decoration: underline;
}
.blogSection a:hover svg {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    transition: transform 0.3s ease-out;
}
@media (min-width: 1600px) {
    p.quotationHeading{
        font-size: 18px;
        
    }
    .blog-box p.caption{
        height: 40px;
    }
    
    section.customerTestimonial .skedlerQuoteText{
        font-size: 14px !important;

    }
    section.customerTestimonial .slide-content{
        margin: 60px 20px;
    }

    .quoteAuthorImage img{
        width: 100%;
    }
    section.customerTestimonial .skedlerQuotes{
        height: 187px !important;
    }
    .sliderQuote{
        width: 290px;
        height: 378px;
    }
    .slick-carousel.slick-initialized.slick-slider {
        position: relative;
        left: -1%;
    }
    .blog-box p.caption,
    p.grafanaFeaturesBoxsubText{
        font-size: 16px !important;
    }
    .grafanaFeaturesBoxDiv >div{
        padding: 40px;
    }
    
    .page-template-template-customers section.customerStory::before{
        height: 716px;
    }
    section.newHomebanner.Observability h1{
        font-size: 60px !important;
        max-width: 900px !important;
        width: 900px !important;
    }
    .topImage img{
        width: 100% !important;
    }
    p.boxHeading {
        font-size: 26px;
    }
    .frameworkBox.join-obseverabilty p.boxHeading{
        font-size: 40px !important;
    }
    .why-section-div h2{
        font-size: 46px;
    }
    .why-section-div .skedlerquoteFeatures > div p.quotefeatureText{
        font-size: 20px !important;
    }
    section.why-section{
        margin-top: 60px;
    }
    .why-us-bottom {
        right: 14% !important;
    }
    .why-us-bottom.fade-bottom img{
        width: 100%;
    }
    .frameworkBox, .IntegrationBox {
        padding: 50px 40px;        
    }
    .page-template-template-observability .skedlerquoteFeatures > div p.quotefeatureText br{
        display: block !important; 
    }
    .page-template-template-observability .skedlerquoteFeatures > div{
        align-items: center !important;
    }
    section.newHomebanner.Observability p{
        font-size: 20px !important;
        width: 730px !important;
        max-width: 730px !important;
    }
    .ourServicesSection-leftSide h3{
        font-size: 54px !important;
    }
    .bannerBarchart img{
        width: auto !important;
    }
}
@media (min-width: 1200px) {
    p.quotationHeading{
        font-size: 16px;
    }
    .blog-box p.caption{
        height: 40px;
    }
    section.customerTestimonial .skedlerQuoteText{
        font-size: 12px;
    }
    
    section.customerTestimonial .slide-content{
        margin: 30px 16px 60px;
    }

    .quoteAuthorImage img{
        width: 60%;
    }
    .sliderQuote{
        width: auto;
        height: 400px;
    }
    section.customerTestimonial .skedlerQuotes{
        height: 200px;
    }
    .slick-carousel.slick-initialized.slick-slider {
        position: relative;
        left: -1%;
    }
    .blog-box p.caption{
        font-size: 12px;
    }
    .grafanaFeaturesBoxDiv >div{
        padding: 32px;
    }
    section.customerStory::before{
        height: 631px;
    }
    section.newHomebanner.Observability h1{
        font-size: 52px;
        max-width: 850px;
        width: 850px;
    }
    .topImage img{
        width: 82%;
    }
    p.boxHeading{
        font-size: 22px;
    }
    .frameworkBox.join-obseverabilty p.boxHeading{
        font-size: 30px;
    }
    .why-section-div h2{
        font-size: 36px;
    }
    .why-section-div .skedlerquoteFeatures > div p.quotefeatureText{
        font-size: 16px;
    }
    section.why-section{
        margin-top: 30px;
    }
    .why-us-bottom {
        right: 7%;
    }
    .why-us-bottom.fade-bottom img{
        width: 85% !important;
    }
    .frameworkBox, .IntegrationBox {
        padding: 50px 30px;        
    }
    .page-template-template-observability .skedlerquoteFeatures > div{
        align-items: center;
    }
    section.newHomebanner.Observability p{
        font-size: 20px;
        width: 650px;
        max-width: 650px;
    }
    .ourServicesSection-leftSide h3{
        font-size: 46px;
    }
    .bannerBarchart img{
        width: 74%;
    }
    .bannerImageFirst {
        width: 62%;
    }
   
}


.wave.position_img.stonex_img{
    height: 42px;
    top:12px;

}
img.wave.position_img.cynet_logo.topImage,
.wave.position_img.topImage {
    top: 26px;
}
img.wave.position_img.secure{
    top: 12px;
}
img.quotationImage5 {
    filter: invert(30%) sepia(31%) saturate(2503%) hue-rotate(252deg) brightness(95%) contrast(86%);
}
img.quotationImage6 {
    filter: invert(70%) sepia(91%) saturate(406%) hue-rotate(147deg) brightness(85%) contrast(93%);
}
img.quotationImage7 {
    filter: invert(66%) sepia(74%) saturate(5775%) hue-rotate(315deg) brightness(80%) contrast(89%);
}
img.quotationImage8{
	filter:invert(72%) sepia(65%) saturate(298%) hue-rotate(125deg) brightness(99%) contrast(94%);
}
img.quotationImage9{
	filter: invert(75%) sepia(62%) saturate(3626%) hue-rotate(93deg) brightness(107%) contrast(106%);
    
}

.wave.position_img.cynet_logo.hpelogo{
    top: 12px;
}
.wave.position_img.cynet_logo.c1logo{
    height: 36px;
}
.logosDiv img{
    margin: 0 auto;
}
.postDetails {
    padding: 16px 16px;
}
.skedlerFeatureNew span {
    position: relative;
    top: 2px;
}
p.quotationHeading.titles{
	height:51px;
}
/*new updates end*/

/* product page new update css*/
h1.newbannerheading span {
    color: #42E8E0;
}
section#notificationChannels .revenueBlockConatiner{
    justify-content: space-between;
}
.firstBoxset, .secondBoxset{
    display: flex;
    justify-content: space-between;
}
.firstBoxset {
    margin-bottom: 82px;
}
.build_for_enterprise{
    color: var(--white-color);
    font-family: var(--axiforma);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    padding-top: 100px;
}
.colorBox{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 42px;
}
.revenueBlock.opportunities.active .revenueBlockConatiner > div{
    width: 100%;
}
.revenueBlock.opportunities.active #Desktop1 img{
    width: 100%;
}
section#notificationChannels .circle-wraper{
    right: -8%;
    overflow: hidden;
    z-index: 2;
    top: 0;
}
.tabListDiv {
    display: flex;
    align-items: baseline;
    justify-content: space-around;
}
.tabListDiv > div:first-child {
    width: 84%;
}
.bar {
    height: 8px;
    width: 99.7%;
    top: 0px;
    position: relative;
    border-radius: 20px 20px 0px 0px;
    overflow: hidden;
    z-index: -1;
    /* left: -1px; */
}
.bar .in {
    animation: fill 7s linear 1;
    height: 17px;
    background-color: #92B4F5;
    border-radius: 20px 0px;
    left: 3px;
    position: relative;
    overflow: hidden;
    z-index: -1;
    top: 0px;
}
.bar .inn {
    animation: fill 5s linear 1;
    height: 8px;
    background-color: #92B4F5;
    border-radius: 20px 0px;
    left: 6px;
    position: relative;
    overflow: hidden;
    z-index: -1;
}
@keyframes fill {
    0% {
        width: 0%;
   }
    100% {
        width: 100%;
   }
}
.revenueBlockConatiner a{
    text-decoration: none;
}

/*animation part */
.integrated-image-wrapper.one{
    max-width: 588px;
}
.integrated-image-wrapper{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.integrated-image{
    transition: all 0.5s;
}
.integrated-fire-wrapper {
    width: 124px;
    height: 124px;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
}
.integrated-fire-img{
    transition: all 0.5s;
    transform: scale3d(0.76, 0.76, 0.76);
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
                @keyframes zoom-in-zoom-out {
0% {
    transform: scale(1, 1);
}
50% {
    transform: scale(1.2, 1.2);
}
100% {
    transform: scale(1, 1);
}
}
.pulse {
    animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
0% {
    box-shadow: 0 0 0 0px rgb(99 141 255 / 20%);
}
100% {
    box-shadow: 0 0 0 20px rgb(99 141 255 / 20%);
}
}


.bounce-up {
    opacity: 0;
    -moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    -moz-transform: translate3d(0px, 200px, 0px);
    -webkit-transform: translate3d(0px, 200px, 0px);
    -o-transform: translate(0px, 200px);
    -ms-transform: translate(0px, 200px);
    transform: translate3d(0px, 200, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .bounce-up.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  
  .revenueBoxes {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fadeup {
  opacity: 0;
  transition: 0.4s ease-out;
  transform: translateY(40px);
}

.fading-up {
  opacity: 1;
  transition: 1s ease-out;
  transform: translateY(0px);
  transition-delay: 0.7s;
}

.fadeup2 {
  opacity: 0;
  transition: 0.4s ease-out;
  transform: translateY(40px);
}

.fading-up2 {
  opacity: 1;
  transition: 3s ease-out;
  transform: translateY(0px);
  transition-delay: 3s;
}

.fadeup1 {
  opacity: 0;
  transition: 0.4s ease-out;
  transform: translateX(40px);
}

.fading-up1 {
  opacity: 1;
  transition: 2s ease-out;
  transform: translateX(0px);
  transition-delay: 2s;
}
.revenueBox1 {
    display: flex;
    flex-direction: column;
    grid-gap: 90px;
}
.seamLessSection {
    display: flex;
    align-items: center;
    justify-content: center;
}
.fadeup3 {
    opacity: 0;
    transition: 0.5s ease-out;
    transform: translateY(-40px);
  }
  
  .fading-up3 {
    opacity: 1;
    transition: 0.5s ease-out;
    transform: translateY(0px);
    transition-delay: 0.5s;
  }
  
  .fadeup4 {
    opacity: 0;
    transition: 0.5s ease-out;
    transform: translateX(-40px);
  }
  
  .fading-up4 {
    opacity: 1;
    transition: 1s ease-out;
    transform: translateY(0px);
    transition-delay: 1s;
  }
  .fadeup5 {
    opacity: 0;
    transition: 0.5s ease-out;
    transform: translateY(-40px);
  }
  
  .fading-up5 {
    opacity: 1;
    transition: 1.3s ease-out;
    transform: translateY(0px);
    transition-delay: 1.3s;
  }
  
  
  .fadeup6 {
    opacity: 0;
    transition: 0.5s ease-out;
    transform: translateX(-40px);
  }
  
  .fading-up6 {
    opacity: 1;
    transition: 1.8s ease-out;
    transform: translateY(0px);
    transition-delay: 1.8s;
  }
  
  .fadeup7 {
    opacity: 0;
    transition: 0.5s ease-out;
    transform: translateY(-40px);
  }
  
  .fading-up7 {
    opacity: 1;
    transition: 2.2s ease-out;
    transform: translateY(0px);
    transition-delay: 2.2s;
  }
  
  .fadeup8 {
    opacity: 0;
    transition: 0.5s ease-out;
    transform: translateY(-40px);
  }
  
  .fading-up8 {
    opacity: 1;
    transition: 2.6s ease-out;
    transform: translateY(0px);
    transition-delay: 2.6s;
  }
  .popularImg{
    margin-bottom: 100px;
  }
  .circle-wraper.seamlessCircle{
    position: absolute;
    width: 50%;
    height: 50%;
    top: 20%;
    left: 5%;
  }
  .fadeup5.not-fading-up5.fading-up5 > img{
    position: relative;
    z-index: 9;
  }
  .circle-wraper.seamlessCircle .circle{
    width: 70px;
    height: 70px;
  }
/* product page new update css end*/
/*Kibana page update css*/
.page-template-template-new-kibana section.enterpriseOverview{
    /* background-image: url(../images/icons/kibana-reporting-bg1.svg), url(../images/icons/kibana-reporting-bg1.svg); */
    background-color: #0D214E;
    background-repeat: no-repeat, no-repeat;
    background-position: top,bottom;
    background-size: contain, contain;
    padding-bottom: 100px;
    margin-bottom: 0;
    margin-top: 0;
  }
  .page-template-template-new-kibana .build_for_enterprise{
    margin-top: 0;
  }
  .page-template-template-new-kibana .build_for_enterprise span{
    color: #42E8E0;
  }
  .page-template-template-new-kibana section.blogs,
  .page-template-template-new-grafana section.blogs {
    padding-bottom: 60px;
    background-color: #F5F8FD;
}
.page-template-template-new-kibana .faq-section.new,
.page-template-template-new-grafana .faq-section.new{
    padding-bottom: 340px;
    /* padding-bottom: 60px; */
}

.faq_title{
    color: #0051FF;
    font-family: var(--axiforma);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 129.7%; /* 57.068px */
    text-transform: capitalize;
}
.backgroundGroup {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
}
.Groupimage1{
    position: absolute;
    top: -11%;
    left: -15%;
}
.Groupimage2 {
    position: absolute;
    top: -17%;
    left: -2%;
}
.backgroundGroup2{
    position: relative;
}
.Groupimage3 > img{
    position: relative;
    left: 14%;
    top: -74px;
}
.Groupimage4 > img{
    position: relative;
    top: -300px;
    left: 100%;
}

.Groupimage1.topfade-left- {
    animation: fade-bottom1 2s ease-in;
  }
  @keyframes fade-bottom1 {
    0% {
      transform: translateY(-100px);
      opacity: 1;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .Groupimage2.topfade-top {
    animation: fade-bottom4 2s ease-in;
  }
  @keyframes fade-bottom4 {
    0% {
      transform: translateX(-100px);
      opacity: 1;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }

  .Groupimage3.topfade-right {
    animation: fade-bottom2 2s ease-in;
  }
  @keyframes fade-bottom2 {
    0% {
      transform: translateX(100px);
      opacity: 1;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  .Groupimage4.topfade-righttop {
    animation: fade-bottom3 2s ease-in;
  }
  @keyframes fade-bottom3 {
    0% {
      transform: translateY(-100px);
      opacity: 1;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .enterpriseImageSection.two {
    position: absolute;
    bottom: 0;
}
.enterpriseImageSection.one {
    position: absolute;
}
.page-template-template-new-kibana .firstBoxset {
    margin-bottom: 74px;
}

@keyframes fadeInn1 {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.page-template-template-new-kibana .checkmarkNew,
.page-template-template-new-grafana .checkmarkNew{
    width: auto;
}
.page-template-template-new-kibana section.newlogossection{
    position: relative;
    z-index: 1;
}
.accordion__title.accordion-active .accordion__title-text {
    color: #0051FF;
}
/*kibana page upate css end*/

/*claim discount css */
.checkbox-container {
    height: 52px;
    width: 144px;
    background-color: #ffffff;

    position: relative;
    cursor: pointer;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /* border: 1px solid #DFE8FA; */
    border-radius: 6px;
    opacity: 1;
  }
  .dataReprots-wrapper1 .checkbox-container{
      width: 60px;
      height: 80px;
  }
  .dataReprots-wrapper1 .checkboxNew input[type="checkbox"]{
      height: 80px;
  }
  .dataReprots-wrapper1 .checkbox-container img{
      margin-top: 14px;
  }
 .checkboxNew input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    width: 100%;
    cursor: pointer;
    border: none;
    margin: 0;
    height: 52px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
  }
  .getStartedForm .checkboxNew{
    display: flex;
    flex-direction: row;
    grid-gap: 30px;
    margin-top: 6px;
  }
  .checkboxNew input[type="checkbox"]:after {
    position: absolute;
    font-weight: 400;
    content: "";
    font-size: 18px;
    color: #478bfb;
    right: -10px;
    top: -16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #AFC0E2;
    opacity: 1;
    border-radius: 100%;
    width: 24px;
    height: 24px;
  }
  .checkboxNew input[type="checkbox"]:checked{
      border: 1px solid #1B4CBD;
  }
  .checkboxNew input[type="checkbox"]:checked:after {
    font-weight: 900;
    content: url('../images/icons/check.svg');
    color: #478bfb;
    background: #1B4CBD;
    border: 1px solid #AFC0E2;
    font-size: 12px;
    opacity: 1;
    color: #fff;
    border-radius: 100%;
    padding-left: 5px;
    line-height: 23px;
  }
  .checkbox-container img {

    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
  }
  .checkboxNew {
    display: flex;
    grid-gap: 30px;
    margin-top: 14px;
}
.dataSource-wrapper1.inputWrapper.email {
    flex-direction: column;
    justify-content: left;
    align-items: baseline;
    gap: 0;
}
.error-msg1.tooltiptext{
    font-size: 13px;
}
.page-template-template-discount-thankyou .newbannerDiv > div {
    width: 100%;
}
.page-template-template-discount .newbannerDiv {
    justify-content: space-between;
    display: flex;
    padding: 100px 0 0;
    align-items: center;
    justify-content: center;
}
/*claim discount css end*/
/*email verification*/
.emailFlow input{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D2DEFA;
    border-radius: 4px;
    opacity: 1;
    padding: 10px 13px;
    color: #333;
    opacity: 1;
    font-size: 16px;
    font-family: var(--axiforma);
    top:2px;
    position: relative;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
    letter-spacing:.5em;
}
.emailFlow input::placeholder{
	color: #8B8B8B  !important;
    font-family: var(--axiforma);
    font-size: 14px !important;
    font-style: normal;
    font-weight: 100;
    line-height: 100%; 
    opacity: 0.5;
}
button#verifyEmailOTP{
    height: 52px;
    width: 100%;
    margin-bottom: 40px;
}
button#verifyEmailOTP:hover {
    background: #0C3FA3 0% 0% no-repeat padding-box;
    border: #0C3FA3;
    box-shadow: none;
}
h2.almostText {
    color: #0051FF;
    font-family: var(--axiforma);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    margin-bottom: 10px;
}
p.VerifyText {
    color: #13002C;
    text-align: center;
    font-family: var(--axiforma);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    margin-top: 0;
}
p.getCode {
    color: #6E6C70;
    text-align: center;
    font-family: var(--axiforma);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    margin-top: 0px;
}
p.getCode span,
p.getCode a{
    color: #0051FF;
    font-family: var(--axiforma);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-align: center;
}
.emailFlow img{
    margin: 0 auto;
    display: block;
    margin-bottom: 42px;
    width: 230px;
}
.verifyBox{
    text-align: center;
}
span.errorText {
    display: block;
    width: 526px;
    text-align: left;
    color: #e80000;
    font-size: 14px;
    height: 16.8px;
    top: -16px;
    position: relative;
}
.emailFlow .next-loader{
    top: -76px;
}
.loading-dots {
    text-align: center;
    z-index: 5;
    display: none;
}
.loading-dots .dot {
    display: inline;
    margin-left: 0.2em;
    margin-right: 0.2em;
    position: relative;
    font-size: 30px;
    opacity: 0;
    animation: showHideDot 2.5s ease-in-out infinite;
}
.loading-dots .dot.one {
    animation-delay: 0.2s;
}
.loading-dots .dot.two {
    animation-delay: 0.4s;
}
.loading-dots .dot.three {
    animation-delay: 0.6s;
}
.errorText.greenText{
  color:green;
}
span#resend:hover,
p.getCode a:hover{
    color: #0C3FA3;
    text-decoration: underline;
}
span#resend {
    cursor: pointer;
}
p.getCode a{
    text-decoration: none;
}
@keyframes showHideDot {
    0% {
        opacity: 0;
   }
    50% {
        opacity: 1;
   }
    60% {
        opacity: 1;
   }
    100% {
        opacity: 0;
   }
}
/* email verification code end css*/

.onboardForm .emailFlow input{
    width: 100%;
}
/*grafana page seo css */
.onboardingSessionBox {
    background: #0051FF;
    max-width: fit-content;
    color: #fff;
    padding: 10px 17px;
    border-radius: 4px;
    margin: 0 auto;
}
.onboardingSessionBoxLink{
    text-decoration: none;
    color: #fff !important;
}
.grafanaFeaturesBoxDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.grafanaFeaturesBoxDiv >div {
    width: 33%;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 81, 255, 0.10);
    /* padding: 40px; */
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}
p.grafanaFeaturesBoxText {
    color: #0D214E;
    font-family: var(--axiforma);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}
p.grafanaFeaturesBoxsubText {
    color: #011F42;
    font-family: var(--axiforma);
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 0;
}
h2.grafanaFeaturesBoxTitle {
    color: #0051FF;
    font-family: var(--axiforma);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
}
section.grafanaFeaturesBox {
    margin: 60px 0;
}
.page-template-template-new-grafana .sosFeatures > div:nth-child(2){
    top: 30px;
    position: relative;
}
.accordion__content ul{
    list-style: disc;
    margin-left: 26px;
}
.onboardingSessionBox:hover {
    background: #011F42;
}
/*grafana page seo css end*/
/*customer page seo css start*/
.customerspageTitle{
    color: #0051FF;
    font-family: 'Axiforma';
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
    padding-top: 30px;
}
.customerLogoSectionStart{
    border-radius: 20px;
    background: #FFF;
    padding-top: 36px;
}
.page-template-template-customers .BIvideos {
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
}
.page-template-template-customers .main_blog_page{
    background: url(../images/icons/customer-stories-4.png), url(../images/icons/customer-stories-3.png), #0A1D48;
    background-size: 14%, 12%, 100%;
    background-repeat: no-repeat;
    background-position: top -80px left 15%, top -17px left 94% , center;
    padding-bottom: 60px;
}
.page-template-template-customers .play_title_section h1{
    margin: 0;
    text-align: center;
    padding-top: 60px;
    font-size: 44px;
}
.page-template-template-customers section.customerTestimonial{
    margin-top: 900px;
    margin-bottom: 0;
}
.customerBlogTestinmoialSection {
    background: transparent;
    /* box-shadow: 0px 0px 10px #0000000f; */
    opacity: 1;
    padding: 70px 42px 42px;
    width: 100%;
}
div.customerpageTestimonial {
    background: #F0F5FF;
    /* margin-bottom: 60px; */

}

section.customerStory {
    margin-bottom: 320px;
    /* background: #0A1736; */
}
section.customerStory h1{
    margin-top: 0;
    padding-top: 60px;
    text-align: center;
}
section.customerStory p{
    text-align: center;
}
.customerBlogTestinmoialSection{
    display: flex;
    gap: 30px;
    align-items: start;
}
.customerBlogTestinmoialSection > div:first-child {
    width: 30%;
}
.customerBlogTetsimonialBlock {
    display: flex;
    flex-direction: column;
}
.customerBlogTestimonialAuthor {
    font-size: 18px;
    color: #226DFF;
    font-weight: 700;
}
.customerBlogTetsimonialDivPosition {
    color: #0D214E;
    opacity: 1;
    font-size: 14px;
    font-family: var(--axiforma);
    margin: 6px 0;
}
.customerBlockTestimonial{
    border-bottom: 1px solid #DEE9FF;
}
section.customerStory p.customersblogdate {
    text-align: left;
    margin: 0;
}
.customerpageTestimonialTitle{
    color: #0051FF;
    font-family: var(--axiforma);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}
.tripAction.pscu{
    width: 104px;
}
.customerBlogTetsimonialDivPara p {
    font-style: italic;
    line-height: 36px;
    font-size: 18px;
    margin-top: 0;
}
section.customerStory::before {
    background: #0A1736;
    display: block;
    content: '';
    position: absolute;
    width: 100%;
}
section.customerStory a img {
    border-radius: 20px 20px 0 0;
    width: 100%;
}
.main_blog_page::before {
    background: url(../images/icons/customer-stories-4.png), url(../images/icons/customer-stories-3.png), #0A1D48;
    background-size: 14%, 12%, 100%;
    background-repeat: no-repeat;
    background-position: top -80px left 15%, top -17px left 94% , center;
    height: 250px;
    content: '';
    /* position: absolute; */
    width: 100%;
}
/*custoemr page seo css end*/
/*license css */

.StepProgress {
    position: relative;
    padding-left: 45px;
    list-style: none;
}
.StepProgress::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 25px;
    width: 10px;
    height: 70%;
    border-left: 4px solid #0051FF;
}
.StepProgress-item {
    position: relative;
    counter-increment: list;
    font-size: 18px;
    font-family: var(--axiforma);
    padding-left: 30px;
    line-height: 36px;
}
.StepProgress-item:not(:last-child) {
    padding-bottom: 20px;
}
.StepProgress-item::before {
    display: inline-block;
    content: '';
    position: absolute;
    left: -20px;
    height: 16%;
    width: 10px;
}
.StepProgress-item::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -37px;
    width: 24px;
    height: 24px;
    border: 2px solid #0051FF;
    border-radius: 50%;
    background-color: #0051FF;
}
.StepProgress-item.is-done::before {
    border-left: 2px solid green;
}
.StepProgress-item.is-done::after {
    content: "✔";
    font-size: 10px;
    color: #FFF;
    text-align: center;
    border: 2px solid #0051FF;
    background-color: #0051FF;
}
.StepProgress-item.current::before {
    border-left: 2px solid #0051FF;
}
.StepProgress-item.current::after {
    content: counter(list);
    padding-top: 1px;
    width: 44px;
    height: 44px;
    top: -4px;
    left: -40px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    border: 2px solid #0051FF;
    background-color:  #0051FF;
    line-height: 44px;
}
.StepProgress strong {
    display: block;
    color: #0051FF;
    font-size: 22px;
    margin: 0;
    font-family: var(--axiforma);
    padding-bottom: 10px;
}
.page-template-template-licence-activation .newbannerDiv {
    flex-direction: column;
    align-items: center;
}
.page-template-template-licence-activation .faq-section.new .accordion{
    margin: 46px auto;
}
h1.licenseHeading{
    font-size: 36px;
    color: #fff;
    font-family: var(--axiforma);
    margin-bottom: 10px;
    margin-top: 0;
}
p.licenseText{
    font-size: 22px;
    font-family: var(--axiforma);
    margin: 0;
    color: #fff;
    padding-bottom: 40px;
}
.page-template-template-licence-activation .newbannerDiv > div{
    width: 89%;
    background-color: #fff;
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 90px;
}
.page-template-template-licence-activation .ActSec{
    display: flex;
    align-items: end;
    width: 100%;
    background: transparent;
    padding-left: 0;
    margin: 0;
    grid-gap: 30px;
}
#ProTxtLabel{
    font-size: 20px !important;
    margin-right: 10px !important;
    font-weight: 500;
    font-family: var(--axiforma);
}
p.versionText {
    margin: 0;
    font-size: 18px;
    font-family: var(--axiforma);
}
p.versionText > span {
    color: #FF0000;
}
.ActivateBAct.disabled, .ActivateBAct:disabled {
    opacity: 1;
    cursor:not-allowed;
    color: #fff;
}
.ActivateBAct{
    clear: both !important;
   margin-top: 0px !important;
   margin-bottom: 0 !important;
   font-family: var(--axiforma);
   font-size: 16px;
   color: var(--white-color);
   background-color: #0051FF;
   border: 2px solid #0051FF;
   font-weight: 700;
   line-height: 30px;
   padding: 8px 24px;
   border-radius: 6px;
   cursor: pointer;
   transition: all 0.3s ease 0s;
   cursor:pointer;
   width: 182px;
}
ul.StepProgress a {
    text-decoration: underline;
}
.page-template-template-licence-activation span.buttonText{
    font-size: 16px;
    font-family: var(--axiforma);
    color: #0051FF;
}
.StepProgress .btn-default{
    border-color: #0051FF !important;
}
.StepProgress span.buttonText{
    color: #0051FF;
    font-size: 16px;
    font-family: var(--axiforma);
    font-weight: 500;
}
#lblError,#lblSuccess{
    font-weight: 400 !important;
 color: red;
 visibility: hidden;
 font-size: 14px !important;
 line-height: 0px !important;
 margin-left: 0px !important;
 bottom: 6px;
 position: relative;
     
 }
 .page-template-template-licence-activation .home-banner-section .banner-waves .wave1{
    bottom: 0;
 }
 ul.StepProgress a:hover{
    color: #011F42;
 }
/*license css end*/
.page-template-template-videos-blog .alm-listing.alm-ajax{
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-gap: 60px;
    justify-content: space-between;
}
/*Grafana page css*/
.page-template-template-new-grafana .kibana_box{
    background: linear-gradient(180deg, rgba(255, 116, 9, 1) 0%, rgba(255, 209, 33, 1) 35%, rgba(10, 29, 72, 1) 66%);
}
.page-template-template-new-grafana section#Features{
    padding-bottom: 0;
}
.page-template-template-new-grafana .kibana_grafana_box{
    top: 2px;
}
.page-template-template-new-grafana .kibanaGroupBoxImage{
    width: 50%;
}
.page-template-template-new-grafana section.grafanaFeaturesBox{
    background: #0D214E 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-top: 60px;
    position: relative;
    z-index: 99999;
    overflow: hidden;
    margin: 0;
    padding-bottom: 72px;
}
.page-template-template-new-grafana section.grafanaFeaturesBox::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0px;
    z-index: -1;
    background: url(../images/icons/grafana_wave.svg) 0 0 no-repeat;
    transform: rotate(360deg);
    background-size: contain;
    background-repeat: no-repeat;
}
.page-template-template-new-grafana h2.grafanaFeaturesBoxTitle{
    margin-top: 220px;
    color: #FFF;
}
/*Grafana page css end*/
/* license fix css */
.popuplicense{
    width: 100%;
	 height: 86%;
	 background: rgba(0, 0, 0, 0.4);
	 display: none;
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 text-align: center;
     border-radius: 6px;
}
.popup__content {
    width: 99.8%;
    overflow: auto;
    padding: 50px;
    background: white;
    color: black;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    z-index: 111;
    border-radius: 6px;
}
.popuplicense .popup__content .close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    display: block;
}
.popuplicense .popup__content .close span {
    cursor: pointer;
    position: fixed;
    width: 20px;
    height: 3px;
    background: #099ccc;
}
.popuplicense .popup__content .close span:nth-child(1) {
    transform: rotate(45deg);
}
.popuplicense .popup__content .close span:nth-child(2) {
    transform: rotate(135deg);
}
body input#license_key{
    width: 100%;
}
.popuplicense label{
    text-align: left;
    display: block;
    margin-bottom: 10px;
}
div#submitLicense {
    clear: both !important;
    margin-top: 0px !important;
    margin-bottom: 0 !important;
    font-family: var(--axiforma);
    font-size: 16px;
    color: var(--white-color);
    background-color: #0051FF;
    border: 2px solid #0051FF;
    font-weight: 700;
    line-height: 30px;
    padding: 8px 24px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    width: 182px;
}
.error{
    color: red;
    font-size: 12px;
    text-align: left;
    display: block;
}
/* license fix css end */
/* new case study css */
.Customersblog.secondChild {
    width: 50%;
    margin-top: 60px;
    padding-bottom: 40px;
}
section.customerpageTestimonialsection {
    height: auto;
    padding-bottom: 320px;
    background: #F0F5FF;
}
.customerpageTestimonial > div:nth-child(4) {
    border: none;
}
.Customersblog > div {
    width: 31.33%;
}
.Customersblog.row-2{
    margin-top: 40px;
}
.page-template-template-customers .play_title_section p.shortdescription {
    font-size: 13px;
    color: #120F2C;
    text-align: left;
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: 12px;
}
/* new case study css end */

.quoteAuthor > div:first-child{
    width:87px;
}

/* landing page css start */
section.newHomebanner.Observability {
    background: #0051FF;
    padding: 0px 0 140px;
}
section.newHomebanner.Observability h1 {
    color: #fff;
    font-family: 'Axiforma';
    margin: 0;
}
section.newHomebanner.Observability h1 span {
    color: #FFD121; 
}
section.newHomebanner.Observability p {
    color: #fff;
    line-height: 42px;
    font-family: 'Axiforma';
    margin-bottom: 60px;
}
section.newHomebanner.Observability a {
    background: #FFD121;
    border-radius: 4px;
    opacity: 1;
    padding: 20px 26px;
    color: #0A1D48;
    width: max-content;
    margin-top: 38px;
    font-size: 18px;
    font-family: var(--axiforma);
    font-weight: 600;
}
.why-section-div {
    display: flex;
    gap: 50px;
}
.why-section-div h2 {
    color: #0051FF;
    font-family: 'Axiforma';
    margin: 0;
}
.why-section-div > div:first-child{
    max-width: 650px;
    position: relative;
}
p.why-us-text {
    font-size: 18px;
    margin-bottom: 14px;
    color: #0A1D48;
    text-transform: uppercase;
    font-family: 'Axiforma';
}
.why-section-div .skedlerquoteFeatures > div p.quotefeatureText {
    color: #0A1D48;
    font-family: 'Axiforma';
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}
.why-section-div > div {
    width: 50%;
}
section.border-divider > div {
    width: 50%;
}
section.border-divider {
    background: #0051FF;
    display: flex;
    gap: 0;
    line-height: 0;
}
section.border-divider.impact-divider{
    background: #0A1D48;
}
section.border-divider img, section.border-divider-ourservices img {
    height: 110px;
    width: 100%;
    background-color: #fff;
    transition: border-radius 1s ease;
}
section.border-divider-ourservices img {
    display: block;
    object-fit: cover;
}
section.border-divider-ourservices {
    background: #fff;
    display: flex;
    gap: 0;
    line-height: 0;
    position: static;
}
section.border-divider-ourservices > div:first-child {
    width: 14%;
}
section.border-divider-ourservices > div:last-child {
    width: 86%;
}
section.border-divider.radius > div:first-child img,
section.border-divider-ourservices.radius > div:first-child img{
    border-radius: 0px 100px 0px 0;
    transition: border-radius 1s ease;
}
section.border-divider.radius > div:last-child img,
section.border-divider-ourservices.radius > div:last-child img{
    border-radius: 100px 0px 0px 0px;
    transition: border-radius 1s ease;
}
.why-section-div a{
    background: #FFD121;
    border-radius: 4px;
    opacity: 1;
    padding: 20px 26px;
    color: #0A1D48;
    width: max-content;
    margin-top: 38px;
    font-size: 18px;
    font-family: var(--axiforma);
    font-weight: 600;
    text-decoration: none;
}
.why-section-div a img{
    transition: transform 0.3s ease;
}
a.talk-to-expert:hover img{

    transform: translateX(4px);
    transition: transform 0.3s ease, opacity 0.3s ease;
}
section.ourServices{
    background: url(../images/our-service-left.png), url(../images/our-service-right.png), #0A1D48;
    padding: 60px 0;
}
.ourServicesSection-leftSide h3 {
    color: #00FFF4;
    font-family: 'Axiforma';
    margin-top: 24px;
    margin-bottom: 0;
}
.ourServicesSection-leftSide p:first-child {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Axiforma';
    font-size: 18px;
    margin: 0;
}
.ourServicesSection-leftSide p:last-child {
    color: #fff;
    font-family: 'Axiforma';
    font-size: 24px;
}
.ourServicesSection-leftSide {
    display: flex;
    gap: 40px;
}
.ourServicesSection-leftSide > div:first-child{
    width: 40%;
}
.ourServicesSection-leftSide > div{
    width: 30%;
}
section.why-section {
    margin-bottom: 90px;
}
.frameworkBox, .IntegrationBox {
    background: #FFFFFF;
    height: auto;
    border-radius: 24px 24px 80px 24px;
    transition: background-color 0.5s ease;
    
}
p.boxHeading {
    font-family: 'Axiforma';
    color: #0051FF;
    font-weight: 700;
}
.ourServicesSection-leftSide ul li,
.ourServicesSection-rightSide ul li {
    line-height: 34px;
    padding-bottom: 10px;
    list-style: disc;
    margin-left: 30px;
    font-family: 'Axiforma';
}
.ourServicesSection-leftSide ul,
.IntegrationBox ul,
.ourServicesSection-rightSide ul {
    color: #0A1D48;
    font-size: 22px;
}
.IntegrationBox {
    height: auto;
    padding: 30px;
    border-radius: 24px 24px 80px 24px;
}
.IntegrationBox .ourServicesSection-leftSide ul{
    color: #fff;
}
.IntegrationBox img{
    filter: invert(1);
}
.ourServicesSection-rightSide {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin-top: 50px;
}
.ourServicesSection-rightSide> div {
    width: 30%;
}
.ourServicesSection-rightSide > div:last-child {
    width: 36%;
    display: flex;
    flex-direction: column;
}
.frameworkBox.join-obseverabilty {
    background: #FFD121;
}
.frameworkBox.join-obseverabilty p.boxHeading {
    color: #000000;
    font-weight: bolder;
    font-family: 'Axiforma';
    margin-top: 0;
    margin-bottom: 8px;
}
.frameworkBox.join-obseverabilty p:nth-child(2){
    font-size: 28px;
    color: #000000;
    line-height: 40px;
    margin: 0;
    font-family: 'Axiforma';
}
.frameworkBox.join-obseverabilty a{
    background: #fff;
    border-radius: 8px;
    opacity: 1;
    padding: 20px 26px;
    color: #0A1D48;
    width: max-content;
    margin-top: 18px;
    font-size: 18px;
    font-family: var(--axiforma);
    font-weight: 600;
    text-decoration: none;
}
.why-section-div .skedlerquoteFeatures > div:nth-child(5) {
    margin-bottom: 30px;
}
p.impact-text {
    color: #0051FF;
    text-align: center;
    font-size: 18px;
    font-family: 'Axiforma';
    margin: 0;
}
.impact-section h3{
    color: #0A1D48;
    font-size: 46px;
    font-family: var(--axiforma);
    text-align: center;
    margin: 0;
    margin-bottom: 40px;
}
.impactBox {
    display: flex;
    gap: 60px;
}
.impactBoxSection {
    width: 33.33%;
    background: #EAF0FF;
    height: auto;
    padding: 30px;
    border-radius: 24px 24px 80px 24px;
    transition: background-color 0.5s ease;
}
p.impactBoxSection-percentage {
    color: #0051FF;
    font-size: 52px;
    font-family: 'Axiforma';
    font-weight: bolder;
    margin: 0;
}
p.impactBoxSectionText {
    color: #0A1D48;
    font-weight: 600;
    font-family: 'Axiforma';
    font-size: 24px;
    margin: 0;
}
p.impactBoxSectionSubText {
    color: #000000;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Axiforma';
    margin-bottom: 0;
}
.question-section {
    display: flex;
    gap: 40px;
}
.question-section h4 {
    color: #FFD121;
    font-family: 'Axiforma';
    font-size: 38px;
    margin-bottom: 10px;
}
.bannerNewSOS.experBanner{
    background-color: transparent;
    background-image:  url(../images/expert-banner.png);
    margin: 30px 0;
    margin-bottom: 0;
    color: var(--white-color);
    font-family: var(--nunito-sans);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 36px auto;
    text-align: center;
    padding: 90px;
    border-radius: 48px 48px 120px 48px;  
    margin-bottom: 0;
    display: block;
}
.bannerNewSOS.experBanner h3,
.bannerNewSOS.experBanner p{
    text-align: left;
}
.bannerNewSOS.experBanner h3{
    margin-bottom: 10px;
}
.bannerNewSOS.experBanner p{
    line-height: 36px;
}
.bannerNewSOS.experBanner a{
    background: #fff;
    border-radius: 4px;
    opacity: 1;
    padding: 14px 18px;
    color: #0A1D48;
    width: max-content;
    margin-top: 18px;
    font-size: 18px;
    font-family: var(--axiforma);
    font-weight: 600;
    text-decoration: none;
    text-align: left;
    display: flex;
    align-items: CENTER;
}
section.impact {
    margin-bottom: 60px;
}
.page-template-template-observability section.customerTestimonial{
    margin-bottom: 400px;
    background: none;
}
.question-section > div {
    width: 50%;
}
.page-template-template-observability .topImage{
    position: absolute;
    right: 61%;
    top: -4%;
    animation: fade-bottom2 2s ease-in;
    animation: move-left-right 3s infinite ease-in-out;
    z-index: 1;
}

.bottomImage {
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 61%;
    left: -7%;
    bottom: -20%;
}
.centerImageWave{
    position: absolute;
    top: 62%;
    right: 20%;
    animation: move-top-bottom 3s infinite ease-in-out;
}
.bottomImageSecond {
    position: absolute;
    bottom: 0;
    width: 59%;
    left: 3%;
    bottom: -25%;
    animation: moveLeft 2s linear;
}
.bannerBarchart{
    position: absolute;
    top: 30%;
    left: -21%;
    animation: moveRight 2s linear;
}
.bottomImageWave {
    position: absolute;
    bottom: -26%;
    z-index: 1;
    left: -18%;
    width: 80%;
    animation: fade-bottom4 2s ease-in;
    animation: move-right-left 3s linear infinite;
}
.bottomImageWave img {
    width: 38%;
}
.banner-center-image{
    width: 70%;
}
.page-template-template-observability .bannerLeft{
    left: 18% !important;
}
.page-template-template-observability .newbannerDiv > div.bannerRight{
    padding-bottom: 0;
}
.page-template-template-observability .quoteForm h4{
    color: #0051FF;
    font-size: 28px;
    font-family: var(--axiforma);
    margin: 0px 0 10px 0;
}
.page-template-template-observability .quoteForm{
    position: relative;
    padding: 40px 40px 40px 40px;
}
img.connect-blue {
    position: absolute;
    left: -6%;
    top: -42px;
}
.question-section > div{
    position: relative;
}
img.connect-yellow{
    position: absolute;
    right: 6%;
    top: -6%;
}
img.connect-light-blue {
    position: absolute;
    bottom: -34px;
    right: 0;
}
section.ourServices.expert-section {
    padding: 0px 0 60px;
}
section.customerTestimonial.real-story h5.testimonialsHeading {
    text-align: center;
    padding-top: 30px;
    color: #0A1D48;
    font-size: 18px;
}
section.customerTestimonial.real-story p.testimonialSubHeading{
    color: #0051FF;
    font-size: 46px;
    text-align: center;
    font-weight: bolder;
    font-family: 'Axiforma';
}
.impactBoxSection:hover {
    background: #0051FF;
    color: #fff;
}
.impactBoxSection:hover p.impactBoxSection-percentage,
.impactBoxSection:hover p.impactBoxSectionSubText,
.impactBoxSection:hover p.impactBoxSectionText{
    color: #fff;
}

.why-us-bottom {
    position: absolute;
    top: 61%;
}
.why-us-top {
    position: absolute;
    right: 7%;
    top: -7%;
}
.why-choose-bg {
    background-size: contain;
    padding: 22px 17px 0px 26px;
    background-repeat: no-repeat;
    background-color: #0051FF;
    border-radius: 36px 36px 100px 36px;
}
.frameworkBox:hover,
.IntegrationBox:hover {
    background: #0051FF;
    color: #fff;
}
.IntegrationBox:hover img {
    filter: grayscale(1);
    animation: continuous-scale 1.5s infinite ease-in-out;
}
.frameworkBox:hover p.boxHeading,
.IntegrationBox:hover p.boxHeading,
.IntegrationBox:hover ul,
.frameworkBox:hover ul,
.frameworkBox:hover .ourServicesSection-leftSide ul{
    color: #fff;
}
.frameworkBox:last-child:hover{
    background: #FFD121;
}
.frameworkBox:last-child:hover p.boxHeading{
    color: #000000;
}
.frameworkBox:last-child:hover img{
    filter: none;
}
.frameworkBox:hover img{
/* filter: invert(1); */
filter: brightness(0) invert(1);
animation: continuous-scale 1.5s infinite ease-in-out;
}
a.talk-to-expert img{
    vertical-align: middle;
}
a.talk-to-expert span {
    top: 3px;
    position: relative;
}
section.newHomebanner.Observability a:hover {
    background: #fff;
}
.page-template-template-observability .site-header.active{
    top: 0;
}
.page-template-template-observability .offerPopup,
.page-template-template-observability .offer-message-animation{
display: none;
}
a.talk-to-expert:hover{
    background: #0A1D48;
    color: #fff;
}
a.talk-to-expert:hover img {
    vertical-align: middle;
    filter: invert(1) brightness(5) !important;
}
.question-section > div:first-child{
    position: sticky;
    top: 22px;
    height: fit-content;
}
.page-template-template-observability label.labelText{
    padding-bottom: 0;
}
.page-template-template-observability .download-new textarea.comments_text{
    margin: 0;
}
.page-template-template-observability .getStartedendButton {
    margin-top: 30px;
    height: 52px;
}
.page-template-template-observability .error-msg1{
    margin: 0;
    font-size: 12px;
}
@keyframes continuous-scale {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
  }
}
@keyframes move-left-right {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(20px);
    }
    100% {
      transform: translateX(0);
  }
}
@keyframes move-right-left {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-20px);
    }
    100% {
      transform: translateX(0);
  }
}
@keyframes move-top-bottom {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(20px);
    }
    100% {
      transform: translateY(0);
  }

}
.image {
    opacity: 0;
    animation: fadeInImages 1s forwards;
    margin: 10px;
    transform: translateY(20px);
  }
  .bannerImageFirst img {
    animation-delay: 0s;
  }
  .bottomImage img {
    animation-delay: 0.2s;
  }
  .bannerBarchart img {
    animation: move-left-right1 3s infinite ease-in-out;
    opacity: 1;
  }
  @keyframes move-left-right1 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(10px);
    }
    100% {
      transform: translateX(0);
  }
}
  
  .topImage img {
    animation-delay: 2s;
  }
  .centerImageWave img {
    animation-delay: 2.5s;
  }
  .bottomImageWave img {
    animation-delay: 3s;
  }
  .delay1{
    animation-delay: 1s;
  }
  .delay2{
    animation-delay: 3s;
  }
 .animation-add {
    opacity: 0;
    margin: 10px;
    transform: translateY(50px);
    transition: transform 1s ease, opacity 1s ease;
  }
.animation-add.active{
      opacity: 1;
      transform: translateY(0);
}  
  @keyframes fadeInImages {
    to {
      opacity: 1;
      transform: translateY(0); 
    }
  }
  .why-us-banner-middle{
    display: flex;
  }
  .why-us-bottom-left {
    left: 13%;
    position: absolute;
    bottom: -7px;
    width: 81%;
}
.why-us-bottom-left img{
    width: 37%;
}
.hideImage {
    opacity: 0;
    transform: translateY(20px);  
    transition: opacity 1s ease-out, transform 1s ease-out;
  }
  .visible {
    opacity: 1;
    transform: translateY(0);
  }
  .image.delay-1 {
    transition-delay: 0.5s;
  }
  .image.delay-2 {
    transition-delay: 1.5s;
  }
  .image.delay-3 {
    transition-delay: 2.5s;
  }
  .image.delay-4 {
    transition-delay: 3s;
  }
  .image.delay-5 {
    transition-delay: 3.5s;
  }
  img.new_image {
    position: absolute;
    left: 0px;
    /* overflow: visible; */
    top: 4px;
}
@keyframes moveLeft {
    0% {
      left: -20%;    
    }
    100% {
      left: 4%;     
    }
  }
  @keyframes moveRight {
    0% {
      left: 10%;   
    }
    100% {
      left: -20%;      
    }
  }
  .Footerthird ul li img{
    vertical-align: middle;
  }
  .page-template-template-observability .newbannerDiv{
    align-items: center;
  }
/* landing page css end */
/* new get started block */
p.session_text {
    color: #42E8E0;
    font-size: 18px;
    font-family: 'Axiforma';
    margin-top: 40px;
}

p.session_text_bottom{
    color: #42E8E0;
    font-size: 18px;
    font-family: 'Axiforma';
    margin-top: 30px;
}
.meetings-iframe-container iframe{
    /* height: 615px; */
    /* min-width:756px !important;  */
}
.meetings-iframe-container .gMABRh{
    box-shadow: none !important;
}
.custom-hubspot-iframe {
    width: 100% !important;
    height: 756px !important;
    min-height: 615px !important;
    border: none;
    display: block;
  }
  
  /* Mobile Fix */
  @media only screen and (max-width: 1440px) {
    .custom-hubspot-iframe {
      min-width: 640px !important;
      min-height: 700px !important;
      height: auto !important;
      border-radius: 35px;
    }
    .private-flex{
        padding: 0 !important;
    }
    .page-template-template-get-started .newbannerDiv > div.bannerLeft,
    .page-template-template-quote div.bannerLeft {
        width: 54% !important;
    }
  }
  .meetings-lib.page.embedded {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    display: none !important;
  }
    /* Mobile Fix */
    @media only screen and (min-width: 1441px) and (max-width: 1986px)  {
        .custom-hubspot-iframe {
          min-width: 730px !important;
          min-height: 700px !important;
          height: auto !important;
          border-radius: 35px;
          
        }
        [data-selenium-test="booking-summary-step"] {
            min-height: 800px; /* or any value you want */
        }
        .private-flex{
            padding: 0 !important;
        }
        .book-summary {
            max-width: 400px;
            max-height: 600px !important;
            height: 600px !important;
        }
        .page-template-template-get-started .newbannerDiv > div.bannerLeft,
        .page-template-template-quote div.bannerLeft {
            width: 52% !important;
        }
      }
  

      @media only screen and (max-width: 560px) {
        .custom-hubspot-iframe {
            min-width: 360px !important;
            min-height: 540px !important;
            height: auto !important;
        }
        body.page-template-template-quote .newbannerDiv > div.bannerRight{
            position: relative;
            top: 0;
        }
    }

      .page-template-template-get-started .newbannerDiv,
      .page-template-template-quote .newbannerDiv{
        justify-content: left;
        align-items: self-start;
      }
      .page-template-template-get-started .newbannerDiv > div.bannerRight,
      .page-template-template-quote .newbannerDiv > div.bannerRight{
        width: 42%;
        position: sticky;
        top: 130px;
      }

      .bannerRight ul li {
        color: #FFFFFF;
        font-size: 18px;
        margin: 10px 0;
        font-family: var(--axiforma);
    }
    .bannerRight ul li img{
        vertical-align: middle;
        margin-right: 16px;
    }
    /* end */
    /* slick-min.css */
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* slick-min css end */