/*** Reset style ***/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Rubik', sans-serif;
    text-rendering: optimizeLegibility;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
label {
    margin: 0;
    padding: 0;
}
.overflowremove{
    overflow: visible !important;
}
.mbot0 {
    margin-bottom: 0px !important;
}

.modal-backdrop {
    display: none !important;
}

.circletick {
    color: #ff9b03;
    margin-right: 8px;
    font-size: 16px;
}


/*** Start Style ***/

header {
    width: 100%;
    position: relative;
    background-color: #ffffff;
}

.got-navbar {
    background: #ffffff;
    padding: 16px 0;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.got-navbar.navbar-shrink {
    background: #ffffff;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    padding: 8px 0;
}

.got-navbar .navbar-brand img {
    height: 60px;
    object-fit: contain;
}

.got-navbar .navbar-collapse {
    flex-grow: inherit;
}

.got-navbar .navbar-collapse .got-navbar-nav {
    margin-left: 50px;
}

.got-navbar-nav .nav-item .nav-link {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    padding: 20px 18px;
    text-transform: capitalize;
}

.got-navbar-nav .nav-item .nav-link.active {
    color: #ff9b03;
}

.login-signup-button {
    margin-left: auto;
}

.login-signup-button .lsbtn {
    border: none;
    background: #ff9b03;
    font-size: 13px;
    display: inline-block;
    width: 90px;
    height: 34px;
    border-radius: 3px;
    outline: none;
    margin-left: 8px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
}

.login-signup-button .lsbtn:hover {
    transform: translateY(-5px);
    -webkit-box-shadow: 0 13px 27px 0 #ff9b0347;
    box-shadow: 0 13px 27px 0 #ff9b0347;
}

.got-navbar-nav .nav-item {
    position: relative;
}

.navbar-hover {
    min-width: 160px;
    position: absolute;
    text-align: left;
    top: calc(100% + 25px);
    z-index: 9999999;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    border-top: 2px solid #494b4e;
    background: #fff;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    left: 50%;
    transform: translate(-50%, 0%);
    opacity: 0;
    visibility: hidden;
}

.navbar-hover ul {
    list-style: none;
}

.navbar-hover ul li a {
    display: block;
    font-size: 14px;
    padding: 6px 12px;
    color: #000000;
    border-bottom: 1px solid #e2e2e24f;
    white-space: nowrap;
}

.navbar-hover ul li a:hover {
    background: #494b4e;
    color: #ffffff;
}

.navbar-hover ul li:last-child a {
    border-bottom: 0px;
}

.navbar-hover::before {
    position: absolute;
    content: '';
    left: 50%;
    transform: translate(-50%, 0%);
    border-top: 8px solid transparent;
    border-bottom: 8px solid #494b4e;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: 100%;
}

.navbar-hover::after {
    position: absolute;
    content: '';
    left: 50%;
    transform: translate(-50%, 0%);
    border-top: 8px solid transparent;
    border-bottom: 8px solid #494b4e;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: 100%;
}

.got-navbar-nav .nav-item:hover .navbar-hover {
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    visibility: visible;
    top: 100%;
    opacity: 1;
}

/** Support & Schedule demo **/
.support-group{
    position: fixed;
    right: 0;
    z-index: 9000;
    top: 50%;
    transform: translateY(-50%);
}
.support-view{
    display: flex;
    align-items: center;
    background: #000000;
    padding: 8px 10px;
    color: #ffffff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-bottom: 2px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    white-space: nowrap;
    position: relative;
    right: -112px;
    box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.16);
}
.support-view img{
    width: 18px;
    height: 18px;
    object-fit: contain;
}
.spinimg{
    animation: spin 1.5s linear infinite;
}
.support-view span{
    font-size: 14px;
    text-transform: capitalize;
    padding-left: 12px;
}
.support-view:hover{
    color:#ffffff;
    right: 0px;
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
/*** Banner ***/

.main-banner {
    background: url(../images/banner-bg.jpg) no-repeat right top;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.got-table {
    display: table;
    width: 100%;
    height: 100%;
    padding-top: 150px;
    padding-bottom: 30px;
    position: relative;
    z-index: 100;
}

.got-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.got-banner-content {
    text-align: left;
    /* width: 900px; */
    margin: auto;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 50px;
}

.got-banner-content h1 {
    font-size: 45px;
    font-weight: 600;
    line-height: 60px;
    color: #000000;
    margin-bottom: 20px;
}

.got-banner-content p {
    font-size: 16px;
    color: #000000bf;
    line-height: 26px;
}

.button-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 30px;
}

.button-group a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-right: 20px;
}

.btnfree {
    background: #ff9b03;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    min-width: 160px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-weight: 600;
    padding: 0 12px;
}

.btnfree:hover {
    background: #000000;
}

.btnfree:hover {
    color: #ffffff;
}

.watchvideobtn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-transform: uppercase;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

.watchvideobtn i {
    width: 35px;
    height: 35px;
    background: #ff9b03;
    color: #ffffff;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.watchvideobtn i:hover {
    background: #000000;
    transform: scale(1.1);
}

.watchvideobtn:hover {
    color: #000000;
}

.got-banner-img {
    position: relative;
}

.got-banner-img figure {
    max-width: 600px;
    margin: 0 auto;
    -webkit-animation: translateY 10s infinite linear;
    animation: translateY 10s infinite linear;
    border-radius: 8px;
    -webkit-box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.16);
    background: #ffffff;
    padding: 12px;
    position: relative;
    z-index: 1;
}

.got-banner-img figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.got-banner-img .shapeban {
    position: absolute;
    top: -30px;
    right: -47px;
    animation: translateY 10s infinite linear;
}

@-webkit-keyframes translateY {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes translateY {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.img-mover {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}

.happens-signimg {
    margin-top: 50px;
}

.signimg-gt figure {
    position: relative;
    max-width: 700px;
    margin: 0 auto;
}

.signimg-gt figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* Watch Video button */

.got-watch-video .modal {
    background: rgba(20, 61, 112, 0.4);
}

.got-watch-video .modal-dialog {
    max-width: calc(100% - 20%);
}

.got-watch-video .modal-content {
    height: calc(100vh - 150px);
    box-shadow: 0px 3px 25px #385A7775;
    border: 9px solid #FFFFFF;
}

.got-watch-video .modal-header {
    background: transparent;
    border: none;
}

.got-watch-video .modal-header h5 {
    font: 500 24px/25px Poppins;
    color: #000000;
    text-transform: uppercase;
}

.got-watch-video .modal-header .close {
    font: 500 13px/20px Poppins;
    text-transform: uppercase;
}

.got-watch-video .modal-body {
    padding: 0;
}

.video-wrap {
    height: calc(100vh - 170px);
    position: relative;
}

.vieoview,
video {
    width: 100%;
    height: 100%;
}

.vieoview iframe {
    width: 100%;
    height: 100%;
}

.video-wrap .close,
.video-wrap .close:hover {
    position: absolute;
    left: 99%;
    z-index: 5000;
    opacity: 1 !important;
    outline: none;
    font: 500 23px/20px Poppins;
    text-shadow: none;
    color: #ffffff;
    text-transform: uppercase;
    top: -20px;
    width: 30px;
    height: 30px;
    background: #212529;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #ffffff;
}

.shape1 {
    position: absolute;
    top: 20%;
    z-index: 1;
    left: 30px;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
    opacity: .4;
}

.shape1 img {
    height: 15px;
    object-fit: contain;
}

.shape2 {
    position: absolute;
    left: 15%;
    top: 15%;
    z-index: 10;
    opacity: .8;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
}

.shape2 span,
.shape3 span,
.shape4 span {
    display: block;
    width: 20px;
    height: 20px;
    border: 3px solid #ff9a01;
    border-radius: 50%;
}

.shape3 span {
    border-color: #775fab;
}

.shape4 span {
    border-color: #000000;
    z-index: 10;
}

.shape3,
.shape4 {
    position: absolute;
    right: 20%;
    top: 20%;
    z-index: 1;
    opacity: .8;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
}

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}


/*** Why Got CRM ***/

.whygot-crm {
    background: #F4F6FC;
    width: 100%;
    position: relative;
    padding-top:100px;
    padding-bottom: 100px;
    /* scroll-behavior: smooth; */
}

.got-sub-title h2 {
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}

.got-sub-title p {
    text-align: center;
}

.got-crm-tabcont {
    margin-top: 50px;
}

.got-crm-tabcont ul {
    list-style: none;
    display: table;
    border-bottom: 1px solid #cecece;
    width: 100%;
}

.got-crm-tabcont ul li {
    display: table-cell;
}

.got-crm-tabcont ul li a {
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    border-radius: 0px;
    background: #f4f6fc;
    color: #000000;
    /* min-height: 80px; */
    align-items: center;
    justify-content: center;
    /* border-right: 1px solid #775fab1f; */
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    position: relative;
}

.got-crm-tabcont ul li a.current {
    color: #ff9a02;
}

.got-crm-tabcont ul li a.current::after {
    position: absolute;
    content: '';
    background: #ff9a00;
    left: 0;
    height: 2px;
    bottom: -1px;
    width: 100%;
}

.got-crm-tabcont ul li a.current::before {
    position: absolute;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-top: 6px solid #ff9a00;
    border-radius: 6px;
    top: 100%;
}

.got-crm-tabcont ul li:last-child a {
    border-right: 0px;
}

.got-tab-content {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 50px;
}

.got-content-box h1 {
    text-align: center;
    font-size: 26px;
    color: #000000;
    margin-bottom: 10px;
}

.got-content-box p {
    text-align: center;
    font-size: 16px;
    color: #000000ab;
    margin-bottom: 30px;
}

.got-content-box figure {
    width: 900px;
    margin: 0 auto;
    /* background: #ffffff; */
    border-radius: 3px;
    /* padding: 8px; */
    /* -webkit-box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.16); */
    position: relative;
    z-index: 10;
}

.got-content-box figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.shape-ban1 {
    position: absolute;
    right: 5%;
    top: 20%;
    z-index: 1;
    opacity: .8;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
}

.shape-ban2 {
    left: 5%;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
    position: absolute;
    top: 20%;
    z-index: 1;
}

.shape-ban1 span,
.shape-ban2 span {
    border: 2px solid #000000;
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 50%;
}

.shape-ban2 span {
    border-color: #ff9a00;
}


/***Our Happy Customer***/

.our-happy-customer {
    background: #ffffff;
    width: 100%;
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden;
}

.brand-logo {
    margin-top: 50px;
}

.customer-logo figure {
    background: #ffffff;
    margin-bottom: 20px;
    -webkit-box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 10;
    padding: 10px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.customer-logo figure:hover {
    border: 1px dashed #ff9b03;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.customer-logo img {
    width: 100%;
    height: 50px;
    object-fit: contain;
}

.trustlogo figure img {
    height: 60px;
}

.meridienlogo img {
    height: 30px;
}

.itclogo img {
    height: 80px;
}

.slacklogo img {
    height: 41px;
}

.zoomlogo img {
    height: 30px;
}

.gotomeetinglogo img {
    height: 80px;
}


/*** Our Client ***/

.our-team {
    background: #ffffff;
    width: 100%;
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden;
}

.section-eight {
    padding: 0px 0 0px 0;
    position: relative;
}

.op-eight-section {
    position: relative;
    background: #ffffff url(../images/footer-bg-image.png) no-repeat center center/cover;
}

.sec-eight-text-area {
    text-align: center;
    padding: 50px 0 100px;
}


/* .sec-eight-text-area img {
    padding: 2vh 0;
  } */

.sec-eight-text-area h1 {
    padding: 2vh 0 0 0;
    color: #000000;
    line-height: 1.3;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 5px;
}

.sec-eight-text-area span {
    font-size: 14px;
    color: #000000b3;
}

.sec-eight-text-area p {
    padding: 2vh 0;
    font-size: 14px;
    line-height: 1.6;
    color: #434c57;
}

.section-eight .container-pe-quote {
    position: absolute;
    height: 100%;
    top: 0px;
    z-index: 1;
}

.section-eight .container-pe-quote.left {
    left: 0px;
}

.section-eight .container-pe-quote.right {
    right: 0px;
}

.section-eight .container-pe-quote .pp-quote {
    cursor: pointer;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform-origin: 50% 1px;
    -moz-transform-origin: 50% 1px;
    -ms-transform-origin: 50% 1px;
    -o-transform-origin: 50% 1px;
    transform-origin: 50% 1px;
    opacity: 0;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

.container-pe-quote .pp-quote img {
    overflow: hidden;
    border-radius: 100%;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
}

.container-pe-quote .pp-quote:hover:after,
.container-pe-quote .pp-quote.active:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.section-eight .container-pe-quote .li-quote-1 {
    height: 104px;
    width: 104px;
    left: 15px;
    top: 95px;
    animation-duration: 10s;
    -webkit-animation-duration: 10s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-2 {
    height: 63px;
    width: 63px;
    left: 120px;
    top: 270px;
    animation-duration: 12s;
    -webkit-animation-duration: 12s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-3 {
    height: 64px;
    width: 64px;
    left: 68px;
    top: 380px;
    animation-duration: 6s;
    -webkit-animation-duration: 6s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-4 {
    height: 73px;
    width: 73px;
    right: -15px;
    top: 110px;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-5 {
    height: 73px;
    width: 73px;
    right: 28px;
    top: 265px;
    animation-duration: 8s;
    -webkit-animation-duration: 8s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-6 {
    height: 45px;
    width: 45px;
    right: 108px;
    top: 170px;
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-7 {
    height: 48px;
    width: 48px;
    right: 40px;
    top: 414px;
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-8 {
    height: 63px;
    width: 63px;
    left: 20px;
    top: 250px;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1;
}

@keyframes floating {
    0% {
        -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
        transform: rotate(0deg) translate(-10px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        transform: rotate(360deg) translate(-10px) rotate(-360deg);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
        transform: rotate(0deg) translate(-10px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        transform: rotate(360deg) translate(-10px) rotate(-360deg);
    }
}

.section-eight .container-quote {
    position: relative;
    width: 100%;
    margin-top: 10px;
    height: 135px;
    -webkit-perspective: 10000px;
    -moz-perspective: 10000px;
    -ms-perspective: 10000px;
    perspective: 10000px;
}

.section-eight .container-quote .quote {
    max-width: 520px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    cursor: pointer;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
}

.section-eight .container-quote .quote.hide-bottom {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
    -moz-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
    -ms-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
    -o-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
    transform: translateX(-50%) translateY(100%) rotateX(-70deg);
}

.section-eight .container-quote .quote.hide-top {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
    -moz-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
    -ms-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
    -o-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
    transform: translateX(-50%) translateY(-100%) rotateX(70deg);
}

.section-eight .container-quote .quote.show {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0%) rotateX(0deg);
    -moz-transform: translateX(-50%) translateY(0%) rotateX(0deg);
    -ms-transform: translateX(-50%) translateY(0%) rotateX(0deg);
    -o-transform: translateX(-50%) translateY(0%) rotateX(0deg);
    transform: translateX(-50%) translateY(0%) rotateX(0deg);
}

.section-eight .container-dp-name {
    position: relative;
    width: 100%;
    margin-top: 10px;
    height: 225px;
    -webkit-perspective: 10000px;
    -moz-perspective: 10000px;
    -ms-perspective: 10000px;
    perspective: 10000px;
    text-align: center;
}

.section-eight .container-dp-name .box-dpname {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
}

.section-eight .container-dp-name .box-dpname.hide-dp-bottom {
    opacity: 0;
    -webkit-transform: translateX(0%) translateY(100%) rotateX(-70deg);
    -moz-transform: translateX(0%) translateY(100%) rotateX(-70deg);
    -ms-transform: translateX(0%) translateY(100%) rotateX(-70deg);
    -o-transform: translateX(0%) translateY(100%) rotateX(-70deg);
    transform: translateX(0%) translateY(100%) rotateX(-70deg);
}

.section-eight .container-dp-name .box-dpname.hide-dp-top {
    opacity: 0;
    -webkit-transform: translateX(0%) translateY(-100%) rotateX(70deg);
    -moz-transform: translateX(0%) translateY(-100%) rotateX(70deg);
    -ms-transform: translateX(0%) translateY(-100%) rotateX(70deg);
    -o-transform: translateX(0%) translateY(-100%) rotateX(70deg);
    transform: translateX(0%) translateY(-100%) rotateX(70deg);
}

.section-eight .container-dp-name .box-dpname.look {
    opacity: 1;
    -webkit-transform: translateX(0%) translateY(0%) rotateX(0deg);
    -moz-transform: translateX(0%) translateY(0%) rotateX(0deg);
    -ms-transform: translateX(0%) translateY(0%) rotateX(0deg);
    -o-transform: translateX(0%) translateY(0%) rotateX(0deg);
    transform: translateX(0%) translateY(0%) rotateX(0deg);
}

.ourcustomer img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #775fab7a;
}

.li-quote-1 img {
    width: 104px;
    height: 104px;
    object-fit: cover;
    border: 3px solid #ff9a039f;
}

.li-quote-2 img,
.li-quote-3 img,
.li-quote-4 img,
.li-quote-5 img,
.li-quote-6 img,
.li-quote-7 img {
    border: 3px solid #ff9a039f;
}


/*** Trail Version ***/

.trail-signup {
    width: 100%;
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    background: #494b4e url(../images/bg2.png) no-repeat center center / cover;
}

.trail-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.trail-signup-cont {
    text-align: center;
    position: relative;
    z-index: 10;
}

.trail-signup-cont h2 {
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.26px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.trail-signup-cont p {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: 300;
    letter-spacing: 0.8px;
}

.trail-signup-cont .trail-signupbtn {
    width: 238px;
    height: 56px;
    background: #ff9b03;
    border-radius: 3px;
    font: 500 16px/14px Poppins;
    letter-spacing: 2px;
    color: #FFFFFF;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: auto;
}


/*** Footer ***/

footer {
    background: #ffffff url(../images/footer-bg-image.png) no-repeat center center/cover;
    width: 100%;
    position: relative;
    padding-top: 60px;
}

.footer-content figure img {
    height: 60px;
    object-fit: contain;
}

.footer-content p {
    font-size: 14px;
    line-height: 22px;
    color: #000000a1;
    margin-top: 30px;
}

.footer-content h1 {
    font-size: 20px;
    margin-bottom: 30px;
}

.footer-content .quicklink {
    margin-bottom: 0px;
    list-style: none;
}

.footer-content .quicklink li a {
    font-size: 14px;
    color: #000000bf;
    display: block;
    padding: 4px 0;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.footer-content .quicklink li a:hover {
    color: #ff9b03;
}

.footer-content .quicklink li a i {
    color: #ff9b03;
    font-size: 17px;
    margin-right: 4px;
}

.footer-content .contact {
    margin-bottom: 0px;
    list-style: none;
}

.footer-content .contact li {
    font-size: 14px;
    color: #000000bf;
    display: block;
    padding: 4px 0;
}

.footer-content .contact li i,
.footer-content .contact li a i {
    color: #ff9b03;
    font-size: 18px;
    margin-right: 6px;
}

.footer-content .contact li a {
    font-size: 14px;
    color: #000000bf;
    display: block;
    padding: 4px 0;
}


/*** copyright ***/

.copyright-wrap {
    width: 100%;
    position: relative;
    border-top: 1px solid #00000014;
    padding: 20px 0;
    margin-top: 30px;
}

.copyright-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.copyright-list p {
    font-size: 14px;
    line-height: 22px;
    color: #000000a1;
}

.copyright-list ul {
    margin-bottom: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

.copyright-list ul li a {
    display: flex;
    font-size: 16px;
    color: #000000;
    width: 28px;
    height: 28px;
    border: 1px solid #dddddd;
    margin-right: 12px;
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.copyright-list ul li a:hover {
    color: #ffffff;
    background: #ff9b03;
    border: 1px solid #ff9b03;
}


/*** Go to Top ***/

.go-top {
    position: fixed;
    cursor: pointer;
    bottom: -100px;
    right: 15px;
    color: #080a3c;
    background-color: #ffffff;
    z-index: 4;
    width: 45px;
    text-align: center;
    height: 45px;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    font-size: 40px;
    -webkit-transition: .9s;
    transition: .9s;
    overflow: hidden;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.go-top .uparrow {
    position: absolute;
    right: 0;
    left: 0;
    top: 60%;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
}

.go-top.active {
    opacity: 1;
    visibility: visible;
    bottom: 15px;
}

.go-top:hover {
    background-color: #ff9b03;
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}


/*** Pricing Table ***/

.pricing-banner {
    background-color: #34363a;
    position: relative;
    z-index: 1;
    margin-top: 102px;
    height: 280px;
    display: flex;
    align-items: center;
}

.pricing-banner::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .6;
    height: 100%;
    z-index: -1;
    -webkit-animation: animatedBackground 15s linear infinite;
    animation: animatedBackground 15s linear infinite;
    background-image: url(../images/bg_lines.svg);
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
}

@-webkit-keyframes animatedBackground {
    0% {
        background-position: center center;
    }
    100% {
        background-position: 300px center;
    }
}

@keyframes animatedBackground {
    0% {
        background-position: center center;
    }
    100% {
        background-position: 300px center;
    }
}

.pricing-title {
    text-align: center;
}

.pricing-title h1 {
    color: #ffffff;
}

.pricing-title p {
    color: #ffffff;
    margin-top: 20px;
    font-size: 28px;
    line-height: 40px;
}

.pricing-table {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #F5FAFD;
}

.pricing-view {
    position: relative;
    margin-top: 40px;
}

.pricing-card {
    border: 3px solid #ffffff;
    background-color: #ffffff;
    padding: 50px 40px 50px 40px;
    border: 1px solid #ecf0f5;
    border-radius: 8px;
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.pricing-card:hover {
    box-shadow: 0 0rem 4rem rgba(0, 0, 0, .1);
    transform: translateY(-6px);
    border-color: #ff9b03;
}

.pricing-head {
    text-align: center;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #dddddd;
}

.pricing-head h4 {
    text-align: center;
    font-size: 22px;
    color: #000000;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.pricing-head h1{
    font-size: 45px;
    font-weight: 500;
    margin-top: 14px;
}
.pricing-head h1 span{
    font-size: 16px;
    display: block;
    letter-spacing: 1px;
}
.pricing-head .normal-amt{
    font-size: 15px;
    margin-top: 9px;
    color: #828282;
    font-weight: 400;
}
.pricing-head .normal-amt span{
    text-decoration: line-through;
}
.pricing-head p {
    color: #000000;
    display: block;
    font-size: 36px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pricing-head p span {
    font-size: 14px;
    font-weight: 400;
    margin-left: 8px;
}

.pricing-body ul {
    list-style: none;
    margin-top: 30px;
    margin-bottom: 0;
}

.pricing-body ul li {
    display: block;
    text-align: left;
    font-size: 14px;
    color: #77838f;
    padding: 6px 0;
}

.trybtn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

.trybtn-group a {
    width: 200px;
    background: #ff9b03;
    font-size: 16px;
    color: #ffffff;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    text-decoration: none;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.trybtn-group a:hover {
    background-color: #000000;
}


/*** Enterprises ***/

.enterprise-banner {
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    margin-top: 102px;
    /* height: 350px; */
    display: flex;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}

.enterprise-banner::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .05;
    height: 100%;
    z-index: -1;
    background: url(../images/enterprises/enterprises.jpg) no-repeat;
}

.enterprise-title {
    text-align: left;
    position: relative;
    z-index: 100;
}

.enterprise-title h1 {
    font-size: 45px;
    font-weight: 600;
    line-height: 60px;
    color: #000000;
    margin-bottom: 20px;
}

.enterprise-title p {
    font-size: 16px;
    color: #000000bf;
    line-height: 26px;
}
.enterprise-title.solution-list ul{
    margin: 0;
}
.contactus-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 20px;
}

.enterprise-img figure {
    max-width: 340px;
    margin: auto;
}

.enterprise-img figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/** Enterprise customer logo **/

.enterprise-customer-wrap {
    background: url(../images/banner-bg.jpg) no-repeat right top;
    position: relative;
}


/** Enterprise Why choose got crm **/

.enterprise-whychoose-got {
    background: #F7FAFD;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.enterprise-whychoose h1 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 20px;
}

.enterprise-whychoose p {
    font-size: 15px;
    color: #000000bf;
    line-height: 26px;
}

.enter-choose-list {
    list-style: none;
    margin-top: 20px;
}

.enter-choose-list li {
    position: relative;
    margin-top: 20px;
    z-index: 1;
    display: block;
    padding: 10px 12px;
    color: #000000;
    font-weight: 400;
    background-color: #ffffff;
    border-radius: 3px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    font-size: 14px;
}

.faster-percent h1 {
    font-size: 80px;
    font-weight: 600;
    color: #ff9b03;
    text-shadow: 0 3.36px 1.896px #a96600, 0 -2px 1px #ff9b03;
    line-height: 60px;
}

.faster-percent span {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: block;
    text-align: center;
}

.faster-view p {
    font-size: 16px;
    color: #000000bf;
    line-height: 26px;
}


/*** Got CRM Journey ***/

.gotcrm-journey {
    background: #FFFBF5;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.journey-box h2 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 60px;
    color: #000000;
}

.journey-box h2 span {
    color: #000000;
    font-weight: 700;
    font-size: 45px;
    display: block;
}

.journey-box p {
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    margin-bottom: 20px;
}

.journey-box p:last-child {
    margin-bottom: 0px;
}


/** Integrate **/

.integrate-enterprise {
    background: #ffffff;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.integrate-box h2 {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #000000;
}

.integrate-box h4 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #000000;
}

.integrate-box p {
    font-size: 16px;
    color: #000000d4;
    line-height: 26px;
}

.integrate-logo ul {
    list-style: none;
    margin-top: 40px;
}

.integrate-logo ul li figure {
    margin: 0 0 20px 0;
    width: 100%;
    border: 1px solid #dddddd;
    height: 60px;
    background: #ffffff;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 26px;
}

.integrate-logo ul li figure img {
    width: 100%;
    height: 30px;
    object-fit: contain;
}

.integrate-logo ul li figure.meetinglogo {
    padding: 0 20px;
}

.integrate-logo ul li figure.meetinglogo img {
    height: 60px;
}


/** customer Relationship **/

.customer-relationship {
    position: relative;
    background: #ffffff url(../images/footer-bg-image.png) no-repeat center center/cover;
    padding-top: 80px;
    padding-bottom: 80px;
}

.customer-relation-box h1 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #000000;
    text-align: center;
}

.customer-relation-box p {
    font-size: 16px;
    color: #000000d4;
    line-height: 26px;
    text-align: center;
}

.request-button {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
}


/** Workflow **/

.enterprise-workflow {
    background: #ffffff;
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}
.whygotcrm-main{
    padding: 50px 0;
    overflow: hidden;
}
.request-button a {
    background: #ff9b03;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    min-width: 160px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-weight: 600;
    padding: 0 12px;
    margin-right: 12px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.request-button a:hover {
    background: #000000;
}

.workflow-image figure {
    max-width: 300px;
    margin: auto;
}

.workflow-image figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.shape-rotate {
    top: -80px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    object-fit: contain;
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

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

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


/*** Small Business ***/

.smallBusiness-banner {
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    margin-top: 102px;
    display: flex;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}

.smallBusiness-banner::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .1;
    height: 100%;
    z-index: -1;
    background: url(../images/small-business/small-business.jpg) no-repeat bottom center / cover;
}

.businesscrmban {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #ffffff;
}

.businesscrm {
    text-align: center;
}

.businesscrm p {
    margin-bottom: 16px;
}

.business-timeline {
    position: relative;
    width: 1000px;
    margin: 10em auto 11px;
    overflow: hidden;
}

.business-timeline::before {
    position: absolute;
    content: '';
    background: #99A7BB;
    width: 1px;
    height: 100%;
    left: 50%;
}

.business-timeline ul {
    margin: 0;
    padding: 0;
}

.business-timeline ul li {
    position: relative;
    width: 50%;
    list-style: none;
    padding: 0px 30px;
    margin-bottom: 40px;
}

.business-timeline ul li:nth-child(odd) {
    float: right;
    text-align: left;
    clear: both;
}

.business-timeline ul li:nth-child(even) {
    float: left;
    text-align: right;
    clear: both;
}

.business-timeline ul li:nth-child(odd)::before {
    position: absolute;
    content: '';
    background: #ff9b03;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    left: -7px;
    top: 50%;
    border: 2px solid #ffffff;
    transform: translateY(-50%);
}

.business-timeline ul li:nth-child(even)::before {
    position: absolute;
    content: '';
    background: #ff9b03;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    right: -7px;
    top: 50%;
    border: 2px solid #ffffff;
    transform: translateY(-50%);
}

.timeline-cont {
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 10px 12px;
    box-shadow: 1px 4px 26px 3px #dddddd78;
    position: relative;
}

.business-timeline ul li:nth-child(odd) .timeline-cont::before {
    position: absolute;
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid #dddddd;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    right: 100%;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
}

.business-timeline ul li:nth-child(even) .timeline-cont::before {
    position: absolute;
    content: '';
    border-left: 8px solid #dddddd;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    left: 100%;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
}

.timeline-cont h4 {
    letter-spacing: 0.2px;
    color: #000000;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
}

.timeline-cont p {
    letter-spacing: 0.56px;
    color: #546071;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 13px;
}


/** Expected CRM ***/

.expect-crm {
    margin-top: 40px;
}

.pcm-card {
    background: #ffffff;
    -moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    text-align: left;
    padding: 30px 20px;
    border: 1px solid #f2effc;
    border-radius: 3px;
    margin-bottom: 20px;
    min-height: 377px;
    display: flex;
    text-align: center;
}

.pcm-card-detail figure {
    max-width: 60px;
    margin: auto;
    padding-bottom: 20px;
}

.pcm-card-detail figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pcm-card h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 24px;
}

.pcm-card p {
    letter-spacing: 0.56px;
    color: #000000bd;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 24px;
}

.schedule-dem-section {
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}
.trail-signup-cont.scheduledemo-samllbuiness{
    display: flex;
    align-items: center;
}
.trail-signup-cont.scheduledemo-samllbuiness h2{
        width: calc(100% - 238px);
    text-align: left;
}
 

.schedule-dem-section::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .1;
    height: 100%;
    z-index: -1;
    background: url(../images/small-business/small-business.jpg) no-repeat bottom center / cover;
}

.schedule-dem-section .trail-signup-cont h2 {
    font-size: 32px;
    font-weight: 700;
    color: #000000;
}


/** team **/

.teams {
    position: relative;
    padding-top: 60px;
}

.team-card {
    border: 1px solid #f2effc;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
    box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
    background: #ffffff;
    padding: 35px 20px;
    margin-bottom: 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 10;
    text-align: center;
    position: relative;
    border-radius: 3px;
}

.team-card figure {
    max-width: 110px;
    margin: auto;
    padding-bottom: 20px;
}

.team-card figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
    border: 4px solid #ff9b033b;
}

.team-card h1 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #000000;
}

.team-card .client-position {
    color: #000000a6;
    font-size: 13px;
    display: block;
}

.team-card .client-destination {
    color: #000000c2;
    font-size: 13px;
    display: block;
}

.team-card p {
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
}


/*** Lead Management ***/

.lead-management-fullwrap {
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
    margin-top: 100px;
}

.lead-management-fullwrap::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .1;
    height: 100%;
    z-index: -1;
    background: url(../images/small-business/small-business.jpg) no-repeat bottom center / cover;
}

.leadmanagement-title h1 {
    font-size: 40px;
    font-weight: 500;
    line-height: 60px;
    color: #000000;
}

.leadmanagement-wrap {
    padding: 80px 0px;
    background: #F7FAFD;
    overflow: hidden;
}

.lm-content h1 {
    text-align: left;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    color: #000000;
}

.lm-content p {
    font-size: 15px;
    color: #464c55;
    line-height: 26px;
    margin-bottom: 20px;
}

.lm-content .enter-choose-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.lm-content .enter-choose-list li {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    border-left: 2px solid #ff9b03;
    align-items: center;
    margin-top: 0px;
}

.lm-img figure {
    max-width: 350px;
    margin: auto;
}

.lm-img figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/*** LM Solutions ***/

.lm-solution {
    padding: 50px 0px;
    background: #ffffff;
    overflow: hidden;
}

.lm-bg-color {
    background: #FFFBF5;
}

.solution-list {
    margin-bottom: 20px;
}

.solution-list h1 {
    text-align: left;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    color: #000000;
}

.solution-list p {
    font-size: 15px;
    color: #000000bf;
    line-height: 26px;
    margin-bottom: 20px;
}

.solution-list p:last-child {
    margin-bottom: 0px;
}

.solution-list ul {
    list-style: none;
    margin-bottom: 0;
    margin-left: 30px;
    margin-top: 10px;
}

.solution-list ul li {
    font-size: 14px;
    color: #000000bf;
    padding: 6px 0px;
}

.solution-list ul li i {
    color: #ff9b03;
    margin-right: 8px;
    font-size: 16px;
}

.solution-list-img figure {
    max-width: 300px;
    margin: auto;
}

.solution-list-img figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.followup-section {
    padding: 80px 0px;
    background: #F7FAFD;
}

.followup-content h1 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #000000;
    text-align: center;
}

.followup-content p {
    font-size: 15px;
    color: #464c55;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.element-sect {
    margin-top: 20px;
    border-bottom: 1px solid #ff9b0347;
    padding-bottom: 10px;
}

.element-sect h4 {
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 10px;
}

.element-sect p {
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #0000009e;
}

.addborder {
    margin-bottom: 20px;
    border-bottom: 1px dashed #ff9b03;
    padding-bottom: 20px;
}
.addborder:last-child{
    border-bottom: 0px;
}
.addborder p {
    margin-bottom: 12px;
}

.addborder p:last-child {
    margin-bottom: 0px;
}


/*** Blog ***/

.blog-grid {
    padding-top: 40px;
}

.blog-box {
    margin: 0 auto 30px;
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
    background: #fff;
    position: relative;
    min-height: 400px;
}

.blog-image a {
    display: block;
    text-decoration: none;
}

.blog-image a figure {
    max-width: 100%;
    margin-bottom: 0px;
}

.blog-image a figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.blog-box .date {
    display: inline-block;
    font-size: 14px;
    border-radius: 3px;
    color: #ff9b03;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}

.blog-content {
    padding: 25px;
}

.blog-content .titlelink {
    text-decoration: none;
    color: #000000;
    font-size: 20px;
    display: block;
    margin-bottom: 16px;
    transition: 0.3s all ease;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-link a {
    text-decoration: none;
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    transition: 0.3s all ease;
    display: flex;
    align-items: center;
}
.blog-link a i{
    font-size: 18px;
    margin-left: 8px;
}

.blog-content .titlelink:hover,
.blog-link a:hover {
    color: #FF9A01;
}
.blog-back-link{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    margin-bottom: 0px;
}
.blog-back-link li a{
    padding: 4px 8px;
    display: block;
    color: #000000;
}
.blog-back-link li a:hover{
    color: #FF9A01;
}

.blog-details{
    background-color: #ffffff;
    padding: 50px 0px;
    position: relative;
}
.single-blog-details{
    position: relative;
    box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
    background: #ffffff;
}
.blog-thumb figure{
    margin-bottom: 0;
    max-width: 100%;
}
.blog-thumb figure img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.blog-content-view{
    padding: 4px 20px 20px;
}
.blog-metainfo{
    border-bottom: 1px solid #dddddd;
    padding: 12px 0;
}
.socialshare{
    list-style: none;
    margin: 0;

}
.socialshare li{
    position: relative;
}
.socialshare li a{
    color: #444;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 12px;
    display: block;
    position: relative;
    line-height: initial;
    font-family: 'Poppins', sans-serif;
}
.socialshare li a::after{
    position: absolute;
    content: '';
    height: 50%;
    width: 1px;
    background-color: #0000003d;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.socialshare li a:hover{
    color:#FF9A02;
}
.socialshare li a i{
    margin-right: 6px;
}
.socialshare li:last-child a::after{
    display: none;
}
.blog-share{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.blog-share span{
    font-weight: 400;
    font-size: 14px;
    font-style: oblique;
    margin-right: 8px;
}
.blog-share ul{
    list-style: none;
    margin: 0;
}
.blog-share ul li a{
    display: flex;
    align-items: center;
    color: #000000;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #dddddd;
    background: #eeeef0;
    justify-content: center;
    font-size: 16px;
    margin: 0 3px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    font-family: 'Poppins', sans-serif;
}
.blog-share ul li a:hover.facebook{
    background: #3B5998;
    color:#ffffff;
    border: 1px solid #3B5998;
    transform: translateY(-3px);
}
.blog-share ul li a:hover.twitter{
    background: #1C9DEC;
    color:#ffffff;
    border: 1px solid #1C9DEC;
    transform: translateY(-3px);
}
.blog-share ul li a:hover.linkedin{
    background: #0179B3;
    color:#ffffff;
    border: 1px solid #0179B3;
    transform: translateY(-3px);
}
.blog-share ul li a:hover.pinterest{
    background: #C51F26;
    color:#ffffff;
    border: 1px solid #C51F26;
    transform: translateY(-3px);
}
.blog-share ul li a:hover.email{
    background: #CC4639;
    color:#ffffff;
    border: 1px solid #CC4639;
    transform: translateY(-3px);
}
.blog-cont-showing{
    margin-top: 20px;
}
.bd-cont{
    position: relative;
    margin-bottom: 20px;
}
.bd-cont blockquote{
    background-color: #00000005;
    padding: 20px;
    border-left: 2px solid #ff9b03;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
}
.bd-cont h3{
    font-size: 22px;
    padding-bottom: 12px;
    color:#000000d2;
    font-family: 'Poppins', sans-serif;
}
.bd-cont h4{
    font-size: 18px;
    padding-bottom: 12px;
    color:#000000d2;
    font-family: 'Poppins', sans-serif;
}
.bd-cont p{
    font-size: 14px;
    line-height: 24px;
    color: #000000c9;
    margin-bottom: 16px;
}
.bd-cont p:last-child{
    margin-bottom: 0px;
}
.blog-relatedimgs{
    position: relative;
    margin-top: 10px;
}
.relative-img figure{
    max-width: 100%;
}
.relative-img figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*** Tags ***/
.tags-recent-posts{
    position: sticky;
    top: 90px;
}
.blog-tabs{
    margin-bottom: 20px;
}
.tagtitle{
    border-bottom: 1px solid #00000036;
    position: relative;
    margin-bottom: 20px;
}
.blog-tabs h1{
    font-size: 22px;
    color: #000000d2;
    padding-bottom: 10px;
    position: relative;
    display: inline-block;
}
.blog-tabs h1::before{
    position: absolute;
    content: '';
    background: #ff9b03;
    left: 0;
    width: 100%;
    height: 2px;
    bottom: -1px;
}
.taglist{
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.taglist li a{
    font-size: 13px;
    color: #000000;
    background: #edf5ff;
    padding: 4px 8px;
    margin: 0 5px 8px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    text-transform: capitalize;
}
.taglist li a:hover{
    background: #000000;
    color:#ffffff;
}
.recent-post{
    list-style: none;
    margin: 0;
}
.recent-post li{
    margin-bottom: 26px;
}
.recent-post li:last-child{
    margin-bottom: 0px;
}
.recent-post li .items-1{
    display: flex;
}
.recent-post li .items-1 figure{
    max-width: 60px;
    min-width: 60px;
    max-height: 60px;
    min-height: 60px;
    margin-right: 20px;
    margin-bottom: 0px;
}
.recent-post li .items-1 figure a{
    text-decoration: none;
}
.recent-post li .items-1 figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recentt-items .recent-date{
    font-size: 12px;
    margin-bottom: 6px;
    color: #00000082;
    display: block;
}
.recentt-items h4{
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 7px;
    padding-bottom: 0px;
}
.recentt-items h4 a{
    color: #000000;
}
.recentt-items h4 a:hover{
    color: #FF9B04;  
}
/** Post comments **/

.post-comments{
    position: relative;
    box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
    background: #ffffff;
    margin-top: 20px;
    padding:20px;
}
.common-area{
    position: relative;
    margin-top: 20px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
}
.comment-title{
    font-size: 22px;
    padding-bottom: 12px;
    color: #000000d2;
    font-family: 'Poppins', sans-serif;
}
.comment-list{
    list-style: none;
    margin: 0 0 20px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
}
.comment-list:last-child{
    border-bottom: 0px;
    padding-bottom: 0px;
}
.comment-list .comment-body{
    border-top: 1px solid #e7ebef;
    margin-top: 24px;
    padding-top: 30px;
}
.comment-innter{
    display: flex;
    flex-wrap: nowrap;
}
.comment-innter figure{
    max-width: 60px;
    min-width: 60px;
    max-height: 60px;
    margin-right: 29px;
}
.comment-innter figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}
.comment-content .comment-title{
    font-size: 15px;
    line-height: 1;
    margin-bottom: 7px;
    padding-bottom: 0px;
    color: #000000;

}
.comment-date{
    font-size: 12px;
    margin-bottom: 6px;
    color: #167ac6;
    display: block;
}
.comment-text{
    margin-bottom: 7px;
}
.comment-text p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 23px;
    color: #000000b0;
}
.comment-reply a{
    font-size: 14px;
    font-weight: 500;
    color: #ff9b03;
}

.children{
    list-style: none;
    margin: 0;
    padding-left: 90px;
}

/** Comment repost form **/
.commentt-repost h1{
    font-size: 22px;
    padding-bottom: 12px;
    color: #000000d2;
    font-family: 'Poppins', sans-serif;
}
.commentt-repost p{
    font-size: 14px;
    line-height: 24px;
    color: #000000c9; 
}
.form-box{
    margin-top:16px;
}
.form-box .form-group{
    margin-bottom: 10px;
}
.form-box .form-group label{
    display: block;
    font-size: 13px;
    margin-bottom: 6px;
    color: #000000f0;
}
.form-box .form-group input, .form-box .form-group textarea{
    width: 100%;
    border: 1px solid #00000012;
    border-radius: 3px;
    font-size: 14px;
    height: 40px;
    background: #f5f5f5;
    padding: 0px 12px;
    outline: none;
    color:#000000;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.form-box .form-group input:focus, .form-box .form-group textarea:focus{
    border: 1px solid #FF9A00;
}
/* placeholder */
.form-box .form-group input:-moz-placeholder{
    font-size: 12px;
    color:#00000057;
}
.form-box .form-group input::placeholder{
    font-size: 12px;
    color:#00000057;
}
.form-box .form-group input::-webkit-input-placeholder{
    font-size: 12px;
    color:#00000057;
}

.form-box .form-group textarea:-moz-placeholder{
    font-size: 12px;
    color:#00000057;
}
.form-box .form-group textarea::placeholder{
    font-size: 12px;
    color:#00000057;
}
.form-box .form-group textarea::-webkit-input-placeholder{
    font-size: 12px;
    color:#00000057;
}
.form-box .form-group textarea{
    height: 80px;
    padding: 6px 12px;
    resize: none;
}

/** Checkbox **/
.checkbox-group input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

.checkbox-group input[type="checkbox"]:checked+label,
.checkbox-group input[type="checkbox"]:not(:checked)+label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    line-height: 18px;
    margin-bottom: 0;
}

.checkbox-group input[type="checkbox"]:checked+label::before,
.checkbox-group input[type="checkbox"]:not(:checked)+label::before {
    position: absolute;
    content: '';
    background: #ffffff;
    width: 16px;
    height: 16px;
    border: 1px solid #CED3DB;
    border-radius: 2px;
    top: 0px;
    left: 0px;
}

.checkbox-group input[type="checkbox"]:checked+label::after,
.checkbox-group input[type="checkbox"]:not(:checked)+label::after {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background: #FF9A00;
    top: 0px;
    left: 0px;
    border-radius: 2px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background: #FF9A00 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+") 50% 40% no-repeat;

}

.checkbox-group input[type="checkbox"]:not(:checked)+label::after {
    opacity: 0;
}

.checkbox-group input[type="checkbox"]:checked+label::after {
    opacity: 1;
}

.submittcomment{
    margin-top: 15px;
}
.submittcomment button{
    background: #ff9b03;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    min-width: 160px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-weight: 500;
    padding: 0 12px;
    outline: none;
    border: none;
    transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    box-shadow: 0 13px 27px 0 rgb(238, 238, 238);
}
.submittcomment button:hover{
    background: #000000;
}

/** Related Posts **/
.related-photos{
    position: relative;
}
.related-img figure{
    max-width: 100%;
    margin-bottom: 0;
    height: 70px;
    overflow: hidden;
    border-radius:3px;
}
.related-img figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    cursor: pointer;
}
.related-img figure img:hover{
    transform: scale(1.2);
}

/** Contact Page **/
.contact-page-wrap{
    background: url(../images/banner-bg.jpg) no-repeat right top;
    position: relative;
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.contact-title{
    text-align: center;
}
.contact-title h1{
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    color: #000000;
}

.contact-form-query{
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    /* background: #FBFBFD; */
}
.form-title h1{
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 60px;
    color: #000000;
    text-align: center;
}

.contact-image figure{
    margin:0;
    max-width: 300px;
}
.contact-image figure img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.contact-area{
    margin-top: 50px;
    position: relative;
}
.contact-area form .form-group{
    margin-bottom: 20px;
}

.contact-area form .form-group input{
    width: 100%;
    border: 1px solid #00000012;
    border-radius: 3px;
    font-size: 14px;
    height: 50px;
    background: #ffffff;
    padding: 0px 12px;
    outline: none;
    color: #000000;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    box-shadow: 0 2px 4px 0 rgba(12,0,46,.04);
}
.contact-area form .form-group input:focus, .contact-area form .form-group textarea:focus{
    border: 1px solid #ff9b03;
}   
.contact-area form .form-group textarea{
    width: 100%;
    border: 1px solid #00000012;
    border-radius: 3px;
    font-size: 14px;
    height: 120px;
    background: #ffffff;
    padding: 6px 12px;
    outline: none;
    color: #000000;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    resize: none;
    box-shadow: 0 2px 4px 0 rgba(12,0,46,.04);
}
/* placeholder */
.contact-area form .form-group input:-moz-placeholder{
    font-size: 12px;
    color:#000000a6;
}
.contact-area form .form-group input::placeholder{
    font-size: 12px;
    color:#000000a6;
}
.contact-area form .form-group input::-webkit-input-placeholder{
    font-size: 12px;
    color:#000000a6;
}

.contact-area form .form-group textarea:-moz-placeholder{
    font-size: 12px;
    color:#000000a6;
}
.contact-area form .form-group textarea::placeholder{
    font-size: 12px;
    color:#000000a6;
}
.contact-area form .form-group textarea::-webkit-input-placeholder{
    font-size: 12px;
    color:#000000a6;
}
.contact-area form .form-group .submittcomment{
    margin:auto
}
.contact-area form .form-group .submittcomment button{
    display: inline-flex;
}

.contact-address{
    padding-top: 50px;
    position: relative;
}
.address-box{
    text-align: center;
    border-radius: 5px;
    transition: .5s;
    box-shadow: 0 2px 48px 0 rgba(0,0,0,.08);
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    min-height: 250px;
}
.address-icons{
    width: 60px;
    height: 60px;
    background: #f1f1f1;
    border-radius: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    color: #ff9b03;
    font-size: 28px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.address-box h4{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    text-align: center;
}
.address-box a{
    text-decoration: none;
    color: #000000b0;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.address-box a:hover{
    color: #ff9b03;  
}
.address-box p{
    color: #0000009e;
    font-size: 14px;
    margin-top: 10px;
    line-height: 24px;
}
.address-box:hover{
    transform: translateY(-10px);
}
.address-box:hover .address-icons{
    background: #ff9b03;
    color: #ffffff;
}

/** Terms of Services **/
.tos-banner{
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    margin-top: 102px;
    display: flex;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}
.tos-banner::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .1;
    height: 100%;
    z-index: -1;
    background: url(../images/small-business/small-business.jpg) no-repeat bottom center / cover;
}
.terms-of-services{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #ffffff;
}
.effectiv-date{
    margin-bottom: 30px;
}
.effectiv-date h2{
    letter-spacing: 0.2px;
    color: #000000;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}
.effectiv-date p{
    letter-spacing: 0.56px;
    color: #546071;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 13px;
}
.tos-content{
    margin-bottom: 20px;
    position: relative;  
}
.tos-content h1{
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif;
    color: #000000;
}
.tos-content p{
    font-size: 15px;
    color: #000000bf;
    line-height: 26px;
    margin-bottom: 20px;
}
.tos-content p:last-child{
    margin-bottom: 0px;
}
.tos-mail{
    display: inline-block;
}
.cookies-browser{
    display: flex;
    align-items: center;
    justify-content: start;
}
.cookies-browser li{
    padding: 0px 13px !important;   
}
.cookies-browser li i{
    color:#000000 !important;
}
.ol-list{
    margin-bottom: 20px;
    margin-top: 10px;
    margin-left: 30px;
}
.ol-list li{
    font-size: 14px;
    color: #000000bf;
    padding: 6px 0px;
}

/** Got CRM Form **/
.gt-soft-form{
    display: flex;
    justify-content: flex-end;
}
.gt-soft-form form {
    width: 400px;
    position: relative;
    background: #ffffff;
    border-radius: 3px;
    padding: 30px 22px;
    -webkit-box-shadow: 0 5px 8px 0 rgba(61, 82, 96, 0.2);
    -moz-box-shadow: 0 5px 8px 0 rgba(61, 82, 96, 0.2);
    box-shadow: 0 5px 8px 0 rgba(61, 82, 96, 0.2);
}
.freedemo-title h2 {
    text-align: center;
    color: #000000;
    font-size: 23px;
    text-transform: capitalize;
    line-height: 30px;
    margin-bottom: 20px;
}
.gt-soft-form .form-group input, .gt-select select {
    width: 100%;
    border: 1px solid #42383842;
    border-radius: 3px;
    outline: none;
    height: 36px;
    padding: 0 8px;
    font-size: 13px;
}
.gt-select select {
    cursor: pointer;
}
.gt-soft-form .form-group textarea{
    resize: none;
    width: 100%;
    border: 1px solid #42383842;
    border-radius: 3px;
    outline: none;
    padding: 3px 8px;
    font-size: 13px;
}
.gt-soft-form .form-group textarea::-webkit-input-placeholder{
    font-size: 12px;
}
.gt-soft-form .form-group textarea:-moz-placeholder{
    font-size: 12px;
}
.gt-soft-form .form-group textarea:-ms-input-placeholder{
    font-size: 12px;
}
.gtstartbtn, .gtstartbtn:focus {
    background: #ff9b03;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    min-width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-weight: 500;
    padding: 0 12px;
    outline: none;
    border: none;
    transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    box-shadow: 0 13px 27px 0 rgb(238, 238, 238);
}
.gtstartbtn:hover{
    background-color: #000000;
}

.gotcrm-features{
    padding: 100px 0;
    position: relative;
    background: #f9fafc;
}

.gotcrm-f-content{
    margin-top: 50px;
}

.f-cont-box{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #382f2f17;
    border-radius: 7px;
    background: #ffffff;
    padding: 22px 16px;
    margin-bottom: 26px;
    width: 100%;
    min-height: 220px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.f-cont-box:hover{
    box-shadow: 0px 30px 40px 0px rgba(4, 73, 89, 0.08);
}
.f-cont-box h1{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    color: #000000;
    text-transform: capitalize;
}
.f-cont-box p{
    font-size: 15px;
    color: #000000bf;
    line-height: 26px;
}
.f-cont-box a{
    border: 1px solid #ff9b03;
    border-radius: 4px;
    color: #ff9b03;
    font: 400 14px/14px Poppins;
    background: #ffffff;
    display: inline-block;
    padding: 10px 15px;
    transition: all 0.3s linear, color 0.2s;
    text-transform: capitalize;
    display: inline-block;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: 20px auto 0;
}
.f-cont-box:hover a{
    box-shadow: 0px 10px 20px 0px rgba(255, 155, 3, 0.2);
    background: #ff9b03;
    border-color: #ff9b03;
    color: #ffffff;
}
.f-cont-box figure{
    width: 60px;
    margin: auto;
}
.f-cont-box figure img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.f-cont-box .icons{
    width: 60px;
    height: 60px;
    margin: 0 auto 12px;
    font-size: 50px;
    color:#000000;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.f-cont-box:hover .icons{
    color:#ff9b03;
}
.gtpos-relative{
    position: relative;
    z-index: 100;
}

/** Toaster Message **/
.hide{
    display: none !important;
}
.toast_cell{
    position: fixed;
    right: 10px;
    top: 3%;
    z-index: 90000;
    display: inline-block;
}
.toast-view{
    text-align: left;
    padding: 21px 0;
    background-color: #fff;
    border-radius: 4px;
    max-width: 400px;
    top: 0px;
    position: relative;
    box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.2);
}
.toast-view:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.toast--green:before {
    background-color: #2BDE3F;
}
.toast__icon i{
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    font-size: 24px;
    border-radius: 50%;
    display: inline-block;
    color:#45C984;
}

.toast__content{
    padding-left: 60px;
    padding-right: 60px;
}
.toast__message{
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    color: #000000;
}
.toast__close i{
    position: absolute;
    right: 22px;
    top: 50%;
    cursor: pointer;
    font-size: 20px;
    color: #878787;
    transform: translateY(-50%);
}

/** Back LInk **/
.backlink{
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 10px;
}
.backlink li{
    position: relative;
    display: inline-block;
    color: #ff9b03;
    font-size: 14px;
    margin-left: 12px;
    margin-right: 16px;
    font-weight: 400;
}
.backlink li a{
    display: block;
    color: #000000b8;
}
.backlink li:before {
    content: "\f105";
    position: absolute;
    right: -18px;
    top: 50%;
    color: #737b9a;
    font-weight: 900;
    font-family: FontAwesome;
    font-size: 16px;
    transform: translateY(-54%);
}
.backlink li:last-child{
    margin-right: 0px;
}
.backlink li:last-child::before {
    display: none;
}
.backlink li:first-child{
    margin-left: 0px;
}
/*** Thank You ***/
.thankyou-page figure{
    width: 70px;
    margin: 0 auto;
}
.thankyou-page figure img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.thank-content h1{
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    color: #1cb781;
    margin-bottom: 20px;
}
.thank-content p{
    font-size: 16px;
    color: #000000bf;
    line-height: 26px;
}
.thankyou-view{
    padding: 60px 0px;
    position: relative;
}
.thank-content{
    width: 455px;
    margin: auto;
}

/** Pricing Toggle switch **/
.am-toggle{
    text-align: center;
}
.am-toggle ul{
    list-style: none;
    margin-bottom: 0px;
    display: inline-block;
    background: #ff9b03;
    /* border-radius: 3px; */
    padding: 2px;
}
.am-toggle ul li{
    float: left;
}
.am-toggle ul li a{ 
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #ffffff;
    padding: 6px 16px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.am-toggle ul li a.active{
    background-color: #ffffff;
    color:#000000;
    /* border-radius: 3px; */
}