@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


.playfair{font-family: 'Rajdhani', sans-serif;}
.poppins{font-family: 'Poppins', sans-serif;}
 
 
body{font-family: 'Rajdhani', sans-serif;font-size:16px;font-weight: 600;color: #434343;line-height: 1.65;background: #F0F5FC;}
a{color: #4875c7;text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
a:hover {color: #4875c7; text-decoration: none;}
.fancybox-button{min-width: auto;} 

h1, h2, h3, h4, h5, h6{ font-family: 'Rajdhani', sans-serif; font-weight: 700; line-height: 1.2;  
margin-bottom: 20px; color: #434343;}
.main-section a.link { word-break: break-all;}
a.link i {font-size: 11px;}
h1{font-size: 60px;}
h2{font-size: 44px; }
h3{font-size: 40px; font-weight: 700;}
h4{font-size: 35px; }
h5{font-size: 24px;}
h6{font-size: 18px;}


.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-60{font-size:60px;}
.fs-45 {font-size:45px;}
.fs-43 {font-size:43px;}
.fs-35 {font-size:35px;}
.fs-30 {font-size:30px;}
.fs-25{font-size:25px;}
.fs-18{font-size:18px;}


img{max-width: 100%;}

button, .btn, input[type="submit"]{min-width: 137px;border:0px;padding: 13px 32px;cursor: pointer;position: relative;font-family: 'Rajdhani', sans-serif;box-shadow: none !important;color: #fff;background: #1D1D1F;font-size: 16px;line-height: 20px;font-weight: 700;border-radius: 0px;text-transform: uppercase;}
  
 
[type=reset]:hover, [type=submit]:hover, button:hover, .btn:hover, html [type=button]:hover  {background: #4875c7;border-color: #4875c7;color: #fff;cursor: pointer;}
 




[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .33);}
/*
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {background: #4875c7; color: #fff;}
*/
a.link {font-weight: 600;text-decoration: none;}
input{ font-family: 'Rajdhani', sans-serif; }
input[type="file"] { font-size: 14px;   -webkit-appearance: none;}
.field {margin-bottom: 20px;display: inline-block;width: 100%;}
.form-control {outline: none !important;padding: 12px 15px;border-radius: 0px;border: none;background: #fff !important;
  font-size: 14px;font-weight: 600;color: #7D7D7D;font-family: 'Rajdhani', sans-serif;box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);}
textarea.form-control { min-height: 91px;}
.form-control:focus {background-color: transparent;border-color: inherit;box-shadow: none;} 
select.form-control:not([size]):not([multiple]) { height: 49px; -webkit-appearance: none;   background-image: url(../images/select-arrow.png);
    background-position: 95% center;    background-repeat: no-repeat;}
blockquote { padding: 25px 25px; border-left: 4px solid #4875c7;     background: rgba(16, 86, 120, 0.05);
   font-size: 17px;   font-weight: 300;   position: relative;  line-height: 28px; }
blockquote strong{font-weight:500;}
 
.bg-site {background: #4875c7;color: #fff;}
.form-group label {display: block;  margin-bottom: 10px;}


 /* nochange*/
 
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
 strong { font-weight: 700;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}
::placeholder {color: #C4C4C4;  opacity: 1;  }
::-webkit-input-placeholder {color:#C4C4C4; opacity:1;}
::-moz-placeholder { color:#C4C4C4; opacity:1;}
:-ms-input-placeholder {color:#C4C4C4; opacity:1;}
:-moz-placeholder {color:#C4C4C4; opacity:1;}

.white-placeholder .form-control::placeholder {  color:#FFF; opacity: 1;  }
.white-placeholder .form-control::-webkit-input-placeholder { color:#FFF; opacity: 1;}
.white-placeholder .form-control::-moz-placeholder {color:#FFF; opacity:1;}
.white-placeholder .form-control:-ms-input-placeholder {color:#FFF; opacity: 1;}
.white-placeholder .form-control:-moz-placeholder {color:#FFF; opacity: 1;}

/*iphone popup*/
.ios-prompt {background-color: #fcfcfc;border: none;display: none;padding: 0.8rem 1rem 0 0.5rem;text-decoration: none;font-size: 16px;color: #555;position: fixed; 
margin: 0 auto 1rem;left: 5px;right: 5px;bottom: 20px;z-index:9999999;box-shadow: 1px 1px 3px rgb(0 0 0 / 16%); border-radius:10px; font-size:12px;}
.ios-prompt-box { display: inline-block; width: 100%; position: relative; } 
.ios-prompt-box:before { width: 0; height: 0; border-style: solid; border-width: 21px 20px 0 20px; border-color: #fcfcfc transparent transparent transparent; position: absolute; content: ""; bottom: -16px; left: 50%; transform: translateX(-50%); }


.main-section{padding: 55px 0px;background-size: cover !important;background-repeat: no-repeat !important;background-position: center center !important;position: relative;}
.main-section .container{position:relative;}
.main-section:before{content:""; position:absolute; left:0px; top:0px; width:100% !important; height:100% !important; background:transparent; }
.pr-50{padding-right:50px;}
.pl-50{padding-left:50px;}
button.close:before { display: none;}
button.close { min-width: auto;  color: #000 !important;  opacity: 1;  background: transparent !important;}
button.close.white-btn {color: #fff !important;}
 .br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.box-shadow{box-shadow: 3px 15px 68px rgba(29, 40, 143, 0.5);}
.object-fit {overflow: hidden;}
.object-fit img { width: 100%; height: 100%;  object-fit: cover;}
.zoom-hover img {-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition: all .5s;}
.zoom-hover:hover img {transform: scale(1.1);}
.sprit-icon { background-image: url(../images/sprit-icons.png); background-repeat: no-repeat;background-size: auto; 
 display: inline-block;}
.list-style {padding: 0px; list-style: none;}
.list-style li { display: inline-block;}
.text-light { color: #9F9F9F !important;}
.font-weight-semibold { font-weight: 600;}
.br-25{border-radius: 25px;}

/* header */

.header { border-bottom: 1px solid #E1E1E1;}
.site-logo { padding-top: 30px; padding-bottom: 30px; } 
.nav { height: 100%; align-items: center; justify-content: center; font-family: 'Poppins', sans-serif; display: inline-block !important;} 
.nav .main-list > li a { display: inline-block; color: #434343; padding: 44px 20px; } 
.nav .main-list { margin: 0px; } 
.nav .main-list > li a em {font-style: normal;font-weight: 600;font-size: 10px;line-height: 15px; color: #C2C2C2;display: block;position: absolute;margin-top: -13px;} 
.nav .main-list > li.active > a, 
.nav .main-list > li:hover > a,
.nav .main-list > li.active > a { background: #fff; } 

.site-action {text-align: right; padding-top: 44px;}
.site-action ul li a { padding: 0px 10px; color: #4A696C;}
.site-action ul li { margin-right: 20px; font-size: 14px; font-weight: 600;  line-height: 21px; font-family: 'Poppins', sans-serif;}
.site-action ul li:last-child { margin-right: 0px;}
.site-action ul li.active a {color: #4875c7;}

.menu-hamburger{width: 41px;padding: 0px; cursor:pointer;border:none;
  min-width: auto;  background: transparent !important;  position: relative;  top: 4px;  margin-left: 20px;  }
.menu-hamburger:after, .menu-hamburger:before{display:none;}
.menu-button-line{height:1px;width: 100%;background-color: #000;transition:transform .4s;display:inline-block;line-height:1;float: right;margin-bottom: 4px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.menu-hamburger .menu-button-line:nth-child(2) { max-width: 80%;}
.menu-hamburger .menu-button-line:nth-child(3) { max-width: 61%;}
.site-action ul {display: inline-block;}
.menu-hamburger:hover span {max-width: 100% !important; width: 100%;}


.nav .main-list li { position: relative; } 
.nav .main-list li > ul { position: absolute; left: 0px; z-index: 11; width: 250px; padding: 0px; margin: 0px; background: #fff; 
  height: 0px; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } 
.nav .main-list li > ul li a {padding: 0px 10px;display: inline-block;width: 100%;} 
.nav .main-list li > ul li { padding: 0px; width: 100%; height: 0px; font-size: 14px; overflow: hidden; -webkit-transition: all .3s; 
  -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } 
.nav .main-list > li:hover > ul { height: auto; opacity: 1; visibility: visible; } 
.nav .main-list > li:hover > ul > li { height: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } 
.nav .main-list > li:hover > ul > li a { padding: 5px 10px; } 
.nav .main-list > li:hover > ul > li:hover > a { background: #f0f5fc; }



 
 /* feature */

.circle-line {width: 102px; height: 102px;margin: auto;padding: 8px; border: 1px solid rgba(168, 177, 217, 0.46);
  margin-bottom: 10px; position: absolute; left: 0px; top: 0px;  }
.icon-box {width: 85px;height: 85px;background: #fff;border-radius: 100%;display: flex;align-items: center;justify-content: center;
  position: absolute;left: 8px;top: 8px; overflow: hidden;}
.tblue{color: #3B368C;}
.br-100{border-radius: 100%;}
.feature-section{background-image: url(../images/feature-bg.png);}
.feature-slider .item {padding: 30px 30px;}
.feature-box {font-weight: bold;font-size: 22px;line-height: 28px;background: #E3EAFD;box-shadow: 3px 7px 30px rgb(29 40 143 / 26%);border-radius: 25px;padding: 30px 30px;min-height: 256px;}
.feature-box .icon-box .sprit-icon {width: 40px;height: 40px;}
.time-icon{ background-position: -13px -16px;}
.report-icon {background-position: -60px -16px;}
.invoice-icon {background-position: -113px -19px;}
.workflows-icon {background-position: -161px -19px;}

.tools-content ul.list-style li { display: inline-block; width: 50%; float: left; text-align: center; font-size: 22px; margin-bottom: 50px; font-weight: 700; } 
.tools-content .feature-bx { margin-bottom: 11px; } 
.tools-content ul.list-style li:nth-child(1) .icon-box { background-color: #C065DE; } 
.tools-content ul.list-style li .icon-box { width: 85px; height: 85px; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; left: 8px; top: 8px; } 
.tools-content ul.list-style li:nth-child(2) .icon-box { background-color: #4875c7; } 
.tools-content ul.list-style li:nth-child(3) .icon-box { background-color: #ADABF4; } 
.tools-content ul.list-style li:nth-child(4) .icon-box { background: #78D5E4; }

.tools-content ul.list-style li .icon-box .sprit-icon { display: inline-block; width: 40px; height: 40px; } 
.quality-icon { background-position: -211px -19px; } 
.interface-icon { background-position: -266px -19px; } 
.technology-icon { background-position: -323px -23px; height: 45px !important; width: 45px !important; }
.user-friendly-icon { background-position: -383px -21px; height: 50px !important; }
.fs-50 { font-size: 50px;}
.tools-content h3 { margin-bottom: 40px;}


.container.container-lg { max-width: 1240px;}
span.animation-dot { position: absolute; width: 10px; height: 10px; background: #4875c7; border-radius: 100%; } 
span.animation-dot.dot-1 { left: 9px; top: 9px; } 
span.animation-dot.dot-2 { right: 9px; bottom: 9px; }

.overview-section{background-image: url(../images/backgrund-line.png);    background-size: auto !important;}
.overview-box { max-width: 438px; display: inline-block; padding: 55px 53px; } 
.list-style-1 { list-style: none; padding: 0px; margin: 0px; } 
.list-style-1 li { margin-bottom: 20px; position: relative; padding-left: 30px; } 
.list-style-1 li:before {content: "";position: absolute;left: 0px;top: 9px;width: 15px;height: 15px;background: #4875c7;border-radius: 100%;}
.fs-44{font-size: 44px;}

.testimonails-slider .item { border: 1px solid #C0C0C0; border-radius: 25px; background: #E3EAFD; padding: 27px 20px; min-height:250px; } 
.rating { color: rgb(0 0 0 / 20%); } 
.rating .fas.fa-star { color: #FFB342; } 
.cname { font-size: 18px; color: #000000; font-family: 'Poppins', sans-serif; } 
.cname small { color: #878787; font-size: 14px; padding-left: 10px; }
.testimonails-slider.top-right-nav .owl-nav { top: -30%;}
.mt-8 {margin-top: 80px;}
.container-sm { padding: 0px 80px;}
.bg-fixed { background-attachment: fixed !important;}


/* owl */
.owl-dots button:before, .owl-dots button:after, 
.owl-dots button span:before, .owl-dots button span:after { display: none;}
.owl-dots { height: auto !important; width: 100%; text-align: center;padding-top:20px;  background: transparent !important;}
.owl-dots button {background-color: transparent;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 14px;height: 14px;border: 1px solid #fff !important;border-radius:100%;}
.owl-dots button.owl-dot.active {background: #4875c7;}
.owl-dots button{box-shadow:none !important; outline:none !important;}
.owl-nav button {width: 60px;min-width: auto;height: 35px;position: relative;overflow: hidden;border: none !important;color: #000 !important;pointer-events: all;}
.owl-nav button span {position: relative;z-index: 1;min-width: auto;} 
.owl-dots button.owl-dot { background: #000;}


/*
.owl-nav  .fa-angle-right:before {font-family: 'LineIcons' !important; content: "\e914"; ba}
.owl-nav .fa-angle-left:before {font-family: 'LineIcons' !important; content: "\e912"; }*/

.owl-nav  .fa-angle-right:before {font-family: 'LineIcons' !important; content: url(../images/right-arrow.png);}
.owl-nav .fa-angle-left:before {font-family: 'LineIcons' !important;      content: url(../images/left-arrow.png);} 
.owl-carousel .owl-item img {width: auto;}
.top-right-nav .owl-nav { position: absolute;  right: 0px;  top: -15%;}
.tcolor{color:#4875c7;} 
.bg-light {background-color: #E3EAFD !important;}
.bg-dark {background-color: #1D1D1F !important; color: #fff;} 
.owl-nav button:last-child { margin-left: 20px;}
.circle-animation-play{ animation: loader 3s linear infinite;}
.feature-box:hover .circle-animation,
.tools-content ul.list-style li:hover .circle-animation{ animation: loader 3s linear infinite;}
.feature-bx { text-align: center;  display: block; width: 110px; height: 100px; margin: auto; margin-bottom: 20px;}


.package-box { background: #E3EAFD; padding: 50px 30px; } 
.package-box h6 {font-size: 22px;color: #000;font-weight: 600;margin-bottom: 20px;} 
.package-box.best-package h6 {color: #fff;} 
.package-price {font-size: 65px;font-weight: 300;line-height: 45px;} 
.package-price p {font-size: 18px;color: #434343;margin-top: 6px;font-weight: 600;} 
.best-package .package-price p {color: #C2C2C2;} 
.list-style-2 { padding: 0px; margin-bottom: 35px; list-style: none; } 
.list-style-2 li {position: relative;list-style: none;padding-left: 25px;}
.package-box.best-package { background: #1D1D1F; color: #C2C2C2;}

.outline-btn {background: transparent;border: 1px solid #1B1B1B;color: #1B1B1B;}
.white-btn {background: #fff;color: #1B1B1B;}
.list-style-2 li span {position: absolute;left: 0px;font-size: 18px;top: 2px;}
.package-box .list-style-2 { max-width: 70%; margin: auto auto 40px; text-align: left;}
.tgreen {color: #00EB6C;}
.tred {color: #FF2D2D;}
.package-section{background-image: url(../images/package-bg.png); background-position: bottom left !important;}
.bg-black{background: #000;}

.cta-box { padding: 50px 65px;}
.cta-info a.tel { color: #fff; font-size: 55px; font-weight: 700; line-height: normal;}
.call-icon {width: 100px;  height: 40px;  background-position: -634px -26px;}
.cta-info a.tel:hover {color: #4875c7;}

.border-1 { border: 1px solid #C0C0C0; } 
.site-box { padding: 40px 40px; height: 100%; } 
.list-style-3 { padding: 0px; list-style: none; } 
.list-style-3 li a { color: #434343; text-decoration: underline; } 
.list-style-3 li { font-weight: 600; margin-bottom: 10px; font-size: 14px; position: relative; padding-right: 30px; } 
.list-style-3 li a i { position: absolute; right: 0px; top: 6px; } 
.list-style-3 li a:hover { color: #4875c7; } 
.site-box h5 { margin-bottom: 40px; }
.inner-banner.help-pg { background-position: top center !important;}
.page-img {height: 568px;}

.opening-box { padding: 0px 40px;}
.opening-box-container{padding: 35px 0px; margin-bottom: 30px;}
.opening-section{background: url(../images/feature-bg.png); background-position: top left !important; background-size: contain !important;}
 


@-webkit-keyframes loader {
   from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes loader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes loader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes loader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


/* footer  */
.widget-title { color: #000; font-weight: 600; position: relative; padding-bottom: 10px; font-family: 'Poppins', sans-serif; } 
.widget-title:before { position: absolute; content: ""; width: 22px; height: 4px; background: #4875c7; bottom: 0px; left: 0px; } 
.footer-widget ul:not(class) { line-height: normal; list-style: none; padding: 0px; margin: 0px; } 
.footer-widget ul:not(class) li {font-size: 14px;font-weight: 500;line-height: 30px;font-family: 'Poppins', sans-serif;} 
.footer-widget ul:not(class) li a { color: #383838; text-decoration: underline; } 
.footer-widget ul:not(class) li a:hover { color: #4875c7; } .fs-20 { font-size: 20px; } 
.footer-widget p a { color: #212121; font-family: 'Poppins', sans-serif; font-weight: 600; }
.footer { font-family: 'Poppins', sans-serif;} 
.footer { font-size: 14px; font-weight: 500; } .footer-widget p a:hover { color: #4875c7; } 
.footer-logo img { margin-top: -10px; margin-bottom: 20px; } 
.copyright { padding: 15px 0px; border-top: 1px solid rgb(0 0 0 / 20%); margin-top: 50px; }

ul.social-media li a { display: inline-block; width: 40px; height: 40px; background: #1B1B1B; text-align: center; line-height: 40px; color: #fff; border-radius: 100%; } 
ul.social-media li { margin-right: 10px; } 
ul.social-media li:last-child { margin-right: 0px; } 
ul.social-media li a:hover { background: #4875c7; } 
.copyright p { color: #828282; }
 

.back-to-top {    position: fixed;  bottom: 70px;  right: 30px; text-align: center; font-size: 16px; color: #000000; letter-spacing: .308px; z-index: 1111;
    display: inline-block !important;}
.back-to-top span { border-radius: 50%; border: 1px solid #4875c7;width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:#4875c7; color:#fff;}
 



/* breadcrumb */
 
ul.breadcrumb{border-radius:0;margin:0;background:transparent;padding: 0px;display: inline-block;}
ul.breadcrumb a{ text-decoration:none;}
.breadcrumb li{text-transform:capitalize;transition:all .5s;display: inline-block;font-size: 16px;font-weight: 500;}
.breadcrumb li:nth-last-child(1):after{display:none;}
ol.breadcrumb {background: transparent;color: #fff;padding: 0px;margin-bottom: 0;justify-content: left;}
.breadcrumb li a {color: #4875c7;}
.breadcrumb-item.active {color: #4A696C;}
.breadcrumb-item+.breadcrumb-item::before {color: #4A696C;content: "\e90a";font-family: 'LineIcons' !important;font-size: 12px;margin-top:3px;}
 
  

/* about us */
.inner-banner{background: url(../images/banner-bg.png); background-size: contain !important; background-position: top right !important;}
.page-heading { -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: #4875c7;  line-height: 1;  color: transparent;  background: transparent; font-size: 70px;}
.page-link-box { padding: 40px 75px; max-width: 425px; } 
.page-link-box ul { list-style: none; padding: 0px; margin: 0px; } 
.page-link-box ul li { margin-bottom: 20px; } 
.page-link-box ul li:last-child { margin-bottom: 0px; }
.page-link-box ul li a { color: #fff; } 
.page-link-box ul li a:hover { color: #4875c7; } 
.bx-shape { position: absolute; display: inline-block; width: 26px; height: 14px; background: #4875c7; left: 0px; } 

.keypoint-text h2{line-height: 72px;}
.notifiction-item a { background: #4875c7; display: inline-block; width: 59px; height: 59px; color: #fff; text-align: center; line-height: 77px; margin-right: 15px; } 
.notifiction-item a:last-child { margin-right: 0px; } 
.notifiction-item a:hover { background: #000; }
.tour-display {position: absolute;left: 50%;top: 55%;transform: translate(-50%, -50%);z-index: 1;max-width: 44%;} 
.tour-section { position: relative; margin-top: 45px; } 
.tour-slide-img { opacity: .5; transform: scale(0.8); } 
.tour-slide .active.center .tour-slide-img { opacity: 1; transform: scale(1.0); }
.nav-center .owl-nav { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } 
.nav-center .owl-nav button { background: #4875c7 !important; color: #fff !important; width: 68px; height: 68px; border-radius: 100%; } 
.nav-center .owl-nav button.owl-next { float: right; }
.tour-slide.nav-center .owl-nav { width: 50%; } 
.icon-arrow .owl-nav .fa-angle-left:before { content: "\e93c";}
.icon-arrow .owl-nav .fa-angle-right:before{content: "\e93e";}
.work-flow .bg-site {width: 115px; height: 115px;  margin: auto auto 30px; display: flex; align-items: center; justify-content: center;}
.work-flow .bg-site span.sprit-icon {width: 50px; height: 50px; display: inline-block;}
.fs-14 { font-size: 14px;}
.work-flow  p{font-weight: 500;}
.login-icon { background-position: -501px -23px;}
.data-analysis-icon { background-position: -567px -19px;}
.result-icon { background-position: -438px -21px;}
.process-line { position: absolute;  top: 50%; left: 50%;  width: 71%;  border: 1px dashed #4875c7; transform: translate(-50%, -50%);}

.work-flow { position: relative; padding: 0px 15px;} 
.work-flow:before { width: 0; height: 0; border-style: solid; 
  border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #4875c7; content: ""; position: absolute; right: 0px; top: 22%; } 
.before-none:before { display: none; }

.work-process-section,
.contact-section{background: url(../images/feature-bg.png);}
.fs-21{font-size: 21px;}
.cnt-tabs {background: #E3EAFD;box-shadow: 3px 15px 68px rgba(29, 40, 143, 0.5);border-radius: 25px;padding: 40px 30px;max-width: 514px;margin-left: auto;}
.cnt-tabs-box .tab-content{border: 1px solid #C1C1C1;padding: 25px;min-height: 450px;}

label { line-height: normal;}
.field-sm {float: left;  width: 50%; padding: 0px 8px;}
.field .field-sm:first-child {padding-left: 0px;}
.field .field-sm:last-child {  padding-right: 0px;}
.nav-tabs .nav-link {font-family: 'Rajdhani', sans-serif; font-size: 16px; border-radius: 0px;  color: #434343;    border: none;}
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {background: #4875c7; color: #fff;}
.cnt-tabs-box .nav { justify-content: left; align-items: normal;}

.phone-icon { background-position: -12px -82px; height: 40px; width: 40px;} 
.email-icon { background-position: -62px -82px; height: 40px; width: 40px;} 
.link-icon { background-position: -157px -83px; height: 40px; width: 40px;} 
.location-icon { background-position: -114px -83px;  height: 40px; width: 40px;} 

.feature-box p { font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; }
.contact-section .feature-box { min-height: 320px;}
.contact-section .feature-box:hover { background: #4875c7;  color: #fff;}
.contact-section .feature-box:hover span.animation-dot { background: #fff;}
.article{margin-bottom: 30px;}
.article-img.object-fit {width: 100%; height: 204px;}
.overlay { background: rgb(232 58 153 / 90%); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; pointer-events: none; } 
.overlay span { display: flex; width: 47px; height: 47px; background: #fff; border-radius: 100%; text-align: center; align-items: center; justify-content: center; color: #8731E8; } .overlay span i { transform: rotate(-45deg); } 
.article-content { padding: 19px; background: #fff; } 
.article-content h3 { font-weight: 600; margin-bottom: 10px; }
ul.blog-meta li { color: #888888; font-size: 14px; font-weight: 600; margin-right: 20px;}
ul.blog-meta li:last-child{margin-right: 0px;} 
.article-content p { font-size: 14px; } 
ul.blog-meta li span { vertical-align: middle; font-size: 16px; } 
.article-content h3 a { color: #434343; } 
.article-content h3 a:hover { color: #4875c7; } 
.article-img:hover .overlay { opacity: 1; }
.inner-banner.blog-banner { background-position: top right !important;}
span.box-divider {display: inline-block; width: 53px; height: 3px; background: #4875c7;}


.pagination-bar{margin-top: 40px;}
.page-link:hover,
.page-item.active  .page-link{color: #fff;text-decoration: none;background-color: #4875c7;border-color: #4875c7;}
.pagination {justify-content: left;}
.page-link { background: #D4D4D4;  border: none;  box-shadow: none !important;  padding: 14px 19px;  margin-right: 10px;
    border-radius: 0px !important;  color: #fff;  font-family: 'Poppins', sans-serif;  font-size: 14px;  font-weight: 600; }
.page-item:last-child .page-link { margin-right: 0px;}

.sidebar { padding: 45px 0px; position: relative; } 
.sidebar-widger{padding: 0px 45px; margin-bottom: 20px;}
.sidebar ul { list-style: none; padding: 0px; margin: 0px; } 
.sidebar ul li { display: inline-block; width: 100%; } 
.recent-post-img { width: 32%; height: 80px; display: inline-block; margin-right: 15px; float: left; margin-top: 6px; } 
.recent-post-info { display: inline-block; width: 62%; float: left; } 
.recent-post-info p { font-size: 14px; line-height: normal; color: #C1C1C1; margin-bottom: 10px; } 
.recent-post-info p a{ color: #C1C1C1; } 
.recent-post-info p a:hover{ color: #4875c7; } 
.recent-post li { margin-bottom: 15px; }
.recent-post li .blog-meta  li{margin-bottom: 0px;}
.sidebar-widger h5 { margin-bottom: 30px;}
.sidebar-widger .bx-shape { top: 7px;}
.shap-img { position: absolute; bottom: 0px; left: 0px; z-index: -1;}
.t-black{color: #000;}

.blog-single-pg .blog-pagination ul li a p { color: #959595;  font-size: 15px;}
.blog-single-pg .blog-pagination ul li { width: 50%;  float: left;}
.blog-single-pg .blog-pagination ul li.next-post { float: right;  text-align: right;}
.blog-single-pg .blog-pagination ul li.prev-post {padding-right: 15px;}
.blog-single-pg .blog-pagination ul li.next-post {padding-left: 15px;}

.blog-single-pg .blog-pagination ul li.prev-post { padding-right: 15px; } 
.blog-single-pg .blog-pagination ul li.next-post { padding-left: 15px; } 
.blog-single-pg .blog-pagination ul li a:hover p {color: #4875c7;}

.switch {position: relative; display: inline-block; width: 51px;  height: 23px; margin: 0px 20px; vertical-align: middle;}
.switch input { opacity: 0; width: 0; height: 0;}
.slider.round { border-radius: 10px;}
.slider { position: absolute; cursor: pointer;  top: 0; left: 0;  right: 0;  bottom: 0;
    background-color: #4875c7; -webkit-transition: .4s;   transition: .4s;}
.slider:before { position: absolute; content: ""; height: 15px; width: 15px;  left: 4px;  bottom: 4px;
    background-color: white;  -webkit-transition: .4s;  transition: .4s;  border-radius: 50%;}
input:checked + .slider { background-color: #4875c7;}
input:checked + .slider:before { -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);}


.pricing-item-box { background: #E3EAFD; display: inline-block; margin: 0px 15px; padding: 50px 70px; width: 319px; } 
.switch-pack { text-align: center; padding-top: 70px; } 
.fs-28 { font-size: 28px; } 
.pricing-rate { font-size: 58px; font-weight: 500; } 
.pricing-rate sub { font-size: 20px; font-weight: 700; } 
.pricing-list-item { font-size: 20px; font-weight: 600; } 
.pricing-item-box.bg-site { background: #4875c7; } 
.pricing-package { margin-top: 50px; }
.pt-80{padding-top: 80px;}

.card-header { padding: 0px; border-bottom: 1px solid rgb(0 0 0 / 10%); background: transparent !important; } 
.card-header button { width: 100%; text-align: left; background: transparent !important; color: #434343 !important; text-decoration: none !important; padding: 10px 30px 10px 0px; position: relative; font-size: 20px; font-weight: 600; text-transform: none; } 
.faq-section .card { background: transparent; border: none; } 
.card-header button .card-icon { position: absolute; right: 0px; } 
.card-body { padding: 20px 0px; } 
div#accordion { max-width: 800px; margin: auto; }
.pricing-pg .shap-img { transform: translateY(35%);}


/* faq page */
 

.default-text ul { padding: 0px; margin: 0px; list-style: none; } 
.default-text ul li { position: relative; padding-left: 20px; margin-bottom: 10px; } 
.default-text ul li:before { font-family: LineIcons!important; content: "\e93e"; position: absolute; left: 0px; }
.login-form {max-width: 350px;margin: auto;padding: 50px 0px; height: 100%; display: flex; align-items: center; justify-content: center;} 
.no-banner .header, 
.no-banner .footer,
.no-banner .back-to-top {display: none !important;}

.login-box-img.object-fit {height: 100vh;}
span.input-group-text { color: #4875c7; background: #F3F3F3; border: none; } 
span.input-group-text {} .input-group .form-control { box-shadow: none; } 
.login-form .input-group { box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 5%); } 
.login-form p { line-height: normal; }
.form-logo{margin-bottom: 25px}
a.text-light:focus, a.text-light:hover { color: #000!important;  text-decoration: underline;}
a.link{text-decoration: underline;}
.login-content { left: 50%;  top: 50%;   transform: translate(-50%, -50%);  width: 75%;}

.home-btn.position-absolute { left: 13%;  top: 20px; padding: 13px 16px; min-width: auto;}
.btn span { vertical-align: sub;   font-size: 20px;}
.active-btn { background: #4875c7;  color: #fff;}
.field input[type="checkbox"] { vertical-align: middle;  margin-right: 5px;}


.login-form-btn { position: absolute; z-index: 11; left: 0px; top: 70px; width: 121px; transform: translateX(-121px); } 
.login-form-btn a { display: inline-block; width: 100%; font-weight: 600; font-size: 18px; line-height: 23px; 
  text-align: left; padding: 13px 4px 13px 24px; color: #B8B8B8; margin-bottom: 5px;} 
.login-form-btn a.active { color: #434343; background: #F0F5FC; }




@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* right sidebar */

 
.flyout-menu{
  width:315px;
  z-index:101010;
  position:fixed;
  transition:all .5s;
  right: -100%;
  background-color:#fff;
  transition-delay:.225s;
  }

 body.nav-open{overflow:hidden;}
.hamburger-cls{
  position:absolute;
  transform:rotate(05deg);
  transition-delay:.025s;
  width: 50px;
  height: 50px;
  min-width: auto;
  padding: 0px;
  background: transparent !important;
  right: 0px;
  top: 0px;
  }
body.nav-open .hamburger-cls{transform:rotate(45deg);transition-delay:.625s;cursor:pointer;}
.cl-line:nth-child(1){height:0%;width:1px;position:absolute;top:31%;left:25px;transition-delay:.23s;background: #000;}
.cl-line:nth-child(2){width:0%;height:1px;position:absolute;left:16%;top:34px;transition-delay:.25s;background: #000;}
body.nav-open .hamburger-cls .cl-line:nth-child(1){height: 37px;transition-delay:.625s;}
body.nav-open .hamburger-cls .cl-line:nth-child(2){width: 37px;transition-delay:.375s;}

.menu-overlay{background-color: rgba(14,14,14,.82);
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 1026;
    -webkit-transform: scaleX(0);
    -khtml-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -webkit-transition: transform .8s ease 0s;
    -khtml-transition: transform .8s ease 0s;
    -moz-transition: transform .8s ease 0s;
    -ms-transition: transform .8s ease 0s;
    -o-transition: transform .8s ease 0s;
    transition: transform .8s ease 0s;
    transition-delay: .2s;
    -webkit-transition-delay: .2s;}

body.nav-open .menu-overlay{-webkit-transform: scaleX(1);
    -khtml-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;}

.fmenu-contaner {
    position: fixed;
    z-index: 1029;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 70px 50px;
    width: 370px;
    background-color: #fff;
    font-size: 15px;
    line-height: 26px;
    color: #383838;
    overflow: hidden;
    -webkit-transform: translateX(380px);
    -khtml-transform: translateX(380px);
    -moz-transform: translateX(380px);
    -ms-transform: translateX(380px);
    -o-transform: translateX(380px);
    transform: translateX(380px);
    -webkit-transition: transform .8s ease 0s;
    -khtml-transition: transform .8s ease 0s;
    -moz-transition: transform .8s ease 0s;
    -ms-transition: transform .8s ease 0s;
    -o-transition: transform .8s ease 0s;
    transition: transform .8s ease 0s;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

body.nav-open .fmenu-contaner {   -webkit-transform: translateX(0px);
    -khtml-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    transition-delay: .3s;
    -webkit-transition-delay: .3s;}

.flyout-logo { margin-bottom: 20px;}
.fmenu-contaner .list-style-2 li { padding-left: 50px; min-height: 50px; display: flex; align-items: center;  margin-bottom: 10px;}
.card-header button { white-space: normal;}
h1.error-title { margin-top: 30px;}



.webapp-box {position: fixed;bottom: 0px;left: 50%;transform: translateX(-50%);background: #1d1d1f;border-top-left-radius: 10px;border-top-right-radius: 10px;overflow: hidden;padding: 6px 17px;z-index: 99;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} 
.webapp-box button {padding: 0px;background: transparent !important;}
.webapp-btn .close {font-size: 15px;vertical-align: middle; line-height: 20px; margin-top: 3px;margin-left: 10px;}
button.home-screen-btn {vertical-align: middle;}
.webapp-box:hover { background: #4875c7;}

.webapp-btn {display: flex;  justify-content: center;}
.webapp-btn button {white-space: nowrap;}


/* container */

.container-left {padding-left: calc(50% - 570px);}
.container-right {padding-right: calc(50% - 570px);} 

@media (min-width: 767px){ 
.container { max-width: 100%;}
}


@media (min-width: 768px){
.container {max-width: 720px;}
}

@media (min-width: 992px){
.container {max-width: 960px;}

}
@media (min-width: 1200px){
.container {max-width: 1170px;  }
.container-fluid {padding-left: 15px;  padding-right: 15px;}

}

 
@media (min-width:1680px){
 
}

 .tools-content-repeat ul.list-style li { width: 30%;}
 .tools-content-repeat ul.list-style li:nth-child(1) .icon-box, .tools-content-repeat ul.list-style li:nth-child(2) .icon-box, .tools-content-repeat ul.list-style li:nth-child(3) .icon-box{
     background-color: #fff;
 }