@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
/* font-family: "Plus Jakarta Sans", sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
/* font-family: "Outfit", sans-serif; */

/* root css start */
:root {
    /* color variable css start */
    --default-font: "Outfit", sans-serif;
    --header-font: "Plus Jakarta Sans", sans-serif;
    
   --primary-color: #404D78;
   --second-color: #0068A0;
   --third-color: #0E1F39;
   --white-color: #ffffff;
   --header-color: #0E1F39;
   --navbar-active-color: #0060a7;
    
   --primary-bg-color: #EBF9FF;
    
    --bdr-radius-6: 6px;
    --bdr-radius-10: 10px;
    --bdr-radius-20: 20px;
    
   /* color variable css start */

   /* font size css start */
   --extra-large-font:24px;
   --large-font:20px;
   --medium-font:18px;
   --heading-3:2.5rem;
   /* font size css end */

   /* shadow css start */
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    /* shadow css end */

     }

 /* root css end */

/* common css start */
html, body, div, span, applet, object, iframe,  p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0; padding: 0; border: 0; vertical-align: baseline;}
 html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
 }
 img, fieldset, a img {border: none; vertical-align: middle; max-width: 100%;}
 input[type="text"], input[type="email"], input[type="tel"], textarea {-webkit-appearance: none;}
 input[type="submit"], button {cursor: pointer;background: none;}
 input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {padding: 0; border: 0;}
 textarea {overflow: auto;}
 input:not([type="radio"]) {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
 input, button {margin: 0; padding: 0;	border: 0;}
 div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus {outline: none;}
 select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}
 ul, ol {list-style-type: none;}
 table {border-spacing: 0; border-collapse: collapse; width: 100%;}
 html {-webkit-box-sizing: border-box; box-sizing: border-box;}
 *, *:before, *:after {-webkit-box-sizing: inherit; box-sizing: inherit;}
 a {color: #4a4a4a;
    transition: ease-in-out all 0.5s;
    -moz-transition: ease-in-out all 0.5s;
    -ms-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    -webkit-transition: ease-in-out all 0.5s;
    text-decoration: none;
 }
 a:hover{color: #4a4a4a; text-decoration: underline;}
 a, button {
    transition: ease-in-out all 0.5s;
    -moz-transition: ease-in-out all 0.5s;
    -ms-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    -webkit-transition: ease-in-out all 0.5s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 section {clear: both; width: 100%;}
 
 .ptb60{padding-top: 60px; padding-bottom: 60px;}
 .pt80{padding-top: 80px; }
 .ptb80{padding-top: 80px; padding-bottom:80px;}
 .pb80{ padding-bottom:80px;}
 .pt40{padding-top: 40px;}
 .pb70{padding-bottom: 70px;}
 .pt60{padding-top: 60px;}
 

 body{font-family: var(--default-font); font-size: 16px; color:var(--primary-color); line-height: 162%; font-weight: 300; background: #fff;}
 h1,h2,h3,h4,h5,h6{color: var(--header-color); font-weight: 800; font-family: var(--header-font); line-height: 1.4;}
 p{padding-bottom: 20px; }
 p:last-child{padding-bottom: 0;}
 .no-gutters{margin-left: 0; margin-right: 0;}
 .no-gutters>[class*=col-]{padding-left: 0; padding-right: 0;}
 .common-btn{display: inline-block; font-size: 18px; font-weight: 500; border-radius: var(--bdr-radius-10); background-color:var(--second-color); padding: 15px 40px; line-height: normal; color:var(--white-color); border: 1px solid #0068A0;}
 .common-btn:hover{background: #015a8a; color: var(--white-color); text-decoration: none;}
 .common-btn-border{display: inline-block; font-size: 18px; font-weight: 500; border-radius: var(--bdr-radius-10); border:solid 1px var(--second-color); padding: 15px 40px; line-height: normal; color: var(--second-color);}
 .common-btn-border:hover{background: var(--second-color); color: #fff; text-decoration: none;}
 .form-control:focus{box-shadow: none; border: 2px solid #009dd5;}

 /* h1{font-size: 3.5rem;}
 h2{font-size: 3rem;} */
 /* .text-h3{font-size: var(--heading-3);}

 .text-xxl{font-size: var(--extra-large-font); line-height: 1.62;}
 .text-xl{font-size: var(--large-font);}
 .text-md{font-size: var(--medium-font); line-height: 1.72;} */
 /* common css end */



 /*  header start  */
 header .lower-header{padding: 20px 0; background: #fff;}
.lower-header .navbar-nav .nav-link.active{color: #0068a0;}
.lower-header  ul.navbar-nav > li:not(:last-of-type) {margin-right: 32px;}
.lower-header .main-sub-menu > li > a{font-weight: 700;}
.lower-header .main-sub-menu li{list-style: none;}
.lower-header .main-sub-menu ul{padding: 0;}
.lower-header .main-sub-menu {right: 0;}
.navbar-brand{padding: 0; margin: 0; display: inline-block; vertical-align: text-top;}

/* header right start */
.header-btn-main ul li{display: inline-block; margin-right: 10px;}
.header-btn-main ul li:last-child{margin-right: 0;}
.header-btn-main .header-btn { border: 1px solid #0068A0; padding: 9px 16px; display: inline-block; border-radius: 6px; color: #0068A0; line-height: normal;}
.header-btn-main .header-btn:hover{text-decoration: none; background: #0068A0; color: #fff;}
.header-btn-main .header-btn.header-btn-book{background: #0068A0; color: #fff;}
.header-btn-main .header-btn.header-btn-book:hover{background: #015a8a; color: #fff;}
.header-right-row{justify-content: flex-end; align-items: center;}
.header-right-row .col-custom{width: auto;}
.header-btn-main { padding-left: 10px;}
/* header right end */

/* droup down css start  */
.navbar>.container{display: block;}
.navbar  .navbar-nav > .nav-item{padding: 10px 0px; position: relative;}
.lower-header  .navbar-nav .nav-link {color: #0e1f39; padding: 0; text-decoration: none; font-weight: 300;}
.lower-header  .dropend .dropdown-toggle {display: flex;justify-content: space-between;}
.lower-header .dropdown-toggle i{font-size: 14px; vertical-align: middle; margin-left: 5px;}
.lower-header  .dropend .dropdown-toggle i{display: flex;align-items: center;}
.lower-header  .dropdown-item:hover {background-color:#ebf9ff; text-decoration: none; color: #0068a0 !important;}
.lower-header  .dropdown .dropdown-menu {display: none; border-radius: 0; width: 176px; top: 45px; left: -50%;}
.lower-header  .dropdown-menu   li:not(:last-of-type){border-bottom: 1px solid #ebf9ff ;}
.lower-header  .dropdown-menu {padding: 0;}
.lower-header   .dropdown-menu.show,
.lower-header   .dropdown-menu.show {margin: 0;}
.lower-header  .navbar-toggler {padding: 0;}
.lower-header .dropdown-toggle::after{content: inherit;}
.lower-header .navbar-expand-lg{padding: 0;}
/* droup down css end  */

/* header end  */

/* sticky header start  */
  .sticky-header .lower-header{position: fixed;width: 100%;top: 0; animation: sticky-header 1s;transition: .5s; z-index: 99; box-shadow: 0 0 8px rgb(0 0 0/ 15%);}
  @keyframes sticky-header {0%{transform: translateY(-50px);}100%{transform: translateY(0px)} }

  header.sticky-header .lower-header { padding: 10px 0;}
  header.sticky-header .navbar-brand img{height: 28px;}
  header.sticky-header .header-btn-main .header-btn{padding: 7px 14px; font-size: 14px;}
  header.sticky-header .header-btn-main ul li{margin-right: 7px;}
  header.sticky-header .header-btn-main ul li:last-child{margin-right: 0;}
  header.sticky-header .navbar  .navbar-nav > .nav-item { padding: 7px 0px;}
  header.sticky-header .lower-header  .dropdown .dropdown-menu{top: 40px;}
/* sticky header end  */

 /* Home banner start */
 .home-slider{ background-size: cover !important;   background-color: #EBF9FF !important; }
 .home-slider .carousel-item{min-height: 650px; /* background-size: cover !important; */ /* background-color: #EBF9FF !important; */  height: 650px;}


/* Home banner desc start */
 .home-slider .home-banner-desc h2{margin-bottom: 18px; font-size: 40px;}
 .home-slider .home-banner-desc b{font-weight: 700;}
 .home-slider .carousel-item .carousel-item-inner{display: flex; align-items: center; min-height: 600px; padding-top: 15px; padding-bottom: 15px;}
 .home-slider .carousel-item .carousel-item-inner .row{align-items: center;}
 .home-slider .carousel-item .carousel-item-inner .home-banner-btn{margin-top: 6px; border-radius: var(--bdr-radius-6);}
/* Home banner desc end */

/* home banner img start */
.home-banner-img{text-align: right;}
/* home banner img end */

 .carousel-indicators [data-bs-target]{height:7px; width: 13px; border-radius:20px; background: #B9C6CC; opacity: 1; border: none; margin: 0px 4px;}
 .carousel-indicators .active{background: #0068A0; width: 24px;}
 .carousel-indicators{margin-bottom: 1.5rem;}
 /* Home banner end */

/*Home page start*/
.home h2{font-size: 40px; line-height:1.4; font-weight: 800;}

/*Home Cloud sec start*/
.home-cloud-sec {padding-top: 34px;}
.home-cloud-sec  h1{ text-align: center; margin-bottom: 58px;}

.cloud-box{border-radius:var(--bdr-radius-20); background-color: var(--primary-bg-color); font-size: 20px; text-align: center; padding: 66px 54px 56px; position: relative; height: 100%;}
.cloud-box p{font-size: 20px; font-weight: 300; line-height: 30px;}
.cloud-box .cloud-box-btn{ /* display: flex; */ justify-content: center; margin-top: 15px;}
.cloud-box .cloud-box-img{margin-bottom: 36px; display: inline-block;}
.cloud-box .cloud-label{background-color: #3CCD5B; color: var(--white-color); border-radius: 4px; font-size: 13px; font-weight: 500; position: absolute; top: 0; right: 0; padding: 3px 24px; text-transform: uppercase; margin-right: 13px; margin-top: 14px;}
/*Home Cloud sec end*/


/*Home Trusted practices-sec Start*/
.trusted-practices-sec .head-sub-title{position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.trusted-practices-sec .head-sub-title:before{content:""; position: absolute; background-color: #E7855A; height: 1px; width: 100%; display: flex; top: 50%; left: 0; right: 0;}
.trusted-practices-sec .head-sub-title h4{background: #fff; z-index: 1; position: relative; font-weight: 600; font-family: var(--default-font); padding: 0 48px; line-height: 35px; margin-bottom: 0;}

.trusted-practices{align-items: center; justify-content: center;}
.trusted-practices > div{justify-content: center; margin-top: 15px; margin-bottom: 15px;}
.trusted-practices > div img{ /* height: 80px; */ object-fit: contain; margin: 0 auto; display: block;}
.trusted-content{padding-top: 40px;}
.trusted-content p{text-align: center; font-size: 20px; line-height: 30px;}
/*Home Trusted practices-sec end*/



/*home Left Right Section Start*/
.home-right-left-sec > .container,.home-left-right-sec > .container{padding-left: 24px; padding-right: 24px;}
.home-left-right-sec > .container > .row{background:linear-gradient(90deg, rgba(222,244,255,1) 0%, rgba(222,244,255,1) 48%, rgba(235,249,255,1) 48%, rgba(235,249,255,1) 100%);; border-radius:var(--bdr-radius-20); margin-bottom: 80px; position: relative;}
.home-left-right-sec > .container > .row:before{content: ""; background-image:url(../images/dots.svg); background-repeat: no-repeat; background-position: right top; position: absolute;
    width: 100%; height: 100%; right: 0; top: 0; z-index: 0;}
.home-left-right-sec > .container > .row:nth-child(odd):before{background-position: left top;}
.home-left-right-sec > .container > .row > *{z-index: 1;}

.home-right-left-sec > .container > .row{background:linear-gradient(90deg, rgba(222,244,255,1) 0%, rgba(222,244,255,1) 48%, rgba(235,249,255,1) 48%, rgba(235,249,255,1) 100%);; border-radius:var(--bdr-radius-20); margin-bottom: 80px; position: relative;}
.home-right-left-sec > .container > .row:before{content: ""; background-image:url(../images/dots.svg); background-repeat: no-repeat; background-position: left top; position: absolute;
    width: 100%; height: 100%; right: 0; top: 0; z-index: 0;}
.home-right-left-sec > .container > .row:nth-child(odd):before{background-position: right top;}
.home-right-left-sec > .container > .row > *{z-index: 1;}

.img-holder{padding-top: 18px;}
.img-holder img{max-width: 100%; width: 100%; }
.home-left-right-sec .text-holder, .home-right-left-sec .text-holder{padding-left:46px; padding-top: 35px; padding-bottom: 35px;}
.home-left-right-sec .text-holder span, .home-right-left-sec .text-holder span{display: block; margin-bottom: 18px;}
.home-left-right-sec .text-holder span img, .home-right-left-sec .text-holder span img{width: 14px;}
.home-left-right-sec .text-holder h2, .home-right-left-sec .text-holder h2{font-size: 44px; margin-bottom: 20px;}
.home-left-right-sec p, .home-right-left-sec p{font-size: 20px; line-height: 30px; font-weight: 300;}
.home-left-right-sec ul, .home-right-left-sec ul{list-style: none; padding: 0;}
.home-left-right-sec ul li, .home-right-left-sec ul li{position: relative; list-style: none;padding-left: 15px; padding-bottom: 12px;}
.home-left-right-sec ul li:last-child, .home-right-left-sec ul li:last-child{padding-bottom: 0;}
.home-left-right-sec ul li:before, .home-right-left-sec ul li:before{content: ""; width: 6px; height: 6px; border-radius:30px; background: #000;  position: absolute; left: 0; top: 9px;}
/*home Left Right Section End*/

/*Home Book-demo start*/
.home-book-demo h2{position: relative; padding-bottom: 20px; margin-bottom: 22px;}
.home-book-demo h2:after{content: ""; width: 32px; height: 2px; background: #E7855A; display: block; position: absolute; bottom: 0; left: 0;}
.home-book-demo ul{padding: 0; margin: 0;}
.home-book-demo ul li{position: relative; list-style: none;padding-left: 35px; padding-bottom:12px;}
.home-book-demo ul li:last-child{padding-bottom: 0;}
.home-book-demo ul li:before{content: ""; position: absolute; left: 0; top: 0px; background-image: url(../images/check-icon.svg); width:24px; height: 24px; background-repeat: no-repeat;  background-position: center;}
.home-book-demo .common-btn-border{margin-top: 48px;}
/*Home Book-demo end*/

/*Home Testemonial start*/
.home-testemonial-slide{display: flex !important;}
.testemonial-clients-details p{font-size: 20px; font-weight: 500; color: var(--third-color); line-height: 1.44;}
.testemonial-clients-details .client-other h6{font-size: 18px; font-weight: 500; color: var(--third-color); line-height: 1.44; margin-bottom: 3px; font-family: var(--default-font);}
.home-testemonial-slide .testemonial-clients-img{width: 140px; height: 140px; margin-right: 5px;}
.home-testemonial-slide .testemonial-clients-img img{width: 136px; height: 136px; max-width: inherit; border-radius: 100%; margin: 5px; border:solid 2px #BAC3D8; display: inline-block; filter:drop-shadow(0px 0px 4px rgba(165, 164, 167, 0.40));}
.home-testemonial-slide .testimonial-text { padding-bottom: 20px; padding-right: 100px;}

.home-testemonial-sec .slick-dots{text-align: left; bottom: -55px;}
.home-testemonial-sec .slick-dots li{width: 20px; height: 8px;}
.home-testemonial-sec .slick-dots li.slick-active{width: 32px;}
.home-testemonial-sec .slick-dots li button{height: 100%; width: 100%;}
.home-testemonial-sec .slick-dots li button:before{width: 20px; height: 8px; border-radius: 30px; background: #B7BDCE; opacity: 1; font-size: 0;}
.home-testemonial-sec .slick-dots li.slick-active button:before{width: 32px; background: #E7855A}
/*Home Testemonial start*/

/*Home page end*/



.explore-pracsuite-box {
    background-color: var(--primary-bg-color);
    border-radius: 10px;
    padding: 15px;
}

.explore-pracsuite-box-right {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 60px;
}

.discover-pracsuite-text {
    line-height: 1.25;
}

.powered-by-smartsoft-text {
    padding-top: 15px;
    padding-bottom: 0;
    color: rgb(64, 77, 120);
}



/* footer start */
footer{background: var(--primary-bg-color);}
footer .footer-main {padding: 40px 0px 20px 0px;}
footer .footer-main > .row{align-items: center;}

/*Ftr link*/
footer .footer-link{text-align: right; }
footer .footer-link ul  li{display:inline-block; padding-right:40px;}
footer .footer-link ul  li:last-child{padding-right: 0;}
footer .footer-link ul  li:first-child{padding-left: 0;}
footer .footer-link ul > li > a{color: #000000; font-weight: 500;}
footer .footer-link ul > li > a:hover{color:var(--second-color); text-decoration: none;}

/*Ftr practice list*/
.footer-practice-list{padding-top: 30px;}
footer .footer-practice-list p{font-weight: 500; color: var(--third-color);; padding-bottom: 13px;}
footer .footer-practice-list ul{padding: 0; margin: 0;}
footer .footer-practice-list ul li{position: relative; list-style: none;padding-left: 12px; margin-right:6px; padding-bottom: 11px; display: inline-block; font-size: 14px; color: var(--primary-color);}
footer .footer-practice-list ul li:last-child{padding-bottom: 0;}
footer .footer-practice-list ul li:before{content: ""; position: absolute; left: 0; top: 10px; background: var(--third-color);; width: 4px; height: 4px; border-radius: 10px;}

/*footer copyright start*/
.footer-copyright .row{align-items: center;}
/*ftr social*/
footer .ftr-social ul li{display: inline-block; margin-right: 10px; vertical-align: top;}
footer .ftr-social ul li:last-child{margin-right: 0;}
footer .ftr-social ul li a{height: 32px; width: 32px; display: block;}
footer .ftr-social ul li a img{height: 32px; width: 32px;}

.footer-copyright{padding: 30px 0; border-top: solid 1px rgba(155, 155, 155, 0.30); font-size: 14px; color:var(--third-color);; font-weight: 400;}
.footer-copyright .copyright-in{text-align: right;}
.footer-copyright .copyright-in a{color:var(--third-color);;}
.footer-copyright .copyright-in a:hover{color:var(--second-color); text-decoration: none;}
/*footer copyright end*/
/* footer end */

/* inner page start */
body:not(.home) h2{font-size: 40px; line-height: 1.32;}

/* hero banner start */
.hero-banner-sec{background-color: #EBF9FF !important; min-height: 340px; display: flex; align-items: center; background: url('../images/hero-banner-bg.svg')no-repeat right top; }
.hero-banner-sec .hero-banner-desc{text-align: center; padding: 20px 145px;}
.hero-banner-sec .hero-banner-desc h1{  font-size: 40px;  margin-bottom: 28px; line-height: 1.2;}
.hero-banner-sec .hero-banner-desc blockquote{position: relative; font-family: var(--header-font); font-weight: 200; font-size: 28px; line-height: 160%; text-align: center; color: #0e1f39; }
.hero-banner-sec .hero-banner-desc blockquote:before{content: "";  background: url("../images/quote-a.svg")no-repeat left top; height: 34px; width: 43px; display: inline-block; vertical-align: top; transform: translateX(-5px);}
.hero-banner-sec .hero-banner-desc blockquote:after{content: "";   background: url("../images/quote-b.svg")no-repeat right bottom; height: 34px; width: 43px; display: inline-block; vertical-align: bottom; transform: translateX(5px);}
/* hero banner end */

/* front desk page start */

/* feature sidebar start */
.feature-sidebar{position: relative; margin-right: 15px; padding-left: 15px;}
.feature-sidebar::before{content: ""; background: url('../images/feature-sidebar-shadow.png')right center no-repeat; height: 100%; width: 40px; background-size: contain; top: 0; right: 0; position: absolute;}
.feature-sidebar h6{font-size: 16px; color: #0068A0; line-height: normal; margin-bottom: 24px;}
.feature-sidebar ul li{position: relative; margin-bottom: 25px;}
.feature-sidebar ul li:hover::before{content: ""; position: absolute; left: -10px; top: 0; width: 4px; height: 100%; background: #109cdc; transition: all 0.2s;}
.feature-sidebar ul li:last-child{margin-bottom: 0;}
.feature-sidebar ul li a{font-family: var(--header-font); padding: 5px 0px 5px 0px; color: #0E1F39; transition: all 0.3s;}
.feature-sidebar ul li a:hover{text-decoration: none; font-weight: 700;}
.feature-sidebar li.sidebar-link-active > a{font-weight: 700;}
.feature-sidebar li.sidebar-link-active::before{content: ""; position: absolute; left: -10px; top: 0; width: 4px; height: 100%; background: #109cdc;  }
/* feature sidebar end */

.upgrades-sidebar{position: relative; margin-right: 15px; padding-left: 15px;}
.upgrades-sidebar::before{content: ""; background: url('../images/feature-sidebar-shadow.png')right center no-repeat; height: 100%; width: 40px; background-size: contain; top: 0; right: 0; position: absolute;}
.upgrades-sidebar h6{font-size: 16px; color: #0068A0; line-height: normal; margin-bottom: 24px;}
.upgrades-sidebar{margin-bottom: 20px;}
.upgrades-sidebar ul li{position: relative; margin-bottom: 25px;}
.upgrades-sidebar ul li:hover::before{content: ""; position: absolute; left: -10px; top: 0; width: 4px; height: 100%; background: #109cdc; transition: all 0.2s;}
.upgrades-sidebar ul li:last-child{margin-bottom: 0;}
.upgrades-sidebar ul li a{font-family: var(--header-font); padding: 5px 0px 5px 0px; color: #0E1F39; transition: all 0.3s;}
.upgrades-sidebar ul li a:hover{text-decoration: none; font-weight: 700;}
.upgrades-sidebar li.sidebar-link-active > a{font-weight: 700;}
.upgrades-sidebar li.sidebar-link-active::before{content: ""; position: absolute; left: -10px; top: 0; width: 4px; height: 100%; background: #109cdc;}
.upgrades-builds-box {background: #EBF9FF; text-align: center; padding: 32px 40px 40px 40px; border-radius: 16px;}
.upgrades-builds-box h3{margin-bottom: 25px; font-size: 28px;}
.upgrades-builds-box p{text-align: left;}
.upgrades-top-container{margin-bottom: 20px;}
.upgrades-download-container{border: 1px solid #E9E9E9; border-radius: 16px; margin-top: 20px; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 20px;}
.upgrades-download-container p{padding-bottom: 10px;}
.upgrades-download-info{display: grid; grid-template-columns: 34% 66%; border-radius: 10px; background-color: #fff3ee; padding-left: 20px; padding-top: 10px; padding-bottom: 10px;}
.upgrades-link{color: #007AF4; text-decoration: underline;}
.upgrades-link:hover{text-decoration: none;}
.upgrades-download-button-holder{display: flex; justify-content: space-between; align-items: center; padding-top: 20px;}
.upgrades-ul{padding-left: 20px;}
.upgrades-ul li{display: inline-block; list-style: none; width: calc(100% - 35px); position: relative; padding-bottom: 6px; vertical-align: top;}
.upgrades-ul li::before{content: ""; position: absolute; top: 10px; left: -15px; background: #404D78; height: 4px; width: 4px; border-radius: 50%;}
.upgrades-separator{margin-top: 15px; margin-bottom: 15px; border-top: 2px solid #E9E9E9;}
.upgrades-msi-download-btn{margin-top: 20px;}
.upgrades-section-header-text{color: #0068A0; font-weight: 800; font-family: var(--header-font); line-height: 1.4; outline: none; font-size: calc(1.85rem + 0.3vw); margin-bottom: 0.5rem;}

/* description start */
.front-desk-block { margin-bottom: 25px;}
.front-desk-sec .front-desk-description h2{  font-size: 24px;  line-height: 1.32; margin-bottom: 10px;}
.front-desk-sec .front-desk-description h2:not(:first-child){padding-top: 10px;}
.front-desk-sec .front-desk-description h4{  font-size: 18px;  line-height: 1.32; margin-bottom: 10px;}
.front-desk-sec .front-desk-description h4:not(:first-child){padding-top: 5px;}
.front-desk-description p > a, .front-desk-pracsuite-link{color: #007AF4; text-decoration: underline;}
.front-desk-description p > a:hover{text-decoration: none;}
.front-desk-description img{margin-bottom: 20px; height: auto;}
.front-desk-description img:last-child{margin-bottom: 0;}
.front-desk-description ul{padding-left: 20px; margin-bottom: 20px;}
.front-desk-description ul li{display: inline-block; list-style: none; width: 49%; position: relative; padding-bottom: 6px; vertical-align: top;}
.front-desk-description ul li::before{content: ""; position: absolute; top: 10px; left: -15px; background: #404D78; height: 4px; width: 4px; border-radius: 50%;}

/* description end */

/* frontdesk learn more section start */
.frontdesk-learn-more{padding-top: 35px;}
.frontdesk-learn-more .frontdesk-learn-left{background: #EBF9FF; border-radius: 10px 0 0 10px; overflow: hidden; height: 100%;}
.frontdesk-learn-more .frontdesk-learn-right{background: #DEF4FF; padding: 25px 30px; height: 100%; border-radius: 0px 10px 10px 0; overflow: hidden;}
.frontdesk-learn-left .frontdesk-learn-desc { padding: 25px 20px 25px 0px;}
.frontdesk-learn-more .common-btn{padding: 15px 24px;}
.frontdesk-learn-more h4{font-size: 18px; margin-bottom: 10px;}
.frontdesk-learn-right p > a { color: #007AF4; text-decoration: underline; display: inline-block;}
.frontdesk-learn-right p > a:hover{text-decoration: none;}
/* frontdesk learn more section end */
/* front desk page end */

/* about page start */
.about-top-desc { max-width: 790px; text-align: center; margin: 0 auto;}
.about-top-desc h2{margin-bottom: 22px;}
.about-top-desc p{font-size: 18px; line-height: 1.72; font-weight: 300;}
.about-middle-img { padding: 40px 0px;}
.about-middle-img img{width: 100%;}
.about-bottom-support { background: #f8f9fb; padding: 35px 30px 40px 30px; border-radius: 8px; margin-left: 40px; margin-top: -170px;}
.about-bottom-support p{font-size: 24px; line-height: 1.62; font-weight: 300;}
.about-bottom-support img{margin-bottom: 25px;}
.about-right-part p{font-size: 18px; line-height: 1.72; font-weight: 300;}
/* about page end */

/* system requirement page start */
body.system-requirements-body .lower-header{border-bottom:1px solid #E7E8EC;}
.system-requirement-sec h2{margin-bottom: 20px;}
.system-requirements h4{padding-top: 10px; margin-bottom: 11px; font-size: 20px;}
.system-requirements h5{color: #404D78; font-weight: 700; font-size: 18px; margin-bottom: 12px; font-family: var(--default-font);}
.system-requirements ul{margin-bottom: 20px;}
.system-requirement-sec  p > a{color: #007AF4; border-bottom: 1px solid #007AF4;}
.system-requirement-sec  p > a:hover{text-decoration: none; border-bottom: 0;}

/* privacy policy page start */
body.privacy-policy-body .lower-header{border-bottom:1px solid #E7E8EC;}
.privacy-policy-sec h2{margin-bottom: 20px;}
.privacy-policy h4{padding-top: 10px; margin-bottom: 11px; font-size: 20px;}
.privacy-policy h5{color: #404D78; font-weight: 700; font-size: 18px; margin-bottom: 12px; font-family: var(--default-font);}
.privacy-policy ul{ margin-bottom: 20px; margin-left: 20px; list-style-type: disc; }
.privacy-policy-ul-paragraph{ padding-bottom: 5px; }
.privacy-policy-link{ color: #007AF4; text-decoration: underline; }
.privacy-policy-link:hover{ color: #007AF4; text-decoration: none; }

/* remote cloud box start */
.remote-cloud-box { background: #EBF9FF; text-align: center; padding: 32px 70px 40px 70px; border-radius: 16px; margin-top: 60px;}
.remote-cloud-box h3{margin-bottom: 25px; font-size: 28px;}
.remote-cloud-box .remote-access-icon{position: relative; text-align: center; margin-bottom: 35px;}
.remote-cloud-box .remote-access-icon img{max-height: 135px;}
.remote-cloud-box .remote-access-icon::before{content: ""; position: absolute; background: url('../images/bottom-shadow.png')no-repeat center center; height: 20px; width: 270px; bottom: -14px; left: 0; right: 0; background-size: contain; margin: 0 auto;}
/* remote cloud box end */
/* system requirement page end */

body.name-request-body .lower-header{border-bottom:1px solid #E7E8EC;}
section.name-request-page-sec h2{font-size: 36px; margin-bottom: 40px;}
.name-request-form{border: 1px solid rgba(190, 202, 208, 0.60); padding: 22px; border-radius: 16px; margin-top: 5px;}
.name-request-form input[type=submit]{padding: 11px 32px; width: 100%; border-radius: 6px; border: 1px solid #0068A0; background: #0068A0; color: #fff; font-size: 18px; margin-top: 7px;}
.name-request-form input[type=submit]:hover{background: #015a8a;}
.name-request-form textarea.form-control{height: 274px;}
.name-request-form h4{font-size: 20px; margin-bottom: 20px;}

body.casual-support-body .lower-header{border-bottom:1px solid #E7E8EC;}
section.casual-support-page-sec h2{font-size: 36px; margin-bottom: 20px;}
.casual-support-form{border: 1px solid rgba(190, 202, 208, 0.60); padding: 22px; border-radius: 16px; margin-top: 5px;}
.casual-support-form input[type=submit]{padding: 11px 32px; width: 100%; border-radius: 6px; border: 1px solid #0068A0; background: #0068A0; color: #fff; font-size: 18px; margin-top: 7px;}
.casual-support-form input[type=submit]:hover{background: #015a8a;}
.casual-support-form textarea.form-control{height: 274px;}
.casual-support-form h4{font-size: 20px; margin-bottom: 20px;}
.casual-support-ul{padding-left: 20px;}
.casual-support-ul li{display: inline-block; list-style: none; width: calc(100% - 35px); position: relative; padding-bottom: 6px; vertical-align: top;}
.casual-support-ul li::before{content: ""; position: absolute; top: 10px; left: -15px; background: #404D78; height: 4px; width: 4px; border-radius: 50%;}
.casual-support-form-check{margin-bottom: 16px;}
.casual-support-form-check label{font-size: 14px; color: #8e8e8e;}
.casual-support-bill-box{border-radius: 16px; background: #EBF9FF; padding: 10px; margin-top: 10px; margin-bottom: 20px;}
.casual-support-link{ color: #007AF4; text-decoration: underline; }
.casual-support-link:hover{ color: #007AF4; text-decoration: none; }
.casual-support-exp-input-section{display: flex;}
.casual-support-exp-select-holder{width: 80px;}
.casual-support-exp-sep{margin-bottom: 14px; margin-left: 10px; margin-right: 10px; font-size: 24px; color: #212529; align-content: center;}

body.pay-my-bill-body .lower-header{border-bottom:1px solid #E7E8EC;}
section.pay-my-bill-page-sec h2{font-size: 36px; margin-bottom: 20px;}
.pay-my-bill-form{border: 1px solid rgba(190, 202, 208, 0.60); padding: 22px; border-radius: 16px; margin-top: 5px;}
.pay-my-bill-form input[type=submit]{padding: 11px 32px; width: 100%; border-radius: 6px; border: 1px solid #0068A0; background: #0068A0; color: #fff; font-size: 18px; margin-top: 7px;}
.pay-my-bill-form input[type=submit]:hover{background: #015a8a;}
.pay-my-bill-form textarea.form-control{height: 274px;}
.pay-my-bill-form h4{font-size: 20px; margin-bottom: 20px;}
.pay-my-bill-ul{padding-left: 20px;}
.pay-my-bill-ul li{display: inline-block; list-style: none; width: calc(100% - 35px); position: relative; padding-bottom: 6px; vertical-align: top;}
.pay-my-bill-ul li::before{content: ""; position: absolute; top: 10px; left: -15px; background: #404D78; height: 4px; width: 4px; border-radius: 50%;}
.pay-my-bill-form-check{margin-bottom: 16px;}
.pay-my-bill-form-check label{font-size: 14px; color: #8e8e8e;}
.pay-my-bill-bill-box{border-radius: 16px; background: #EBF9FF; padding: 10px; margin-top: 10px; margin-bottom: 20px;}
.pay-my-bill-link{ color: #007AF4; text-decoration: underline; }
.pay-my-bill-link:hover{ color: #007AF4; text-decoration: none; }
.pay-my-bill-exp-input-section{display: flex;}
.pay-my-bill-exp-select-holder{width: 80px;}
.pay-my-bill-exp-sep{margin-bottom: 14px; margin-left: 10px; margin-right: 10px; font-size: 24px; color: #212529; align-content: center;}
.pay-my-bill-payment-amount-input-holder{position: relative;}
.pay-my-bill-prefix{position: absolute; font-size: 1rem; font-weight: bold; line-height: 1.5; color: #212529; padding: 9px 0.75rem;}
#pay_my_bill_payment_amount{padding-left: 26px;}

body.logo-request-body .lower-header{border-bottom:1px solid #E7E8EC;}
section.logo-request-page-sec h2{font-size: 36px; margin-bottom: 20px;}
.logo-request-form{border: 1px solid rgba(190, 202, 208, 0.60); padding: 22px; border-radius: 16px;}
.logo-request-form input[type=submit]{padding: 11px 32px; width: 100%; border-radius: 6px; border: 1px solid #0068A0; background: #0068A0; color: #fff; font-size: 18px; margin-top: 7px;}
.logo-request-form input[type=submit]:hover{background: #015a8a;}
.logo-request-form-title{font-size: 20px; margin-bottom: 20px;}
.logo-request-logo-title{font-size: 20px;}
.logo-request-form-check{margin-top: 15px; margin-left: 12px;}
.logo-request-form-check label{color: var(--primary-color);}
.logo-request-ul{padding-left: 20px; margin-left: 40px;}
.logo-request-ul-2{padding-left: 20px;}
.logo-request-ul li{display: inline-block; list-style: none; width: calc(100% - 35px); position: relative; padding-bottom: 6px; vertical-align: top;}
.logo-request-ul-2 li{display: inline-block; list-style: none; position: relative; padding-bottom: 6px; vertical-align: top;}
.logo-request-ul li::before, .logo-request-ul-2 li::before{content: ""; position: absolute; top: 10px; left: -15px; background: #404D78; height: 4px; width: 4px; border-radius: 50%;}
#logo_request_file::file-selector-button{display:none;}
.logo-request-file { border: 1px solid #0068A0; padding: 9px 16px; border-radius: 6px; color: #0068A0; line-height: normal; margin-right: 20px;}
.logo-request-file:hover{text-decoration: none; background: #0068A0; color: #fff;}
.logo-request-sample-logo-header-holder{display: flex; flex-direction: column; align-items: center; margin-top: 25px; margin-bottom: 15px;}
.logo-request-sample-logo-header-title{font-weight: 800; font-size: 18px;}
.logo-request-sample-logo-holder{display: flex; justify-content: center;}
.logo-request-sample-logo-left-column{margin-bottom: 15px;}

body.reg-code-request-body .lower-header{border-bottom:1px solid #E7E8EC;}
section.reg-code-request-page-sec h2{font-size: 36px; margin-bottom: 20px;}
.reg-code-request-form{border: 1px solid rgba(190, 202, 208, 0.60); padding: 22px; border-radius: 16px;}
.reg-code-request-form input[type=submit]{padding: 11px 32px; width: 100%; border-radius: 6px; border: 1px solid #0068A0; background: #0068A0; color: #fff; font-size: 18px; margin-top: 7px;}
.reg-code-request-form input[type=submit]:hover{background: #015a8a;}
.reg-code-request-form textarea.form-control{height: 274px;}
.reg-code-request-form-title{font-size: 20px; margin-bottom: 20px;}
.reg-code-request-blue-box-title{padding-bottom: 20px !important;}
.reg-code-request-blue-box-header{font-weight: 800; text-align: center; margin-bottom: 15px;}
.reg-code-request-blue-box-img-holder{display: flex; justify-content: center; margin-bottom: 20px;}
.reg-code-request-blue-box-img-holder-no-margin{display: flex; justify-content: center;}
.reg-code-request-serial-input-section{display: flex; height: 42px; width: 100%; padding: 0.375rem 0.75rem; background-color: #fff; background-clip: padding-box; border: 1px solid #B7BDCE; border-radius: 0.375rem; margin-bottom: 16px;}
.reg-code-request-serial-holder{width: calc(20% - 25px);}
.reg-code-request-serial-holder input{width: 100%; height: 100%; text-align: center; text-transform: uppercase;}
.reg-code-request-serial-sep{margin-bottom: 14px; margin-left: 10px; margin-right: 10px; font-size: 24px; color: #212529; align-content: center;}
.reg-code-request-form-control{font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; }

body.login-request-body .lower-header{border-bottom:1px solid #E7E8EC;}
section.login-request-page-sec h2{font-size: 36px; margin-bottom: 20px;}
.login-request-form{border: 1px solid rgba(190, 202, 208, 0.60); padding: 22px; border-radius: 16px; margin-top: 5px;}
.login-request-form input[type=submit]{padding: 11px 32px; width: 100%; border-radius: 6px; border: 1px solid #0068A0; background: #0068A0; color: #fff; font-size: 18px; margin-top: 7px;}
.login-request-form input[type=submit]:hover{background: #015a8a;}
.login-request-form h4{font-size: 20px; margin-bottom: 20px;}
#login_request_requested_password{margin-bottom: 0;}
.login-request-password-text{font-size: 0.8em; line-height: 16px; margin-top: 5px; margin-bottom: 16px;}

body.login-body .lower-header{border-bottom:1px solid #E7E8EC;}
.login-page-sec  p >a{color: #007AF4; border-bottom: 1px solid #007AF4;}
.login-page-sec  p >a:hover{text-decoration: none; border-bottom: 0;}

/* support page start */
.support-block { padding-bottom: 40px;}
section.support-page-sec  h2{font-size: 28px;}
.common-btn-arrow img{margin-left: 5px; transition: all 0.3s;} 
.common-btn-arrow:hover img{transform: translateX(5px);}
.common-btn-arrow-small{padding-right: 35px;}
.support-page-sec  p >a,.support-block li >a{color: #007AF4; border-bottom: 1px solid #007AF4;}
.support-page-sec  p >a:hover,.support-block li >a:hover{text-decoration: none; border-bottom: 0;}


/* support block start */
.support-block ul li{padding-bottom: 5px;}
.support-block ul li:last-child{padding-bottom: 0;}
/* support block end */

/* support form start */
.support-form{border: 1px solid rgba(190, 202, 208, 0.60); padding: 22px; border-radius: 16px; margin-top: 5px;}
.support-form input[type=submit]{padding: 11px 32px; width: 100%; border-radius: 6px; border: 1px solid #0068A0; background: #0068A0; color: #fff; font-size: 18px; margin-top: 7px;}
.support-form input[type=submit]:hover{background: #015a8a;}
.support-form textarea.form-control{height: 274px;}

/* form common css start */
label{color: #0E1F39; font-size: 16px;}
.form-control{height: 42px; border-color: #B7BDCE; margin-bottom: 16px;}
/* form common css end */
/* support form end */

/* client login box start */
.client-login-box{border-radius: 16px; background: #EBF9FF; padding: 22px; margin-bottom: 40px;}
/* client login box end */

/* get in touch form strat */
.get-in-touch { margin-bottom: 30px;}
.get-in-touch ul li{position: relative; padding-left: 60px; margin-bottom: 20px;}
.get-in-touch ul li:last-child{margin-bottom: 0;}
.get-in-touch ul li h6{font-size: 18px; font-weight: 600; font-family: var(--default-font); margin-bottom: 2px;}
/* .get-in-touch ul li p{font-size: 20px; letter-spacing: 1.2px; font-weight: 600; color: #0068A0;} */
.get-in-touch ul li p > a{font-size: 20px; letter-spacing: 1.2px; font-weight: 600; color: #0068A0; text-decoration: none; border-bottom: 0;}
.get-in-touch ul li p > a:hover{color: #007AF4;}
.contact-icon-box{height: 48px; width: 48px; background-color: #e0f3fa; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0;}
.contact-icon-box span{background-color: #b4dff3; height: 32px; width: 32px; border-radius: 50%; display: inline-block; display: flex; justify-content: center; align-items: center;}
/* get in touch form end */

/* open hour box start */
.opening-hour h2{color: #0068A0; font-weight: 700; margin-bottom: 15px;}
.opening-hour h3{font-size: 24px; font-weight: 600; letter-spacing: 1.44px; color: #0068A0; font-family: var(--default-font);}
.opening-hour .opening-hour-excluding{font-size: 18px; font-weight: 600; color: #101828; display: inline-block; padding-bottom: 10px;}
.opening-hour{border-radius: 16px; background: #EBF9FF; padding: 25px 30px;}
.opening-hour p{font-size: 18px; line-height: 1.4;}
.opening-hour h3:last-child{margin-bottom: 0;}
.opening-hour .opening-hour-status{padding-bottom: 10px;}
.open-title{font-weight: 700 !important;}
/* open hour box end */
/* support page end */

.login-header{margin-bottom:30px;}

/* sms service page start */
.sms-service-left h2{margin-bottom: 18px;}
.accepted-card-main { padding-top: 30px;}
.accepted-card-main ul li{display: inline-block; margin-right: 20px;}
.accepted-card-main ul li:last-child{margin-right: 0;}
body.sms-service .lower-header { border-bottom: 1px solid #E7E8EC;}
.sms-service-right { margin-top: 70px;}

.credit-amount-main h3{font-size: 24px; color: #0068A0; margin-bottom: 20px; padding-top: 5px;}
.credit-amount-main h3 > a{color: #0068A0;}
.credit-amount-box-link { text-decoration: none; display: block;}
.credit-amount-box-link:hover{text-decoration: none;}
.credit-amount-box{border-radius: 10px; border: 1px solid #E9E9E9; background: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08); margin-bottom: 30px; text-align: center; padding: 20px;}
.credit-amount-box-link:hover .credit-amount-box,.credit-amount-box-link .credit-amount-box.active{background: #0068A0; border-color: #0068A0; box-shadow: none; transition: all 0.4s;}
.credit-amount-box-link:hover .credit-amount-box h3,.credit-amount-box-link .credit-amount-box.active h3{color: #fff;}
.credit-amount-box-link:hover .credit-amount-box h4,.credit-amount-box-link .credit-amount-box.active h4,.credit-amount-box-link:hover .credit-amount-box span,.credit-amount-box-link .credit-amount-box.active span{color: #fff;}
.credit-amount-box h4 .count{display: inline-block;}
.credit-amount-box h4{font-size: 32px; font-weight: 500; color: #0068A0; font-family: var(--default-font); line-height: normal; margin-bottom: 11px; transition: all 0.4s;}
.credit-amount-box span{font-size: 14px; font-weight: 300; color: #404D78; line-height: 16px; transition: all 0.4s;}

.sms-service-form{border-radius: 16px; border: 1px solid rgba(190, 202, 208, 0.60); padding: 24px; margin-top: 10px;}
.sms-service-form h4{font-size: 20px; margin-bottom: 20px;}
.sms-service-form-inner {padding-bottom: 15px;}
.sms-service-form-inner:last-child{padding-bottom: 0;}
.form-group-small{width: 200px;}
.form-group-small label a{color: #007AF4; text-decoration: underline;}
.form-group-small label a:hover{text-decoration: none;}
.sms-service-form input[type=submit]{ padding: 11px 32px; width: 100%; border-radius: 6px; border: 1px solid #0068A0; background: #0068A0; color: #fff; font-size: 18px; margin-top: 7px; transition: all0.4s;}
.sms-service-form input[type=submit]:hover{background: #015a8a;}
.sms-service-form .email-caption{font-size: 16px; color: #8e8e8e; display: inline-block; margin-bottom: 10px; line-height: 1.37;}
.sms-service-form-check{margin-bottom: 16px;}
.sms-service-form-check label{font-size: 14px; color: #8e8e8e;}
.sms-service-form-inner.sms-service-email h4{margin-bottom: 7px;}
.sms-service-exp-input-section{display: flex;}
.sms-service-exp-select-holder{width: 80px;}
.sms-service-exp-sep{margin-bottom: 14px; margin-left: 10px; margin-right: 10px; font-size: 24px; color: #212529; align-content: center;}
/* sms service form end */

/* appoinment reminder start */
.appoinment-reminder-box{border-radius: 16px; background: #EBF9FF; padding: 38px 30px;}
.appoinment-reminder-box h3{text-align: center; font-size: 28px; font-weight: 700; max-width: 447px; margin: 0 auto; line-height: 1.3; padding-bottom: 40px;}
.appoinment-reminder-box h4{text-align: center; font-size: 24px; font-weight: 700; max-width: 447px; margin: 0 auto; line-height: 1.3; padding-bottom: 30px;}
.appoinment-reminder-box .appoinment-box-img{text-align: center; position: relative; margin-bottom: 55px;}
.appoinment-reminder-box .appoinment-box-img::before{content: ""; position: absolute; bottom: -10px; left: 0; right: 0; background: url('../images/bottom-shadow.png')center center no-repeat; height: 10px; width: 100%; background-size: contain;}
.appoinment-reminder-box h5{font-size: 16px; font-weight: 700; font-family: var(--default-font); color: #404D78;}
.appoinment-reminder-box h5:not(:first-child){padding-top: 10px;}
/* appoinment reminder end */
/* sms service page end */

/* inner page end */

.talk-to-sales-btn {
    margin-right: 1.5rem;
}

.advantage-row-hide {
    display: none !important;
}

.disabled-form-button {
    cursor: not-allowed !important;
    background-color: lightgrey !important;
    border-color: lightgrey !important;
}

.form-submitted {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0.75rem;
    display: flex;
    justify-content: center;
    background-color: rgb(74, 222, 128);
    font-weight: 300;
    border-radius: 0.5rem;
    color: black;
}

.form-submitted-login {
    margin-top: 20px;
    padding: 0.75rem;
    display: flex;
    justify-content: center;
    background-color: rgb(74, 222, 128);
    font-weight: 300;
    border-radius: 0.5rem;
    color: black;
}

.submission-failed {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0.75rem;
    display: flex;
    justify-content: center;
    background-color: rgb(248, 113, 113);
    font-weight: 300;
    border-radius: 0.5rem;
    color: black;
}

.submission-failed-login {
    margin-top: 20px;
    padding: 0.75rem;
    display: flex;
    justify-content: center;
    background-color: rgb(248, 113, 113);
    font-weight: 300;
    border-radius: 0.5rem;
    color: black;
}

.sending-form {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0.75rem;
    display: flex;
    justify-content: center;
    background-color: rgb(255, 165, 0);
    font-weight: 300;
    border-radius: 0.5rem;
    color: black;
}

.sending-form-login {
    margin-top: 20px;
    padding: 0.75rem;
    display: flex;
    justify-content: center;
    background-color: rgb(255, 165, 0);
    font-weight: 300;
    border-radius: 0.5rem;
    color: black;
}

.sending-form p,
.sending-form-login p {
    padding-bottom: 0;
}

.sending-form-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
}

.sending-form-ellipsis div {
    position: absolute;
    top: 7px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: black;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.sending-form-ellipsis div:nth-child(1) {
    left: 8px;
    animation: sending-form-ellipsis1 0.6s infinite;
}

.sending-form-ellipsis div:nth-child(2) {
    left: 8px;
    animation: sending-form-ellipsis2 0.6s infinite;
}

.sending-form-ellipsis div:nth-child(3) {
    left: 32px;
    animation: sending-form-ellipsis2 0.6s infinite;
}

.sending-form-ellipsis div:nth-child(4) {
    left: 56px;
    animation: sending-form-ellipsis3 0.6s infinite;
}

@keyframes sending-form-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes sending-form-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

@keyframes sending-form-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

.form-confirmation-btn-holder {
    display: flex;
    gap: 20px;
}

.form-btn-continue {
    padding: 11px 32px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #0068A0;
    background: #0068A0;
    color: #fff;
    font-size: 18px;
}

.form-btn-continue:hover {
    background: #015a8a;
}

.form-btn-cancel {
    padding: 11px 32px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #0068A0;
    color: #0068A0;
    background: #fff;
    font-size: 18px;
}

.form-btn-cancel:hover {
    text-decoration: none;
    background: #0068A0;
    color: #fff;
}

.form-check-input[type=checkbox]{height: 22px; width: 22px;}
.form-check-input:focus{box-shadow: none;}
.form-check label{margin-left: 10px; vertical-align: middle;}
.form-check label a{color: #109cdc; text-decoration: underline;}
.form-check label a:hover{text-decoration: none;}

.form-status-hidden {
    display: none;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--navbar-active-color);
}

.form-group-extra-margin {
    margin-bottom: 20px;
}

.radio-button-label {
    margin-left: 7px;
}

.quotation {
    text-transform: uppercase;
}

.tc-header {
    font-size: 24px;
}

.tc-block {
    overflow: hidden;
    width: 100%;
    margin-top: 5px;
}

.tc-number {
    float: left;
    width: 5%;
}

.tc-text {
    float: left;
    width: 90%;
}

.tc-indent {
    margin-left: 5%;
}

.tc-doubleindent {
    margin-left: 10%;
}

.tc-ul{padding-left: 20px;}
.tc-ul li{display: inline-block; list-style: none; width: calc(100% - 35px); position: relative; padding-bottom: 6px; vertical-align: top;}
.tc-ul li::before{content: ""; position: absolute; top: 10px; left: -15px; background: #404D78; height: 4px; width: 4px; border-radius: 50%;}

table.sms-pricing {
    border-collapse: collapse;
}

table.sms-pricing, table.sms-pricing td {
    border: 1px solid black;
}

table.sms-pricing td {
    padding: 3px;
}

/*
Ported from old Smartsoft website
Note from George: "Fancybox - restore old styles after update"
*/
.fancybox__container.fBoxWhatsNew .fancybox__content,
.fancybox__container.fBoxRelease .fancybox__content,
.fancybox__container.fBoxMSIInstaller .fancybox__content,
.fancybox__container.fLocateSerial .fancybox__content,
.fancybox__container.fBoxTerms .fancybox__content,
.fancybox__container.fBoxCVV .fancybox__content {
    padding: 15px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 10px 25px rgb(0 0 0 / 50%) !important;
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 10px 25px rgb(0 0 0 / 50%) !important;

    /* Seems to need 47px width, and 30px height added */
    /* prev: maxWidth: 800px; maxHeight: 500px; */
    max-width: 847px !important;
    max-height: 530px !important;

    /* Seems to need -2% width, and 4% height added */
    /* prev: width: 70%; height: 70%; */
    width: 68% !important;
    height: 74% !important;
}

.fancybox__container.fBoxPaymentError .fancybox__content,
.fancybox__container.fBoxSuccess .fancybox__content,
.fancybox__container.fBoxConfirmation .fancybox__content {
    padding: 15px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 10px 25px rgb(0 0 0 / 50%) !important;
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 10px 25px rgb(0 0 0 / 50%) !important;
    /* Seems to need 47px width, and 30px height added */
    /* prev: maxWidth: 435px; maxHeight: 230px; */
    max-width: 482px !important;
    /* Seems to need -2% width, and 4% height added */
    /* prev: width: 70%; height: 70%; */
    width: 68% !important;
}

.fancybox__container.fBoxRelease .fancybox__content {
    /* Seems to need 47px width, and 30px height added */
    /* prev: maxWidth: 550px; maxHeight: 400px; */
    max-width: 597px !important;
    max-height: 430px !important;
}

.fancybox__container.fBoxMSIInstaller .fancybox__content {
    /* Seems to need 47px width, and 30px height added */
    /* prev: maxWidth: 800px; maxHeight: 1100px; */
    max-width: 845px !important;
    max-height: 1130px !important;
    
    /* Seems to need -2% width, and 4% height added */
    /* prev: width: 80%; height: 80%; */
    width: 78% !important;
    height: 90% !important;
}

.fancybox__container.fLocateSerial .fancybox__content {
    /* Seems to need 47px width, and 30px height added */
    /* prev: maxWidth: 560px; maxHeight: 500px; */
    max-width: 607px !important;
    max-height: 530px !important;
}

/* Unsure why this isn't just an image one */
.fancybox__container.fBoxCVV .fancybox__content {
    /* Seems to need 47px width, and 30px height added */
    /* prev: maxWidth: 435px; maxHeight: 220px; */
    max-width: 482px !important;
    max-height: 250px !important;
    background-color: #f9f9f9 !important;
}

.fancybox__container.fBoxSample .fancybox__content {
    border-radius: 4px !important;
    -webkit-box-shadow: 0 10px 25px rgb(0 0 0 / 50%) !important;
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 10px 25px rgb(0 0 0 / 50%) !important;
    padding: 15px !important;
    box-sizing: content-box !important;
    background-color: #f9f9f9 !important;
}

.fancybox__container .has-inline .fancybox__content > div:first-child {
    overflow: auto !important;
}