.nowrap, .testing-text {
    white-space: nowrap
}

.live-chat, .pointer {
    cursor: pointer
}

#body {
    top: 0 !important
}

body {
    font-family: Open Sans, sans-serif !important;
    font-size: 17px !important;
/*    padding-top: 122px !important*/
padding-top: 103px !important;
}

@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/OpenSans-Bold.ttf");
    src: url("../fonts/OpenSans-Bold.ttf") format("ttf")
}

@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/OpenSans-Regular.ttf");
    src: url("../fonts/OpenSans-Regular.ttf") format("ttf")
}

h1 {
    color: #1f639d
}

.h2, h2 {
    color: #0a0a0a
}

h3 {
    color: #141414
}

h4 {
    color: #1d1e20
}

ol, ul {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important
}

.case-studies-ul>li, ul {
    list-style: none !important;
}

a {
    text-decoration: none !important
}

.navbar-login {
    background-color: #eaeff7
}

header {
    background: no-repeat padding-box #fff !important;
    opacity: 1
}

.navbar-expand-xl .nav-link {
    text-align: left;
    font: 500 18px/24px Open Sans, sans-serif;
    letter-spacing: 0;
    color: #002366 !important
}

.navbar-expand-md .nav-link {
    color: #343434 !important
}

.dropdown-item {
    text-align: left;
    font: 500 15px/20px Open Sans, sans-serif !important;
    color: #002366 !important
}

.testing-text {
    font: 10px/14px Open Sans, sans-serif !important;
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    background-color: transparent;
    border: 0
}

.btn-login, .btn-register, .request-demo {
    color: #fff !important
}

.dropdown-item.active, .dropdown-item:active, .home-accordion .accordion-button,
    .home-accordion .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
    {
    background-color: transparent !important
}

.btn-login {
    background: #2e68b1 !important;
    width: 150px
}

.btn-register {
    background: #e57e37 !important;
/*     border-radius: 8px; */
    width: 150px
}

.box-shadow, .box-shadow-service:hover, .box-shadow:hover {
    box-shadow: 0 3px 6px #00000029;
    border-radius: 22px !important
}

.button-hover {
    width: 170px
}

.request-demo {
    background: #527824 !important
}

.btn-hover:hover, .button-hover:hover {
    background: #c3d7ec !important;
    color: #366e94 !important
}

.btn-back {
    background: no-repeat padding-box #c3d7ec !important;
    width: 150px
}

.footer, .sub-footer {
    background: linear-gradient(90deg, #8fcce9 0, #2a8bcb 52%, #005189 100%)
        no-repeat padding-box
}

.footer h4 {
    text-align: left;
    font: 800 20px/25px Open Sans, sans-serif;
    color: #fcfdfe
}

.contact li, .pages-li a {
    color: #fcfdfe !important;
    font: 20px/25px Open Sans, sans-serif
}

.sub-footer a {
    text-align: right;
    color: #fcfdfe
}

.pages-li a:hover, .pages-li a:focus, .sub-footer a:focus, .sub-footer a:hover, .sub-footer p {
    color: #fcfdfe !important;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .show>.nav-link
    {
    color: #1d7fce !important
}

.social-nav .fa {
    font-size: 25px;
    color: #fcfdfe
}

.contact li a {
    color: #fcfdfe !important
}

.pages-li a {
    text-align: left;
    letter-spacing: 0;
    opacity: 1
}

.container-fluid {
    padding-right: 3% !important;
    padding-left: 3% !important
}

.pages-li li {
    padding: 7px 0
}

.contact li {
    padding: 4px 0
}

.banner-image {
    width: 100%;
    height: 100%
}

.question a, .text-color {
    color: #e57e37
}

.text-testing {
    color: #00518b !important
}

.box-shadow {
    background: no-repeat padding-box #fff
}

.box-shadow-service:hover, .box-shadow:hover {
    background: no-repeat padding-box #dceff6
}

.learn-text {
    text-decoration: underline !important;
    font: 19px/27px Open Sans, sans-serif;
    color: #1b5d8d
}

.browser-bg {
    background: linear-gradient(90deg, #e6f4fd 0, #c6dded 100%) no-repeat
        padding-box
}

.api-list li {
    margin-left: 0;
    background: url(../images/check-api.png) 0 24px/28px 21px no-repeat;
    padding: 0 0 11px 46px
}

.form-right, .recorder-bg, .testing-tool-bg {
    background: linear-gradient(180deg, #4f87a5 0, #1b5d8d 100%) no-repeat
        padding-box
}

.tech-bg {
    background: linear-gradient(91deg, #c3d7ec 0, #ebf8ff 100%) no-repeat
        padding-box
}

.home-input {
    border-radius: 12px !important;
    height: 51px;
    border: none !important
}

.home-input-group .input-group-text {
    margin-left: -53px !important;
    z-index: 9;
    border: none;
    background-color: transparent
}

.home-input-group .fa-paper-plane {
    background: #c3d7ec;
    padding: 9px;
    border-radius: 50%
}

.text-build {
    color: #1b5d8d;
    font-size: 36px
}

.text-run {
    color: #5a8934;
    font-size: 36px
}

.text-plan {
    color: #e57e37;
    font-size: 36px
}

.plan-bg {
    background: linear-gradient(180deg, #e57e37 0, #f9a41a 100%) no-repeat
        padding-box
}

.run-bg {
    background: linear-gradient(180deg, #5a8934 0, #8cb13f 100%) no-repeat
        padding-box
}

.build-bg {
    background: linear-gradient(180deg, #1b5d8d 0, #4f87a5 100%) no-repeat
        padding-box
}

.steps-bg {
    padding: 8px 17px;
    border-radius: 50%
}

.testing-tool-bg .rounded-3 {
    border-radius: 25px !important
}

.about-bg {
    background: linear-gradient(270deg, #4f87a5 0, #1b5d8d 100%) no-repeat
        padding-box
}

.bg-color, .software-bg {
    background: no-repeat padding-box #f6f9fc
}

.case-studies {
    background: no-repeat padding-box #00518b
}

.case-studies .learn-text {
    color: #006fc3 !important
}

.casestudies-text {
    color: #1b5d8d
}

.case-studies-ul {
    counter-reset: list
}

.case-studies-ul>li:before {
    content: "(" counter(list, lower-alpha) ") ";
    counter-increment: list;
    font-weight: 700
}

.faq .accordion-item {
    box-shadow: 0 0 6px #00000029;
    margin-bottom: 20px;
/*  padding: 10px 0 */
}

.faq .accordion-button:not(.collapsed) {
    color: #156099;
    background-color: transparent;
    font-weight: 700;
    box-shadow: inset 0 -1px 0 rgb(0 0 0/ 13%) !important
}

.accordion-button:focus {
    border-color: transparent !important;
    box-shadow: none !important
}

.contact input[type=email], .contact input[type=password], .contact input[type=search],
    .contact input[type=text], .contact select {
    height: 63px
}

.privacy-policy ul {
    list-style-type: disc !important;
}

.privacy-policy ul li {
    padding: 13px 0 0 9px;
    margin-left: 20px
}

.login .form-bottom {
    margin-bottom: 30px
}

.login .form-control, .login .form-select {
    height: 60px
}

.contact label, .login .form-label {
    padding-bottom: 10px !important;
    font-weight: 700
}

.line {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #ccc
}

.line:after, .line:before {
    content: '';
    border-top: 1px solid #ebebeb;
    margin: 0 20px;
    flex: 1 0 20px
}

.bestvalue2:after, .bestvalue:after {
    content: "";
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    bottom: 0
}

.pricing-table td, .pricing-table th {
    border-right: .20000000298023224px solid #dfe3e7
}

td:last-child, th:last-child {
    border: none
}

td {
    vertical-align: middle !important;
    height: 50px
}

.fa-check-width {
    color: #8caf00;
    font-size: 23px !important
}

.bestvalue, .bestvalue2 {
    background: #f9a41a;
    color: #fff !important;
    position: relative
}

.bestvalue {
    width: 130px !important;
/*     margin-left: 34% !important */
}

.bestvalue:after {
    border-right: 15px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent
}

.bestvalue2 {
    margin-left: 95.3% !important;
    margin-top: -58px
}

.bestvalue2:after {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 10px solid #fff
}

.vertical-align {
    writing-mode: vertical-rl;
    vertical-align: top
}

.live-chat {
    position: fixed;
    bottom: 45px;
    right: 10px
}

.live-chat img {
    width: 62px
}

.btn-login:hover {
    background: #8b2727 !important;
    color: #fff !important
}

.tooltip-inner {
    background-color: #c3d7ec !important;
    color: #141414 !important;
    font-weight: 700
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #c3d7ec
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #c3d7ec
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #c3d7ec
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #c3d7ec
}

#loading .modal-content {
    position: relative;
    display: block;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: .3rem;
    outline: 0
}

.error-banner {
    background: url(../images/testwheel-404.gif) 0 0/100% no-repeat
}

@media ( max-width :768px) {
    .home-banner .overlay {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .banner .overlay {
        position: initial !important
    }
    .mobile-display {
        display: none !important
    }
    .desktop-display {
        display: block !important
    }
    .image-width {
        width: 333px
    }
    .contact p {
        text-align: left
    }
    .banner {
        margin-top: -31px !important
    }
    .nav-link {
        padding: 0 !important
    }
}

@media ( max-width :767px) {
    .mobile-d-none {
        display: none
    }
    .case-studies h5, .image-center, h1, h4, p {
        text-align: center
    }
}

@media ( max-width :1024px) {
    .banner {
        margin-top: -23px
    }
    .home-banner {
        background-color: #f0f0f0
    }
}

.section-m, .section-m-top {
    margin-top: 160px
}

@media ( min-width :320px) and (max-width:568px) {
    .tech-bg img {
        width: 300px;
        height: 340px
    }
}

@media ( min-width :768px) and (max-width:1024px) and
    (orientation:landscape) {
    .banner .overlay {
        top: 19%
    }
    .banner h1, .banner p {
        text-align: left
    }
}

@media ( min-width :768px) and (max-width:1024px) and
    (orientation:portrait) {
    .lgn-btn {
        padding: 0 13.5% !important
    }
}

@media ( min-width :820px) and (max-width:1023px) and
    (orientation:portrait) {
    .banner h1, .banner p {
        text-align: left
    }
    .banner h1 {
        font: bold 30px/43px Open Sans, sans-serif
    }
    .banner .overlay {
        top: 16% !important
    }
}

@media ( min-width :1024px) and (max-width:1366px) and
    (orientation:portrait) {
    .banner .overlay {
        top: 10%
    }
    .banner h1, .banner p {
        text-align: left
    }
    .image-width {
        width: 500px
    }
}

@media only screen and (min-width:820px) and (max-width:1023px) {
    .banner h1 {
        font: bold 36px/40px Open Sans, sans-serif !important
    }
    .banner .overlay {
        top: 35%
    }
}

@media ( min-width :1400px) {
    .h2, h1, h2 {
        letter-spacing: 0;
        opacity: 1
    }
    h1, h3, h4 {
        text-align: left
    }
    /*.container-fluid {
        padding-right: 10% !important;
        padding-left: 10% !important
    }*/
    .img-width {
        max-width: 100%
    }
    p {
        font: 18px/30px Open Sans, sans-serif !important;
    }
    h1 {
        font: bold 50px/60px Open Sans, sans-serif !important;
        color: #1f639d
    }
    .h2, h2 {
        font: bold 45px/57px Open Sans, sans-serif !important;
        color: #0a0a0a
    }
    h3 {
        font: bold 36px/46px Open Sans, sans-serif;
        color: #141414
    }
    h4 {
        font: bold 20px/22px Open Sans, sans-serif;
        color: #1d1e20
    }
    .list-check li, .list-checkmark li {
        font: 18px/30px Open Sans, sans-serif !important
    }
    .casestudies-text {
        font: bold 50px/68px Open Sans, sans-serif !important;
        color: #1b5d8d
    }
    .login h2 {
        font: bold 40px/68px Open Sans, sans-serif !important
    }
}

@media ( min-width :1300px) {
    .dropdown:hover .dropdown-menu {
        display: block
    }
}

@media ( min-width :576px) {
    #terms .modal-dialog {
        max-width: 70%
    }
}

.session-expired-banner {
    background: url(../images/session-expired.gif) 0 0/100% no-repeat
}

.success {
    color: green
}

.failure {
    color: red
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
    {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.service-badge {
    padding: 8px 12px !important;
    font-size: 15px !important;
    background: no-repeat padding-box #145192;
    color: #ffff;
    text-align: center;
    border-radius: 50% !important
}

.stepsbg {
    padding: 2px 10px;
    border-radius: 50%
}

.section-p, .section-p-top {
    padding-top: 160px
}

.no-resize {
    resize: none
}

.schedule-demo {
    background-color: #8db23d !important;
    color: #fff !important
}

h1, h2 {
    font-weight: 700 !important
}

p {
    margin: 0 !important;
    text-align: left;
    color: #1d1e20
}

.banner .overlay {
    position: absolute;
    bottom: 0;
    top: 28%;
    width: 100%;
    color: #fff;
    font-size: 20px
}

.list-check li {
    margin-left: 0;
    font: 16px/25px Open Sans, sans-serif;
    background: url(../images/list-check.png) 0 8px no-repeat;
    padding: 0 0 11px 38px
}

.img-width {
    max-width: 100%
}

.home-accordion .accordion-item {
    background-color: transparent !important;
    border: none !important
}

.home-accordion .nav-tabs .nav-link {
    border: none !important
}

.home-accordion .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none
}

.home-accordion .nav-link {
    padding: 0 !important
}

.home-accordion .accordion-body {
    padding: 0 10px 20px 20px
}

.home-accordion .accordion-button:not(.collapsed)::after {
    content: "\f068" !important;
    background-image: none;
    transform: none;
    color: #e57e37;
    font-family: FontAwesome;
    float: right
}

.home-accordion .accordion-button::after {
    content: "\f067" !important;
    font-family: FontAwesome;
    color: #e57e37;
    background-image: none
}

.bg-price {
    background-color: #1b5d8d
}

.fz-18 {
    font-size: 18px
}

.fs-15 {
    font-size: calc(1.325rem + .9vw)
}

.pricing-table .table-secondary {
    --bs-table-bg: rgb(195, 215, 236, 0.2)
}

@media ( max-width :767px) {
    .banner h1, .h2, h2 {
        font: bold 30px/35px Open Sans, sans-serif !important
    }
    .h2, h1, h2, h3 {
        text-align: center;
        font-weight: 700
    }
    .fs-15, p {
        font: 15px/22px Open Sans, sans-serif !important;
        text-align: center !important
    }
    .pricing-table p{text-align:start !important;}
    .percentage .display-1 {
        font-size: calc(1.625rem + 4.5vw) !important
    }
    .percentage p {
        font-size: 18px !important;
        padding-top: 20px
    }
    .testing-plan .steps-bg {
        font-size: calc(1.3rem + .6vw)
    }
    .testing-plan .text-build, .testing-plan .text-plan, .testing-plan .text-run
        {
        font-size: 36px !important
    }
}

@media ( max-width :1400px) {
    p {
        margin: 0 0 10px;
        text-align: left;
        font: 16px/25px Open Sans, sans-serif;
        color: #1d1e20
    }
}

.nav .nav-item a {
    border-bottom: 1px solid
}

.nav .nav-item a.active {
    background: no-repeat padding-box #296893;
    color: #fff !important;
    font: 18px/30px Open Sans, sans-serif
}

.nav-pills .nav-item a {
    color: #1d1e20;
    font: 18px/30px Open Sans, sans-serif
}

.nav-pills .nav-link {
    border-radius: 0 !important
}

.recorder-banner {
    background: linear-gradient(180deg, #3376bc 0, #00518b 100%) no-repeat
        padding-box
}

.tech-bg-first {
    background: no-repeat padding-box #3376bc
}

.section-m {
    margin-bottom: 160px
}

.section-p {
    padding-bottom: 160px
}

.title-m-top {
    margin-top: 32px !important
}

.para-m {
    margin-top: 16px
}

.sectiontitle-m-top {
    margin-top: 64px !important
}

.rounded-6 {
    border-radius: 24px
}

.accordion-button:not(.collapsed) {
    color: #555454 !important
}

@media ( min-width :1400px) and (max-width:1600px) {
    /*.container-fluid {
        padding-right: 7% !important;
        padding-left: 7% !important
    }*/
}

@media ( min-width :2500px) {
    h1 {
        font: bold 80px/104px Open Sans, sans-serif !important
    }
    p {
        font: 24px/40px Open Sans, sans-serif
    }
}

.list-checkmark li {
    margin-left: 0;
    font: 16px/25px Open Sans, sans-serif;
    background: url(../images/list-checkmark.png) 0 8px no-repeat;
    padding: 0 0 7px 31px
}

.sub-footer p {
    font: 16px/22px Open Sans, sans-serif !important
}

@media ( min-width :1024px) and (max-width:1799px) {
    .recorder-bg .tab-content img {
        max-width: 125% !important
    }
}

@media ( min-width :1800px) {
    .recorder-bg .tab-content img {
        max-width: 150% !important
    }
}

.pointer {
    cursor: pointer;
}

.btn-hover:hover {
    background: #C3D7EC !important;
    color: #366E94 !important;
}
/*new style*/
article>header{display:none;}
.accordion-header .collapsed:hover{background-color: transparent !important;color:#212529 !important;}
.navbar-toggler:hover{background-color:transparent !important;}
#primary {
    margin: 0 !important;
}
table{
   border:none !important;
}
.nav-item a.active, {
  color: #1d7fce !important;
}
a:focus {
    outline: none !important;
}
@media (min-width: 1200px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}
td, th{padding:16px 20px !important;text-align:left;}

/*new pricing page*/
.pricing-table{
            color:#fff;
            transition: all 0.30s linear 0s;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
      box-shadow: 0 10px 15px rgba(0, 0, 0, .5);
        }
       
        .pricing-table-header{
            padding:15px;
        }
       
        .pricing-table .pricing-table-plan{
            border-top-right-radius:30px;
            border-top-left-radius:30px;
            background:#fff;
        }
       
        .pricing-table-plan p{font-size: 15px !important;}
        .pricing-table-plan .fa-check-width{color: #277451; font-size:18px !important;}
.prc-btn, .prc-btn:hover{color: #fff;border-radius: 10px;width: 180px;}

.bestvalue {
    width: 143px !important;
}
.basic-bg, .basic-btn{background: #EA8203 0% 0% no-repeat padding-box ;}
.prfssnl-bg, .prfssnl-btn{background: #8CB13F 0% 0% no-repeat padding-box;}
.enterprsie-bg, .enterprsie-btn{background: #1B5D8D 0% 0% no-repeat padding-box;}
.pricing-table .text-link{color:#63A3EE;}
.price-plan-bg{background: #C3D7EC 0% 0% no-repeat padding-box;}
.price-plan-bg {
    width: 100%;
    text-align: center;
    background-color: rgb(195, 215, 236, 0.2);
    color: #1D1E20;
    padding: 10px 0;
    font-weight: bold;
}
.price-plan-bg p{font-size:16px !important;}
.ps-30{padding-left: 30px;}
.prc-btn {
    color: #fff;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3 linear;
    transition: all 0.3 linear;
    border: none;
    font-size: 14px;
    text-decoration: none;
    text-transform: capitalize;
    position: relative;
    margin: 2px;
    z-index: 9999;
}

.prc-btn {
    z-index: 50;
    color: #333;
}

.prc-btn1:hover .prc-btn {
  color:#fff !important;
}       

.prc-btn:after {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4 linear;
    width: 100%;
    z-index: -1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    transform:scale(1);
}

.prc-btn1:hover .prc-btn:after {
    opacity: 0;
    transform: scale(0);
}
.busns-rqrmnt{background: url(https://www.testwheel.com/wp-content/themes/astra-child-theme/assets/images/busnss-rqrmnt.webp) no-repeat;
    background-size: cover;background-position: top;}
.prc-btn1{border-radius: 10px;
    font-weight: 500;
    position: relative;
    display: inline-block;}
.prc-btn-brdr{background: #EA8203;}
 .prc-btn-brdr1{background: #8CB13F;}
.prc-btn-brdr2{background: #1B5D8D;}
@media  ( min-width :768px) and ( max-width :1399px){.p-tb-5{padding-top: 8px !important;padding-bottom: 8px !important;}}
@media  ( min-width :1400px){.p-tb-5{padding-top: 5px !important;padding-bottom: 5px !important;}ul li p{
    font: 17px / 30px Open Sans, sans-serif !important;}}
@media  ( min-width :1024px){.plan-mbl{padding-top: 20px !important;padding-bottom: 20px !important;}}
.chat-position{position: fixed;
    z-index: 2147483642;
    right: 20px;
    bottom: 0%;}
/*ai-testing*/
.rounded-24{border-radius: 24px;}
.sftwr-qy-ai-bg{background: transparent linear-gradient(101deg, #6AB0EC 0%, #E1F9AD 43%, #EBC17D 100%) 0% 0% no-repeat padding-box;}
p, ul li {
    color: #676767 !important;
}

@media  ( max-width :1400px){.navbar-expand-xl .nav-link {
    text-align: left;
    font: 500 17px/24px Open Sans, sans-serif;
    }
     ul li p{
        font: 17px / 28px Open Sans, sans-serif !important;
    }
}

@media (min-width:1200px) and (-webkit-min-device-pixel-ratio:1.0) and (-webkit-max-device-pixel-ratio:1.75){.dropdown:hover .dropdown-menu {
        display: block !important;
    }}
    
    
.sftwr-dvlpmnt-bg {
    background: url(https://www.testwheel.com/wp-content/themes/astra-child-theme/assets/images/transforming-software-bg.webp) no-repeat;
    background-size: cover;
    border-radius: 25px;
}
.webinar-bg {
    background: #C1DEE8 0% 0% no-repeat padding-box;
    border-radius: 29px;
}
.brdr-r-25 {
    border-radius: 25px;
}
#secondary {
    min-height: 200px;
    overflow: hidden;
    position: sticky;
    top: 192px;
}
#secondary {
    margin: 0px !important;
/*  margin-top: -14% !important; */
}
.fs-14{font-size:14px !important;}
/* .widget_custom_html{margin-top:20% !important;} */
@media (min-width: 922px) {
    #secondary {
        width: 100% !important;
    }
}

.security-icon-color{ color: #8CB13F !important;}
.solutions-tbl .table-striped>tbody>tr:nth-of-type(odd)>*{background: #ECF4EF 0% 0% no-repeat padding-box;}
.solutions-tbl .table>:not(caption)>*>*{border-bottom-width: 0px;}
.solutions-tbl td, .solutions-tbl th {
    border-top: 1px solid #c7c6c6 !important;
     border-left: 1px solid #c7c6c6 !important;
   }  
.solutions-tbl td:last-child{
    border-right: 1px solid #c7c6c6 !important;
}
.casestudy-bg{background: #ECF4EF 0% 0% no-repeat padding-box;}


.casestudy-bg{background: #ECF4EF 0% 0% no-repeat padding-box;}
.independent-bg {
    background: url(../images/independent-bannerbg.webp) no-repeat;
    background-size: cover;
}
.independent-bg label, .independent-bg input::placeholder, .independent-bg textarea::placeholder{color: #676767;font-size: 14px;}
.text-h4{color:#676767}
p, ul li, .li-independent .list-check li{font: 16px / 26px Open Sans, sans-serif !important;}
.sub-footer1{
    background: transparent linear-gradient(180deg, #457696 0%, #00518B 0%, #003053 100%) 0% 0% no-repeat padding-box;
 }
 .sub-footer1 p, .sub-footer1 a{color: #FCFDFE !important;    font: 16px / 22px Open Sans, sans-serif !important;
}
.bg-color4{background: #ECF4EF 0% 0% no-repeat padding-box;}
.page-id-264{padding-top: 108px !important;}
/* New Home page */
.home-banner {
    background-image: url('../images/tw-home-bg.webp');
    background-size: cover;
    background-position: center;
    background-color: #00518C;
}
.banner-img {
    width: 475px;
    height: auto;
}
.head-h2 {
    font-size: 35px !important;
    margin-bottom: 0;
}
.lh-48 {
    line-height: 48px !important;
}

@media (max-width:1400px) {
    .banner-img, .ai-img {
        width: 410px;
    }
    .head-h2 {
        font-size: 30px !important;
    }
    .lh-48 {
        line-height: 44px !important;
    }
}

@media (max-width:1200px) {
    .banner-img {
        width: 400px;
    }
}

@media (max-width:991px) {
    .head-h2 {
        font-size: 28px !important;
    }
    .lh-48 {
        line-height: 38px !important;
    }
}

@media ( max-width :576px) {
    .head-h2 {
        font-size: 24px !important;
    }
}

.btn-green-light {
    background-color: #6D9F30 !important;
    color: #fff !important;
}
.btn-green-light:hover {
    background-color: #527824 !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-17 {
    font-size: 17px !important;
}
.btn-sz1 {
    width: 232px !important;
}
.text-blue {
    color: #2169A2 !important;
}
.text-blue1 {
    color: #1B5D8D !important;
}
.text-black1 {
    color: #676767 !important;
}

.software-banner {
    background-image: url('../images/ai-bg.webp');
    background-size: cover;
    background-position: center;
    background-color: #00518C;
}

.img-280{
    width: 280px;
    height: auto;
}
.img-300 {
    width: 300px;
    height: auto;
}
.img-380 {
    width: 380px;
    height: auto;
}
@media ( max-width: 1400px) {
    .img-300 {
        width: 250px;
    }
    .img-280{
        width: 250px;
    }
    .img-380 {
        width: 330px;
    }
}
@media (max-width :576px) {
    .img-300 {
        width: 200px;
    }
    .img-380 {
        width: 200px;
    }
}

.card-box{
    padding: 10px;
    box-shadow: 0px 3px 6px #00000029;
    border: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 130px;
    background-color: #FCFCFC !important;
}
.feature-card {
    padding: 10px;
    min-height: 350px !important;
/*     width:280px !important; */
    border: none !important;
    border-radius: 22px !important;
    box-shadow: 0px 3px 6px #00000029;
    background-color: #F6F9FC !important;
}
@media (max-width :576px) {
    .feature-card {
        min-height: auto !important;
        padding: 40px 0 !important;
    }
}
.benefits-banner {
    background-image: url('../images/test-smarter-bg.webp');
    background-size: cover;
    background-position: center;
    background-color: #00518C;
}
.footer {
    background-image: url('../images/footer-bg.webp');
    background-size: cover;
    background-position: center;
    background-color: #00518C;
}
.top-border {
    border-top: 1px solid rgb(252, 253, 254, 0.5);
}
.footer li, .footer li a {
/*    font-size: 16px;*/
font-size: 14px !important;
    margin-top: 0.6rem;
    color: #FCFDFE !important;
    text-decoration: none;
    position: relative;
    padding-bottom: 1px;
}
 
.underline li a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    width: 100%;
    height: 1px;
    background-color: rgba(252, 253, 254, 0.5);
    transition: transform 0.3s ease;
}
 
.underline li a:hover::after {
    transform: translateX(-50%) scaleX(1);
}
.btn-blue {
    background-color: #3376BC !important;
    color: #fff !important;
}
.btn-blue:hover {
    background-color: #01375D !important;
}

.pricing-comparison ul li{font-size:16px !important;line-height:26px !important; padding: 0 0 7px 31px;}
.list-close li{background: url("https://www.testwheel.com/wp-content/themes/astra-child-theme/assets/images/list-close.png") 0 8px no-repeat;}
/** nav menu **/
.bg-nav{    
  background-color: rgb(255, 255, 255);
    justify-self: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;}
.mega-menu ul li a{padding: 8px;}
.mega-menu ul li{ margin-bottom: 9px;}
.dropdown-item:focus, .dropdown-item:hover{background-color: rgba(195, 215, 236, 0.1)!important;}
.mega-menu li:has(a.active), .mega-menu li:has(a):hover, .mega-menu li:has(a):focus{background-color: rgba(195, 215, 236, 0.4)!important;  margin-bottom: 9px;    border-radius: 3px;}
.mega-menu ul li a{color:#1B5D8D !important; font-weight: 500 !important}
.icon-wdth{width:33px; height:24px;}
 .dropdown-menu{border: none;}
.mega-menu .dropdown-item {white-space: normal;}
.mega-menu p{text-align:left !important;}    

@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav .dropdown-menu {
  position: absolute;
    top: 72px;
    z-index: 555;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    width: 887px;
    max-width: 100%;
    margin: auto;
    overflow: auto;
    height: fit-content;
    padding: 34px 8px !important;
    }
   
    .bg-nav{width: 870px; height: 350px;}
}
@media (min-width: 1025px) {
  .navbar .dropdown.position-static:hover .dropdown-menu {
    display: block;
    margin-top: 0;

  }
    .navbar .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
  }
}
@media (min-width: 768px) {.border-end-lg{border-right: 1px solid #dee2e6 !important;}}
.menu-item {
            position: relative;
        }
    @media (min-width: 1200px) {
      .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
      }

      .dropdown:hover > .dropdown-menu {
        display: block;
      }
    }
@media (min-width: 820px) {.px-lg-r-3{padding: 0px 12px !important;}}
    @media (max-width: 1199px) {
      #solutionsMenu, #resourcesMenu, #platformMenu {
        position: fixed;
        top: 90px; 
        left: -100%;
        width: 100%;
        height: calc(100% - 56px);
        transition: left 0.3s ease-in-out;
        z-index: 1050;
        display: block !important; 
      }

      #solutionsMenu.active, #resourcesMenu.active, #platformMenu.active {
        left: 0;
      }

      #solutionsMenu .close-btn, #resourcesMenu .close-btn, #platformMenu .close-btn {
        position: absolute;
        top: 1rem;
        right: 1.5rem;
        font-size: 1.5rem;
        cursor: pointer;
      }
        .bg-nav{   
    overflow: scroll;max-height: -webkit-fill-available;}
    }
   .navbar button:focus{background-color: transparent !important;}
 .security-testing .accordion-body {
    height: 200px;
    overflow: scroll;
}

.ai-powered-bg {
    background: url(../images/ai-powered-bg.webp) no-repeat;
    background-size: cover;
}
 @media (min-width: 1000px) {
.border-end-ai{border-right:1px solid #E57E37;}
.border-end-ai-tool{border-right:1px solid #707070;}
}
.card-hover-y:hover{    border-top: 8px solid #E57E37 !important;
    border-bottom: 8px solid #E57E37 !important;
    border-left: 1px solid rgb(231, 247, 246, 0.5) !important;
    border-right: 1px solid rgb(231, 247, 246, 0.5) !important;
}
.card-hover-x:hover{
    border-left: 15px solid #E57E37 !important;
    border-right: 15px solid #E57E37 !important;}
/**New menu**/
 @media (min-width: 1900px) {.container-fluid {
        padding-right: 10% !important;
        padding-left: 10% !important
    }
    .navbar-expand-xl .nav-link {
    text-align: left;
    font: 500 18px/24px Open Sans, sans-serif !important;
    }
}
    @media (max-width: 1400px) { .navbar-expand-xl .nav-link {
    text-align: left;
    font: 500 14px/24px Open Sans, sans-serif;
    }
    }
 @media (min-width: 1200px) and (max-width: 1290px) { .navbar-expand-xl .nav-link {
          padding-right: 4px !important;
        padding-left: 4px !important;
        font-size: 16px !important;
    }
    }
.navbar-expand-xl .nav-link {
    text-align: left;
    font: 500 17px/24px Open Sans, sans-serif;
    }