:root {
    --body-color: #423D3D;
    --color-light: #F1F1F1;
    --color-light-bg: #FAFAFA;
    --color-dark: #222222;
    --color-blue: #4A99EA;
    --color-lightblue: #EDF5FD;
    --color-darkblue: #161C2D;
    --color-white: #FFFFFF;
    --color-green: #10E98D;
    --color-red: #C31230;
    --color-lightorange: #EE7C6C;
    --color-orange: #DC5E42;
    --color-vmorange: #E6914F;
    --color-disabled: #CACACA;
    --color-lightgreen: #AFFFD4;
    --color-darkgreen: #30D17A;
    --color-warning-red: #D00000;
    --color-yellow: #FAFF00;
    --color-lightyellow: #FFD966;
    --color-warning: #F2A000;
    --color-table: #F2F5F6;
    --color-mediumgray: #A7A7A7;
    --color-darkgray: #676767;
    --color-lightgray: #888888;
    --color-lightdark: #f8f8f8;
    --bs-border-color: #CECECE;
    --bs-breadcrumb-divider: '>';
}

body {color: var(--body-color); font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5;}
h2, h3, h4, h5, h6 {color: var(--color-dark);}
h1 {font-size: 2.875rem; font-weight: 500;}
h2 {font-size: 2.25rem; font-weight: 600;}

a {color: var(--color-blue);}
a:hover{text-decoration: none; color: #3582D1;}

/*=== Custom Classes ===*/
.py-100 {padding-top: 6.25rem; padding-bottom: 6.25rem;}
.pt-60{padding-top: 3.8rem}
.pb-110{padding-bottom: 6.875rem}

/*=== Text Size and Colors ===*/
.text-dark {color: var(--color-dark) !important;}
.text-darkgray {color: var(--color-darkgray) !important;}
.text-blue {color: var(--color-blue) !important;}
.text-darkblue {color: var(--color-darkblue) !important;}
.text-green {color: var(--color-green) !important;}
.text-lightorange {color: var(--color-lightorange) !important;}
.text-disabled {color: var(--color-disabled) !important;}

.fs-12 {font-size: 0.75rem !important;}
.fs-13 {font-size: 0.813rem !important;}
.fs-14 {font-size: 0.875rem !important;}
.fs-17 {font-size: 1.063rem}
.fs-21 {font-size: 1.313rem !important;}
.fs-22 {font-size: 1.375rem;}
.fs-h1-small{font-size: 2.625rem;}
.lh-lg {line-height: 1.8!important}


.fw-500{font-weight: 500;}
.maxh-inherit {max-height: inherit !important;}

/*=== Backgrounds ===*/
.bg-darkblue {background-color: var(--color-darkblue) !important;}
.bg-dark {background-color: var(--color-dark) !important;}
.bg-lightwhite{background-color: var(--color-white) !important;}
.bg-blue{background-color: var(--color-blue) !important;}
.bg-green{background-color: var(--color-green) !important;}
.bg-red{background-color: var(--color-red) !important;}
.bg-orange{background-color: var(--color-orange) !important;}
.bg-vmorange{background-color: var(--color-vmorange) !important;}
.bg-lightorange{background-color: var(--color-lightorange) !important;}
.bg-lightblue {background-color: var(--color-lightblue) !important}
.bg-lightdark {background-color: var(--color-lightdark) !important}

/*=== Image Filter ===*/
.img-white {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7473%) hue-rotate(1deg) brightness(106%) contrast(107%);}
.img-dark {filter: brightness(0) saturate(100%) invert(8%) sepia(3%) saturate(21%) hue-rotate(331deg) brightness(100%) contrast(87%);}
.img-blue {filter: brightness(0) saturate(100%) invert(56%) sepia(18%) saturate(3279%) hue-rotate(187deg) brightness(97%) contrast(90%);}
.img-lightorange{filter: brightness(0) saturate(100%) invert(80%) sepia(23%) saturate(4189%) hue-rotate(308deg) brightness(88%) contrast(113%);}
.img-green {filter: brightness(0) saturate(100%) invert(62%) sepia(88%) saturate(425%) hue-rotate(100deg) brightness(98%) contrast(97%);}
.img-disabled {filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(82%) hue-rotate(205deg) brightness(82%) contrast(96%);}

/*=== Buttons ===*/
.btn {--bs-btn-padding-x: 1.25rem; --bs-btn-padding-y: 0.5rem; font-size: 0.75rem; font-weight: 500;}
.btn-lg {--bs-btn-padding-x: 2rem; --bs-btn-padding-y: 0.625rem; font-size: 1rem;}
.btn-primary {--bs-btn-bg: var(--color-blue); --bs-btn-border-color: var(--color-blue); --bs-btn-hover-bg: #307CCB; --bs-btn-hover-border-color: #307CCB;}
.btn-outline-primary {--bs-btn-color: var(--color-blue); --bs-btn-border-color: var(--color-blue); --bs-btn-hover-bg: #307CCB; --bs-btn-hover-border-color: #307CCB;}

/*=== Form ===*/
.form-control{border-radius: 0.25rem; padding: 1rem;}

/*==== Listing ====*/
.blue-checkmark-list{list-style: none; margin: 0; padding: 0;}
.blue-checkmark-list li{padding-left: 2.25rem; position: relative; background: url("../images/checkmark-circle-fill.svg") no-repeat 0 2px; background-size: 20px;}
.blue-checkmark-list li + li{margin-top: 1rem;}

.check-list{list-style: none;}
.check-list li{padding-left: 1.5rem; position: relative; background: url("../images/checkmark-icon.svg") no-repeat 0 6px;}

/*=== Header ===*/
.header {position: fixed; top: 0; width: 100%; transition: 0.3s all; z-index: 99;}
.header.headerfix{padding: 1rem 0 !important; background-color: var(--color-darkblue); box-shadow: 0px 8px 26.8px 0px rgba(0, 0, 0, 0.34);}
.header .navbar .navbar-toggler:focus{box-shadow: none;}
.header .navbar .navbar-toggler-icon{--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

.header .nav-item > .nav-link{color: var(--color-white); font-size: 0.875rem;}
.header .nav-item > .dropdown-toggle{display: flex; align-items: center;}
.header .nav-item > .dropdown-toggle:after{border: none; width: 0.875rem; height: 0.5rem; margin-left: 0.5rem; transition: 0.5s all; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTQgOCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4wIEJ1aWxkIDE0MikgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNyw4Yy0uMjU2LDAtLjUxMi0uMDk4LS43MDctLjI5M0wuMjkzLDEuNzA3Qy0uMDk4LDEuMzE2LS4wOTguNjg0LjI5My4yOTNTMS4zMTYtLjA5OCwxLjcwNy4yOTNsNS4yOTMsNS4yOTNMMTIuMjkzLjI5M2MuMzkxLS4zOTEsMS4wMjMtLjM5MSwxLjQxNCwwcy4zOTEsMS4wMjMsMCwxLjQxNGwtNiw2Yy0uMTk1LjE5NS0uNDUxLjI5My0uNzA3LjI5M1oiLz4KPC9zdmc+");}
.header .nav-item > .dropdown-toggle.show, .header .nav-item:hover > .dropdown-toggle{color: var(--color-green);}
.header .nav-item > .dropdown-toggle.show:after, .header .nav-item:hover > .dropdown-toggle:after{transform: rotate(180deg); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTQgOCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4wIEJ1aWxkIDE0MikgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjMTBlOThkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNyw4Yy0uMjU2LDAtLjUxMi0uMDk4LS43MDctLjI5M0wuMjkzLDEuNzA3Qy0uMDk4LDEuMzE2LS4wOTguNjg0LjI5My4yOTNTMS4zMTYtLjA5OCwxLjcwNy4yOTNsNS4yOTMsNS4yOTNMMTIuMjkzLjI5M2MuMzkxLS4zOTEsMS4wMjMtLjM5MSwxLjQxNCwwcy4zOTEsMS4wMjMsMCwxLjQxNGwtNiw2Yy0uMTk1LjE5NS0uNDUxLjI5My0uNzA3LjI5M1oiLz4KPC9zdmc+");}
.resource-link:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-bottom: 0;}
.header .offcanvas-header .btn-close {opacity: 1; margin-right: 0;}

/*=== Hero ===*/
.hero-section {background-image: url("../images/hero-bg.svg"); background-repeat: no-repeat; background-position: right bottom; background-size: auto 100%; /*padding-top: 10.375rem;*/ padding-top: 7.375rem; max-height: 38.125rem}
.hero-img {background: url("../images/hero-circle-bg.svg") no-repeat center center; min-height: 388px; background-size: contain;}
.home-hero {padding-bottom: 18.188rem; max-height: initial;}
.hero-img img {filter: drop-shadow(0px 7.618px 25.711px rgba(0, 0, 0, 0.25));}
.home-hero h1 { font-size: 2.625rem;}

.ai-hero-img {max-width: 410px;}
.ai-hero-img .first-img{right: -3rem;}
.svs-hero-img .second-img{margin-top: -5rem;} 

.product-boxes {position: relative; margin-top: -18.5rem;}
.product-boxes .bg-white{box-shadow: 0px 18px 17.17px 0px rgba(0, 0, 0, 0.02);}
.product-boxes .icon-circle{ width: 3.688rem; height: 3.688rem;}
.product-boxes .col-12 h2{ font-size: 1.375rem}
.product-boxes .btn-outline-primary { min-width: 9.438rem;}

.dashboard-img {padding-right: 7.25rem; background: url("../images/icon-server.svg") no-repeat right center;}
.dashboard-img img {box-shadow: 0px 7px 66.4px -12px rgba(0, 0, 0, 0.18);}

.cp-works-steps > div {position: relative;} 
.cp-works-steps > div + div:before{content: ""; background: url("../images/cp-works-arrow.svg") no-repeat; width: 250px; height: 31px; position: absolute; right: calc(100% - 125px);}
.cp-works-steps > div:last-child:before{top: 4.25rem; -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1);}
.cp-icon {width: 6.25rem; height: 6.25rem; filter: drop-shadow(0px 8.304px 28.027px rgba(0, 0, 0, 0.25)); border-radius: 0.625rem;}
.cp-icon > span{background-color: var(--color-green); border: 2px solid var(--color-white); width: 2.125rem; height: 2.125rem; font-size: 1.125rem; font-weight: 800; color: var(--color-white);}

.procontent-box + .procontent-box{padding-top: 120px; margin-top: 80px;}
.sticky-title {position: sticky; top: 1.5rem; padding-top: 100px; padding-bottom: 24px; z-index: 1;  background:  rgb(248,250,250); background: linear-gradient(180deg, rgba(248,250,250,1) 90%, rgba(248,250,250,0) 100%);}
.sticky-right {position: sticky; top: 420px; z-index: 0;}

#stickyHeading {transition: opacity 0.1s ease; opacity: 1;}
#dynamic-image, .detailpage-proimg {transition: all ease 0.8s;}
.img-animated {padding-right: 4.5rem;}
.img-animated img{position: relative; z-index: 1;}
.img-animated > img{filter: drop-shadow(0px 1.833px 20.7px rgba(0, 0, 0, 0.17)); transition: all ease 1s;}
.detailpage-proimg .img-animated:after {animation: none; z-index: -1; max-width: 100%; background-size:100%;}
.img-animated:after, .detailpage-proimg.aos-animate .img-animated:after{content: ""; position: absolute; animation: scaleAnimation 2s ease-in-out; left: 0;}
.img-sslmonitor:after{background: url("/images/img-sslmonitor-polygon.svg") no-repeat; width: 519px; height: 320px; top: -3rem; left: -1rem;}
.img-svs:after{background: url("/images/img-svs-polygon.svg") no-repeat; width: 570px; height: 282px; top: -2.5rem; left: -3rem;}
.img-autoinstall:after{background: url("/images/img-autoinstall-polygon.svg") no-repeat; width: 581px; height: 302px; top: -3rem; left: -2.5rem;}
.img-websitesecurity:after{background: url("/images/img-websitesecurity-polygon.svg") no-repeat; width: 468px; height: 273px; top: -2.5rem; left: -3.25rem;}

.detailpage-proimg .img-sslmonitor:after{width: 630px; height: 420px; top: -3.25rem;  left: -1.5rem !important;}
.detailpage-proimg .img-autoinstall:after{width: 630px; height: 420px; top: -3.25rem; left: -2rem !important;}
.detailpage-proimg .img-svs:after{width: 630px; height: 420px; top: -3.5rem; left: -2rem !important;}
.detailpage-proimg .img-websitesecurity:after{width: 530px; height: 340px; top: -3.25rem; left: -1rem !important;}

@keyframes scaleAnimation {
    0% {
        transform: scale(0);
        visibility: hidden;
    }

    25% {
        transform: scale(0);
        visibility: visible;
    }

    50% {
        transform: scale(1.1);
        visibility: visible;
    }

    100% {
        transform: scale(1);
        visibility: visible;
    }
}

.rounded-border {width: 153px; height: 153px; border-radius: 50%; position: absolute; z-index: 0; top: -2rem; right: 1.5rem;}
.rounded-border:before, .rounded-border:after{content: ""; border-radius: 50%; border: 2px solid #E7E7E7; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.rounded-border:before { width: 195px; height: 195px;}
.rounded-border:after {width: 111px; height: 111px;}
.img-sslmonitor .rounded-border{border: 3px solid var(--color-green);}
.img-svs .rounded-border{border: 3px solid var(--color-vmorange);}
.img-autoinstall .rounded-border{border: 3px solid var(--color-blue);}
.img-websitesecurity .rounded-border{border: 3px solid #C31230;} 

.moving-circle {width: 50px; height: 50px; background-color: #00ff99; border-radius: 50%; position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); transform: translate(-50%, -50%); transform-origin: 76.5px 50%; animation: rotate 1.5s ease-out forwards; z-index: 1;}
.img-sslmonitor .moving-circle{background-color: var(--color-green);}
.img-svs .moving-circle{background-color: var(--color-vmorange);}
.img-autoinstall .moving-circle{background-color: var(--color-blue);}
.img-websitesecurity .moving-circle{background-color: #C31230;}
.poweredby p { font-size: 11px; color: #7F7F7F; margin-right: 9px;}

@keyframes rotate {
    0% {
        transform: rotate(0deg) translateX(-76.5px) rotate(0deg);
    }

    100% {
        transform: rotate(-220deg) translateX(-76.5px) rotate(220deg);
    }
}

.assets-icon {background-color: #242E3E; width: 4rem; height: 4rem;}
.assets-icon .img-windows{filter: brightness(0) saturate(100%) invert(84%) sepia(9%) saturate(5442%) hue-rotate(190deg) brightness(102%) contrast(106%);}

.testimonial-card {border-radius: 0.75rem;}
.testimonial-avatar {width: 5.25rem; height: 5.25rem; font-size: 2rem;}

/*=== Footer ===*/
.footer-cta{background-color: #202837; position: relative;}
.footer-cta:before, .center-cta:after{content:""; width: 104px; height: 121px; position: absolute; bottom: 0; background-repeat: no-repeat;}
.footer-cta:before{background-position: left bottom; left: 0; background-image: url("/images/cta-line.svg");}
.center-cta:after{background-position: right bottom; left: 0; background-image: url("/images/cta-line-right.svg");}
.footer-cta h3{font-size: 2.625rem;}
.footer-cta .cta-btn {position: relative; padding-right: 10rem;}
.footer-cta .cta-btn:after{content:""; background-image: url("/images/cta-arrow.svg"); background-repeat: no-repeat; width: 142px; height: 125px; position: absolute; right: 0; bottom: -4.5rem; background-size: 140px;}
.vm-cta h3{font-size: 2.25rem;}

.footer-nav-link li + li{margin-top: 0.625rem;}
.footer-nav-link li a{color: var(--color-white); text-decoration: none; line-height: 2rem;}
.footer-nav-link li a:hover{color: var(--color-green);}

/*=== Product ===*/
.timeline {position: relative; padding-left: 3.5rem;}
.timeline:before {content: ""; position: absolute; left: 16px; top: 0; bottom: 0; width: 1px; height: calc(100% - 76px); background-color: var(--bs-border-color);}
.timeline-step .step-number {left: -3.5rem; width: 2rem; height: 2rem;}

/*=== About ===*/
.countnumber {font-size: 2.5rem;}
.about-checklist {border-radius: 6px; border: 1px solid #F2F2F2; box-shadow: 0px 18px 17.17px 0px rgba(0, 0, 0, 0.02);}
.about-checklist li + li{margin-top: 1.75rem;}

.about-bluebox > span{font-size: 2.5rem;}

/*=== Contact ===*/
.contact-box{box-shadow: 0px 3.797px 3.797px 0px rgba(0, 0, 0, 0.04);}

/*=== Pricing ===*/
.pricingbox-ais {border-left: 18px solid var(--color-blue) !important;}
.pricingbox-sslm {border-left: 18px solid var(--color-green) !important;}
.pricingbox-ws {border-left: 18px solid var(--color-red) !important;}
.pricingbox-svs{border-left: 18px solid var(--color-vmorange) !important;}
.pricingbox-ssl{border-left: 18px solid var(--color-dark) !important;}
.pricebox-header span{width: 2.5rem; height: 2.5rem; display:block;}
.pricingcontainer > div{ box-shadow: 0px 11px 53px 0px rgba(0,0,0,7%);}
.pricingcontainer .btn { min-width: 141px;}
.pricingcontainer .comingsoon{ top: -30px}
.comingsoon ~ .btn { margin-top: -35px;}

.qualys-box{box-shadow: 0px 21.967px 20.954px 0px rgba(0, 0, 0, 0.02);}
.qualys-box span{font-size: 3.25rem; font-weight: 900;}
.qualys-box p:before{content: ""; width:1px; height: 3.5rem; background-color: var(--color-disabled); position: absolute; left: 0; top: calc(50% - 1.75rem)}

.award-logos span {cursor: pointer;}
.award-logos span img{filter: grayscale(100%); transition: filter 0.3s ease-in-out;}
.award-logos span:hover img{filter: grayscale(0%);}

.bs-tooltip-bottom {margin-top: 3rem !important;}
.tooltip .tooltip-inner {background-color: var(--color-darkgray) !important; opacity: 1 !important; font-weight: 500; font-family: 'Roboto', sans-serif !important; font-size: 0.75rem; padding: 0.75rem !important;}
.tooltip .tooltip-inner span{display: block;}
.bs-tooltip-bottom .tooltip-arrow::before {border-bottom-color: var(--color-darkgray) !important; border-width: 0 0.5rem 0.75rem !important;}

.security-boxes .bg-white {box-shadow: 0px 17.162px 16.37px 0px rgba(0, 0, 0, 0.02);}

.subscriptions-switch .form-check-input {border: none; width: 141px; height: 30px; cursor: pointer;}
.subscriptions-switch .form-check-input, .subscriptions-switch .form-check-input:focus {background-image: url("../images/cpf-payment-switch.svg"); box-shadow: none !important; background-color: transparent !important;}
.subscriptions-switch .form-check-input:hover{background-image: url("../images/cpf-payment-switch-hover.svg");}
.subscriptions-switch .form-check-input:checked, .subscriptions-switch .form-check-input:checked:focus {background-image: url("../images/cpf-payment-switch-checked.svg"); background-color: none;}
.subscriptions-switch .form-check-input:checked:hover{background-image: url("../images/cpf-payment-switch-checked-hover.svg");}
.subscriptions-switch .form-check-input:active{filter: none;}

.price-plan > div{position: relative; z-index: 0;}
.price-plan-col {border: 1px solid #EBEBEB; min-height: 673px;}
.price-plan-col .check-list > li{background-size: 0.813rem; background-position: 0 8px; color: var(--color-dark); margin-top: 1.5rem;}
.price-plan-col .check-list > li span{display: inline-block; border-bottom: 2px dashed #DFDFDF;}
.price-plan .planactive {z-index: 9;}
.planactive .price-plan-col{margin-left: -0.5rem; margin-right: -0.5rem;}
.planactive .price-plan-col .check-list > li{font-size: 1.25rem; color: var(--color-white); background-position: 0 12px;}
.recommended-plan {border-radius: 0 0 0.75rem 0.75rem;}

/*==== Tool Tip ====*/
.custom-tooltip {position: relative; display: inline-flex;}
.custom-tooltip > img{cursor: pointer;}
.custom-tooltip .tooltip-detail{display: none; background-color: var(--color-darkgray); width: 300px; position: absolute; color: var(--color-white); font-size: 0.813rem; padding: 1rem; border-radius: 0.5rem; bottom: 2.75rem; font-weight: 400;z-index:9;}
.custom-tooltip .tooltip-detail:after{content: ""; height: 0; width: 0; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-top: 1rem solid var(--color-darkgray); position: absolute; top: 100%;}
.custom-tooltip .tooltip-detail.top-center{left: calc(50% - 150px);}
.custom-tooltip .tooltip-detail.top-center:after{left: calc(50% - 1rem);}
.custom-tooltip .tooltip-detail.top-right{right: -1.65rem;}
.custom-tooltip .tooltip-detail.top-right:after{right: 1rem;}
.custom-tooltip .tooltip-detail.top-left{left: 1.25rem;}
.custom-tooltip .tooltip-detail.top-left:after{left: 1rem;}
.custom-tooltip:hover .tooltip-detail{display: block;}
.custom-tooltip .tooltip-detail p{white-space: break-spaces;}
.custom-tooltip .tooltip-detail ul li{background:none; padding-left: 1rem;}
.custom-tooltip .tooltip-detail ul li:before {content: ""; background: var(--color-white); height: 1px; width: 0.5rem; position: absolute; left: 0; top: calc(50% - 0.5px);}

#slComparisonChartModal .modal-dialog{max-width: 1010px;}
.table-slcomparision {width: 100%;}
.table-slcomparision th{background-color: transparent; padding: 0 1rem; border-bottom: 1px solid #D8D8D8; text-transform: none;}
/*.table-slcomparision th:first-child > div{min-width: 317px;}*/
.table-slcomparision th + th > div{border-radius: 0.25rem 0.25rem 0 0; min-width: 166px;}
.table-slcomparision tr td{padding: 0 1rem; height: auto; border-bottom: 1px solid #D8D8D8;}
.table-slcomparision tr th:first-child, .table-slcomparision tr td:first-child{padding-left: 0;}
.table-slcomparision tr th:last-child, .table-slcomparision tr td:last-child{padding-right: 0;}
.table-slcomparision tr th:not(:first-child) > div, .table-slcomparision tr td > div{background-color: #FAFAFA;} 
.table-slcomparision tr th:not(:first-child) > div{padding: 1rem 0.625rem; min-height: 111px;} 
.table-slcomparision tr td > div{padding: 0.625rem;}

.modal-header {padding: 2rem;}
.modal-title {font-size: 1.875rem; line-height: 1;}

.why-ssl-works .rounded-circle {width: 2rem; height: 2rem;}

/*==== Fresh Chat Start ====*/
#fc_frame, #fc_frame.fc-widget-small {z-index: 999 !important;}
.pre-fc-error{text-align:left !important;}
.chat-fc-form-outer div.fc-form{ padding: 10px 20px 20px 20px !important;}
.chat-fc-form-outer div.fc-form p{font-size: 14px; color: #4f4f4f !important; margin-bottom: 10px !important;}
.chat-fc-form-outer p.header{margin: 0px; background-color: var(--color-blue)!important;}
.chat-fc-form-outer div.fc-form p{margin-bottom:0 0 30px 0;}
.chat-fc-form-outer div.fc-form a.fc-button{background-color: var(--color-blue) !important; text-decoration: none !important; font-weight: bold; box-sizing: border-box; font-size:14px;}
.chat-fc-form-outer div.fc-form ul li{margin-bottom: 5px !important;}    
.chat-fc-form-outer div.fc-form ul li input{box-sizing: border-box; background: none !important; padding:8px !important; margin-bottom:0px !important;}
.pre-fc-field select{border: 1px solid #ddd; border-radius: 3px; padding: 8px; width: 100%;}
li.pre-fc-field select{height: 36px !important;}
.chat-fc-form-outer div.fc-form ul li input:focus{box-shadow: none !important;}
.chat-fc-form-outer div.fc-form ul li label{font-size: 13px !important; margin-top: 1px !important; position: static !important; top: 0px !important; margin-left: 0px !important; margin-bottom:3px !important; display:inline-block; padding:0px !important;}
.chat-fc-form-outer div.fc-form ul li:last-child{margin-bottom: 15px !important;}
.chat-fc-form-outer div.fc-form ul li:last-child{margin-bottom: 15px !important;}
#chat-fc-allinformationsuppliedinthisformwillbeusedtoprovidecustomersupport {display: none!important;}

/*==== Fresh Chat End ====*/

.submitted-message {min-height: 40px;}

@media (max-width: 1400px) {
    .img-animated{transform: scale(0.9); transform-origin: right;}
    .img-animated img{max-width: 100%; height: auto;}
    .img-animated::after{background-size: 95%;}
}
@media (max-width: 1399px){
    .hero-text img { transform: scale(0.8); }
    .hero-text .fs-5 { font-size: 18px !important; }
}
@media (min-width: 992px) {
    .header .nav-item{margin-right: 3rem; }
    
    .header .nav-item .dropdown-menu{border-radius: 0.375rem; background-color: var(--color-light-bg); display: none;}
    .header .nav-item .dropdown-menu:before{content:""; border-top: 1.75rem solid transparent; position: absolute; bottom: 100%; width: 100%; left: 0;}
    .header .nav-item .dropdown-menu .dropdown-item{padding: 0.75rem; font-size: 0.875rem; border-radius: 0.375rem;}
    .header .nav-item .dropdown-menu .dropdown-item:hover{background-color: var(--color-light);}
    .header .nav-products .dropdown-menu{width: 728px; margin-left: -364px;}
    .header .nav-resources .dropdown-menu{width: 700px; margin-right: -275px; right: 0;}
    .header .menu-item-circle-icon{width: 2.25rem; height: 2.25rem;}
    .header .resources-nav-bg{background-color: #F6F6F6; border-radius: 0 0.375rem 0.375rem 0;}
    .header .resources-submenu:has(.ms-4) li + li a{color: var(--color-blue); padding: 0.25rem 0.75rem !important;}
    .header .dropdown:hover .dropdown-menu {display: block;}
}

@media (min-width: 992px) and (max-width: 1200px) {
    .header .nav-item{margin-right: 1.25rem;}
    .header .nav-products .dropdown-menu{margin-left: -164px;}
    .header .nav-resources .dropdown-menu{width: 936px; margin-right: -225px;}
}

@media (max-width: 1200px) {
    .footer-cta .cta-btn {padding-right: 11rem;}
    .footer-cta .cta-btn:after {background-size: 157px; width: 157px; height: 139px; bottom: -6rem; margin-left: 0.5rem;}
    .home-hero img{max-width: 90%;}
    .ai-hero-img .first-img{right: -1.5rem;}
    .cp-works-steps > div + div:before {background-size: 180px; width: 180px; right: calc(100% - 90px);}
    
     .img-animated:after{background-size: 80%;}

    .countnumber {font-size: 2.25rem;}
    .about-bluebox p {font-size: 0.875rem;}
    
}

@media (max-width: 992px) {
    h1{font-size: 2.5rem;}
    h2{font-size: 1.75rem;}
    .py-100, .pb-110, .pt-60 {padding-top: 5rem; padding-bottom: 5rem;}

    .navbar-expand-lg .offcanvas .offcanvas-body{display: flex; flex-direction: column;}
    .header .nav-item{border-bottom: 1px solid #3E3E3E;}
    .header .nav-item .nav-link{font-size: 1.5rem; font-weight: 600; line-height: 1;}
    .header .offcanvas-body .navbar-nav{max-height: calc(100vh - 158px); overflow: auto;}
    .header .offcanvas-body .btn-primary{border-color: var(--color-white); background-color: transparent; --bs-btn-hover-bg: var(--color-white); --bs-btn-hover-color: #307CCB;}
    .header .offcanvas-body .btn-primary:hover{color: var(--color-blue); background-color: var(--color-white);}
    .header .offcanvas-body .nav-chat-btn{background-color: var(--color-darkblue);}

    .header .navbar-nav .dropdown-menu{background-color: transparent; padding-top: 0 !important;}
    .header .nav-item .dropdown-menu .dropdown-item {padding: 0.5rem 1.5rem; background-color: transparent;}
    .header .nav-item .dropdown-menu .dropdown-item strong{color: var(--color-white) !important;}
    .header .nav-item .dropdown-menu .resources-submenu .dropdown-item{color: #BDBDBD;}

    .hero-section {padding-top: 8rem; max-height: inherit;}
    .home-hero {padding: 8rem 0;}
    .home-hero .hero-img{background: none;}
    .hero-img{min-height: 1px; background-position: top center; margin-bottom: -3rem; background-size: 100%;}
    .product-boxes {margin-top: 0;}

    .dashboard-img{padding-right: 4.5rem; background-size: 50%;}

    .cp-works-steps > div + div:before {background-size: 100px; width: 100px; right: calc(100% - 50px); top: 2.5rem !important;}
    .procontent-box + .procontent-box {padding-top: 6.25rem; margin-top: 0;}
    .img-animated {padding-right: 3rem;}
    .img-animated:after {width: 100%; height: 200px; top: -1.5rem;}
    .img-animated .rounded-border{transform: scale(0.7); transform-origin: right; top: -4rem; right: 1rem;}
    .img-websitesecurity:after {background-size: 70%; left: -2rem;}

    .footer-cta h3{font-size: 2rem;}
    .vm-cta h3{font-size: 1.75rem;}
    .footer-cta .cta-btn {padding-right: 8rem;}
    .footer-cta .cta-btn:after {background-size: 120px; width: 120px; height: 125px;}
    .cta-btn-long .cta-btn {padding-right: 3rem;}
    .cta-btn-long .cta-btn .btn{--bs-btn-padding-x: 1rem !important}

    .timeline:before{ height: calc(100% - 95px);}

    .countnumber {font-size: 2rem;}
    .detailpage-proimg .img-animated:after{max-width: 90%; height: 260px;}
    .detailpage-proimg .img-sslmonitor:after{top: -1.5rem; left: -0.75rem !important;}
    .detailpage-proimg .img-autoinstall:after{top: -1.5rem; left: -1rem !important}
    .detailpage-proimg .img-svs:after{top: -2.25rem; left: -1.25rem !important; max-width: 100%;}

    .price-plan-col .check-list li{font-size: 0.875rem !important;}

    .pricingcontainer .comingsoon { top: 0; left: 15px;}
    .comingsoon ~ .btn { margin-top: 0;}
    .product-boxes hgroup h2, .product-boxes hgroup p { color: var(--color-dark) !important;}
}
@media (min-width: 767px) {
    .w-md-auto {width: auto !important;}
    .pricing-col > div:first-child {min-height: 5.813rem;} 
}
@media (max-width: 767px) {
    .py-100 {padding-top: 3rem; padding-bottom: 3rem;}
    .btn-lg{font-size: 1.5rem; --bs-btn-padding-y: 1rem;}
    .btn-outline-mobile-primary{background-color: transparent; --bs-btn-color: var(--color-blue); --bs-btn-border-color: var(--color-blue);} 
    .btn-outline-mobile-primary:hover{--bs-btn-hover-bg: #307CCB; --bs-btn-hover-border-color: #307CCB;}

    .navbar-brand img {max-width: 210px; height: auto;}

    .home-hero {padding: 7rem 0;}

    .product-boxes h2{font-size: 1.375rem !important;}
    .cp-works-steps > div + div:before {display: none;}

    .procontent-box + .procontent-box {padding-top: 3rem; margin-top: 3rem; border-top: 1px solid var(--bs-border-color);}
    .sticky-title{position: relative; padding-top: 3rem; top: 0;}

    .carousel-container {position: relative; overflow: hidden;}
    .carousel-wrapper {display: flex; gap: 1.5rem; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; /* Hide scrollbar for Firefox */}
    .carousel-wrapper::-webkit-scrollbar {display: none; /* Hide scrollbar for Chrome, Safari */}
    .testimonial-card{min-width: 90%;}
    .testimonial-card p{min-height: 90px;}
    .testimonial-avatar {width: 4rem; height: 4rem; font-size: 1.5rem;}

    .footer-cta:before {bottom: inherit; top: 0; transform: rotate(90deg); width: 121px;}
    .footer-cta .cta-btn {padding: 0 6rem;}
    .footer-cta .cta-btn:after {background-size: 120px; width: 120px; height: 125px; bottom: -5.5rem; right: -2rem;}
    .footer-cta .cta-btn .btn{width: 100%}

    .counter-m-border-top{padding-top: 1.5rem; border-top: 1px solid var(--bs-border-color); width: 100%;}
    .about-checklist li + li{margin-top: 1rem;}

    .price-plan > div{transform: none !important}
    .price-plan-col{min-height: inherit;}
    .planactive .price-plan-col{margin: 0 !important;}

    .table-slcomparision tr th, .table-slcomparision tr td{padding: 0 0.5rem;}
    .table-slcomparision tr td:first-child{font-size: 0.813rem;}
    .table-slcomparision th + th > div{min-width: 132px;}

}
@media (max-width: 576px) {
    .header .offcanvas.offcanvas-end {width: 100%;}
    .carousel-wrapper{gap: 1rem;}
    
    .footer-cta .cta-btn {padding: 0 3rem;}
    .footer-cta .cta-btn::after {background-size: 100px; width: 50px; height: 90px; bottom: -3rem; right: -0.75rem;}

}

@media (max-width: 460px) {
    .btn-lg{font-size: 1rem;}
    .hero-section h1{font-size: 1.75rem !important;}
    .hero-section p{font-size: 1rem !important;}
    .timeline:before{ height: calc(100% - 100px);}

    .pricebox-header{flex-direction: column; align-items: flex-start !important}
    .pricebox-header > div:first-child{margin-bottom: 1rem;}

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

}