li.get_demo.active {
    background: transparent;
}

body,
h1,
h2,
h3,
h4,
h5 {
    font-family: "Segoe UI", Helvetica, sans-serif !important;
}

.content-wrapper {
    padding: 0 20px;
    max-width: 1355px;
    margin: 0 auto;
}

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

.support_breadcrumbs .content-wrapper {
    padding: 0 20px;
    max-width: 1355px !important;
    margin: 0 auto;
    height: 100%;
}

.support_breadcrumbs {
    background: #f4f7fc;
    height: 41px;
    line-height: 37px;
}

.support_breadcrumbs ol {
    display: flex;
    list-style: none;
    align-items: center;
    height: 100%;
    padding: 0;
    margin: 0;
}

.support_breadcrumbs ol li a,
.support_breadcrumbs ol li {
    color: #313131;
    font-size: 13px;
    line-height: 28px;
    font-weight: 500;
}

.support_breadcrumbs ol li .icon-angle-right:before {
    content: "";
    margin: 0 15px 0 15px;
    color: #000;
    font-size: 14px;
    background: url(/template/default/images/support_breadcrumbs_arrow.png) no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
    background-size: 6px;
}

.has-icon {
    position: relative;
    /* padding-left: 18px; */
}

.has-icon::before {
    /* content: "›"; 
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px; */
    content: "";
    margin: 0 15px 0 15px;
    color: #000;
    font-size: 14px;
    background: url(/template/default/images/support_breadcrumbs_arrow.png) no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
    background-size: 6px;
}

.main-footer {
    border-top: 1px solid rgb(218, 232, 240);
}

.demo-header-container {
    border-radius: 1px;
    background-image: -moz-linear-gradient(90deg, rgb(1, 85, 171) 0%, rgb(56, 121, 228) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(1, 85, 171) 0%, rgb(56, 121, 228) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(1, 85, 171) 0%, rgb(56, 121, 228) 100%);
    height: 350px;
    text-align: center;
}


.demo-header-container h1 {
    padding-top: 120px;
    font-size: 54px;
    color: #fff;
    font-weight: bold;
    margin: 0px;
    padding-bottom: 25px;
}

.demo-header-container p {
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding-bottom: 25px;
}


.demo-header-container a {
    background: rgb(255, 255, 255);
    width: 200px;
    height: 42px;
    display: flex;
    line-height: 42px;
    border-radius: 45px;
    font-size: 17px;
    color: #0457ac;
    font-weight: 600;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 5px 0 20px;
    margin: 0 auto;
}

.demo-main-container {
    display: inline-block;
    width: 100%;
    padding: 60px 0px;
}

p.demo-form-head {
    font-size: 54px;
    color: #1e1e1e;
    font-weight: bold;
    text-align: center;
    line-height: normal;
    margin: 0;
    padding-bottom: 30px;
}


p.demo-form-head span {
    background-image: linear-gradient(#89CBF7, #0065D0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

p.demo-form-txt {
    font-size: 16px;
    color: #3b3b3b;
    text-align: center;
    margin: 0;
}



.demo-main-container form {
    border-radius: 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 29px 0px rgba(47, 98, 140, 0.29);
    margin: 0 auto;
    width: 1250px;
    height: 700px;
    padding: 30px 45px 0;

    margin-top: 50px;

}


ul.demo-form-left {
    display: flex;
    flex-wrap: wrap;
    /* grid-template-columns: auto auto; */
    grid-template-columns: repeat(2, 1fr);
    width: 630px;
    gap: 35px 25px;
}

.one_half {
    position: relative;
    list-style: none;
    width: 48%;
    margin: 0;
}

/* Input */
.one_half input,
.one_half select,
.one_half textarea {
    color: #000 !important;
    padding: 14px 15px;
}

.one_half select {
    padding: 14px 40px 14px 12px !important;
}

.one_half input,
.one_half select {
    width: 100%;
    padding: 14px 12px;
    border: 1px solid rgb(165, 170, 195);
    border-radius: 5px;
    font-size: 14px;
    background: rgb(255, 255, 255);
    outline: none;
    box-shadow: 0px 3px 12.35px 0.65px rgba(44, 48, 52, 0.08);
    color: #000 !important;
    /* width: 300px; */
    height: 44px;
}

.one_half select {
    appearance: none;
}

.message-box textarea {
    width: 100%;
    padding: 14px 12px;
    border: 1px solid rgb(165, 170, 195);
    border-radius: 5px;
    font-size: 14px;
    background: rgb(255, 255, 255);
    outline: none;
    box-shadow: 0px 3px 12.35px 0.65px rgba(44, 48, 52, 0.08);

    /* width: 629px !important; */
    height: 100px !important;
}

/* Hide placeholder text */
.one_half input::placeholder,
.one_half select::placeholder {
    color: #969696;
    font-size: 14px;
    font-weight: lighter;
}

/* Floating label using :before */
/*
.one_half::before,
.message-box::before {
    position: absolute;
    left: 12px;
    top: 0px;
    font-size: 14px;
    color: #353535;
    font-weight: 600;
    line-height: 24px;
    background: #fff;
    padding: 0 4px;
    transform: translateY(-50%);
    pointer-events: none;
    transition: 0.2s ease;
}

.one_half:first-child::before {
    content: "Full name";
}

.one_half:nth-of-type(2)::before {
    content: "Last Name";
}

.one_half:nth-of-type(3)::before {
    content: "Phone Number";
}

.one_half:nth-of-type(4)::before {
    content: "Email address";
}

.one_half:nth-of-type(5)::before {
    content: "Organization";
}

.one_half:nth-of-type(6)::before {
    content: "Country";
}

.one_half:nth-of-type(7)::before {
    content: "Prefered Time";
}

.one_half:nth-of-type(8)::before {
    content: "Time zone";
}

.message-box::before {
    content: "Requirement description";
} */

/* Float on focus or value */
.one_half:focus-within::before,
.one_half input:not(:placeholder-shown)+*,
.one_half select:not(:placeholder-shown)+*,
.one_half textarea:not(:placeholder-shown)+* {
    top: 0px;
    font-size: 14px;
    color: #353535;
    font-weight: 600;
    line-height: 24px;
}

li.message-box {
    width: 100%;
    position: relative;
}


.buttonrow input {
    border: 1px solid rgb(10, 111, 206);
    border-radius: 5px;
    background: rgb(10, 111, 206);
    width: 629px;
    height: 42px;
    /* z-index: 56; */
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s;
}

.buttonrow input:hover{
    border: 1px solid #0962b6;
    background: #0962b6;
}
.buttonrow img {
    display: none;
}

.buttonrow {
    margin-top: 40px !important;
    padding: 0px !important;
}

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

/* .login1 {
    display: flex;
    justify-content: space-between;
} */
.sub_login2 {
    background: url(/template/default/images/bright-picture-friendly-female-helpline-operator1.png);
    background-repeat: no-repeat;
    height: 670px;
    /* width: 448px; */
    /* background-position: right 0px top -15px; */
    background-position: right 0px top 6px;
    background-size: contain;
}

.sub_login1 {
    padding-top: 20px;
}


/* clients */

.clients-group {
    display: flex;
    transition: transform 0.4s ease;
    will-change: transform;
}

.clients-group>* {
    flex: 0 0 auto;
}

.clients-wrapper {
    overflow: hidden;
}

.home-features.clients-slide {
    position: relative;
    padding: 55px 0 0px;
    background: none;
}

.home-features.clients-slide .h2-title-heading {
    font-size: 24px;
    margin-bottom: 40px;
    font-weight: bold;
    color: #222;
}

.home-features.clients-slide p {
    font-size: 16px;
    color: #222;
    margin: 0;
}

.three_fourth {
    width: 100%;
    position: relative;
}

.our-clients {
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
}

.clients-group {
    display: flex;
    align-items: center;
    /* gap: 20px; */
    transition: transform 0.5s ease;
}

.clients-image {
    /* flex: 0 0 14%; */
    flex: 0 0 calc(100% / 7);
    height: 60px;
    background-image: url(images/our-client-sprite.png);
    background-repeat: no-repeat;
}

.clients-slide .arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 10;
}

.clients-slide .arrows::before {
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-image: url(images/home-sprite-img.webp);
    background-repeat: no-repeat;
    margin: 15px 0 0 0;
    opacity: 0.3;
}

.clients-left-arrow {
    left: 0px;
}

.clients-left-arrow::before {
    background-position: 0 87.3%;
    /* background-position: 0 79%; */
}

.clients-right-arrow {
    right: 0px;
}

.clients-right-arrow::before {
    background-position: 0 79%;
    /* background-position: 0 87.3%; */
}

.clients-image.tesco:hover {
    background-position: center -40px;
}

.clients-image.tesco {
    background-position: center 18px;
}

.clients-image.cap:hover {
    background-position: center -522px;
}

.clients-image.cap {
    background-position: center -463px;
}

.clients-image.uni:hover {
    background-position: center -1117px;
}

.clients-image.uni {
    background-position: center -1058px;
}

.clients-image.ar:hover {
    background-position: center -162px;
}

.clients-image.ar {
    background-position: center -104px;
}

.clients-image.acme:hover {
    background-position: center -280px;
}

.clients-image.acme {
    background-position: center -221px;
}

.clients-image.lex:hover {
    background-position: center -994px;
}

.clients-image.lex {
    background-position: center -935px;
}

.clients-image.informa:hover {
    background-position: center -756px;
}

.clients-image.informa {
    background-position: center -697px;
}

.clients-image.jetron:hover {
    background-position: center -874px;
}

.clients-image.jetron {
    background-position: center -815px;
}

.clients-image.imbb:hover {
    background-position: center -640px;
}

.clients-image.imbb {
    background-position: center -582px;
}

.clients-image.axis:hover {
    background-position: center -402px;
}

.clients-image.axis {
    background-position: center -343px;
}


.home-features.clients-slide {
    border-radius: 1px;
    background: rgb(246, 250, 254);
    height: 250px;
}


.demo_experience_works {
    display: inline-block;
    width: 100%;
    padding: 60px 0px 90px;
}

.demo_experience_works h2 {
    font-size: 54px;
    text-align: center;
    color: #1e1e1e;
    font-weight: bold;
    margin: 0;
    padding-bottom: 60px;
}

.demo_experience_works h2 span {
    background-image: linear-gradient(#89CBF7, #0065D0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.demo_experience_wrapper {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.demo_experience_box {
    border: 1px solid rgb(224, 233, 242);
    border-radius: 25px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 3px 12.35px 0.65px rgba(44, 48, 52, 0.08);
    /* width: 325px;
  height: 380px; */
    padding: 10px 10px 20px 10px;
}


.demo_experience_img {
    border-radius: 15px;
    background: rgb(235, 244, 253);
    /* width: 305px; */
    height: 175px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.demo_experience_box h3 {
    margin: 0;
    padding: 20px 5px 15px;
    font-size: 18px;
    color: #1e1e1e;
    font-weight: bold;
}

.demo_experience_box p {
    font-size: 16px;
    color: #1e1e1e;
    line-height: 24px;
    padding: 0 5px;
    text-align: justify;
}



.demo-right-part {
    border-radius: 1px;
    background: rgb(10, 111, 206);
    height: 275px;
    display: inline-block;
    width: 100%;
    padding: 40px 0px;
}


.demo-right-part-blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 50px;
}

p.demo-right-title {
    font-size: 32px;
    padding-bottom: 20px;
    color: #fff;
    line-height: 24px;
    font-weight: bold;
    margin: 0;
}

p.demo-right-content {
    font-size: 16px;
    color: #f2f2f2;
    line-height: 24px;
    text-align: justify;
    margin: 0;
    padding-bottom: 25px;
}

.first-block {
    padding-right: 55px;
}

.second-block {
    padding-left: 55px;
}



.first-block a,
.second-block a {
    border-radius: 5px;
    background: rgb(255, 255, 255);
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #3c3c3c;
    font-weight: 600;
}

.first-block a {
    width: 182px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.second-block a {
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}


/* slick-slider */

.slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.slick-track {
    display: block;
    left: 0;
    top: 0;
}

.slick-slider {
    -moz-user-select: none;
    display: block;
    touch-action: pan-y;
}

.slick-initialized .slick-slide {
    height: auto;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img {
    margin: 0 auto;
    text-align: center;
}

.slick-arrow {
    background: #fff0;
    border: 0;
    border-radius: 50%;
    color: #222;
    height: 36px;
    top: 22%;
    transition: 0.3s ease-in 0;
    width: 36px;
    z-index: 9;
    line-height: 36px;
}

.slick-dots li,
.slick-list,
.slick-slider,
.slick-track {
    position: relative;
}

.slick-arrow,
.slick-dots li button {
    font-size: 0;
    outline: 0;
    cursor: pointer;
}

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

.clearfix::after,
.clearfix::before,
.slick-track::after,
.slick-track::before {
    content: "";
    display: table;
}

.slick-initialized .slick-slide {
    display: block;
    outline: 0 !important;
}

.slick-dots {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    padding: 0;
    right: 0;
    width: 100%;
}

.slick-arrow,
.slick-dots {
    position: absolute;
    text-align: center;
}

.slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 4px;
    padding: 0;
    text-align: center;
    position: relative;
    width: 10px;
}

.slick-dots li.slick-active button {
    background: #000;
}

.slick-dots li button {
    background: 0 0;
    border: 1px solid #000;
    border-radius: 50%;
    color: #fff0;
    display: block;
    height: 100%;
    line-height: 0;
    padding: 5px;
    width: 100%;
}

/* Trusted by Industry Leaders */

.new_testimonial_slider .slider-container {
    position: relative;
    width: 70%;
    margin: 40px auto 0;
    overflow: hidden;
    padding-bottom: 80px;
}

.new_testimonial_slider .slider {
    display: flex;
    /* transition: transform 0.5s; */
}

.new_testimonial_slider .card {
    flex: 0 0 calc(95% / 3);
    background: #fff;
    margin: 10px;
    padding: 0;
    text-align: left;
    /* transition: 0.3s; */
}

.new_testimonial_slider .card .rating {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    color: #fff;
    position: absolute;
    bottom: 30px;
    left: 38%;
}

.new_testimonial_slider .card h3 {
    font-size: 18px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 30px;
    flex-direction: column;
    display: flex;
    margin-bottom: 10px;
    gap: 0;
    padding: 0 0 0 10px;
}

.new_testimonial_slider .card h3::before {
    content: "" !important;
    background: url(/images/new-testimonial-quote.png) no-repeat;
    width: 20px;
    height: 8px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -6px;
}

.new_testimonial_slider .card p {
    font-size: 15px;
    color: #333;
    line-height: 24px;
    margin-bottom: 15px;
    padding: 0 8px;
    text-align: justify;
}

.new_testimonial_slider .card a {
    color: #0078d4;
    font-weight: 700;
    text-decoration: none;
}

.new_testimonial_slider .two_btns {
    margin: 0 auto;
    /* width: 200px; */
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 40px !important;
    justify-content: center;
}

.new_testimonial_slider .middle_line {
    background: #cadbe6;
    width: 35px;
    height: 3px;
    display: inline-block;
}

button.slider-btn.next,
button.slider-btn.prev {
    border: #ffdead;
    background: 0 0;
    cursor: pointer;
}

.new_testimonial_slider .image_slider img {
    padding-top: 12px;
    padding-bottom: 30px;
}

.new_testimonial_slider .image_slider {
    height: 200px;
    border-radius: 30px 30px 0 0;
    padding: 50px 20px 35px;
    text-align: center;
    position: relative;
}

.new_testimonial_slider .g2 .image_slider {
    background: #f67207;
}

.new_testimonial_slider .capterra .image_slider {
    background: #002e47;
}

.new_testimonial_slider .appsource .image_slider {
    background: #0171d5;
}

.new_testimonial_slider .sourceforge .image_slider {
    background: #333;
}

.new_testimonial_slider .saashub .image_slider {
    background: #004f7a;
}

.new_testimonial_slider .softwareSuggest .image_slider {
    background: #098180;
}

.new_testimonial_slider .softwareWorld .image_slider {
    background: #01a0f7;
}

.new_testimonial_slider .trustPilot .image_slider {
    background: #444;
}

.new_testimonial_slider .slashdot .image_slider {
    background: #3f7e67;
}

.new_testimonial_slider .reviews-products {
    color: #2392d7;
}

.new_testimonial_slider .card {
    border: 1px solid #d5e3f0;
    border-radius: 30px;
    background-color: #fff;
    width: 370px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.new_testimonial_slider .content_sec {
    padding: 20px 20px 60px 15px;
    position: relative;
    flex: auto;
    min-height: 380px;
}

.new_testimonial_slider .content_sec b {
    flex: 1;
    color: #2392d7;
    padding: 0 0 0 5px;
    font-weight: 600;
}

.new_testimonial_slider .new_reviews_customer {
    background: #eef6fb;
    width: 100%;
    height: 44px;
    display: flex;
    border-radius: 30px;
    line-height: 44px;
    font-size: 14px;
    color: #1e1e1e !important;
    font-weight: 500 !important;
    padding: 0 10px 0 25px;
    align-items: center;
    justify-content: space-between;
}

.new_testimonial_slider .new_reviews_customer::after {
    content: "" !important;
    background: url(/images/new-testimonial-blue-arrow.png) no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.new_testimonial_slider .new_reviews_customer:hover::after {
    background-position: 0 -76px;
}

.new_testimonial_slider a.new_reviews_customer {
    position: absolute;
    bottom: 15px;
    margin: 0;
    width: 90%;
}

.new_testimonial_slider {
    font-size: 30px;
    font-weight: 400;
    width: 100%;
    padding: 70px 0 0;
    margin: 0 !important;
}

.new_testimonial_slider .h2-title-heading {
    padding: 0 0 35px 0;
    font-size: 54px;
    color: #222;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.new_testimonial_slider .h2-title-heading span {
    background-image: linear-gradient(#89CBF7, #0065D0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



/* achievers */

.achiever-bages .badge {
    background-image: url(/images/acheivers-badge.webp);
    background-repeat: no-repeat;
    display: inline-block;
    width: 155px;
    height: 155px;
    margin: 0 10px;
}

.achiever-bages .software-suggest-bage {
    background-position: 0 -159px;
}

.achiever-bages .software-world-bage {
    background-position: 0 -320px;
}

.achiever-bages .business-bage {
    background-position: 0 -483px;
}

.achiever-bages .slashdot-bage {
    background-position: 0 -644px;
}

.achiever-bages:before {
    content: "";
    background: url(/images/testimonial-bottom-line.png) top center no-repeat;
    height: 1px;
    width: 100%;
    display: inline-block;
}

.sub-achiever-bages {
    padding: 50px 0px;
    text-align: center;
    display: flex;
    gap: 20px;
    justify-content: center;
    width: 100%;
}

.first-block {
    /* padding-right: 55px; */
    position: relative;
}

.first-block:after {
    content: '';
    width: 1px;
    height: 147px;
    /* background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.15),
    rgba(255,255,255,0.6),
    rgba(255,255,255,0.15)
  );
  box-shadow: 1px 0 2px rgba(0,0,0,0.25); */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 1.15), rgba(255, 255, 255, 0.35));
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.15);
    position: absolute;
    right: 0;
    top: 20px;
}

/* .sub-achiever-bages a {
    display: flex;
    gap: 20px;
    justify-content: center;
} */


@media (max-width: 980px) {
    .sub-achiever-bages {
        display: flex;
        /* flex-wrap: wrap; */
        gap: 0px;
    }

    .achiever-bages .badge {
        margin: 0px;
    }
}

@media (max-width: 767px) {
    .sub-achiever-bages {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }

    .achiever-bages .badge {
        margin: 0px 10px;
    }

    .hometemplate-img,
    .hometemplate-content {
        /* max-width: 560px; */
        max-width: 88% !important;
        margin: 0 auto;
    }

    .hometemplate-slides .slick-list {
        padding: 30px 10px;
    }
}

button.slider-btn.next,
button.slider-btn.prev {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #f5f6f7;
    color: #a7adb7;
    border: none;
    font-size: 30px;
    cursor: pointer;
}


.new_testimonial_slider button.slider-btn.next,
.new_testimonial_slider button.slider-btn.prev {
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_testimonial_slider button.slider-btn.next img,
.new_testimonial_slider button.slider-btn.prev img {
    max-width: 60%;
}

.new_testimonial_slider button.slider-btn.prev img {
    rotate: 180deg;
}

.home-top-container .videopopup:hover,
.sig-generator-holder .videopopup:hover,
.outlook-addin .videopopup:hover {
    background-position: center top -124.5px;
}


.new_testimonial_slider .slider-dots1 {
    background: #f5f6f7;
    border-radius: 27px;
    border: none;
    line-height: 35px;
    height: 45px;
    width: 180px;
    text-align: center;
    display: none;
}

.new_testimonial_slider .slider-dots1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.new_testimonial_slider .slider-dots1 button {
    width: 8px;
    height: 8px;
    background: #d1d4da;
    border-radius: 50%;
    border: none;
    display: inline-block;
    margin: 0 5px;
}

.new_testimonial_slider .slider-dots1 button {
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
}

.new_testimonial_slider .slider-dots1 button.active {
    background: #9ca3af;
}


@media (max-width: 1600px) {
    .new_testimonial_slider .slider-container {
        width: 85%;
    }
}

@media (max-width: 1279px) {
    .new_testimonial_slider .card {
        flex: 0 0 calc(95% / 2);
    }

    .new_testimonial_slider .new_reviews_customer {
        font-size: 12px !important;
    }
}

@media (max-width: 767px) {
    .new_testimonial_slider .card {
        flex: 0 0 97%;
    }

    .new_testimonial_slider .h2-title-heading {
        font-size: 30px !important;
    }
}

@media (max-width: 568px) {
    .new_testimonial_slider .slider-container {
        width: 96% !important;
        margin: 0 !important;
    }

    .new_testimonial_slider .card {
        flex: 0 0 100%;
        margin: 5px;
    }

    .new_testimonial_slider .slider {
        gap: 10px;
        padding: 10px;
    }

    .new_testimonial_slider .content_sec {
        min-height: 350px;
    }
}

@media (max-width: 380px) {
    .new_testimonial_slider .content_sec {
        padding: 20px 10px 60px;
    }

    .new_testimonial_slider .new_reviews_customer {
        padding: 0 15px !important;
        font-size: 13px;
    }
}



/* responsive */

@media only screen and (max-width:1366px) {
    p.demo-right-title {
        line-height: normal;
    }

    .first-block {
        padding-right: 40px;
    }

    .second-block {
        padding-left: 40px;
    }

    .demo-right-part {
        height: auto;
    }

}

@media only screen and (max-width:1320px) {
    p.demo-right-title {
        line-height: normal;
        min-height: 110px;
    }
}

@media only screen and (max-width:1280px) {
    .demo-main-container form {
        width: 100%;
    }

    .demo-header-container {
        height: auto;
        padding-bottom: 50px;
    }

    p.demo-form-txt br {
        display: none;
    }

    .demo-main-container form {
        height: auto;
    }

    .demo_experience_box h3 {
        min-height: 80px;
    }
}


@media only screen and (max-width:1280px) {
    .demo-header-container h1 {
        font-size: 45px;
    }

    /* .login1 {display: grid;grid-template-columns: repeat(2, 1fr);} */
    .buttonrow input {
        width: 100%;
    }

    .one_half {
        width: 46%;
    }

    ul.demo-form-left {
        width: 100%;
    }

    .sub_login2 {
        background-position: right 0px top 34px;
        width: auto;
    }

    .buttonrow {
        width: 100%;
    }

    .first-block:after {
        content: '';
        width: 1px;
        height: 100%;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 1.15), rgba(255, 255, 255, 0.35));
        box-shadow: 1px 0 2px rgba(0, 0, 0, 0.15);
        position: absolute;
        right: 0;
        top: 5px;
    }
}


@media only screen and (max-width:1170px) {
    .demo_experience_wrapper {
        display: grid;
        justify-content: space-between;
        gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }

    .demo_experience_box h3 {
        min-height: auto;
    }

    .demo_experience_works h2,
    .new_testimonial_slider .h2-title-heading,
    p.demo-form-head {
        font-size: 45px;
    }

    .demo-right-part-blocks {
        padding: 0;
    }

    .new_testimonial_slider {
        padding: 40px 0 0 0;
    }

    .demo-main-container {
        padding: 40px 0px;
    }

    .demo-header-container h1 {
        font-size: 45px;
    }
}


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

    .sub_login2 {
        background-position: right 0px bottom 0px;
        width: auto;
    }

    ul.demo-form-left {
        gap: 25px;
    }

    .demo-main-container form {
        padding: 30px 20px;
    }

    /* .login1 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    } */
}

@media only screen and (max-width: 768px) {
    .new_testimonial_slider .slider-dots1 {
        display: none;
    }

    .new_testimonial_slider .two_btns {
        justify-content: flex-start;
        margin: 15px 0 0 20px !important;
        gap: 5px;
    }

}

@media only screen and (max-width:767px) {
    p.demo-right-title {
        line-height: normal;
        min-height: auto;
    }

    .home-features.clients-slide {
        display: none;
    }

    .login1 {
        display: inline-block;
        width: 100%;
    }

    .sub_login2 {
        display: none;
    }

    /* .login1 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    } */
    .one_half {
        width: 100%;
    }

    ul.demo-form-left {
        /* gap: 10px; */
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    ul.demo-form-left li.message-box {
        grid-column: 1 / -1;
    }

    /* (Optional) captcha full width */
    ul.demo-form-left li.security {
        grid-column: 1 / -1;
    }

    .demo-right-part-blocks {
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .second-block {
        padding-left: 0px;
    }

    .first-block {
        padding-right: 0px;
    }

    .first-block:after {
        display: none;
    }

    .demo_experience_works {
        padding: 40px 0px;
    }
}


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

    /* ul.demo-form-left {
        gap: 20px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    } */
    .demo_experience_wrapper {
        display: grid;
        justify-content: space-between;
        gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }

    .demo_experience_works h2,
    .new_testimonial_slider .h2-title-heading,
    p.demo-form-head,
    .demo-header-container h1 {
        font-size: 40px;
    }

    ul.demo-form-left {
        display: flex !important;
    }
}



.one_half {
    position: relative;
}

input,
textarea,
select {
    transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
}


.user-label {
    color: #353535;
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    left: 10px;
    line-height: 12px !important;
    pointer-events: none;
    transform: translateY(1rem);
    transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

input:focus~label,
input:not(:placeholder-shown)~label,
textarea:focus~label,
textarea:not(:placeholder-shown)~label,
select:focus~label,
select:valid~label {
    transform: translateY(-50%) scale(1);
    background-color: #ffffff;
    padding: 0 .2em;
    color: #413d3d !important;
}

input[type="submit"] {
    cursor: pointer;
}

.one_half select {
    /* appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/svg+xml;utf8,<svg fill='gray' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px; */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='gray'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 30px;
}