.page-wrapper {position: relative;margin: 0 auto;width: 100%;min-width: 300px;}.banner {background-image: url("../images/banner.webp"); background-position: top center; height: 1075px; padding-top: 270px; padding-bottom: 310px;background-size: 100%; background-repeat: no-repeat;}.banner-content{position: relative;width: 100%;}.banner .banner-content h1 {font-family: Lato, sans-serif;font-size: 86px;font-weight: 900;margin-bottom: 15px;color: #fff;line-height: 1.2;}.banner .banner-content h1 .txt{font-size: 28px;font-weight: 400; margin-top: 15px;color: #fff;padding: 0% 28% 0% 0%;}.banner ul{padding:0px 0px 10px 0px;margin:20px 0px 0px 20px;}.banner ul li{font-family: 'Poppins-Light';font-size: 18px;font-weight: 400; list-style-type: disc;padding: 3px 0px;}.banner .banner-content h2 {font-family: Lato, sans-serif;font-size: 30px;font-weight:600;margin-bottom: 20px;color: #ffde26;line-height: 1.2;}.banner .banner-content p {font-family: 'Poppins-Regular';font-size: 18px;line-height: 26px;margin-bottom: 36px;padding:0% 24% 0% 0%;}.banner-btn-group {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.banner .banner-btn-group .btn {background-color: #64ba04;color: #fff;text-transform: uppercase;font-weight: 600;}.video-btn {font-size: 14px;text-transform: uppercase;line-height: 1;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #fff;font-weight:600;}.video-btn .svg-wrap {width: 45px;height: 45px;border-radius: 50%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-right: 20px;position: relative;background: #fff;}.video-btn .svg-wrap::after {width: 100%;height: 100%;left: 0;top: 0;position: absolute;content: "";-webkit-animation: ripple 2s linear infinite;animation: ripple 2s linear infinite;background: #fff;border-radius: 50%;}.video-btn .svg-wrap svg {position: relative;z-index: 2}.video-btn .svg-wrap:hover {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05)}.video-btn.style--two svg path {fill: #0364ff}.video-btn:hover {color: #fff}.video-btn:hover i {color: #5551ef}.text-white {color: #fff !important;}.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes matrix {
    0% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    25% {
        -webkit-transform: matrix(1, 0, 0, 1, 15, 20);
        transform: matrix(1, 0, 0, 1, 15, 20)
    }
    50% {
        -webkit-transform: matrix(1, 0, 0, 1, -5, 25);
        transform: matrix(1, 0, 0, 1, -5, 25)
    }
    75% {
        -webkit-transform: matrix(1, 0, 0, 1, -15, 15);
        transform: matrix(1, 0, 0, 1, -15, 15)
    }
    100% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}
@keyframes matrix {
    0% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    25% {
        -webkit-transform: matrix(1, 0, 0, 1, 15, 20);
        transform: matrix(1, 0, 0, 1, 15, 20)
    }
    50% {
        -webkit-transform: matrix(1, 0, 0, 1, -5, 25);
        transform: matrix(1, 0, 0, 1, -5, 25)
    }
    75% {
        -webkit-transform: matrix(1, 0, 0, 1, -15, 15);
        transform: matrix(1, 0, 0, 1, -15, 15)
    }
    100% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes inner-circles-loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
@keyframes inner-circles-loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .6
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}
@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .6
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}
@-webkit-keyframes ripple2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8
    }
    100% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

@keyframes ripple2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8
    }
    100% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}
@keyframes blink {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes blink {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes levitate {
    from {
        -webkit-transform: translate(0, 15);
        transform: translate(0, 15)
    }
    50% {
        -webkit-transform: translate(0, -15px);
        transform: translate(0, -15px)
    }
    to {
        -webkit-transform: translate(0, 15);
        transform: translate(0, 15)
    }
}
@keyframes levitate {
    from {
        -webkit-transform: translate(0, 15);
        transform: translate(0, 15)
    }
    50% {
        -webkit-transform: translate(0, -15px);
        transform: translate(0, -15px)
    }
    to {
        -webkit-transform: translate(0, 15);
        transform: translate(0, 15)
    }
}
@media only screen and (max-width:479px) {
.banner-btn-group {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;display: inline-block;}
}
.dh-container {width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media only screen and (max-width:479px)
{.banner-btn-group .btn:not(:last-child) {margin-right: 0;margin-bottom: 5px}
}
.btn.btn-style3 {background-color: transparent;color: #00c3ff;padding: 12px 38px;transition: all .3s ease-in-out;}
.btn.btn-style3:hover {background-color: #fff;color: #0178e5;}
.ml-auto, .mx-auto{margin-left: auto !important;margin-right: auto !important;}
/*-- plans--*/
.pb-90 {padding-bottom: 90px;}
.price-section {margin-top: -225px; background: #fff;-webkit-box-shadow: 0 0 5px 2px rgba(51, 51, 51, 0.1);
box-shadow: 0 0 5px 2px rgba(51, 51, 51, 0.1);border-radius: 4px;padding:20px 20px 0px 20px;}
.plans{padding:0px;position: relative;}
.banner-btn-group .btn:not(:last-child) {margin-right: 25px}          
.plans h2{font-size:26px;padding: 0px 30px;color:#f60; font-family: 'Poppins-Regular';margin:20px auto 30px auto;width: 100%;text-align: center;}
.plan-wrap{position: relative;padding: 30px 20px 20px 20px;}
.planbg{background: #ffffff;
background: -moz-linear-gradient(left,  #ffffff 0%, #f9f9f9 100%);
background: -webkit-linear-gradient(left,  #ffffff 0%,#f9f9f9 100%); 
background: linear-gradient(to right,  #ffffff 0%,#f9f9f9 100%);}
.pl-1 {padding-left: 0px;}
.pr-1 {padding-right: 0px;}
.mrgnlft{margin-left: 10rem;}
.plan-head{padding-bottom: 25px; border-bottom: 1px solid rgba(16,69,219,.12);}
.plan-head h3{font-size:23px;color:#000; font-family: 'Poppins-Regular';}
.plan-head h3 span{font-family: 'Poppins-SemiBold';}
.plan-head p{color:#2d7dc4; font-size: 16px;  font-family:Lato,sans-serif;font-weight:400; margin-top: 15px;margin-bottom: 0px;}
.plan-price{padding: 20px 0px; border-bottom: 1px solid rgba(16,69,219,.12);display: -webkit-box;
-webkit-box-pack: justify;-webkit-box-align: center;}
.renewal{padding: 4px 0px 7px 0px; border: 1px solid; font-size:16px; font-family:Lato,sans-serif;font-weight:700; color: #00a20a;border-radius: 4px;text-align: center;box-shadow: 0 2px 3px 3px #e6e3e3;}
.plan-amt{width: 50%;}
.plan-amt p{color:#434959; font-size: 16px;  font-family:Lato,sans-serif;font-weight:400;margin-bottom: 0px;}
.plan-amt h3{font-size:35px;color:#3d3d3d; font-family: 'Poppins-SemiBold';}
.plan-amt h3 sup{font-size:19px; font-family: 'Poppins-Regular';top: -11px;right: 1px;}
.plan-amt h3 span{font-size:16px; font-family: 'Poppins-Regular';}
.plan-discount{width: 50%;text-align: right;}
.plan-discount p{text-decoration: line-through; font-size:15px; font-family:Lato,sans-serif;margin-bottom: 5px;margin-right: 10px;}
.plan-discount span{color:#1f76c5;background:#e7f3fd;padding:5px 10px; font-size:14px; font-family:Lato,sans-serif;font-weight:900;text-transform: uppercase;}
.security{padding:60px;position: relative;font-family:'Poppins-Regular';}
.security h3{font-family:'Poppins-Medium';font-size: 26px;}
.security h4{font-family:'Poppins-Semibold';font-size: 28px;}
.security h5{font-size:20px;}
.security figure{font-size:40px;color:#3d3d3d; font-family: 'Poppins-SemiBold';float: right;}
.security figure sup{font-size:20px; font-family: 'Poppins-Regular';top: -13px;right: 1px;}
.security figure span{font-size:16px; font-family: 'Poppins-Regular';font-weight: 400; background: none;border-radius: 0px;color:#3d3d3d;padding: 0px;text-transform: none;float: none;}
.security ul{font-family:'Poppins-Regular';padding: 0px;margin-left: 18px;}
.security ul li{font-size: 15px;list-style-type: disc;}
.security span{color: #d83c27; padding:5px 0px 5px 10px; font-size:16px; font-family:'Poppins-Medium';float: right;text-align: right;position: relative;border-radius: 4px;}
.security section{border-radius: 6px;box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);margin-bottom: 30px;border-top: 6px solid #fb7820;background: #fff;padding: 20px;}
.security section p{color:#4f4e4e;font-size:16px;margin: 20px 0px;line-height: 20px;}
.security section a{color:#ed5a15;font-size:16px;transition: all .3s ease-in-out;}
.security section .link{color:#ed5a15;font-size:16px;transition: all .3s ease-in-out;background: #ffe0d1;border-radius: 4px;padding: 5px 10px;font-weight: 900;font-family: Lato,sans-serif; text-transform: uppercase; float: right; position: relative;top:-20px;text-decoration: none;}
.security section .link:hover{color:#fff;background: #fb7820;}
.blueclr{color: #1f76c5 !important;}
.blueclrbg{background: #e7f3fd !important;}
.security section .link:hover.blueclr{color:#fff !important;background: #1f76c5 !important;}
.bluebrdr{border-top: 6px solid #1f76c5 !important;}
.grnclr{color: #068b40 !important;}
.grnclrbg{background: #c6f9dc !important;}
.security section .link:hover.grnclr{color:#fff !important;background: #068b40 !important;}
.security section a:hover.grnclr{color:#2ebf6d !important;}
.grnbrdr{border-top: 6px solid #2ebf6d   !important;}
.ht-160{height: 160px !important;}
.ht-140{height: 140px !important;}
.domainbg{background: #1766ae !important;border-top: 0px !important;}
.security h6{font-size:22px;color: #fff;}
.domainbg a{font-size:16px;color: #fff;}
.feature{padding: 20px 0 20px 0;}
.feature ul {padding:0px;margin-bottom: 0px;}
.feature ul li{list-style-type: none;font-family:Lato,sans-serif;font-size: 16px; font-weight:400;margin-bottom: 10px;color: #3d3d3d;}
.feature ul li svg{top: 2px;position:relative;margin-right: 10px;}
.feature ul li:last-child{margin-bottom:0px;}
.billing {border: 1px solid #c7c7c7;border-radius: 4px;font-family: 'FontAwesome';content: "\f107";cursor: pointer;position: relative;}
.billing::before {content: "";width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #666;position: absolute;right: 8px;top: 16px;pointer-events: none;}
.billing select {width: 100%;background: transparent;height: 36px;border: 0px solid #ccc;border-radius: 2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;  font-family: Lato,sans-serif;font-size: 16px;color: #3d3d3d;}
.billing select option{height: 36px;}
.billing-dropdown {border: 1px solid #c7c7c7;border-radius: 8px;cursor: pointer;height: 80px;position: relative;width: 230px;}
.billing select::-ms-expand {display: none;}
.btn-wrap{margin: 20px 0px 40px 0px; font-family:Lato,sans-serif;font-size: 14px; font-weight:900;}
.btn-wrap .blk-btn{color: #fff;background: #3d3d3d;padding:10px 25px;border-radius: 4px;text-decoration: none;text-transform: uppercase;transition: all .3s ease-in-out;margin-right: 5px;}
.btn-wrap .blk-btn:hover, .planbg .orng-btn:hover{background:#1766ae;}
.btn-wrap .orng-btn{color: #fff;background: #fb7820;padding:10px 20px;border-radius: 4px;text-decoration: none;text-transform: uppercase;transition: all .3s ease-in-out;}
.search {position: relative;padding: 60px 0px 20px 0px;background: linear-gradient(#ffffff, #ecf6ff);margin-top: 20px;font-family:'Poppins-Regular';}
.search h2 {font-size: 30px;margin-bottom: 15px;color: #1e1e1e;padding: 0% 25% 0% 0%;line-height: 40px;}
.search .form-group{margin-bottom: 0px;}
.search .form-group label {width: 100% !important;}
.search .form-group input {background: #fff;border-radius: 30px;padding: 12px 20px 12px 30px;font-size: 18px; ;width: 100%;border: 1px solid #5ca6e8;color: #1e1e1e;}
.search .form-group button {background: #1766ae;color: #fff;border-radius: 30px;font-size: 18px;font-weight: 400;padding:12px 36px 12px 36px;right: 15px;text-align: center;position: absolute;border: 0px;cursor: pointer;transition: all .3s ease-in-out;margin-top: 1px;}
.search .form-group button:hover {background: #fb7820;color: #fff;}
.search .form-group input:focus {outline: 0;}
.search ul {margin-right: 100px;text-align: center;}
.search ul li {font-family: 'Poppins-Semibold';font-size: 20px;padding:5px 10px;display: inline-block;color: #0178e5;transition: all .3s ease-in-out;}
.search ul li:hover {color: #000;}
.search ul li p {font-family: 'Poppins-Medium';font-size: 15px;margin-bottom: 0px;text-align: center;color: #000;}
.review{padding:60px 0px 100px 0px;position: relative;}
.review p{font-family:Lato,sans-serif;font-size: 14px;}
.review p span{font-weight:700;}
.review .img{right: 0;position: relative;left: -15px;}
.review .lft-pdng {padding-left: 60px;}
.review .ryt-pdng {padding-right: 60px;}
.rating[data-rating="5.5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="4.5"] .rating__item:nth-child(-n+4):after, .rating[data-rating="4"] .rating__item:nth-child(-n+4):after, .rating[data-rating="3.5"] .rating__item:nth-child(-n+3):after, .rating[data-rating="3"] .rating__item:nth-child(-n+3):after, .rating[data-rating="2.5"] .rating__item:nth-child(-n+2):after, .rating[data-rating="2"] .rating__item:nth-child(-n+2):after, .rating[data-rating="1.5"] .rating__item:nth-child(-n+1):after, .rating[data-rating="1"] .rating__item:nth-child(-n+1):after, .rating[data-rating="0.5"] .rating__item:nth-child(-n+0):after, .rating[data-rating="0"] .rating__item:nth-child(-n+0):after {content: "";}.rating[data-rating="5.5"] .rating__item:nth-child(6):after, .rating[data-rating="4.5"] .rating__item:nth-child(5):after, .rating[data-rating="3.5"] .rating__item:nth-child(4):after, .rating[data-rating="2.5"] .rating__item:nth-child(3):after, .rating[data-rating="1.5"] .rating__item:nth-child(2):after, .rating[data-rating="0.5"] .rating__item:nth-child(1):after {content: "";}
.rating {margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; color: #00b191;padding: 5px 0px 0px 0px; }
.rating__item {font-size: 26px;display: block;font-family: FontAwesome;padding: 0px 4px 0px 0px;}
.rating__item::after {content: "";}
.step {padding: 60px 0px;position: relative;background: #f8f9fb;}
.step h2 {padding: 0px 30px;color: #1e1e1e;font-family: 'Poppins-Regular';font-size: 34px;text-align: center;width: 100%;}
.step p {color: #565559;font-family: 'Poppins-Regular';font-size: 20px;text-align: center;margin: 0 auto 70px auto;}
.step section {position: relative;}
.step img {margin-bottom: 80px;}
.step section p {font-family: 'Poppins-Regular';font-size: 16px;text-align: justify;margin-bottom: 20px;}
.step section h3 {font-family: 'Poppins-SemiBold';font-size: 21px;color: #1766ae;line-height: 22px;text-align: justify;margin-top: 40px;text-transform: uppercase;}
.step section a {background: #65ba05;padding: 5px 15px;border-radius: 4px;color: #fff;text-decoration: none;transition: all .3s ease-in-out;}
.step section a:hover {background: #1766ae;padding: 5px 15px;border-radius: 4px;color: #fff;text-decoration: none;}
.features {padding: 60px 0px;position: relative;background: url(../images/hosting-features.webp); background-repeat: no-repeat;background-position: center top;background-size: cover; font-family: 'Poppins-Regular';}
.features h2{color: #fff;font-size:40px;text-align: center;margin-top:-110px;border-radius: 4px;position: relative;width: 100%;margin-bottom: 45px;}
.features h2 span{margin:0 auto;text-align: center;background:#71b900;border-radius: 4px; padding: 10px 30px;display: inline-block;}
.features h3{color: #dbdbdb;font-size:20px;line-height: 30px; text-align: center;border-radius: 4px;position: relative;width: 100%;margin: 0px 0px 40px 0px;padding:0% 6%;}
.features span p {font-size: 21px;margin: 5px 0px;}
.features section{position: relative;text-align: center;}
.features section h3{font-size: 22px;font-family: 'Poppins-SemiBold';color: #fff;background: #fb7820;border-radius: 4px;padding: 10px;margin: 20px 0px;}
.features section p{font-size: 16px;font-family: 'Poppins-Regular';color: #c5c5c5;}
.features section h3.pdng{padding: 10px 20%;}
.features a{margin:20px auto 0 auto;font-family: 'Poppins-SemiBold';color: #fff;background: #fb7820;padding:8px 25px;border-radius: 4px;text-decoration: none;text-transform: uppercase;transition: all .3s ease-in-out;}
.features a:hover{background:#1766ae;}
.d2h{padding:60px 0px;position: relative;}
.d2h h2{padding:0px; text-align: center; width: 100%;}
.d2h h2::before{content: "";background: #ffffff;background: -moz-linear-gradient(left, #ffffff 2%, #000000 33%, #000000 63%, #ffffff 100%);background: -webkit-linear-gradient(left, #ffffff 2%, #000000 33%, #000000 63%, #ffffff 100%);background: linear-gradient(to right, #ffffff 2%, #000000 33%, #000000 63%, #ffffff 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);height: 1px;width: 100%;display: inline-block;top: 30px;position: relative;z-index: -1;}
.d2h h2 span{padding:0px 10px; color: #1e1e1e; font-family:'Poppins-Regular';font-size: 34px; text-align: center; background: #fff;}
.d2h p {color:#565559;font-family:'Poppins-Regular';font-size:18px;text-align: center;margin:0 auto 50px auto;padding: 0% 12%;}
.d2h section{position: relative;font-family:'Poppins-Regular';border: 1px solid #d3d3d2;border-radius: 6px;}
.d2h section h3 img{margin: 5px 20px 0px 0px;float: left;}
.d2h section h3{font-family:'Poppins-Semibold';font-size: 25px;text-transform: uppercase; color: #fff;padding: 15px 20px;border-top-left-radius:6px;border-top-right-radius:6px;margin-bottom: 0px;}
.blubg{background:#0097c3;}
.grnbg{background:#71b900;}
.d2h .pdng{padding: 15px 2% 15px 3% !important}
.d2h section .list{padding:20px;width:50%;float:left; display: inline-block;}
.d2h section .list p {color:#464646;font-family:'Poppins-Regular';font-size:14px;text-align: left;margin:0 auto 10px auto;padding: 0px;}
.d2h section .list ul{padding: 0px;}
.d2h section .list ul li{padding: 1px 0px 1px 12px;color:#464646;font-size:14px;}
.d2h section .list ul li::before {content: "\f0da";color: #0097c3;font-family: "FontAwesome";margin-right: 10px;left: 0;position: absolute;left: 20px;}
.d2h section .listgrn ul li::before {content: "\f0da";color: #71b900;font-family: "FontAwesome";margin-right: 10px;left: 0;position: absolute;left: 20px;}
.d2h a{margin:20px auto 0 auto;font-family: 'Poppins-SemiBold';color: #fff;background: #fb7820;padding:8px 25px;border-radius: 4px;text-decoration: none;text-transform: uppercase;transition: all .3s ease-in-out;}
.d2h a:hover{background:#1766ae;}
.d2h section figure{width: 50%;display: inline-block;margin-bottom: 0px;text-align: right;}
.blogkb{padding:30px 0px 0px 0px;position: relative;}
.orng{background:#fb7820;padding: 40px 0px;}
.blue{background:#3b709a;padding: 40px 0px;}
.blogkb .blue::before {background-image: url(../images/kbimg.jpg); background-repeat: no-repeat;content: "";position: absolute;width: 574px;bottom: 0;background-position: right;top: 0;right: 0;background-size: cover;}  
.blogkb section{position: relative;} 
.blogkb section h2 {padding:0% 28% 0% 5%; color: #fff; font-family:'Poppins-Regular';font-size: 30px;  width: 100%;}
.blogkb section ul{position: relative;padding: 10px 0px 10px 42px;margin: 10px 0px;width: 60%;}
.blogkb section ul li{padding-left: 30px;position: relative;padding-bottom: 12px;}
.blogkb section ul li::before {font-size: 19px;content: "\f15d";color: #fff;font-family: "flaticon";margin-right: 10px;left: 0;position: absolute;}
.blogkb section ul li a{font-family:'Poppins-Regular';font-size: 20px;color: #fff;line-height: 16px;transition: all .3s ease-in-out;}
.blogkb section ul li a:hover{color: #e9f5ff;text-decoration: underline;}
.blogkb h2 {padding:0% 36% 0% 0%; color: #fff; font-family:'Poppins-Regular';font-size: 30px;  width: 100%;margin-bottom: 40px;}
.blogkb .card{background: none;border: 0px solid rgba(0,0,0,.125);display: inline-block;margin-right: 40px;}
.blogkb .card-body{padding: 1.25rem 0rem;color: #fff;font-family:'Poppins-Regular';}
.blogkb .card-body a{color: #fff;}
.blogkb .card-body a:hover{color:#000;transition: all .3s ease-in-out;}
.blogkb .card-img-top{border-top-left-radius:0px;border-top-right-radius:0px;width: auto;}
.blogkb .card-body h5{font-size: 14px;}
.blogkb .card-body h6{font-size: 22px;}
.visitor{position: relative;background-image: url("../images/visitorsbg.webp");background-repeat: no-repeat;background-size: cover;}
.visitor h2{font-size: 26px;text-align: center;margin:0 auto 20px auto;font-family:'Poppins-Regular';line-height: 38px;padding: 50px 0px;}/*padding:0% 32% 0% 6%; */
.visitor h2 span{color: #1766ae;font-family:'Poppins-Medium';}
.visitor h2 a{font-size: 18px;color: #fff;background: #fb7820;border-radius: 28px;padding:6px 30px;transition: all .3s ease-in-out;font-family:'Poppins-Medium';margin: 0 auto;text-align: center;top: 20px;position: relative;}
.visitor h2 a:hover{background: #3b709a; color: #fff;}
.visitor img{float: right;}
@media only screen and (min-width:320px)and (max-width:479px){
  .banner {padding-top: 140px;height: 700px;background-image: url("../images/bannerbg.png");background-size: cover;}
  .banner .banner-content h1 {font-size: 32px;}
  .banner .banner-content h1 .txt{font-size: 20px;padding: 0px;}
  .banner ul{margin: 20px 0px 0px 15px;}
  .banner ul li{font-size: 15px;}
  .banner .banner-content h2{font-size: 22px;padding: 0% 10% 0% 0%;margin-bottom: 20px;}
  .banner .banner-content p {font-size: 16px;margin-bottom: 16px;padding: 0%;line-height: 24px;}
  .line{width: 100%;}
  .plans{padding:40px 0 0px 0;}
  .plans h2{font-size: 18px;padding: 0px 10px;margin: 0px auto 30px auto;}
  .plans h3{font-size:22px;}
  .plan-amt h3{font-size:30px;}
  .plan-amt h3 sup{font-size:16px;top: -12px;}
  .plans h1{font-size:32px;}
  .plans p{font-size:14px;padding:0px;margin-bottom: 0px;margin-left: 0px;}
  .plans section {margin-left: 40px;}
  .plans section p{padding: 18px 0px;}
  .review{padding: 30px 0px;margin-left: 80px;}
  .review .lft-pdng{padding-left: 15px;}
  .step {padding: 30px 0px 80px 0px;}.step h2 {font-size: 16px;text-align: center;width: 100%;}.step p {font-size: 14px;padding: 0px 20px;margin: 0 auto 10px auto;}.step img {margin-bottom: 10px;}.step section h3 {font-size: 16px;margin-top: 10px;}.step section p {font-size: 14px;padding: 0px;}.step section {margin-bottom: 20px;}
  .pr-1{padding-right: .60rem !important;}
  .mrgnlft{margin-left: 0rem;}
  .security{padding:20px}
  .security section{margin-left: 0px;}
  .security h3{font-size: 20px;}
  .security span{font-size:14px;}
  .security section p{font-size:14px !important;}
  .security h4{font-size: 24px;}
  .security h5{font-size: 22px;}
  .security ul li{font-size: 14px;}
  .security figure{font-size: 30px;}
  .security figure sup{top:-9px;font-size: 16px;}
  .plantab .tab-content p{margin-top: 0px;padding-top: 0px;}
  .features{padding: 30px 0px;}
  .features h2{font-size: 24px;margin-top: -70px;margin-bottom: 30px;}
  .features h3{font-size:16px;line-height:24px; margin-bottom: 30px;}
  .features span p{font-size: 16px;}
  .features section h3{font-size: 16px;width: 70%;margin: 20px auto;}
  .features section p{font-size: 14px;margin-bottom: 20px;}
  .features section h3.pdng{padding: 10px 0%;}
  .d2h{padding: 70px 0px 30px 0px;}
  .d2h h2 span{font-size: 20px;margin-top: -70px;margin-bottom: 30px;}
  .d2h h2::before{display: none;}
  .d2h p{font-size: 14px;padding: 0% 4%;margin-bottom: 10px;}
  .d2h section h3{font-size: 18px;padding: 10px 20px;}
  .d2h section h3 img{width: 12%;margin: 0px 20px 0px 0px;}
  .d2h section .list{padding: 5px;}
  .d2h section .list p{font-size: 12px;line-height: 16px;margin: 0 auto 5px auto;}
  .d2h section .list ul{margin-bottom: 0px;}
  .d2h section .list ul li{font-size: 12px;padding: 0px 0px 0px 12px;}
  .d2h section .list ul li::before{left: 7px;}
  .d2h a{font-size: 12px;padding: 2px 10px;}
  .d2h .pdng{padding: 10px 20% 10px 3% !important;}
  .search{padding:20px 0px}
  .search h2{font-size: 22px;text-align: center;padding: 0px;margin-bottom: 5px;}
  .search .form-group input{padding: 8px 20px 8px 20px;}
  .search .form-group button {font-size: 16px;padding: 10px 24px 10px 24px;}
  .search ul{margin: 0px;padding-left: 0px;}
  .search ul li{font-size: 16px;padding: 5px 10px;}
  .search ul li p{font-size: 14px;}
  .blogkb h2{font-size: 22px;padding: 0% 10% 0% 0%;}
  .blogkb .card{width: auto !important;margin-right: 0px;}
  .blue{padding: 20px 0px;}
  .blogkb section h2{font-size: 22px;padding: 10px 5px;margin-bottom: 0px;}
  .blogkb section ul{padding: 0px 0px 10px 10px;width: auto;}
  .blogkb section ul li{padding-bottom: 8px;}
  .blogkb section ul li::before{font-size: 16px;top: 4px;}
  .blogkb section ul li a{font-size: 16px;}
  .orng{padding: 20px 0px;}
  .visitor {padding:0px}
  .visitor h2{font-size: 16px;line-height: 22px; padding:20px 10px;margin-bottom: 10px;}
  .visitor h2 a{font-size: 16px;top: 10px;padding: 6px 20px;}
  .visitor img{margin: 0 30px;float: none;}
}
@media only screen and (min-width:480px) and (max-width:767px){
  .banner{padding-top: 150px;height: 700px;background-image: url("../images/bannerbg.png");background-size: cover;}
  .banner .banner-content h1 {font-size: 32px;}
  .banner .banner-content h1 .txt{font-size: 20px;padding: 0px;}
  .banner ul{margin: 20px 0px 0px 15px;}
  .banner ul li{font-size: 15px;}
  .banner .banner-content h2{font-size: 25px;}
  .banner .banner-content p {font-size: 16px;margin-bottom: 16px;padding: 0%;line-height: 24px;}
  .line{width: 100%;}
  .plans{padding:40px 0 0px 0;}
  .plans h2{font-size: 20px;padding: 0px 10px;margin: 0px auto 30px auto;}
  .plans h3{font-size:22px;}
  .plan-amt h3{font-size:30px;}
  .plan-amt h3 sup{font-size:16px;top: -12px;}
  .plans h1{font-size:32px;}
  .plans p{font-size:14px;padding: 20px;margin-bottom: 0px;}
  .plans section {margin-left: 40px;}
  .plans section p{padding: 18px 0px;}
  .review{padding: 30px 0px;}
  .review .lft-pdng{padding-left: 15px;}
  .step {padding: 30px 0px 80px 0px;}.step h2 {font-size: 16px;text-align: center;width: 100%;}.step p {font-size: 14px;padding: 0px 20px;margin: 0 auto 10px auto;}.step img {margin-bottom: 10px;}.step section h3 {font-size: 16px;margin-top: 10px;}.step section p {font-size: 14px;padding: 0px;}.step section {margin-bottom: 20px;}
  .mrgnlft{margin-left: 0rem;}
  .security{padding:20px}
  .security section{margin-left: 0px;}
  .security h3{font-size: 20px;}
  .security span{font-size:14px;}
  .security section p{font-size:14px !important;}
  .security h4{font-size: 24px;}
  .security h5{font-size: 22px;}
  .security ul li{font-size: 14px;}
  .security figure{font-size: 30px;}
  .security figure sup{top:-9px;font-size: 16px;}
  .plantab .tab-content p{margin-bottom: 20px;margin-top: 0px;padding-top: 0px;}
  .features{padding: 30px 0px;}
  .features h2{font-size: 24px;margin-top: -70px;margin-bottom: 30px;}
  .features h3{font-size:16px;line-height:24px; margin-bottom: 30px;}
  .features span p{font-size: 16px;}
  .features section h3{font-size: 16px;width: 70%;margin: 20px auto;}
  .features section p{font-size: 14px;margin-bottom: 20px;}
  .features section h3.pdng{padding: 10px 0%;}
  .d2h{padding: 30px 0px;}
  .d2h h2 span{font-size: 20px;margin-top: -70px;margin-bottom: 30px;}
  .d2h h2::before{display: none;}
  .d2h p{font-size: 14px;padding: 0% 4%;margin-bottom: 10px;}
  .d2h section h3{font-size: 18px;padding: 10px 20px;}
  .d2h section h3 img{width: 12%;margin: 0px 20px 0px 0px;}
  .d2h section .list{padding: 5px;}
  .d2h section .list p{font-size: 12px;line-height: 16px;margin: 0 auto 5px auto;}
  .d2h section .list ul{margin-bottom: 0px;}
  .d2h section .list ul li{font-size: 12px;padding: 0px 0px 0px 12px;}
  .d2h section .list ul li::before{left: 7px;}
  .d2h a{font-size: 12px;padding: 2px 10px;}
  .d2h .pdng{padding: 10px 20% 10px 3% !important;}
  .search{padding:20px 0px}
  .search h2{font-size: 22px;text-align: center;padding: 0px;margin-bottom: 5px;}
  .search .form-group input{padding: 8px 20px 8px 20px;}
  .search .form-group button {font-size: 16px;padding: 10px 24px 10px 24px;}
  .search ul{margin: 0px;padding-left: 0px;}
  .search ul li{font-size: 16px;padding: 5px 10px;}
  .search ul li p{font-size: 14px;}
  .blogkb h2{font-size: 22px;padding: 0% 10% 0% 0%;}
  .blogkb .card{width: auto !important;margin-right: 0px;}
  .blue{padding: 20px 0px;}
  .blogkb section h2{font-size: 22px;padding: 10px 5px;margin-bottom: 0px;}
  .blogkb section ul{padding: 0px 0px 10px 10px;width: auto;}
  .blogkb section ul li{padding-bottom: 8px;}
  .blogkb section ul li::before{font-size: 16px;top: 4px;}
  .blogkb section ul li a{font-size: 16px;}
  .orng{padding: 20px 0px;}
  .visitor {padding:0px}
  .visitor h2{font-size: 16px;line-height: 22px; padding:20px 10px;margin-bottom: 10px;}
  .visitor h2 a{font-size: 16px;top: 10px;padding: 6px 20px;}
  .visitor img{margin: 0 30px;float: none;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
  .banner{padding-top: 150px;height: 550px;background-image: url("../images/bannerbg.png");background-size: cover;}
  .banner .banner-content h1 {font-size: 32px;}
  .banner .banner-content h1 .txt{font-size: 20px;padding: 0px;}
  .banner ul{margin: 20px 0px 0px 15px;}
  .banner ul li{font-size: 15px;}
  .banner .banner-content h2{font-size: 25px;}
  .banner .banner-content p {font-size: 16px;margin-bottom: 16px;padding: 0%;line-height: 24px;}
  .line{width: 100%;}
  .plans{padding:40px 0;}
  .plans h2{font-size: 20px;padding: 0px 10px;margin: 0px auto 30px auto;}
  .plans h3{font-size:22px;}
  .plan-amt h3{font-size:30px;}
  .plan-amt h3 sup{font-size:16px;top: -12px;}
  .plans h1{font-size:50px;}
  .plans section {margin-left: 0px;}
  .review{padding: 30px 0px;}
  .review .lft-pdng{padding-left: 15px;}
  .step {padding: 30px 0px 80px 0px;}.step h2 {font-size: 16px;text-align: center;width: 100%;}.step p {font-size: 14px;padding: 0px 20px;margin: 0 auto 10px auto;}.step img {margin-bottom: 10px;}.step section h3 {font-size: 16px;margin-top: 10px;}.step section p {font-size: 14px;padding: 0px;}.step section {margin-bottom: 20px;}.lftalgn {text-align: center !important;}
  .mrgnlft{margin-left: 7rem;}
  .security figure{font-size: 30px;}
  .security section .link{font-size: 13px;}
  .features{padding: 30px 0px;}
  .features h2{font-size: 24px;margin-top: -70px;margin-bottom: 30px;}
  .features h3{font-size:16px;line-height:24px; margin-bottom: 30px;}
  .features span p{font-size: 16px;}
  .features section h3{font-size: 16px;width: 70%;margin: 20px auto;}
  .features section p{font-size: 14px;margin-bottom: 20px;}
  .features section h3.pdng{padding: 10px 0%;}
  .d2h{padding: 30px 0px;}
  .d2h h2 span{font-size: 20px;margin-top: -70px;margin-bottom: 30px;}
  .d2h h2::before{display: block;top: 26px;}
  .d2h p{font-size: 14px;padding: 0% 4%;margin-bottom: 10px;}
  .d2h section{height: 260px;}
  .d2h section h3{font-size: 16px;padding: 15px 20px;}
  .d2h section h3 img{width: 12%;margin:-5px 20px 0px 0px;}
  .d2h section .list{padding: 5px;}
  .d2h section .list p{font-size: 12px;line-height: 16px;margin: 0 auto 5px auto;}
  .d2h section .list ul{margin: 10px 0px;}
  .d2h section .list ul li{font-size: 12px;padding: 0px 0px 0px 12px;}
  .d2h section .list ul li::before{left: 7px;}
  .d2h a{font-size: 12px;padding: 2px 10px;}
  .d2h .pdng{padding: 20px 20% 24px 3% !important;}
  .search{padding:20px 0px;margin-top: 0px;}
  .search h2{font-size: 26px;text-align: left;margin-bottom: 5px;line-height: 35px;padding: 0% 15% 0% 0%;}
  .search .form-group input{padding: 8px 20px 8px 20px;}
  .search .form-group button {font-size: 16px;padding: 10px 24px 10px 24px;}
  .search ul{margin: 0px;padding-left: 0px;}
  .search ul li{font-size: 16px;padding: 5px 8px;}
  .search ul li p{font-size: 14px;}
  .blogkb h2{font-size: 22px;padding: 0% 10% 0% 0%;}
  .blogkb .card{width: 20rem !important;margin-right: 0px;}
  .blue{padding: 20px 0px;}
  .blogkb section h2{font-size: 22px;padding: 10px 5px;margin-bottom: 0px;}
  .blogkb section ul{padding: 0px 0px 10px 10px;width: auto;}
  .blogkb section ul li{padding-bottom: 8px;}
  .blogkb section ul li::before{font-size: 16px;top: 4px;}
  .blogkb section ul li a{font-size: 16px;}
  .orng{padding: 20px 0px;}
  .visitor {padding:0px}
  .visitor h2{font-size: 22px;line-height: 30px; padding:20px 10px;margin-bottom: 10px;}
  .visitor h2 a{font-size: 16px;top: 10px;padding: 6px 20px;}
  .visitor img{display: none;}
}
@media only screen and (min-width:1024px) and (max-width:1280px) {
  .banner{padding-top: 140px;height: 550px;}
  .banner .banner-content h1 {font-size: 35px;}
  .banner .banner-content h2{font-size: 25px;}
  .banner .banner-content p {font-size: 16px;margin-bottom: 16px;padding: 0%;line-height: 24px;}
  .mrlft{margin-left: 120px}
  .blogkb h2{font-size: 22px;padding: 0% 10% 0% 0%;}
  .blogkb .card{width: auto !important;margin-right: 0px;}
  .blue{padding: 20px 0px;}
  .blogkb section h2{font-size: 22px;padding: 10px 5px;margin-bottom: 0px;}
  .blogkb section ul{padding: 0px 0px 10px 10px;width: auto;}
  .blogkb section ul li{padding-bottom: 8px;}
  .blogkb section ul li::before{font-size: 16px;top: 4px;}
  .blogkb section ul li a{font-size: 16px;}
  .orng{padding: 20px 0px;}
  .float-right{float: none !important;}
  .d2h section{height: auto;}
} 
@media (min-width: 1080px) {  
    .banner{padding-top: 160px;height: 850px;}
    .banner-content{position: relative;width: 90%;left: 10%;}
    .banner .banner-content h1 {font-size: 35px;}
    .banner .banner-content h1 .txt{font-size: 20px;padding: 0% 10% 0% 0%;}
    .banner ul{margin: 20px 0px 0px 15px;}
    .banner ul li{font-size: 15px;}
    .banner .banner-content h2{font-size: 20px;margin-bottom: 30px;}
    .banner .banner-content p {font-size: 16px;margin-bottom: 16px;padding: 0%;line-height: 24px;}
    .price-section{margin-top: -330px;}
    .review{padding: 30px 0px;}
}
@media only screen and (min-width:1200px) and (max-width:1440px){
   .banner{padding-top: 190px;height: 800px;}
   .banner-content{position: relative;width: 60%;left: 20%;}
   .banner .banner-content h1 {font-size: 34px;}
   .banner .banner-content h1 .txt{font-size: 22px;padding: 0% 5% 0% 0%;}
   .banner ul{margin: 20px 0px 0px 10px;}
   .banner ul li{font-size: 16px;}
   .banner .banner-content h2{font-size: 22px;}
   .banner .banner-content p {font-size: 16px;margin-bottom: 16px;padding: 0%;line-height: 24px;}
   .price-section{margin-top: -225px;}
}
@media (min-width:1920px){
    .banner{padding-top: 240px;height: 1075px;}
    .banner-content{position: relative;width: 100%;left: 0%;}
    .banner .banner-content h1 {font-size: 86px;}
    .banner .banner-content h1 .txt{font-size: 28px;padding: 0% 28% 0% 0%;}
    .banner ul li{font-size: 18px;}
    .banner .banner-content h2{font-size: 26px;}
    .banner .banner-content p {font-size: 18px;margin-bottom: 36px;padding:0% 24% 0% 0%;line-height: 26px;}
    .price-section{margin-top: -225px;}
    .review{padding: 60px 0px;}
}