@font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-Regular.eot');
     src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-SemiBold.eot');
     src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
     font-display: swap;
 }

 body {
    font-family: 'Poppins', sans-serif !important;
     font-weight: 400;
     background: #fff;

 }

 .heading1 {
     color: #011928;
     margin-bottom: 30px;
     font-size: 40px;
     font-weight: 700;

 }

 .heading1 span {
     font-weight: 400;
 }

 .heading1:before {
     content: "";
     border-left: 2px solid #0066cc;
     padding-left: 10px;

 }

 .heading1.white {
     color: #fff
 }

 .cbox-shadow {
     box-shadow: 0 0px 5px rgba(0, 0, 0, .3);
     padding: 10px 15px;
     border-radius: 20px;
     margin-bottom: 15px;
 }
#crawling-data-table button.langBtn {
  
    margin: 0;
    background: transparent;
    border: 1px solid #ddd;
    margin-left: -4px;
    border-right: 0;
    padding: 10px 20px;
    font-size: 15px;
}
#crawling-data-table button.langBtn.active{
    background: #0e1f32;
    color: #fff;
}
#crawling-data-table button.langBtn:first-child {
    border-radius: 8px 0 0 8px;
    margin-left: -15px;
}
#crawling-data-table button.langBtn:last-child {
    border-radius: 0 8px 8px 0;
       border-right:1px solid #ddd;
}
#crawling-data-table .lang-crawling-div {
}

 @keyframes ripple {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 0.25em rgba(255, 255, 255, 0.3), 0 0 0 0.5em rgba(255, 255, 255, 0.3), 0 0 0 1em rgba(255, 255, 255, 0.3)
     }

     100% {
         box-shadow: 0 0 0 0.25em rgba(255, 255, 255, 0.3), 0 0 0 0.5em rgba(255, 255, 255, 0.3), 0 0 0 1em rgba(255, 255, 255, 0.3), 0 0 0 1.5em rgba(255, 255, 255, 0)
     }
 }


 .see-more-detail:hover {
     bottom: 2%;
 }

 .see-more-detail a .link-arrow img {
     width: 12px;
 }

 /*======================Featured========================*/
 .featured {
     padding: 210px 0 70px;
     background-image: url(../images/bg-href.png);
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     margin-top: -140px;
     position: relative;
 }

 .featured-icons {
     background-image: url(../images/offering-bg.jpg);
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     padding: 100px 0;
 }

 .featured-card {
     margin: 30px 0;
     text-align: right;
     position: relative;
     color: #fff;
 }

 .featured-card h4 {
     color: #0181d5;
 }

 .featured-card span {
     background: #fff;
     height: 50px;
     width: 50px;
     display: inline-block;
     border-radius: 50%;
     border: 2px solid #0181d5;
     line-height: 45px;
     position: absolute;
     z-index: 1;
     top: 0px;
     right: -105px;
     text-align: center;
 }

 .featured-card img {
     width: 24px
 }

 /*===================stats-section=====================*/
 .stats {
     background-image: url('../images/stats-bg.jpg');
     padding: 80px 0;
     background-size: cover;
     background-position: center;
     color: #fff;
     background-repeat: no-repeat;
 }

 .stats-nums {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 30px
 }

 .stats-num img {
     max-width: 70px;
     margin-bottom: 15px;
 }

 .stats-nums h3,
 .stats-nums p {
     margin-bottom: 0;
 }

 .stats-num {
     border: 2px solid #53b4e8;
     margin: 0 10px;
     text-align: center;
     height: 210px;
     width: 210px;
     border-radius: 50%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 /*===================benefit-section=====================*/
 .benefit-section {
     padding: 50px 0;
 }

 .benefit-card {
     display: flex;
     display: -ms-flex;
     flex-direction: row;
 }

 .benefit-img {
     flex: 0 0 50%;
     -ms-flex: 0 0 50%;
     max-width: 50%;
     display: flex;
     display: -ms-flex;
 }

 .benefit-content {
     background: #0082d5;
     color: #fff;
     padding: 20px;
     position: relative;
     min-height: 220px;
     flex: 0 0 50%;
     -ms-flex: 0 0 50%;
     max-width: 50%;
     border-radius: 0px 20px 20px 0px;
 }
.benefit-img img{
    border-radius: 20px 0 0 20px;
}
 .benefit-owl {
     margin-top: 50px
 }

 .benefit-section .owl-carousel .owl-nav.disabled {
     display: block
 }

 .benefit-section .owl-carousel .owl-nav .owl-prev {
     position: absolute;
     left: -25px;
     top: 50%;
     transform: translateY(-50%);
     line-height: 1.5;
     background: none;
     outline: 0
 }

 .benefit-section .owl-carousel .owl-nav .owl-prev:before,
 .benefit-section .owl-carousel .owl-nav .owl-next:before {
     width: 15px;
     height: 15px;
     border-top: 2px solid #000;
     border-left: 2px solid #000;
     content: "";
     display: block
 }

 .benefit-section .owl-carousel .owl-nav .owl-prev:before {
     transform: rotate(-45deg);
 }

 .benefit-section .owl-carousel .owl-nav .owl-next:before {
     transform: rotate(135deg);
 }

 .benefit-section .owl-carousel .owl-nav span {
     font-size: 0
 }

 .benefit-section .owl-carousel .owl-nav .owl-next {
     position: absolute;
     right: -25px;
     transform: translateY(-50%);
     line-height: 1.5;
     background: none;
     top: 50%;
     outline: 0
 }

 .benefit-section .owl-carousel .owl-nav .disabled {
     opacity: .2;
 }

 /*---------hrefCTA===================*/
 .href-cta {
     padding: 70px 0;
     background: url(../images/cta-bg.jpg);
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     text-align: center;
 }

 .href-cta h2 {
     margin-bottom: 30px;
     font-size: 40px;
     font-weight: 700;
 }

 .href-cta h2 span {
     font-weight: 400;
 }

 /*=============================footer=============================*/
 
 footer {
     padding: 0;
	 background-color: #0C6EFD;
 }
   .footerhr{
	  background: rgba(0,0,0,.7) ;
	  padding: 5px 0;
      border-top: 0;
  }
   .copyright {
     color: #fff;
}
.f-cont p:first-child {
    line-height: 1;
}
 .terms-policy li a{
     color: #fff;
     text-decoration: none;
     padding: 0 10px;
     border-right: 1px solid #fff;
	 }
 .hl-right-wrapper footer .footerhr {
     padding: 10px 0;
 }
 footer .footer-section {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 footer .footer-section ul {
     padding: 0;
     margin: 0;
 }

 .social-link,
 .terms-policy {
     display: flex;
     align-items: center;
 }

 
.terms-policy li a:hover, .terms-policy li a:focus, .terms-policy li a.active{
     color:#0096d3
}
 .terms-policy li:first-child a {
     padding-left: 0;
 }

 .terms-policy li:last-child a {
     border-right: 0;
 }

 .social-link li,
 .terms-policy li {
     margin: 0 2px;
     list-style: none
 }

 .social-link li a {
     color: #ffffff;
     width: 30px;
     height: 30px;
     background-color: #0C6EFD;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
     transition: .3s ease;
 }

 .social-link li a:hover {
     background: #1e4d85
 }

 /*===============ContactPage=============*/
 .main-banner {
     padding: 140px 0;
     background-size: cover !important;
     background-position: center center !important;
     color: #fff;
/*     margin-top: 74px;*/
 }

 .Contactinfo {
     padding: 50px 0
 }

 .Contactinfo .featured-card {
     padding: 0 10px;
     color: #333;
     text-align: left;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
 }

 .f-cont p {
     margin-bottom: 0;
 }

 .Contactinfo .featured-card .f-icon {
     flex: 0 0 50px;
     max-width: 50px;
     background: #fff;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-right: 10px;
	 border-radius: 100%;
 }
 .f-cont {
    flex: 0 0 80%;
    max-width: calc(100% - 70px);
}

 .featured-card img {
     transition: .3s ease;
 }

 .featured-card:hover img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
 }

.Contactinfo .featured-card .f-cont .b_p a{
    color: inherit;
    text-decoration: none;
}

 .b-content {
     color: #fff;
     text-align: center
 }

 .breadcrumbs a {
     color: #fff
 }

 .contact-form-section {
     background: #e1e1e1;
     padding: 70px 0;
 }

 .contact-page-sec {
     background: #fff;
     margin-top: -150px;
	 border-radius:15px;
 }

 .form-wrapper {
     background: #fff;
     padding: 30px 40px;
     border-radius: 10px;
 }


 .contact-form {
     margin-top: 30px
 }

 .contact-form::placeholder,
 .contact-form::-moz-placeholder {
     color: #666
 }

 .contact-form .form-control {
     border: 1px solid #ccc;
     background: #fff;
 }

 /*==============blogs-page=============*/
 .blogs-wrapper {
     padding: 50px 0;
     background: url(../images/blog-bg.jpg);
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
 }

 .blogs-inner {
     margin-bottom: 30px
 }

 .blog-contentH {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between
 }

 .blog_header {
     flex: 0 0 78%;
     -ms-flex: 0 0 78%;
     max-width: 78%;
 }

 .blogdate {
     flex: 0 0 18%;
     -ms-flex: 0 0 18%;
     max-width: 18%;
 }
.blog-content > p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
 .blogdate p {
     margin-bottom: 0;
     color: #fff;
     padding: 8px 0;
     text-align: center;
	 font-size:14px
 }

 .date-num {
     background: #0873b8;
	 border-radius: 5px 5px 0 0;
 }

 .date-month {
     background: #303030;
	 border-radius: 0 0 5px 5px;
 }

 .blog-hover {
     position: relative;
	 border-radius: 10px;
     overflow: hidden;
 }
 .blog-hover img{
	 border-radius: 10px;
 }
 .blog-image:after {
     background: rgba(8, 115, 184, .65);
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 0;
     z-index: 2;
     content: "";
     transition: .3s ease;
 }
.blog-hover a.btn.btn-white {
    display: block;
    padding: 0;
}
 .blog-hover .btn span {
     display: none;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 99;
     background: #fff;
	 padding:8px 20px;
	 
	 
 }

 .blog-hover:hover .btn span  {
     display: block;
 }

 .blog-hover:hover .blog-image:after {
     height: 100%;
     width: 100%;
 }

 .blog_header h4 {
     font-size: 18px;
     font-weight: 600
 }

 .blog-image img {
     width: 100%
 }

 .blog_header p {
     color: #606060
 }

 .blog-content a {
     margin-top: 0px
 }

 .text-btn {
     padding-left: 0;
     color: #0873b8;
     font-weight: 600
 }

 .searchbar input.form-control {
     background: #fff;
     border: 1px solid #ccc;
     border-radius: 4px;
 }

 .text-btn span {
     margin-left: 10px
 }

 button.btn.btnsearch {
     position: absolute;
     right: 0px;
     z-index: 9
 }

 form.searchbar {
     position: relative;
 }

 .blog-category {
     margin: 20px 0;
 }

 .blog-sidebar h3 {
     border-bottom: 1px solid #ddd;
     padding-bottom: 8px;
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 20px
 }

 .blog-sidebar ul {
     padding: 0;
     margin: 0;
 }

 .blog-sidebar ul li {
     list-style: none
 }

 .blog-category ul li {
     display: flex;
     justify-content: space-between;
     padding: 8px 0;
     border-bottom: 1px solid #ddd
 }

 .blog-category ul li a {
     color: #333;
     text-decoration: none
 }

 .blog-category ul li:hover a,.blog-category ul li a.active,.blog-category ul li a:focus,.auth-pub {
     color: #0873b8
 }

 .latest-posts ul li {
     padding-bottom: 15px;
     margin-bottom: 15px;
     border-bottom: 1px solid #ddd
 }

 .latest-posts ul li a {
     display: flex;
     justify-content: space-between;
     color: #333;
     text-decoration: none
 }

 .lblog-img {
     flex: 0 0 35%;
     -ms-flex: 0 0 35%;
     max-width: 35%;
 }

 .lblog-img img {
     width: 100%;
	 border-radius: 5px;
 }
.lblog-cont p.date,.lblog-cont p.auth-time {
    color: #606060;
}
 .lblog-cont {
     flex: 0 0 60%;
     -ms-flex: 0 0 60%;
     max-width: 60%;
 }

 .lblog-cont h4 {
     font-size: 16px;
     font-weight: 600;
     margin: 0;
 }

 .lblog-cont p {
     font-size: 14px;
     margin: 0;
 }

 .m-content ul {
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: center
 }

 .m-content li {
     list-style: none;
     margin: 0 8px
 }

 .blogHeading {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     align-items: center
 }

 .blogHeading span {
     background: #0873b8;
     display: inline-block;
     padding: 20px 15px;
     margin-right: 10px;
     color: #fff;
     font-size: 14px
 }

 .blog-detail-content {
     margin: 30px 0
 }

 .blog-detail-content ul {
     padding-left: 0px
 }

 .blog-detail-content ul li {
     list-style-type: none;
     position: relative;
     padding-left: 15px;
     margin: 4px 0
 }

 .blog-detail-content ul li:before {
     display: inline-block;
     font: normal normal normal 8px/1 FontAwesome;
     content: "\f111";
     padding-right: 10px;
     color: #0873b8;
     position: absolute;
     left: 0;
     top: 7px
 }

 .blogsdetail-bg {
     padding: 50px 0;
     background: url(../images/blog-detailbg.jpg);
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
 }

 .blogsdetail-bg img {
     width: 100%
 }

 /*==============Pricing-page=============*/
 .hl-plan-price {
     padding: 50px 0;
     background: #e2e2e2;
 }

 .hl-plan-price .container {
     box-shadow: 0 0 21px rgba(0, 0, 0, .15);
     border-radius: 20px;
     border: 0;
     overflow: hidden;
     margin-top: 30px
 }

 .hl-plan-price .plan-features,
 .hl-plan-price .plans .plan-item.\'active\' {
     border-right: 4px double #ccc;
     text-align: center
 }

 .hl-plan-price .plan-features ul li span {
     border-bottom: 0;
 }

 .hl-plan-price .plans .plan-item .item-feature ul li,
 .hl-plan-price .plan-features ul li {
     color: #333;
     padding: 30px;
     background: #fff;
     height: auto;
     font-size: 16px;
 }

 .hl-plan-price .plan-features ul li:nth-of-type(odd),
 .hl-plan-price .plans .plan-item .item-feature ul li:nth-of-type(odd) {
     background: #e2e2e2;
     color: #333;
 }

 .hl-plan-price .plans .plan-item .item-feature ul li .fa {
     font-size: 25px
 }

 .hl-plan-price .plans .plan-item .item-header,
 .hl-plan-price .plan-features .heading {
     background: #0873b8;
     color: #fff;
     border-top: 0;
 }

 .hl-plan-price .plans .plan-item .item-header {
     color: #fff;
     height: 145px;
 }

 .hl-plan-price .plans .plan-item .item-header .price span,
 .hl-plan-price .plans .plan-item .item-header .price {
     font-size: 35px;
 }

 .hl-plan-price .plans .plan-item .item-header .price,
 .hl-plan-price .plans .plan-item .item-header .period {
     display: inline-block
 }

 .upgrade {
     text-align: right;
     margin: 50px 0
 }

 .btn-upgrade {
     background: #0873b8;
     color: #fff;
     padding: 8px 30px;
     border-radius: 8px;
 }

 .btn-upgrade:hover,
 .btn-upgrade:focus {
     background: #07629d;
     color: #fff
 }

 .hl-xml-sitemap {
     background: #e2e2e2;
     padding: 60px 0;
     margin-bottom: 0;
 }
.login-popup .cta-box, .registration-popup .cta-box {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    flex-wrap: wrap;
    flex-direction: column;
}
 .hl-xml-sitemap .nav-tabs li:nth-child(2) {
     margin-left: -10px
 }

 .hl-xml-sitemap .main-tabbing .nav-tabs .nav-item {
     margin-right: 0;
 }

 .hl-xml-sitemap .nav-tabs .nav-link {
     background: #cccdcd;
     padding: 10px 30px;
     border-radius: 8px;
     color: #333
 }
.new-site__websiteurl-section.main-tabbing {
    background: #fff;
    padding: 40px;
    box-shadow: 0 0 21px rgb(0 0 0 / 15%);
    border-radius: 30px;
    margin-top: -150px;
}
 .hl-xml-sitemap .nav-tabs .nav-link.active {
     background: #0873b8;
     color: #fff
 }

 .xml-form-outer .nav-tabs {
     margin-bottom: 50px;
 }

 .hl-xml-sitemap .main-tabbing .tab-content {
     padding: 0px;
	 border:0;
 }

 .xml-form .langRow .form-control {
     margin-right: 6px
 }


 .hl-xml-sitemap .main-tabbing .tab-content .form-control {
     color: #212529;
     background: #fff;
     border: 1px solid #ccc;
 }
.cbtn.btn-transparent{
	margin-top:30px
}
 .form-control {
     background: #fff;
	 border: 1px solid #ddd;
 }

 .hl-xml-sitemap .main-tabbing .tab-content .form-control::-webkit-input-placeholder,
 .hl-xml-sitemap .main-tabbing .tab-content .form-control:-ms-input-placeholder,
 .hl-xml-sitemap .main-tabbing .tab-content .form-control::placeholder {
     color: #ccc
 }

 .hl-xml-sitemap .main-tabbing .cbtn.btn-blue {
     background: #0873b8;
     color: #fff;
     padding: 8px 30px;
     border-radius: 8px;
     border: 0;
 }

  .hl-right-wrapper .copyright, .hl-right-wrapper .terms-policy li a {
    color: #fff;
}

 .hl-right-wrapper footer .footerhr {
     padding: 10px 0;
 }
.loader-img{
	width: 22px;
    position: absolute;
    right: 5px;
	display:none;
}

 @media (min-width:1440px) {
     .featured {
        margin-top: -150px;
        padding-top: 250px;
        background-size: 100% 100%;
     }
 }

 @media (min-width:991px) {

     .hl-plan-price .plans .plan-item .item-feature ul li,
     .hl-plan-price .plan-features ul li {
         height: 86px;
     }

     
 }

 @media(min-width:992px) and (max-width:1100px) {
     .benefit-content {
         min-height: 280px;
     }
 }

 @media(min-width:768px) and (max-width:991px) {
     .featured-icons {
         background-size: 100% 100%;
     }

     .heading1 {
         font-size: 35px
     }

     .navbar-primary .navbar-nav .nav-link {
         font-size: 16px;
         padding: 0.5rem;
     }

     .footer-section li a,
     .copyright {
         font-size: 14px
     }

     .terms-policy li a {
         padding: 0 5px
     }

     footer .container {
         padding: 0
     }

     .latest-posts ul li a {
         flex-wrap: wrap;
     }

     .lblog-img,
     .lblog-cont {
         flex: 0 0 100%;
         -ms-flex: 0 0 100%;
         max-width: 100%;
         margin: 10px 0
     }
 }

 @media(max-width:991px) {
     header .navbar .navbar-collapse.show {
         display: flex !important;
         transition: height .4s ease;
         height: 100%;

     }
     header .navbar .navbar-collapse{
        height: 0;
     }
     .form-wrapper {
        padding: 30px;
    }
    .Contactinfo .featured-card{
        padding: 30px 10px;
    }
     header .navbar .navbar-toggler-icon {

         background: none;
     }
     

     header .navbar.navbar-light .navbar-toggler {
         border: 1px solid #fff;
		 padding:7px 10px;
     }

     header .navbar .navbar-toggler-icon:after {
         font: normal normal normal 24px/1.2 FontAwesome;
         content: "\f0c9";
         color: #fff;
     }

     header .navbar .navbar-collapse {
         top: 77px;
         display: none !important;
         align-items: flex-start;
         justify-content: flex-start !important;
         padding: 10px 20px;
     }
     nav.navbar.navbar-expand-lg{
        padding-left: 15px;
     }
     .navbar-toggler:focus{
        box-shadow: none !important;
     }

     header .navbar-primary .navbar-nav .nav-link {
         color: #fff
     }

     .navbar-primary .navbar-nav .active .nav-link,
     .navbar-primary .navbar-nav li:hover .nav-link,
     .navbar-primary .navbar-nav li:focus .nav-link {
          color: #03a9f4;
         text-decoration: underline;
     }

     header .navbar-expand-sm .navbar-toggler {
         display: block !important
     }

     .featured-card span {
         right: -65px;
     }
 }



 .see-more-detail:before {
     -webkit-animation: ripple 0.7s linear infinite;
     animation: ripple 0.7s linear infinite
 }



 .question{
    background: #e8e8e6;
    width: 250px;
    padding:16px;
    border-radius: 10px;
    transition: all .2s ease-in-out;
    margin-bottom: 20px;


 }

 .Answer{
    font-size: 15px;
 }

 @media(min-width:1400px) {
    .question{
        width: 300px;
    }
 }

 .question:hover {
    transform: scale(1.1);
    background: #0C6EFD;
    color:white;
  }


  .keyword-box{
    padding: 10px;
  }

  .issue-category{
    background-color:#ffbf00;color:white; width: 72px;
    font-size: 12px;
  }

  .successText{
    font-size: 120%;
    display: block;
    color: #1b1b1b;
    margin: 18px 0;
    padding: 0;
    display: block;
    letter-spacing: 1px;
    text-align: center;
    font-weight: normal;
    line-height: 110%;
    position: relative;
    z-index: 1;
  }

  .centerTitleText{
    font-size: 150%;
    display: block;
       color: #1d1c1c;
    margin: 18px 0;
    padding: 0;
    display: block;
    letter-spacing: 1px;
    text-align: center;
    font-weight: normal;
    line-height: 110%;
    position: relative;
    z-index: 1;
  }

  .layoutframe {
    width: 344px;
    height: 203px;
    padding-top: 12px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    text-align: center
}

.layoutframe div {
    width: 18px;
    height: 18px;
    border: 3px solid #999;
    position: absolute;
    z-index: 0
}

.layoutframe .top-l {
    top: 0;
    left: 0;
    border-right: none;
    border-bottom: none;
    visibility: visible
}

.layoutframe .top-r {
    top: 0;
    right: 0;
    border-left: none;
    border-bottom: none;
    visibility: visible
}

.layoutframe .bottom-l {
    bottom: 0;
    left: 0;
    border-right: none;
    border-top: none;
    visibility: visible
}

.layoutframe .bottom-r {
    bottom: 0;
    right: 0;
    border-left: none;
    border-top: none;
    visibility: visible
}

@keyframes rot {
    from {
        transform: rotate(0deg) translate(-40px) rotate(0deg)
    }

    to {
        transform: rotate(360deg) translate(-40px) rotate(-360deg)
    }
}

@-webkit-keyframes rot {
    from {
        transform: rotate(0deg) translate(-40px) rotate(0deg)
    }

    to {
        transform: rotate(360deg) translate(-40px) rotate(-360deg)
    }
}

@-webkit-keyframes blinks {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes blinks {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.bl {
    -webkit-animation: blinks 3s infinite;
    animation: blinks 3s infinite;
    display:none;
}
.cl {
    display:none;
}

.layoutframe .crawl {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
    width: 64px;
    height: 64px;
    animation: rot 3s infinite linear;
    display:none;
}

.screenshot {
    width: 322px;
    height: 180px;
    object-fit: contain;
    vertical-align: middle;
  }
.bar{
   border-left: 4px solid #818181;
   height:48px;
   margin-top:10px;
}
.success{
background-color:#198754;
color:white; 
width: 80px;
 height:20px; 
 font-size:13px;
 border-radius:10px;
}

.critical{
background-color:#D21404;
color:white; 
width: 80px;
 height:20px; 
 font-size:13px;
 border-radius:10px;
}
.warning{
    background-color: #ffcc00;
    color: white;
    width: 80px;
    height: 20px;
    font-size: 13px;
    border-radius: 10px;
}
.notice{
    background-color: #FFA500;
    color: white;
    width: 80px;
    height: 20px;
    font-size: 13px;
    border-radius: 10px;
}

    #topHeader{
        background-color: #1B2D45;
        position: sticky;
        top: 0;
    }
    header#topHeader.scrolled{
        position: fixed;
        width: 100%;
        top:0;
        z-index: 999;
    }

    .checkmark__circle {
        stroke-dasharray: 166;
        stroke-dashoffset: 166;
        stroke-width: 4;
        stroke-miterlimit: 10;
        stroke: #198754;
        fill: none;
        animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
      }
      
      .checkmark {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        display: block;
        stroke-width: 4;
        stroke: #198754;
        stroke-miterlimit: 10;
        margin:auto;
        box-shadow: inset 0px 0px 0px #139358;
        animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
      }
      
      .checkmark__check {
        transform-origin: 50% 50%;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
      }
      
      @keyframes stroke {
        100% {
          stroke-dashoffset: 0;
        }
      }
      @keyframes scale {
        0%, 100% {
          transform: none;
        }
        50% {
          transform: scale3d(1.1, 1.1, 1);
        }
      }
      @keyframes fill {
        100% {
          box-shadow: inset 0px 0px 0px 30px #fff;
        }
      }

      .crossmark__circle.animateElement {
        stroke-dasharray: 166;
        stroke-dashoffset: 166;
        stroke-width: 2;
        stroke-miterlimit: 10;
        stroke: #ff0000;
        fill: none;
       animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
       float:left;
      }
      
      .crossmark.animateElement {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        display: block;
        stroke-width: 2;
        stroke: #ff0000;
        stroke-miterlimit: 10;
        margin: auto;
        box-shadow: inset 0px 0px 0px #ff0000;
        animation: fillred .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
      }
      
      .crossmark__check.animateElement {
        transform-origin: 50% 50%;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
      }
      
      .cross__path.animateElement {
        stroke: #ffffff;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        transform-origin: 50% 50% 0;
      }
      .cross__path--right.animateElement {
        animation: 0.3s ease 0.8s normal forwards 1 running stroke;
      }
      .cross__path--left.animateElement {
        animation: 1s ease 0.8s normal forwards 1 running stroke;
      }
      @keyframes fillred {
        100% {
          box-shadow: inset 0px 0px 0px 30px #ff0000;
        }
        
      }
      @keyframes stroke {
        100% {
          stroke-dashoffset: 0;
        }
      }
      
      #info-image{
        background: white;
      }

      .outer-circle {
        background-image: linear-gradient(#d91230, #f29aa7, #f2f2f2);
        width: 80px;
        height: 80px;
        border-style: solid;
        border-color: transparent;
        border-radius: 50%;
        border-width: 0;
        -webkit-animation: rotateCircle 2s linear infinite;
                animation: rotateCircle 2s linear infinite;
        padding: 2px;
        display: table;
        margin: auto;
      }
      .outer-circle .inner-circle {
        background: #fff;
        width: 80px;
        height: 80px;
        border-style: solid;
        border-color: transparent;
        border-radius: 50%;
        border-width: 1px;
        animation: rotateCircle 2s linear infinite reverse;
        display: flex;
        margin: auto;
        text-align: center;
      }
      
      @-webkit-keyframes rotateCircle {
        0% {
          transform: rotate(0);
        }
        25% {
          transform: rotate(90deg);
        }
        50% {
          transform: rotate(180deg);
        }
        75% {
          transform: rotate(270deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }
      
      @keyframes rotateCircle {
        0% {
          transform: rotate(0);
        }
        25% {
          transform: rotate(90deg);
        }
        50% {
          transform: rotate(180deg);
        }
        75% {
          transform: rotate(270deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }
      
      
      
      
      
      
      
      
      

      .stepper-horizontal .step {
        display: table-cell;
        position: relative;
        padding: 1.5rem;
        z-index: 2;
        width: 25%;
      }
      .stepper-horizontal .step:last-child .step-bar-left, .stepper-horizontal .step:last-child .step-bar-right {
        display: none;
      }
      .stepper-horizontal .step .step-circle {
        width: 2rem;
        height: 2rem;
        margin: 0 auto;
        border-radius: 50%;
        text-align: center;
        line-height: 1.75rem;
        font-size: 1rem;
        font-weight: 600;
        z-index: 2;
        border: 2px solid #D9E2EC;
      }
      .stepper-horizontal .step.done .step-circle {
        background-color: #199473;
        border: 2px solid #199473;
        color: #FFFFFF;
      }
      .stepper-horizontal .step.done .step-circle:before {
        font-family: "FontAwesome";
        font-weight: 100;
        content: "✔";
      }
      .stepper-horizontal .step.done .step-circle * {
        display: none;
      }
      .stepper-horizontal .step.done .step-title {
        color: #102A43;
      }
      .stepper-horizontal .step.editing .step-circle {
        background: #ffffff;
        border-color: #199473;
        color: #199473;
      }

      .stepper-horizontal .step .step-circle-error {
        width: 2rem;
        height: 2rem;
        margin: 0 auto;
        border-radius: 50%;
        text-align: center;
        line-height: 1.75rem;
        font-size: 1rem;
        font-weight: 600;
        z-index: 2;
        border: 2px solid #D9E2EC;
      }

      .stepper-horizontal .step.done .step-circle-error {
        background-color: #ae1815;
        border: 2px solid #ae1815;
        color: #FFFFFF;
      }
      .stepper-horizontal .step.done .step-circle-error:before {
        font-family: "FontAwesome";
        font-weight: 100;
        content: "✘";
      }
      .stepper-horizontal .step.done .step-circle-error * {
        display: none;
      }
      .stepper-horizontal .step.done .step-title {
        color: #102A43;
      }
      
      .stepper-horizontal .step.editing .step-title {
        color: #199473;
      }
      .stepper-horizontal .step .step-title {
        margin-top: 1rem;
        font-size: 1rem;
        font-weight: 400;
        font-size: 14px;
      }
      .stepper-horizontal .step .step-title, .stepper-horizontal .step .step-optional {
        text-align: center;
        color: #829AB1;
      }
      .stepper-horizontal .step .step-optional {
        font-size: 0.75rem;
        font-style: italic;
        color: #9FB3C8;
      }
      .stepper-horizontal .step .step-bar-left, .stepper-horizontal .step .step-bar-right {
        position: absolute;
        top: calc(2rem + 5px);
        height: 5px;
        background-color: #D9E2EC;
        border: solid #D9E2EC;
        border-width: 2px 0;
      }
      .stepper-horizontal .step .step-bar-left {
        width: calc(100% - 2rem);
        left: 50%;
        margin-left: 1rem;
        z-index: -1;
      }
      .stepper-horizontal .step .step-bar-right {
        width: 0;
        left: 50%;
        margin-left: 1rem;
        z-index: -1;
        transition: width 500ms ease-in-out;
      }
      .stepper-horizontal .step.done .step-bar-right {
        background-color: #199473;
        border-color: #199473;
        z-index: 3;
        width: calc(100% - 2rem);
      }

      .loading-overlay {
        display: none;
        background: rgba(255, 255, 255, 0.7);
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: 9998;
        align-items: center;
        justify-content: center;
      }
      
      .loading-overlay.is-active {
        display: flex;
      }
      
      .tooltip1 {
        position: relative;
        display: inline-block;
        font-size: 16px;
    }
    
    .tooltip1 .tooltiptext {
        visibility: hidden;
        background-color: #FBFBF9;
        padding: 5px 0;
        border-radius: 6px;
         position: absolute;
         z-index: 1;
        width: 300px;
        top: 100%;
         left: 50%; 
        font-size: 12px;
      padding: 0.5rem;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

     
    }
    
    .tooltip1:hover .tooltiptext {
        visibility: visible;
    }
    
    .tooltiptext .tooltip-item  {
      margin-bottom:10px;
    }
    .tooltiptext .tooltip-item .description {
        font-weight: 500;
        margin:0;
    }
    .tooltip-heading{
        font-weight: 600;
        margin:0;

    }

    #tab-1 {display:none; border-radius: 10px; padding: 0.5rem; }
#tab-2 { display:none; border-radius: 10px; padding: 0.5rem; }
.tab-home{
    margin: 0px !important;
}

/* Plugin Style Start */

  
  .kwt-file__drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 9px;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    transition: 0.3s;
  }
  
  
  
  .kwt-file__choose-file {
    flex-shrink: 0;
    background-color: #1d3557;
    border-radius: 100%;
    margin-right: 10px;
    color: #ffffff;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .kwt-file__choose-file.kwt-file_btn-text {
    border-radius: 4px;
    width: auto;
    height: auto;
    padding: 10px 20px;
    font-size: 14px;
  }
  
  .kwt-file__choose-file svg {
    width: 16px;
    height: 16px;
    display: block;
  }
  
  .kwt-file__msg {
    color: #1d3557;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .kwt-file__input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
  }
  
  .kwt-file__input:focus {
    outline: none;
  }
  
  .kwt-file__delete {
    display: none;
    position: absolute;
    right: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
  }
  
  .kwt-file__delete:before {
    content: "";
    position: absolute;
    left: 0;
    transition: 0.3s;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%231d3557' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
  }
  
  .kwt-file__delete:after {
    content: "";
    position: absolute;
    opacity: 0;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) scale(0);
    background-color: #1d3557;
    border-radius: 50%;
    transition: 0.3s;
  }
  
  .kwt-file__delete:hover:after {
    transform: translate(-50%, -50%) scale(2.2);
    opacity: 0.1;
    
  }
  .home-search-setting{
  padding: 0px;
  }
  .home-setting-form{
    background-color:rgb(225, 218, 218,.2);
    border-radius: 4px;
    padding-top: 20px;
 
  }
  .home-form-label{
    font-size: 14px;
    float:left;
  }

 .dwld-link-home{ 
padding-top: 0px !important;
padding-bottom: 0px !important;
color:white;
  }

  /* .cta-form-home{
    margin: 0px !important;
    width: 100%;
    margin:auto;
    display:flex;
  }

  .home-url-search-form{
    max-width: 800px;
    margin: 30px auto;
} */
.home-url-search-form input{
    height: 50px;
}
::placeholder,:-ms-input-placeholder,::-moz-placeholder{
    color: #9F9F9F;
}
.home-url-search-form input::placeholder,.user-url-search-form input:-moz-placeholder{
    color: #9F9F9F;
}
.home-url-search-form .btn{
    border-radius: 0;
    font-size: 20px;
}

.banner-content p{
    max-width: 800px;
    margin: auto;
}

.table-general {
    background-color: #fff;
    border-collapse: collapse;
    width: 100%;
    word-wrap: break-word;
    border: 1px solid #dcdcdc
}

.table-general thead {
    border: 1px solid #dcdcdc
}

.table-general tfoot td {
    line-height: 11px
}

.table-general tr {
    background-color: #fff
}

.table-general th {
    background: #f7f7f7;
    text-align: left;
    border-bottom: 1px solid #dcdcdc;
    color: #495057;
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px;
    font-weight: 700
}

.table-general th:first-of-type {
    padding-left: 15px
}

.table-general td {
    padding: 5px;
    vertical-align: middle;
    line-height: 29px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #dcdcdc;
    background-clip: padding-box;
    position: relative
}

.table-general td:first-of-type {
    padding-left: 15px
}

.table-general td.no-pad {
    padding: 0
}

.table-general td .icon {
    margin-right: 10px
}

.table-simple {
    width: 100%
}

.table-simple td {
    font-size: 15px;
    padding: 5px 10px 5px 0;
    border: 0;
    line-height: 18px;
    vertical-align: baseline;
    color: #666
}
  /* Plugin Style End */


.LoginPageContainer {
    overflow: auto;
    border-radius: 4px;
}

.LoginPageInnerContainer {
    display: flex;
    min-height: 100%;
}

.LoginPageInnerContainer .ImageContianer {
    width: 25%;
    background-color: #e1dfec;
    min-height: 100%;
    padding: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.LoginPageInnerContainer .ImageContianer .GroupImage {
    width: 100%;
    display: block;
}

.LoginPageInnerContainer .LoginFormContainer {
    flex-grow: 2;
    background-color: white;
    min-height: 100%;
    padding: 5%;
}

.LoginPageInnerContainer .LoginFormContainer .LogoContainer .logo {
    height: 30px;
}

.LoginPageInnerContainer .LoginFormContainer .header {
    font-size: 32px;
    font-weight: 500;
}

.LoginPageInnerContainer .LoginFormContainer .subHeader {
    color: #343a40;
    margin-top: 5px;
}

.LoginPageInnerContainer .LoginFormContainer .inputContainer {
    color: #3f3f45;
    margin: 20px 0px;
}

.LoginPageInnerContainer .LoginFormContainer .inputContainer .label {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    margin-right: 7px;
    margin-bottom: 10px;
}

.LoginPageInnerContainer .LoginFormContainer .inputContainer .label .labelIcon {
    width: 20px;
    margin-right: 10px;
    display: block;
}

.LoginPageInnerContainer .LoginFormContainer .inputContainer .input {
    display: block;
    width: 100%;
    font-size: 15px;
    padding: 10px;
    border: 1px solid #d6d7db;
    margin-top: 5px;
    outline: 0px !important;
    border-radius: 4px;
}

.LoginPageInnerContainer .LoginFormContainer .OptionsContainer {
    display: flex;
    justify-content: space-between;
}

.LoginFormContainer {
    display: flex;
    align-items: center;
}

.LoginFormInnerContainer {
    max-width: 440px;
    margin: auto;
}

.LoginPageInnerContainer .LoginFormContainer .checkbox {
    width: 15px;
    height: 15px;
    margin: 0px;
    display: block;
    border: 1px solid #d6d7db;
}

.LoginPageInnerContainer .LoginFormContainer .checkboxContainer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.LoginPageInnerContainer .LoginFormContainer .checkboxContainer label {
    display: block;
    padding: 0px 5px;
    color: #343a40;
}

.LoginPageInnerContainer .LoginFormContainer .ForgotPasswordLink {
   
    text-decoration: none;
}

.LoginFormContainer .LoginFormInnerContainer .LoginButton {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    font-weight: bold;
    color: white;
    background-color: #034694;
    border: 0px;
    outline: 0px;
    cursor: pointer;
}

.LoginFormContainer .LoginFormInnerContainer .LoginButton:active {
    background-color: #0558b8;
}


@media only screen and (max-width: 1200px) {
    .LoginPageInnerContainer .ImageContianer {
        width: 50%;
    }
}

@media only screen and (max-width: 800px) {
    .LoginPageInnerContainer .ImageContianer {
        display: none;
    }

    .LoginFormContainer {
        justify-content: center;
    }
}
.LoginPageContainer::-webkit-scrollbar {
    width: 5px;
}

.LoginPageContainer::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.LoginPageContainer::-webkit-scrollbar-thumb {
    background: #2e1f7a;
}

.LoginPageContainer::-webkit-scrollbar-thumb:hover {
    background: #4520ff;
}

.domain-list-table{
overflow: auto;
}

.tbox-shadow {
    box-shadow: 0 0px 5px rgba(0, 0, 0, .3);
    /* padding: 10px 15px; */
    border-radius: 4px;
    margin-bottom: 15px;
}

#domains {
    border-collapse: collapse;
    width: 100%;
    min-width: 1080px;
    font-size: 14px;
    overflow: scroll;
  }
  #domains td, #domains th {
    border-bottom: 1px solid #ddd;
    padding: 12px;
  }
 

  
  #domains tr:hover {background-color: #eceaea;}
  
  #domains th {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
    font-weight: 500;
    /* background-color: #0C6EFD;
    color: white; */
  }

  #domains .purl a {
    color: #0C6EFD;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    text-transform: capitalize;
}

#domains .status-box {
    font-weight: 500;
    height: 22px;
    font-size: 12px;
    width: 140px;
    display:flex;
    margin: auto;
    justify-content: center;
}
#domains .status-box .progressStatus {
    background-color: #fcf9d5;
    color: #e6b30b;
    border: 1px solid #f0dfaa;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 16px;
}
#domains .status-box .completedStatus {
    background-color: #e0f8ea;
    border: 1px solid #b3efcb;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 16px;

}
.pactions{
    display: flex;
    flex-direction: row;
}
.pactions a {
    color: #646465;
    font-weight: 600;
    text-decoration: none;
    padding: 1px;
    font-size: 16px;
}

.pactions a:hover {
    color: #196dcd;
}

.accordion-body{
padding: 0px !important;
}
.accordion-button{
    padding: 0px 10px !important;
    background-color: #fbfbf9 !important;
}

.accordion-button:focus {
    box-shadow: none !important;
    border-color: rgba(0,0,0,.125) !important;
}

.download-icon{
    color:#999
}

.circle-wrapper {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 10px;
  }
  
  .tab-scroll .icon {
   display:block
  }
  
  .circle {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 2.5px;
    background-clip: content-box;
    animation: spin 10s linear infinite;
  }
  
  .circle-wrapper:active .circle {
    animation: spin 2s linear infinite;
  }
  
  /* .success {
    background-color: #4BB543;
    border: 2.5px dashed #4BB543;
  } */
  
  /* .error {
    background-color: #CA0B00;
    border: 2.5px dashed #CA0B00;
  } */
  
  .warning-new {
    background-color: #e8b047;
    border: 2.5px dashed #e8b047;
  }
  
  @keyframes spin { 
    100% { 
      transform: rotateZ(360deg);
    }
  }


   /*============Mobile responsive============*/

 @media(max-width:767px) {
    .featured-card span {
        right: 0;
    }
    .stepper-horizontal .step{
       padding: .75rem;
    }
    .stepper-horizontal .step .step-bar-left, .stepper-horizontal .step .step-bar-right{
       top: calc(2rem + -5px);
    }
    .stepper-horizontal .step.done .step-bar-right{
       width: calc(100% - 1.5rem);
    }
    .stepper-horizontal .step .step-title{
       font-size: 12px;
    }
    div#href-btn {
       display: flex;
       flex-direction: column;
       gap: 10px;
   }
    .Contactinfo{
       padding-top: 0;
    }
    .Contactinfo .featured-card{
       padding:0 30px 30px;
    }
    .owl-carousel .owl-item img{
       border-radius: 20px 20px 0 0;
    }
    .benefit-content{
        border-radius: 0 0 20px 20px;
    }
    
    .form-wrapper{
       padding-bottom: 0;
    }
    .featured-card {
        padding-right: 60px;
    }
   
    html {
        overflow-x: hidden;
    }

    .featured-icons {
        background-position: left;
    }

    .langRow .col-10.col-md-11.d-flex {
        flex-wrap: wrap;
    }

    footer {
        padding: 0;
    }

    .blog-content {
        margin-top: 20px
    }
    .col-12.col-md-12.new-site__websiteurl-section.hidden {
       padding: 0;
    }
    [data-aos=fade-left] {
   transform: translate3d(0px,0,0);
}
    .hl-xml-sitemap .nav-tabs .nav-link{
        padding:10px 12px 10px 18px
    }

    .stats-num {
        padding: 0 10px;
    }

    .heading1 {
        font-size: 30px
    }

    .copyright {
        margin: 15px 0;
        text-align: center;
    }

    footer .footer-section {
        flex-wrap: wrap;
        justify-content: center;
    }

    nav.navbar-primary.navbar-light .container {
        padding: 0 15px;
    }

    .featured-icons .heading1 {
        padding-right: 60px;
    }

    .benefit-section .owl-carousel .owl-nav .owl-next,
    .benefit-section .owl-carousel .owl-nav .owl-prev {
        display: none;
    }

    .benefit-card {
        flex-direction: column;
    }

    .stats-num:last-child {
        border-right: 0;
    }

    .stats-num {
        border-radius: 0;
        border: 0;
        border-right: 1px solid #0066cc;
        padding: 10px 0;
        height: auto;
    }

    .stats-num img {
        max-width: 50px;
    }

    .benefit-img,
    .benefit-content {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
    }
    [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos]{
       opacity: 1;
    }
    [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1200"] [data-aos]{
       opacity: 1;
    }
    [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1200"] [data-aos]{
       opacity: 1;
    }
    [data-aos=fade-up] {
       transform: translate3d(0,0,0);
   }
   [data-aos=fade-right] {
       transform: translate3d(0,0,0);
   }
   .urls_found,.crawled_urls {
    margin-bottom: 20px;
   }
}