@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
:root {
  --main-font: "Roboto", sans-serif;
  --base-font: "Roboto", sans-serif;
}
:root {
  --theme-color: #0084ff;
  --header-color: #304449;
  --nav-link: #000;
  --text-color: #304449;
  --black: #304449;
  --blue: #0084ff;
  --cloud: #f2f4f7;
  --coal: #31363f;
  --ghost: #f1f1f2;
  --dark-grey: #999;
  --green: #0fbc49;
  --grey: #dfdfdf;
  --lavender: #ebe9fd;
  --light-grey: #f6f6f7;
  --lime: #d5d52b;
  --lotus: #858ae3;
  --metal: #606060;
  --oxford: #222637;
  --pink: #f9669d;
  --purple: #7a5af8;
  --royal: #393b5b;
  --sand: #f9f9f7;
  --silver: #ccc;
  --sky: #f0f3f8;
  --sky-blue: #00a5fe;
  --smoke: #e7e7e7;
  --white: #fff;
  --white-smoke: #f7f7f9;
  --yellow: #fbd043; 
  --tra-black: rgba(5, 5, 5, .05);
  --tra-grey: rgba(96, 96, 96, .13);
  --tra-white: rgba(255, 255, 255, .2); 
}
html {
  font-size: 16px;
} 
body {
  font-family: var(--base-font);
  color: var(--text-color);
  line-height: 1.6666;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.main-font { 
  font-family: var(--main-font);
  font-weight: 500; 
}
#page { 
  overflow: hidden; 
}
.rel,
section,
.container { 
  position: relative!important; 
  z-index: 3; 
}
.block--shadow { 
  box-shadow: 0 4px 12px 0 var(--tra-black);
}
.block--border {
  border: 1.5px solid;
}
.border-grey {
  border-color: var(--grey)!important;
}
.border-smoke {
  border-color: var(--smoke)!important;
}
.r-0 { border-radius: 0px; }
.r-02 { border-radius: 2px; }
.r-04 { border-radius: 4px; }
.r-06 { border-radius: 6px; }
.r-08 { border-radius: 8px; }
.r-10 { border-radius: 10px; }
.r-12 { border-radius: 12px; }
.r-14 { border-radius: 14px; }
.r-16 { border-radius: 16px; }
.r-18 { border-radius: 18px; }
.r-20 { border-radius: 20px; }
.r-22 { border-radius: 22px; }
.r-24 { border-radius: 24px; }
.r-26 { border-radius: 26px; }
.r-28 { border-radius: 28px; }
.r-30 { border-radius: 30px; }
.r-32 { border-radius: 32px; }
.r-34 { border-radius: 34px; }
.r-36 { border-radius: 36px; }
.py-25 { padding-top: 25px; padding-bottom: 25px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }
.py-35 { padding-top: 35px; padding-bottom: 35px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }
.py-50 { padding-top: 50px; padding-bottom: 50px; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
.py-70 { padding-top: 70px; padding-bottom: 70px; }
.py-80 { padding-top: 80px; padding-bottom: 80px; }
.py-90 { padding-top: 90px; padding-bottom: 90px; }
.py-100 { padding-top: 100px; padding-bottom: 100px; }
.py-110 { padding-top: 110px; padding-bottom: 110px; }
.py-120 { padding-top: 120px; padding-bottom: 120px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-100 { padding-top: 100px; }
.pt-120 { padding-top: 120px; }
.pb-60 { padding-bottom: 60px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-120 { padding-bottom: 120px; }
.px-15 { padding-left: 15px; padding-right: 15px; }
.px-20 { padding-left: 20px; padding-right: 20px; }
.px-25 { padding-left: 25px; padding-right: 25px; }
.px-30 { padding-left: 30px; padding-right: 30px; }
.px-35 { padding-left: 35px; padding-right: 35px; }
.mt-0 { margin-top: 0!important; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-110 { margin-top: 110px; }
.mt-120 { margin-top: 120px; }
.mb-0 { margin-bottom: 0!important; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-110 { margin-bottom: 110px; }
.mb-120 { margin-bottom: 120px; }
.bg--fixed,
.bg--scroll {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg--fixed { background-attachment: scroll!important; }
.bg--scroll { background-attachment: fixed!important; }
.bg--theme { background-color: var(--theme-color); }
.bg--black { background-color: var(--black); }
.bg--blue { background-color: var(--blue); }
.bg--cloud { background-color: var(--cloud); }
.bg--coal { background-color: var(--coal); }
.bg--ghost { background-color: var(--ghost); }
.bg--green { background-color: var(--green); }
.bg--grey { background-color: var(--grey); }
.bg--lavender { background-color: var(--lavender); }
.bg--lightgrey { background-color: var(--light-grey); }
.bg--lime { background-color: var(--lime); }
.bg--lotus { background-color: var(--lotus); }
.bg--oxford { background-color: var(--oxford); }
.bg--pink { background-color: var(--pink); }
.bg--purple { background-color: var(--purple); }
.bg--royal { background-color: var(--royal); }
.bg--sand { background-color: var(--sand); }
.bg--silver { background-color: var(--silver); }
.bg--sky { background-color: var(--sky); }
.bg--skyblue { background-color: var(--sky-blue); }
.bg--smoke { background-color: var(--smoke); }
.bg--white { background-color: var(--white); }
.bg--whitesmoke { background-color: var(--white-smoke); }
.bg--yellow { background-color: var(--yellow); }
.gr--cloud { background-image: linear-gradient(180deg, rgba(242, 244, 247, .65) 50%, rgba(242, 244, 247, .05) 100%); }
.bg--01, 
.bg--02, 
.bg--03, 
.bg--04, 
.bg--05,
.bg--06,
.ba--02,
.ba--03 {
  background-repeat: no-repeat;
  background-position: center center;   
  background-size: cover;
}
.bg--01 { background-image: url(../images/hero-15.avif); }
.bg--02 { background-image: url(../images/bg-02.jpg); }
.bg--03 { background-image: url(../images/bg-03.jpg); }
.bg--04 { background-image: url(../images/bg-04.jpg); }
.bg--05 { background-image: url(../images/bg-05.jpg); }
.bg--06 { background-image: url(../images/bg-06.jpg); }
.ba--02 { background-image: url(../images/ba-02.jpg); }
.ba--03 { background-image: url(../images/hero-15.avif); }
.bg--shape:after {
  position: absolute;
  content: '';
  width: 600px;
  height: 600px;
  top: 22%;
  left: 20%;
  z-index: -1;
  background-color: rgba(119, 67, 142, .12);
  filter: blur(15rem);
}
.bg--shape-top:after {
  position: absolute;
  content: '';
  width: 600px;
  height: 600px;
  top: -5%;
  right: 12%;
  z-index: -1;
  background-color: rgba(119, 67, 142, .17);
  filter: blur(15rem);
}

.shape--02:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 55%;
  left: 0;
  z-index: -1;
}
.shape--02:after {
  top: 45%;
}
hr.divider {
  width: 100%;
  height: 1px;
  background-color: transparent;
  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #999 64%, rgba(206,211,246,0) 99%);
  opacity: .4;
  border: none;
  margin: 0;
}
@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes spin { 
  100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } 
}
h6, h5, h4, h3, h2, h1 {  
  font-family: var(--main-font);
  color: var(--header-color);
  font-weight: 500; 
  letter-spacing: 0.2px;  
  margin-bottom: 0;
}
h1 {
  font-weight: 800;
}
h2 {
  font-weight: 600;
}
.hero-section h2 {
  font-weight: 400;
}
.fs-10 { font-size: 0.625rem; }
.fs-11 { font-size: 0.6875rem; } 
.fs-12 { font-size: 0.75rem; }  
.fs-13 { font-size: 0.8125rem; }
.fs-14 { font-size: 0.875rem; }  
.fs-15 { font-size: 0.9375rem; } 
.fs-16 { font-size: 1rem; }        
.fs-17 { font-size: 1.0625rem; } 
.fs-18 { font-size: 1.125rem; }  
.fs-19 { font-size: 1.1875rem; } 
.fs-20 { font-size: 1.25rem; }    
.fs-21 { font-size: 1.3125rem; } 
.fs-22 { font-size: 1.375rem; }  
.fs-23 { font-size: 1.4375rem; } 
.fs-24 { font-size: 1.5rem; }   
.fs-25 { font-size: 1.5625rem; } 
.fs-26 { font-size: 1.625rem; }  
.fs-28 { font-size: 1.75rem; }      
.fs-30 { font-size: 1.875rem; }  
.fs-32 { font-size: 2rem; }     
.fs-34 { font-size: 2.125rem; }  
.fs-36 { font-size: 2.25rem; }   
.fs-38 { font-size: 2.375rem; }  
.fs-40 { font-size: 2.5rem; }    
.fs-42 { font-size: 2.6255rem; } 
.fs-44 { font-size: 2.75rem; }   
.fs-46 { font-size: 2.875rem; }  
.fs-48 { font-size: 3rem; }     
.fs-50 { font-size: 3.125rem; } 
.fs-52 { font-size: 3.25rem; }  
.fs-54 { font-size: 3.375rem; } 
.fs-56 { font-size: 3.5rem; }    
.fs-58 { font-size: 3.625rem; } 
.fs-60 { font-size: 3.75rem; }   
.fs-62 { font-size: 3.875rem; } 
.fs-64 { font-size: 4rem; }    
.fs-66 { font-size: 4.125rem; }  
.fs-68 { font-size: 4.25rem; }  
.fs-70 { font-size: 4.375rem; } 
.fs-72 { font-size: 4.5rem; }  
.fs-74 { font-size: 4.625rem; }  
.fs-76 { font-size: 4.75rem; }     
.fs-78 { font-size: 4.875rem; }  
.fs-80 { font-size: 5rem; }
.fw-400 { font-weight: 400; }
.fw-600 { font-weight: 600; }
.ls-0 { letter-spacing: 0; }
.ls-0d25px { letter-spacing: -0.25px; }
.ls-0d35px { letter-spacing: -0.35px; }
.ls-0d5px { letter-spacing: -0.5px; }
.ls-0d75px { letter-spacing: -0.75px; }
.ls-1d25px { letter-spacing: -1.25px; }
.ls-1d3px { letter-spacing: -1.3px; }
.ls-1d35px { letter-spacing: -1.35px; }
.ls-1d5px { letter-spacing: -1.5px; }
.ls-1d75px { letter-spacing: -1.75px; }
.ls-2px { letter-spacing: -2px; }
p { font-size: 1rem; }  
p.main-font,
span.main-font {
  display: block;
  font-family: var(--main-font);
  color: var(--header-color);
  font-weight: 500; 
  letter-spacing: 0;  
}
a {
  color: var(--header-color);
  text-decoration: none;
  transition: all 400ms ease-in-out; 
}
a:hover {
  color: var(--header-color);
  text-decoration: none;
}
a:focus {
  outline: none;
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
} 
ul.simple-list {
  list-style: disc;
  margin-left: 15px;
}

.comp-table span.flaticon-check-1 {
	background: var(--green)!important;
	color: var(--white)!important;
	width:40px; height:40px;
        padding:5px 7px 2px 5px; border-radius:20px;
}

.check-list.ico-20 [class^="flaticon-"]:before,
.check-list.ico-20 [class^="flaticon-"]:after {
  font-size: 1rem;
}
.btn {
  overflow: hidden;
  font-size: 0.975rem;
  line-height: 1;
  font-weight: 600;
  background-color: transparent;
  padding: 0.8rem 1.5rem;
  border: 2px solid transparent;
  transition: all 400ms ease-in-out; 
}
.btn.btn-sm {
  font-size: 0.945rem;
  padding: 0.75rem 1.35rem;
}
.btn.btn-md {
  font-size: 1rem;
  padding: 0.9rem 1.65rem;
}
.btn.ico-left,
.btn.ico-right {
  padding: 0.9rem 1.4rem;
}
.btn.ico-30.ico-left {
  padding: 0.37rem 0;
}
.btn.ico-35 {
  padding: 0.7rem 0.6rem 0.7rem 1.15rem;
  border-radius: 36px;
}
.btn.btn-gra.ico-35 {
  padding: 0.895rem 0.795rem 0.895rem 1.395rem;
}
.btn-text {
  position: relative;
  display: inline-block;
}
.ico-35 .btn-text {
  top: -3.5px;
}
.btn-text .anim-txt {
  display: block;
}
.btn.last-link .btn-text {
  transition: transform 0.4s ease-in-out;
}
.btn.last-link .btn-text .anim-txt:last-of-type {
  position: absolute;
  inset: 0;
  transform: translateY(350%);
}
.btn.last-link:hover .btn-text {
  transform: translateY(-350%);
}
.btn:not(.last-link) {
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.btn:not(.last-link):hover {
  box-shadow: inset 0 0 0 9999px rgba(0,0,0,0.1);
}
.btn.ico-20 [class*="flaticon-"]:before, 
.btn.ico-20 [class*="flaticon-"]:after { 
  position: relative;
  font-size: 0.9rem; 
  line-height: 0.6rem!important;
  top: 2px;
}
.btn.video-popup.ico-20 [class*="flaticon-"]:before, 
.btn.video-popup.ico-20 [class*="flaticon-"]:after { 
  font-size: 1.25rem; 
  top: 5px;
}
.btn.ico-left span {
  margin-right: 7px;
}
.btn.ico-right span {
  margin-left: 7px;
}
.btn.ico-30 span {
  position: relative;
  top: 0;
  right: 2px;
  margin-right: 0;
}
.btn.ico-30 span.ico-30-txt {
  position: relative;
  top: -10px;
  left: 8px;
  font-size: 1.05rem;
}
.btn.ico-35 [class*="flaticon-"]:before, 
.btn.ico-35 [class*="flaticon-"]:after { 
  position: relative;
  font-size: 1.95rem;
  line-height: 0.5rem!important;
  top: 8px;
  margin-left: 6px;
}
.btns-group .btn.ico-30.ico-left {
  padding: 0.37rem 0.5rem;
}
.btns-group .btn.ico-30.ico-right {
  padding: 0.37rem 0;
}
p.btns-group-txt.ico-15 {
  padding-left: 5px;
}
.text-center p.btns-group-txt.ico-15 {
  padding-left: 0;
}
.btn-txt.ico-15 [class*="flaticon-"]:before, 
.btns-group-txt.ico-15 [class*="flaticon-"]:before, 
.btn-txt.ico-15 [class*="flaticon-"]:after,
.btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
.star-rating.ico-15 [class*="flaticon-"]:before, 
.star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; }
.star-rating.ico-20 [class*="flaticon-"]:before, 
.star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 0.95rem; top: 1px; }
.btn--transparent {
  color: var(--black)!important;
  background-color: transparent!important;
  border-color: transparent!important;
}
.btn--transparent.color--white {
  color: var(--white)!important;
}
.btn--transparent:hover {
  background-color: transparent!important;
  border-color: transparent!important;
} 
.btn--theme, .color--white .hover--theme:hover {
  color: var(--white)!important; border-color: var(--theme-color)!important; background-color: var(--theme-color)!important; 
}
.btn--tra-theme, .color--white .btn--tra-theme {
  color: var(--theme-color)!important; background-color: transparent!important; border-color: var(--theme-color)!important; 
}
.btn--white, 
.color--white .btn--white, 
.color--white .hover--white:hover {
  color: var(--black)!important; background-color: var(--white)!important; border-color: var(--white)!important; 
}
.btn--tra-white, 
.color--white .hover--tra-white:hover {
  color: var(--white)!important; background-color: transparent!important; border-color: var(--white)!important; 
}
.btn--black {
  color: var(--white)!important; background-color: var(--black)!important; border-color: var(--black)!important; 
}
.btn--tra-black {
  color: var(--black)!important; background-color: transparent!important; border-color: var(--black)!important; 
}
.btn--blue, .color--white .hover--blue:hover {
  color: var(--white)!important; border-color: var(--blue)!important; background-color: var(--blue)!important; 
}
.btn--tra-blue, .color--white .btn--tra-blue {
  color: var(--blue)!important; background-color: transparent!important; border-color: var(--blue)!important; 
}
.btn--green, .hover--green:hover, .scroll .hover--green:hover, .color--white .hover--green:hover {
  color: var(--white)!important; border-color: var(--green)!important; background-color: var(--green)!important; 
}
.btn--tra-green, .color--white .btn--tra-green {
  color: var(--green)!important; background-color: transparent!important; border-color: var(--green)!important; 
}
.btn--lime, .color--white .hover--lime:hover {
  color: var(--black)!important; border-color: var(--lime)!important; background-color: var(--lime)!important; 
}
.color--white .btn--lime {
  color: var(--black)!important;
}
.btn--tra-lime, .color--white .btn--tra-lime {
  color: var(--lime)!important; background-color: transparent!important; border-color: var(--lime)!important; 
}
.btn--lotus, .color--white .hover--lotus:hover {
  color: var(--white)!important; border-color: var(--lotus)!important; background-color: var(--lotus)!important; 
}
.btn--tra-lotus, .color--white .btn--tra-lotus {
  color: var(--lotus)!important; background-color: transparent!important; border-color: var(--lotus)!important; 
}
.btn--pink, .color--white .hover--pink:hover {
  color: var(--white)!important; border-color: var(--pink)!important; background-color: var(--pink)!important; 
}
.btn--tra-pink, .color--white .btn--tra-pink {
  color: var(--pink)!important; background-color: transparent!important; border-color: var(--pink)!important; 
}
.btn--purple, .color--white .hover--purple:hover {
  color: var(--white)!important; border-color: var(--purple)!important; background-color: var(--purple)!important; 
}
.btn--tra-purple, .color--white .btn--tra-purple {
  color: var(--purple)!important; background-color: transparent!important; border-color: var(--purple)!important; 
}
.btn--skyblue, .color--white .hover--skyblue:hover {
  color: var(--white)!important; border-color: var(--sky-blue)!important; background-color: var(--sky-blue)!important; 
}
.btn--tra-skyblue, .color--white .btn--tra-skyblue {
  color: var(--sky-blue)!important; background-color: transparent!important; border-color: var(--sky-blue)!important; 
}
.btn--yellow, .color--white .hover--yellow:hover {
  color: var(--black)!important; border-color: var(--yellow)!important; background-color: var(--yellow)!important; 
}
.color--white .btn--yellow {
  color: var(--black)!important;
}
.btn:focus,
.btn.btn--black:focus {
  color: var(--white);
  box-shadow: none; 
}
.btn--transparent:focus {
  background-color: transparent;
  border-color: transparent;
} 
.btn--tra-black:focus, 
.btn--transparent:focus,
.btn.btn--tra-grey:focus {
  color: var(--black); 
  -webkit-box-shadow: none;
  box-shadow: none; 
}
.store {
  display: inline-block;
  text-align: center;
  margin-right: 12px;
}
.store:last-child {
  margin-right: 0;
} 
.store img {
  width: auto;
  max-width: inherit;
}
.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; }  
.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; }
.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; }   
.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; }
.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; } 
.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; }
.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }   
.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; }
.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; } 
.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; }
.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; } 
.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; }
.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; }  
.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; }
.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; }     
.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; } 
.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; } 
.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; } 
.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; } 
.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; }
.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; } 
.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; }
.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; }
.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; }
.ico-20 img { width: auto; max-width: inherit; max-height: 1.25rem; }
.ico-25 img { width: auto; max-width: inherit; max-height: 1.5625rem; }
.ico-30 img { width: auto; max-width: inherit; max-height: 1.875rem; }
.ico-35 img { width: auto; max-width: inherit; max-height: 2.1875rem; }
.ico-40 img { width: auto; max-width: inherit; max-height: 2.5rem; }
.ico-45 img { width: auto; max-width: inherit; max-height: 2.8125rem; }
.ico-50 img { width: auto; max-width: inherit; max-height: 3.125rem; }
.ico-55 img { width: auto; max-width: inherit; max-height: 3.4375rem; }
.ico-60 img { width: auto; max-width: inherit; max-height: 3.75rem; }
.ico-65 img { width: auto; max-width: inherit; max-height: 4.0625rem; }
.ico-70 img { width: auto; max-width: inherit; max-height: 4.375rem; }
.ico-75 img { width: auto; max-width: inherit; max-height: 4.6875rem; }
.ico-80 img { width: auto; max-width: inherit; max-height: 5rem; }
.ico-85 img { width: auto; max-width: inherit; max-height: 5.3125rem; }
.ico-90 img { width: auto; max-width: inherit; max-height: 5.625rem; }
.ico-95 img { width: auto; max-width: inherit; max-height: 5.9375rem; }
.ico-100 img { width: auto; max-width: inherit; max-height: 6.25rem; }
.ico-105 img { width: auto; max-width: inherit; max-height: 6.5625rem; }
.ico-110 img { width: auto; max-width: inherit; max-height: 6.875rem; }
.ico-115 img { width: auto; max-width: inherit; max-height: 7.1875rem; }
.ico-120 img { width: auto; max-width: inherit; max-height: 7.5rem; }
.ico-125 img { width: auto; max-width: inherit; max-height: 7.8125rem; }
.video-btn.bg--tra-white {
  border: 3px solid var(--white);
  background-color: rgba(255, 255, 255, .005); 
}
.ico-55 .shape-ico svg {
  width: 130px;
  height: 130px;
  top: -30px;
  left: calc(50% - 60px);
}
.ico-60 .shape-ico svg {
  width: 140px;
  height: 140px;
  top: -30px;
  left: calc(50% - 65px);
}
.shape-ico.color--theme path {
  fill: #f4f9fc;
}
.shape-ico.color--blue path,
.shape-ico.color--skyblue path {
  fill: #f4f9fc;
}
.shape-ico.color--lotus path {
  fill: #f4f5fc;
}
.shape-ico.color--purple path {
  fill: #f6f4fc;
}
.ico-rounded {
  display: inline-block;
  text-align: center;
  width: 94px; 
  height: 94px;
  border-radius: 100%;
}
.ico-rounded.ico-rounded-sm {
  width: 80px; 
  height: 80px;
}
.ico-rounded [class*="flaticon-"]:before, 
.ico-rounded [class*="flaticon-"]:after { font-size: 2.55rem; line-height: 91px!important; }
.ico-rounded.ico-rounded-sm [class*="flaticon-"]:before, 
.ico-rounded.ico-rounded-sm [class*="flaticon-"]:after { font-size: 2.3rem; line-height: 78px!important; }
.ico-square { 
  display: inline-block;
  text-align: center;
  width: 54px; 
  height: 54px; 
}
.ico-square [class*="flaticon-"]:before, 
.ico-square [class*="flaticon-"]:after { font-size: 2rem; line-height: 54px!important; }
.module-subtitle {
  display: block;
  font-size: 0.825rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 40px; 
}
.subtitle-lined {
  border-left: 4px solid;
  padding-left: 10px;
}
.title-01 {
  position: relative;
  text-align: center;
}
.title-01 p {
  margin: 20px 6% 0;
}
.color--white .section-rating .users p span {
  color: var(--white);
}
.advantages,
.text-center .advantages {
  margin-top: 24px;
}
.advantages li {
  width: auto!important;
  display: inline-block!important;
  vertical-align: top;
  clear: none!important;
  margin-left: -5px;
}
.advantages li:first-child {
  margin-left: 0;
}
.advantages li:not(:last-child):after {
  font-family: Flaticon;
  font-size: 1.15rem;    
  line-height: 0.5rem!important;
  content: "\f172";
  position: relative;
  top: -2.5px;
}
.advantages li p {
  float: left;
  line-height: 1;
  margin-bottom: 0;
}
.advantages li p a {
  font-weight: 400;
  text-decoration: underline;
}
.advantages li p a:hover {
  text-decoration: underline;
}
.compatibility.ico-10 [class*="flaticon-"]:before, 
.compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; }
.tools-list.ico-35 [class*="flaticon-"]:before, 
.tools-list.ico-35 [class*="flaticon-"]:after { line-height: 2.1875rem!important; margin-right: 6px; }
.users-widget.d-block {
  display: block!important;
  text-align: left;
  margin: 30px 0 0 0;
}
.users {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  align-items: center!important;
  justify-content: flex-start;
}
.users-widget .u-ava {
  position: relative;
  margin-right: 12px;
}
.users-widget .u-ava img {
  width: auto;
  max-width: inherit;
  max-height: 58px;
}
.users-widget .u-txt {
  overflow: hidden;
  flex: 1;
  max-width: 100%;
}
.users-widget .u-txt p {
  font-size: 0.935rem;
  line-height: 1.6;
  margin: 0;
}
.users-widget .u-txt p b {
  color: var(--header-color);
  font-weight: 600;
}
.color--white .users .u-txt p b {
  color: var(--white);
}
.users-widget .u-txt p span {
  display: block;
}
.color--theme,
.color--theme a,
.color--theme :is(h1, h2, h3, h4, h5, h6) { color: var(--theme-color); }
.color--white,
.color--white a,
.color--white :is(h1, h2, h3, h4, h5, h6) { color: var(--white)!important; }
.color--black,
.color--black a,
.color--black :is(h1, h2, h3, h4, h5, h6) { color: var(--black); }
.color--header,
.color--header a,
.color--header :is(h1, h2, h3, h4, h5, h6) { color: var(--header-color); }
.color--blue,
.color--blue a,
.color--blue :is(h1, h2, h3, h4, h5, h6) { color: var(--blue); }
.color--coal,
.color--coal a,
.color--coal :is(h1, h2, h3, h4, h5, h6) { color: var(--coal); }
.color--darkgrey,
.color--darkgrey a,
.color--darkgrey :is(h1, h2, h3, h4, h5, h6) { color: var(--dark-grey); }
.color--green,
.color--green a,
.color--green :is(h1, h2, h3, h4, h5, h6) { color: var(--green); }
.color--lime,
.color--lime a,
.color--lime :is(h1, h2, h3, h4, h5, h6) { color: var(--lime); }
.color--lotus,
.color--lotus a,
.color--lotus :is(h1, h2, h3, h4, h5, h6) { color: var(--lotus); }
.color--metal,
.color--metal a,
.color--metal :is(h1, h2, h3, h4, h5, h6) { color: var(--metal); }
.color--orange,
.color--orange a,
.color--orange :is(h1, h2, h3, h4, h5, h6) { color: var(--orange); }
.color--pink,
.color--pink a,
.color--pink :is(h1, h2, h3, h4, h5, h6) { color: var(--pink); }
.color--purple,
.color--purple a,
.color--purple :is(h1, h2, h3, h4, h5, h6) { color: var(--purple); }
.color--red,
.color--red a,
.color--red :is(h1, h2, h3, h4, h5, h6) { color: var(--red); }
.color--skyblue,
.color--skyblue a,
.color--skyblue :is(h1, h2, h3, h4, h5, h6) { color: var(--sky-blue); }
.color--silver,
.color--silver a,
.color--silver :is(h1, h2, h3, h4, h5, h6) { color: var(--silver); }
.color--yellow,
.color--yellow a,
.color--yellow :is(h1, h2, h3, h4, h5, h6) { color: var(--yellow); }
#loading {
  background-color: var(--white);
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  margin-top: 0px;
  top: 0px;
  z-index: 99999999;
}
#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}
#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-animation: loading-center-absolute 1s infinite;
  animation: loading-center-absolute 1s infinite;
}
.object {
  width: 20px;
  height: 20px;
  background-color: #0195ff;
  float: left;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  margin-right: 20px;
  margin-bottom: 20px;  
}
.green-loading .object { background-color: var(--green); }
.object:nth-child(2n+0) {
  margin-right: 0px;
}
#object_one {
  -webkit-animation: object_one 1s infinite;
  animation: object_one 1s infinite;
}
#object_two {
  -webkit-animation: object_two 1s infinite;
  animation: object_two 1s infinite;
} 
#object_three {
  -webkit-animation: object_three 1s infinite;
  animation: object_three 1s infinite;
}  
#object_four {
  -webkit-animation: object_four 1s infinite;
  animation: object_four 1s infinite;
}   
@-webkit-keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
    -webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
  }     
}  
@keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
    -webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
  }
} 
@-webkit-keyframes object_one{
50% {
    -ms-transform: translate(20px,20px); 
    -webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
  }
}  
@keyframes object_one{
50% {
     -ms-transform: translate(20px,20px); 
    -webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
  }
}
@-webkit-keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
    -webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
  }
}  
@keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
    -webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
  }
}
@-webkit-keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
    -webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
  }
}   
@keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
    -webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
  }
}
@-webkit-keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
    -webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
  }
}   
@keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
    -webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
  }
}
#header {
  width: 100%;
  display: block;
  padding-top: 0px;
}
.header-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.wsmainwp {
  max-width: 1320px;
}
.header-wrapper .wsmainwp {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
.desktoplogo {
  line-height: 80px;
}
.desktoplogo img {
  width: auto;
  max-width: inherit;
  max-height: 58px;
}
.wsmainfull {
  width: 100%;
  height: auto;
  z-index: 1031;
  transition: all 450ms ease-in-out; 
}
.tra-menu .wsmainfull {
  padding: 20px 0;
  background-color: transparent!important;
  box-shadow: none;
}
.wsmenu > .wsmenu-list > li > a {
  display: block;
  font-size: 0.975rem;
  line-height: 60px;
  font-weight: 500;
  letter-spacing: 0;
  text-decoration: none;  
  margin: 0 8px;
  padding: 10px 15px;
}
.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link {
  color: var(--nav-link);
}
.navbar-light .wsmenu > .wsmenu-list > li > a.h-link {
  color: var(--white);
}
.wsmenu > .wsmenu-list > li > a.h-link.last-link {
  padding: 10px 0px;
  margin: 0;
}
.wsmenu > .wsmenu-list > li > a .wsarrow:after {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid;
  content: "";
  float: right;
  right: 0;
  height: 0;
  margin: 0 0 0 17px;
  position: absolute;
  text-align: right;
  top: 40px;
  width: 0;
}
.wsmenu > .wsmenu-list > li a.btn {
  font-size: 0.9rem;
  line-height: 30px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  margin: 18px 10px 0;
  padding: 5px 16px;
}
.wsmenu > .wsmenu-list > li.reg-fst-link.m-left > a {
  margin-left: 45px;
}
.nl-simple.m-left .btn {
  margin-left: 65px;
}
.wsmenu > .wsmenu-list > li.lang {
  margin-right: 12px;
}
.wsmenu > .wsmenu-list > li.lang > ul.sub-menu {
  width: auto;
  min-width: 115px!important;
  padding: 8px 5px;
}
.wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a {
  font-size: 0.875rem;
  padding: 8px 11px;
}
.wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a:hover {
  padding: 8px 11px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu {
  width: auto;
  min-width: 200px;
  top: 62px;
  padding: 14px 22px;
  border-radius: 4px;
  box-shadow: 0 2px 3px var(--tra-grey);
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
  color: var(--nav-link);
  font-size: 0.935rem;
  font-weight: 400;
  padding: 9px 0;
  transition: all 0.3s ease-in-out;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
  padding: 9px 0 9px 4px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {
  min-width: 210px;
  position: absolute;
  left: 102%;
  top: 0;
  margin: 0;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 3px var(--tra-grey);
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
  border-bottom: none;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
  color: var(--nav-link);
  font-size: 0.935rem;
  font-weight: 400;
  padding: 9px 0;
  transition: all 0.3s ease-in-out;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
  padding: 9px 0 9px 4px;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span {
  position: absolute;
  top: 10px;
  right: 9px;
}
.sub-menu.ico-10 [class*="flaticon-"]:before, 
.sub-menu.ico-10 [class*="flaticon-"]:after { font-size: 0.7rem; } 
.wsmenu > .wsmenu-list > li > .wsmegamenu {
  top: 70px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu {
  padding: 20px 22px;
  border-radius: 4px;
  box-shadow: 0 2px 3px var(--tra-grey);
}
.wsmegamenu p.title {
  font-size: 0.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 5px 0 15px;
}
.navbar-light .wsmenu-list > li > a.h-link:hover {
  color: var(--smoke);
}
.navbar-dark .wsmenu-list > li > a.h-link:hover {
  color: #000;
}
.wsmenu > .wsmenu-list.nav-green > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-green > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
  color: var(--green);
}
.tra-menu .wsmainfull.scroll {
  padding: 0;
  border: none;
  background-color: rgba(255, 255, 255, .7)!important;
  backdrop-filter: blur(20px);
  box-shadow: 0 2px 3px var(--tra-grey);
}
.tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
.tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a.h-link {
  color: var(--nav-link);
}
.navbar-light .scroll .wsmenu-list > li > a.h-link:hover {
  color: #000!important;
}
.scroll .btn--tra-white {
  color: var(--black)!important;
  border-color: var(--black)!important;
}
.logo-white, 
.logo-black {
  display: block;
}
.navbar-dark .logo-white,
.navbar-light .logo-black,
.tra-menu.navbar-light .scroll .logo-white {
  display: none;
}
.tra-menu.navbar-light .scroll .logo-black {
  display: block;
}
.hero-section .container-xxl {
  position: relative;
  z-index: 3;
}
.hero-section h2 img.img-70,
.hero-section h2 img.img-72,
.hero-section h2 img.img-74,
.hero-section h2 img.img-76 {
  position: relative;
  width: auto;
  max-width: inherit;
  margin: 0;
}
.hero-section h2 img.img-70 { max-height: 70px; top: -2px; }
.hero-section h2 img.img-72 { max-height: 72px; top: -1.5px; }
.hero-section h2 img.img-74 { max-height: 74px; top: -2.5px; }
.hero-section h2 img.img-76 { max-height: 76px; 1top: -2.5px; }
.hero-section .btns-group .btn:first-child {
  margin-right: 14px;
}
.hero-section .advantages {
  display: block;
}
.hero-section .advantages.mt-25 { 
  margin-top: 25px; 
}
.hero-section .advantages.mt-30 { 
  margin-top: 30px; 
}
.hero-section .advantages.mt-50 { 
  margin-top: 50px; 
}
.hero-section .advantages.ml-10 { 
  margin-top: 32px; 
  margin-left: 6px; 
}
.hero-section .advantages li {
  margin-left: 5px;
}
.hero-section .advantages li:first-child {
  margin-left: 0;
}
.hero-section .advantages li:not(:last-child):after {
  font-size: 1.2rem; 
  top: -1px;
  left: 5px;
}
.hero-section .advantages p {
  margin: 0!important;
  padding: 0!important;
}
.tag-widget {
  margin-bottom: 42px;
}
.tag-widget a {
  font-size: 0.925rem;
  padding: 10px 20px 10px 8px;
  border-radius: 36px;
}
.tag-widget.r-08 a {
  border-radius: 8px;
}
.tag-widget span {
  font-size: 0.835rem;
  padding: 5px 11px;
  border-radius: 30px;
  margin-right: 5px;
}
.tag-widget.r-08 span {
  border-radius: 8px;
}
.theme--dark .tag-widget .bg--royal {
  background-color: var(--white);
  color: #31363f!important;
}
.txt-widget {
  margin-bottom: 42px;
}
.txt-widget a {
  font-size: 0.95rem;
  padding: 11px 22px;
  border-radius: 36px;
}
.color--white .txt-widget a.bg--white {
  background-color: rgba(255, 255, 255, .15);
}
.txt-widget span {
  position: relative;
  top: 5px;
  right: 9px;
}
.txt-widget.ico-20 [class*="flaticon-"]:before, 
.txt-widget.ico-20 [class*="flaticon-"]:after { font-size: 1.3rem; }
.hero-digits {
  margin-top: 45px;
}
.color--white #hd-1-2 {
  border-color: rgba(255, 255, 255, .3);
}
.hero-digits h3.statistic-number {
  font-size: 2.75rem;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: 12px;
} 
.hero-digits h3.statistic-number small {
  font-size: 2.3rem;
  margin-left: 5px;
}
.hero-digits p.fs-17 {
  font-size: 1.025rem;
  margin: 0;
}
.hero-users-widget.d-block {
  display: block!important;
  text-align: left;
  margin: 35px 0 0 0;
}
.hero-users-widget.d-inline {
  display: inline-block!important;
  text-align: left;
  margin: 0 0 0 15px;
}
.hero-users {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  align-items: center!important;
  justify-content: flex-start;
}
.hero-users .u-ava {
  position: relative;
  margin-right: 12px;
}
.hero-users .u-ava img {
  width: auto;
  max-width: inherit;
  max-height: 50px;
}
.hero-users .u-txt {
  overflow: hidden;
  flex: 1;
  max-width: 100%;
}
.hero-users .u-txt p {
  font-size: 0.915rem;
  line-height: 1.5;
  margin: 0;
}
.hero-users .u-txt p b {
  color: var(--header-color);
  font-weight: 600;
}
.color--white .hero-users .u-txt p b {
  color: var(--white);
}
.hero-users .u-txt p span {
  display: block;
}
.hero-logo {
  margin-bottom: 50px;
}
.hero-logo img {
  width: auto;
  max-width: inherit;
  max-height: 40px;
}
.hero-1 {
  background-image: url(../images/hero-1.jpg);
  padding-top: 200px;
  margin-bottom: 130px;
}
.theme--dark .hero-1 {
  background-image: url(../images/hero-1d.jpg);
}
.hero-1 .tag-widget a {
  background-color: rgba(255, 255, 255, .6);
}
.theme--dark .hero-1 .tag-widget a {
  background-color: rgba(255, 255, 255, .14);
}
.hero-1-txt p.fs-19 {
  margin: 22px 8% 30px;
}
.hero-1-img {
  margin: 60px 0 -130px;
}
.hero-2 {
  background-image: url(../images/hero-2.jpg);
  padding-top: 160px;
  padding-bottom: 60px;
}
.theme--dark .hero-2 {
  background-image: url(../images/hero-2d.jpg);
}
.hero-2-txt {
  margin-top: 25px;
}
.hero-2 .tag-widget a {
  background-color: rgba(255, 255, 255, .6);
}
.theme--dark .hero-2 .tag-widget a {
  background-color: rgba(255, 255, 255, .14);
}
.hero-2-txt p.fs-18 {
  margin: 22px 5% 30px 0;
}
.hero-2-txt .hero-digits {
  margin-top: 55px;
}
.hero-3 {
  background-image: url(../images/hero-3.jpg);
  padding-top: 200px;
  overflow: hidden;
}
.hero-3 .tag-widget a {
  background-color: rgba(255, 255, 255, .17);
}
.hero-3-txt p.fs-19 {
  margin: 25px 12% 35px;
}
.hero-3-img {
  margin: 70px 0 -70px;
}
.hero-4 {
  background-image: url(../images/hero-4.jpg);
  padding-top: 200px;
  padding-bottom: 90px;
}
.theme--dark .hero-4 .tag-widget a {
  background-color: rgba(255, 255, 255, .15);
}
.hero-4-txt h2 {
  letter-spacing: -1px;
}
.hero-4-txt p.fs-18 {
  margin: 20px 8% 25px;
}
.hero-4-brands {
  margin: 50px 0 0;
}
.hero-4-brands p {
  margin-bottom: 25px;
}
.hero-4-brands .loop_carousel_left img {
  padding: 0 14px;
  height: 3.65rem;
}
.hero-4-brands .loop_carousel_left span:last-child img {
  padding: 0 0 0 14px;
}
.hero-5 {
  background-image: url(../images/hero-15.avif);
  padding-top: 170px;
  margin-bottom: 130px;
}
.hero-5-txt p.fs-19 {
  margin: 30px 12% 40px;
}
.hero-5-img {
  margin: 70px 0 -130px;
}
.hero-6 {
  position: relative;
  background-color: #fdfdff;
  padding-bottom: 110px;
}
.theme--dark .hero-6 {
  background-color: #191c28;
}
.hero-6-txt {
  padding-top: 110px;
  margin-right: 5%;
}
.hero-6-txt p.fs-18 {
  margin: 20px 5% 30px 0;
}
.hero-6-img {
  width: 48%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0; 
}
.hero-6-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-7-wrapper {
  background-image: url(../images/hero-7.jpg);
  overflow: hidden;
  padding: 85px 0 85px 80px;
  margin-top: 120px;
}
.hero-7-txt {
  margin-top: 30px;
}
.hero-7-txt p.fs-18 {
  margin: 16px 8% 28px 0;
}
.hero-8 {
  padding-top: 130px;
}
.theme--dark .hero-8 {
  background-color: #31363f;
}
.hero-8-txt p.fs-18 {
  margin: 20px 6% 30px 0;
}
.hero-8-img {
  text-align: center;
  margin-left: -15px;
}
.hero-9 {
  overflow: hidden;
  background-image: url(../images/hero-9.jpg);
  padding-top: 180px;
}
.theme--dark .hero-9 {
  background-image: url(../images/hero-9d.jpg);
}
.theme--dark .hero-9 .tag-widget a {
  background-color: rgba(255, 255, 255, .15);
  border-color: transparent;
}
.hero-9-txt p.fs-19 {
  margin: 22px 14% 30px;
}
.hero-9-img {
  margin: 55px 0 -65px;
}
.hero-10 {
  position: relative;
  background-image: url(../images/hero-10.jpg);
  padding-top: 175px;
  padding-bottom: 100px;
}
.hero-10-txt {
  margin-bottom: 65px;
}
.hero-10-txt p.fs-18 {
  margin: 25px 5% 35px 0;
}
.hero-10-brands {
  margin: 50px 25px 0 0;
}
.hero-10-brands p {
  margin-bottom: 20px;
}
.hero-10-brands .loop_carousel_left img {
  padding: 0 5px;
  height: 3.2rem;
}
.hero-10-brands .loop_carousel_left span:last-child img {
  padding: 0 0 0 5px;
}
.hero-10-img {
  position: relative;
  margin: 0 -100% 0 25px;
}
.hero-11 {
  padding-top: 180px;
}
.theme--dark .hero-11 .tag-widget a {
  background-color: rgba(255, 255, 255, .15);
}
.hero-11-txt p.fs-19 {
  margin: 22px 10% 30px;
}
.hero-11-img {
  margin-top: 55px;
  display: flex;
}
.hero-12 {
  background-image: url(../images/hero-12.jpg);
  padding-top: 70px;
  padding-bottom: 120px;
}
.theme--dark .hero-12 {
  background-image: url(../images/hero-12d.jpg);
}
.theme--dark .hero-12 .tag-widget a {
  background-color: rgba(255, 255, 255, .15);
}
.hero-12-txt {
  margin-bottom: 15px;
}
.hero-12 .tag-widget a {
  font-size: 0.9rem;
  padding: 9px 18px 9px 7px;
}
.hero-12 .tag-widget span {
  font-size: 0.8rem;
  padding: 5px 11px;
}
.hero-12-txt p.fs-18 {
  margin: 18px 6% 30px 0;
}
.hero-13 {
  position: relative;
  padding-top: 190px;
}
.hero-13-shape {
  position: absolute;
  content: '';
  z-index: -1;
  width: 74%;
  height: 100%;
  top: 7%;
  left: 12%;
  right: 0;
  opacity: .4;
}
.theme--dark .hero-13 .tag-widget a {
  background-color: rgba(255, 255, 255, .15);
}
.hero-13-txt p.fs-18 {
  margin: 24px 10% 30px;
}
.hero-13-image {
  overflow: hidden;
  text-align: center;
  background-image: url(../images/hero-13.jpg);
  margin: 60px 20px 0;
  padding: 60px 55px 0;
}
.theme--dark .hero-13-image {
  background-image: url(../images/hero-13d.jpg);
}
.hero-14 {
  background-image: url(../images/hero-14.jpg);
  padding-top: 200px;
  margin-bottom: 130px;
}
.theme--dark .hero-14 {
  background-image: url(../images/hero-14d.jpg);
}
.hero-14-txt p.fs-18 {
  margin: 25px 8% 30px;
}
.hero-14-brands {
  margin: 50px 15px 0;
}
.hero-14-brands p {
  margin-bottom: 25px;
}
.hero-14-brands .loop_carousel_left img {
  padding: 0 14px;
  height: 3.65rem;
}
.hero-14-brands .loop_carousel_left span:last-child img {
  padding: 0 0 0 14px;
}
.hero-14-img {
  margin: 60px 0 -130px;
}
.hero-15 {
  position: relative;
  background-image: url(../images/hero-15.avif);
  padding-top: 175px;
  padding-bottom: 100px;
}
.hero-15 .txt-widget a {
  background-color: rgba(255, 255, 255, .65);
}
.hero-15-txt p.fs-18 {
  margin: 25px 6% 30px 0;
}
.hero-15-img {
  position: relative;
  margin: 0 -80% 0 15px;
}
.hero-16-wrapper {
  overflow: hidden;
  background-image: url(../images/hero-16.jpg);
  padding-top: 120px;
  margin-top: 120px;
}
.theme--dark .hero-16-wrapper {
  background-image: url(../images/hero-16d.jpg);
}
.theme--dark .hero-16 .tag-widget a {
  background-color: rgba(255, 255, 255, .15);
}
.hero-16-txt p.fs-18 {
  margin: 20px 10% 30px;
}
.hero-16-img {
  margin: 70px 50px 0;
}
.hero-17 {
  background-image: url(../images/hero-17.jpg);
  padding-top: 160px;
  padding-bottom: 100px;
}
.theme--dark .hero-17 {
  background-image: url(../images/hero-17d.jpg);
}
.hero-17-txt p.fs-18 {
  margin: 22px 5% 30px 0;
}
.hero-17-brands { 
  margin: 90px 10px 0; 
}
.hero-17-brands p {
  margin-bottom: 35px;
}
.hero-17-brands .loop_carousel_left img {
  padding: 0 14px;
  height: 4rem;
}
.hero-17-brands .loop_carousel_left span:last-child img {
  padding: 0 0 0 14px;
}
.hero-18 {
  background-image: url(../images/hero-18.jpg);
  padding-top: 185px;
  padding-bottom: 120px;
}
.theme--dark .hero-18 {
  background-image: url(../images/hero-18d.jpg);
}
.hero-18 .tag-widget a {
  background-color: rgba(255, 255, 255, .55);
}
.theme--dark .hero-18 .tag-widget a {
  background-color: rgba(255, 255, 255, .15);
}
.hero-18-txt p.fs-18 {
  margin: 22px 10% 30px;
}
.hero-18-brands {
  margin: 75px 25px 0;
}
.hero-18-brands p {
  margin-bottom: 25px;
}
.hero-18-brands .loop_carousel_left img {
  padding: 0 14px;
  height: 3.65rem;
}
.hero-18-brands .loop_carousel_left span:last-child img {
  padding: 0 0 0 14px;
}
.hero-section .quick-form {
  background-color: var(--white);
  padding: 6px;
  border: 1.5px solid var(--silver);
}
.hero-section .quick-form.form-stroke {
  border-color: var(--silver);
}
.hero-section .quick-form.form--shadow {
  border-color: transparent;
  box-shadow: 0 5px 10px var(--tra-black);
}
.theme--dark .hero-section .quick-form {
  border-color: transparent;
}
.hero-section .text-center .quick-form {
  margin: 0 12%;
}
.hero-section .text-center .quick-form.mx-30 {
  margin: 0 16%;
}
.hero-section .quick-form.form-half {
  margin-right: 10%;
}
.hero-section .quick-form .form-control {
  height: 56px;
  background-color: rgba(244, 244, 249, .85);
  border: none;
  color: #666;
  font-size: 1.0625rem;
  font-weight: 400;
  padding: 0 18px;
  transition: all 450ms ease-in-out;  
}
.hero-section .quick-form.r-36 .form-control {
  border-radius: 36px; 
}
.hero-section .quick-form.bg--tra .form-control {
  background-color: transparent;
}
.hero-section .quick-form.form-half .form-control {
  height: 52px;
  font-size: 1rem;
}
.hero-section .quick-form .form-control::-moz-placeholder { color: var(--text-color); }
.hero-section .quick-form .form-control:-ms-input-placeholder { color: var(--text-color); }
.hero-section .quick-form .form-control::-webkit-input-placeholder { color: var(--text-color); }
.theme--dark .hero-section .quick-form .form-control::-moz-placeholder { color: #777; }
.theme--dark .hero-section .form-control:-ms-input-placeholder { color: #777; }
.theme--dark .hero-section .form-control::-webkit-input-placeholder { color: #777; }
.hero-section .quick-form .form-control:focus {
  background-color: var(--white);
  border-color: var(--purple);
  outline: 0;
  box-shadow: none;
}
.theme--dark .hero-section .quick-form .form-control:focus {
  background-color: transparent;
  border-color: transparent;
}
.hero-section .quick-form .btn {
  height: 56px;
  font-size: 1.0625rem;
  padding: 12px 70px;
  margin-left: 9px;
}
.hero-section .quick-form.mx-30 .btn {
 padding: 12px 60px;
}
.hero-section .quick-form.form-half .btn {
  height: 52px;
  font-size: 0.95rem;
  padding: 13px 40px;
  margin-left: 9px;
}
.theme--dark .hero-section .quick-form .hover--black:hover {
  background-color: #353f4f!important;
  color: #fff!important;
  border-color: #353f4f!important;
}
.hero-section .quick-form-msg {
  width: 100%!important;
  display: block;
  margin: 20px 0 15px 5px;
}
.hero-section .text-center .quick-form-msg {
  margin: 20px 0 -15px 0;
}
.hero-section .quick-form-msg .loading {
  color: #3eb1ff;
  font-size: 1.05rem;
  line-height: 1;
  font-weight: 500;
}
.hero-section .text-center .quick-form-msg .loading {
  font-size: 1.125rem;
}

.fbox-1.bg--whitesmoke {
  border-color: transparent;
}
.fbox-2 {
  border: 1.5px solid var(--grey);
}
.fbox-2.block--shadow,
.fbox-2.bg--whitesmoke {
  border-color: transparent;
}
.fbox-2.fb-1, .fbox-2.fb-5, .fbox-2.fb-6 {
  padding: 35px 20px 20px; 
}
 .fbox-2.fb-4 {
  padding: 20px 20px 35px; 
}

.fbox-2.fb-8 { 
  padding: 30px; 
} 
.fbox-2 .fbox-txt {
  padding: 0 15px; 
}
.fbox-2.fb-8 .fbox-2-txt {
  padding: 0 20px 0 50px;
}
.fbox-2 .fbox-2-img {
  overflow: hidden;
  text-align: center;
}
.fbox-2.fb-1 .fbox-2-img,
.fbox-2.fb-5 .fbox-2-img,
.fbox-2.fb-6 .fbox-2-img {
  margin: 35px 0 0;
}

.fbox-2.fb-4 .fbox-2-img {
   margin: 0 0 35px;
}
.fbox-2.fb-8 .fbox-2-img {
  margin-right: -30px;
}
.fbox-3 { 
  position: relative;
  overflow: hidden;
  padding: 30px 15px 15px; 
  border: 1.5px solid var(--grey);
}
.fbox-3.block--shadow {
  border-color: transparent;
}
.fbox-3.fb-4,
.fbox-3.fb-5,
.fbox-3.fb-6 { 
  padding: 15px 15px 25px; 
} 
.fbox-3 .fbox-txt { 
  padding: 0 12px; 
} 
.text-center .fbox-3 .fbox-txt { 
  padding: 0; 
} 
.fbox-3 .fbox-3-img {
  overflow: hidden;
  text-align: center;
}
.fbox-3.fb-1 .fbox-3-img {
  margin: 25px 0 0;
}
.fbox-3.fb-4 .fbox-3-img,
.fbox-3.fb-5 .fbox-3-img,
.fbox-3.fb-6 .fbox-3-img {
  margin: 0 0 30px;
}
.fbox-9-wrapper .col {
  padding: 0 10px;
}
.fbox-9 {
  padding: 30px 24px 25px; 
  border: 2px solid transparent;
  transition: all 400ms ease-in-out;
}
.fbox-9 .fbox-ico {
  transition: all 400ms ease-in-out;
}

.fbox-2 .fbox-txt span,
.fbox-3 .fbox-txt span { 
  line-height: 1;
  margin-bottom: 15px; 
}
.fbox-2 h3 { 
  margin-bottom: 16px; 
}
.fbox-2 h3.mb-20 {
  margin-bottom: 20px;
}
.fbox-9 .fbox-txt span {
  line-height: 1;
  margin: 30px 0 10px;
}

.fbox-2 p,
.fbox-3 p {
  margin-bottom: 0;
}
.fbox-2-txt p.mb-15 {
  margin-bottom: 15px;
}
.fbox-9 p {
  font-size: 0.975rem;
  margin-bottom: 0;
}
.fbox-2-txt .btn {
  margin-top: 25px;
}
.txt-block.left-column {
  padding-right: 35px;
}
.txt-block.right-column {
  padding-left: 35px;
}
.txt-block h2 {
  margin-bottom: 22px;
}
.txt-block h6 {
  line-height: 1.5;
  margin: 25px 0 18px;
}
.txt-block .btn {
  margin-top: 10px;
}
.txt-block .btn.mt-25 {
  margin-top: 25px;
}
.txt-block .btn.mt-30 {
  margin-top: 30px;
}
.txt-box { 
  margin-bottom: 25px;
}
.txt-box:last-child { 
  margin-bottom: 0; 
}
.txt-box span.main-font.mb-20 {
  line-height: 1.3;
  margin-bottom: 20px;
}
.txt-box .cbox-1 {
  margin-left: 10px;
}
.cbox-1 {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  align-items: stretch!important;
  justify-content: flex-start;
  margin-left: 0;
}
.cbox-1 span {
  position: relative;
  top: 1px;
  right: 10px;
}
.cbox-1 [class*="flaticon-"]:before,
.cbox-1 [class*="flaticon-"]:after {   
  font-size: 0.85rem;
}
.cbox-1-txt {
  overflow: hidden;
  flex: 1;
  max-width: 100%;
}
.cbox-1-txt p {
  margin-bottom: 14px;
}
.cbox-3 .ico-wrap {
  position: relative;
  margin-right: 1.625rem;
}
.cbox-3:hover .cbox-3-ico.bg--theme { 
  color: var(--theme-color)!important; 
  border-color: var(--theme-color);
}
.cbox-3:hover .cbox-3-ico.bg--blue { 
  color: var(--blue)!important; 
  border-color: var(--blue);
}
.cbox-3:hover .cbox-3-ico.bg--green { 
  color: var(--green)!important; 
  border-color: var(--green);
}
.cbox-3:hover .cbox-3-ico.bg--lotus { 
  color: var(--lotus)!important; 
  border-color: var(--lotus);
}
.cbox-3:hover .cbox-3-ico.bg--pink { 
  color: var(--pink)!important; 
  border-color: var(--pink);
}
.cbox-3:hover .cbox-3-ico.bg--purple { 
  color: var(--purple)!important; 
  border-color: var(--purple);
}
.cbox-3:hover .cbox-3-ico.bg--skyblue { 
  color: var(--sky-blue)!important; 
  border-color: var(--sky-blue);
}
.cbox-5 {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  align-items: stretch!important;
  justify-content: flex-start;
}
.cbox-5 .ico-wrap {
  position: relative;
  text-align: center;
  margin-top: 0;
  margin-right: 1.35rem;
}
.cbox-5-ico {
  position: relative;
  top: 3px;
}
.cbox-5-ico span[class*="flaticon-"]:before,
.cbox-5-ico span[class*="flaticon-"]:after {  
  font-size: 2.95rem;
}
.cbox-5-ico img {  
  width: 3.25rem;
  height: 3.25rem;
}
.cbox-5-txt {
  overflow: hidden;
  flex: 1;
  max-width: 100%;
  margin-bottom: 40px;
}
.cbox-5-txt.mb-30 {
  margin-bottom: 30px;
}
.cbox-5-txt.mb-25 {
  margin-bottom: 25px;
}
.cbox-5-txt.mb-20 {
  margin-bottom: 20px;
}
.cbox-5:last-child .cbox-5-txt {
  margin-bottom: 0;
}
.cbox-5-txt span.main-font {
  line-height: 1;
  margin-bottom: 15px;
}
.cbox-5-txt p { 
  margin-bottom: 0;
}
.cbox-6-ico.ico-30 [class*="flaticon-"]:before,
.cbox-6-ico.ico-30 [class*="flaticon-"]:after { font-size: 1.6875rem; }
.txt-block .accordion {
  margin-top: 40px;
 }
.txt-block .accordion-item {
  background-color: transparent;
  padding: 9px 0 13px;
  border: none;
  border-radius: 0 0;
}
.txt-block .accordion-thumb {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding-bottom: 26px;
  border-bottom: 1px solid var(--silver);
}
.txt-block .accordion-item .accordion-thumb:after,
.txt-block .accordion-item.is-active .accordion-thumb:after {
  color: #363636;
  font-family: Flaticon;
  position: absolute;
  font-weight: 300; 
}
.txt-block .accordion-item .accordion-thumb:after {
  content: "\f15d";
  font-size: 0.95rem;
  top: 0;
  right: 0;
}
.txt-block .accordion-item.is-active .accordion-thumb:after {
  content: "\f15e";
}
.txt-block .accordion-panel {
  color: var(--text-color);
  margin: 0;
  padding: 18px 0 10px 0;
  display: none;
}
.txt-block .accordion-thumb span.main-font {
  color: var(--header-color);
  line-height: 1;
  padding-left: 3px;
  margin-bottom: 0;
}
.txt-block h6.fs-18 {
  line-height: 1.6;
  margin-bottom: 15px;
  padding-right: 8%;
}
.img-block {
  text-align: center;
}
.ct-01 .img-block.right-column {
  margin-left: 25px;
}
.ct-01 .img-block.left-column {
  margin-right: 25px;
}
.ct-04 .img-block img {
  max-width: 170%;
  display: inline-block;
  margin-left: 15px;
}
.review-1.bg--whitesmoke { 
  border-color: transparent;             
}
.reviews-section .star-rating.ico-15 [class^="flaticon-"]:before,
.reviews-section .star-rating.ico-15 [class^="flaticon-"]:after {
  font-size: 1rem;
}
.rs-stars.ico-10 [class*="flaticon-"]:before, 
.rs-stars.ico-10 [class*="flaticon-"]:after { position: relative; font-size: 0.85rem; top: 0.5px; }
.rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, 
.rbox-3 .star-rating.ico-15 [class*="flaticon-"]:before,
.rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after,
.rbox-3 .star-rating.ico-15 [class*="flaticon-"]:after { 
  font-size: 0.9rem; 
} 
.rbox-2 .ico-25 [class*="flaticon-"]:before, 
.rbox-2 .ico-25 [class*="flaticon-"]:after { 
  font-size: 1.425rem; 
}
.int_tool-3.block--shadow {
  border-color: transparent;
}
.int_tool-3 {
  position: relative;
  background-color: var(--white);
  border: 1px solid var(--silver);
  padding: 30px;
  margin-bottom: 30px;
}

.int_tool-3 img {
  width: auto;
  max-width: inherit;
}
.int_tool-3 span.main-font {
  line-height: 1;
  margin: 30px 0 14px;
  padding-top: 25px;
  border-top: 1px solid var(--silver);
}
.int_tool-3 p {
  color: var(--text-color);
  margin-bottom: 0;
}
.pricing-2-table { 
  background-color: #fdfdfd;
  padding: 30px 22px 35px; 
  border: 1.5px solid #e7e7e7;
}
.pricing-1-table.bg--white,
.pricing-2-table.bg--white,
.pricing-3-table.bg--white { 
  background-color: var(--white);
  border-color: var(--grey);
}

.pricing-2-table.block--shadow { 
  background-color: var(--white);
  border-color: transparent;
}
.pricing-discount {
  position: absolute;
  top: 2px;
  right: -5px;
  padding: 7px 13px;
}
.pricing-discount span.main-font {
  font-size: 0.915rem;
  line-height: 1!important;
  letter-spacing: 0;
  margin-bottom: 0!important;
}
.pricing-table-header {
  position: relative;
}
.pricing-table-header span.main-font {
  margin-bottom: 20px;
}
.pricing-table-header h5 {
  line-height: 1;
  font-weight: 600;
  margin-bottom: 30px;
}
.price span {
  font-family: var(--main-font);
  font-size: 2.25rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -1px;
} 
.price sup {
  font-family: var(--main-font);
  font-size: 2rem;
  font-weight: 600;
  top: -5px;
  right: 2px;
  letter-spacing: -1px;
}
.price sup.validity {
  font-family: var(--main-font);
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0;
  top: -3px;
  left: 0;
}
.price p {
  margin-top: 15px;
}
.pricing-features li {
  padding: 10px 8px;
}
.pricing-features li p {
  line-height: 1;
  font-weight: 500;
  margin-bottom: 0;
}
.pricing-features.ico-10 li p span {
  position: relative;
  top: 0;
  right: 10px;
}
.pricing-features.ico--theme span { color: var(--theme-color); }
.pricing-features.ico--blue span { color: var(--blue); }
.pricing-features.ico--green span { color: var(--green); }
.pricing-features.ico--lotus span { color: var(--lotus); }
.pricing-features.ico--purple span { color: var(--purple); }
.pricing-features.ico--skyblue span { color: var(--sky-blue); }
.pricing-features.ico-5 [class*="flaticon-"]:before, 
.pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; }
.pricing-features li.disabled-option p,
.pricing-features li.disabled-option span {
  color: var(--dark-grey)!important;
}
.pt-btn {
  display: block;
  width: 100%;
  margin-top: 20px;
}
.ext-toggle-btn {
  text-align: center;
}
.toggle-btn.mt-35 {
  margin-top: 35px;
}
.toggler-txt {
  font-size: 1rem;
  font-weight: 500;
  line-height: 36px;
}
.switch-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-width: 60px;
  height: 36px;
  margin: 0 8px;
}
.switcher {
  display: block;
  cursor: pointer;
  background-color: var(--blue);
  color: var(--white);
  font-size: 0.925rem;
  font-weight: 500;
  height: 36px;
  padding: 0 20px 0 40px;
  position: relative;
  border-radius: 36px;
  transition: all 450ms ease-in-out;
}
.theme--main .switcher { background-color: var(--theme-color); }
.theme--blue .switcher { background-color: var(--blue); }
.theme--green .switcher { background-color: var(--green); }
.theme--lotus .switcher { background-color: var(--lotus); }
.theme--purple .switcher { background-color: var(--purple); }
.theme--skyblue .switcher { background-color: var(--sky-blue); }
.switcher .show-annual, 
.switcher .show-monthly {
  line-height: 36px;
}
.switcher .show-monthly {
  display: block;
}
.switcher .show-annual {
  display: none;
}
.switcher:before {
  position: absolute;
  left: 5px;
  bottom: 4px;
  content: " ";
  background-color: var(--white);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  transition: all 450ms ease-in-out;
}
.switch-wrap input {
  display: none;
}
.switch-wrap input:checked + .switcher {
  padding: 0 40px 0 20px;
}
.switch-wrap input:checked + .switcher:before {
  left: auto;
  right: 4px;
  transition: all 350ms ease-in-out;
}
.switch-wrap input:checked + .switcher .show-annual {
  display: block;
}
.switch-wrap input:checked + .switcher .show-monthly {
  display: none;
}
.table>:not(caption)>*>* {
  padding: 17px 0;
  border: none!important;
  background-color: transparent!important;
}
.comp-table .table thead tr,
.comp-table .table tbody tr {
  border-bottom: 1px solid var(--silver)!important;
}
.comp-table .table tbody tr.table-last-tr {
  border-bottom: none!important;
}
.comp-table .table-responsive thead th {
  font-size: 1.1rem;
  font-family: var(--main-font);
  font-weight: 600;
}
.comp-table .table-responsive tbody th {
  font-size: 1.05rem;
  font-family: var(--main-font);
  font-weight: 600;
}
.comp-table .table-responsive tbody td {
  position: relative;
  font-size: 0.95rem;
  line-height: inherit;
  top: 1px;
}
.comp-table .table-responsive tbody td span {
  position: relative;
  top: 1px;
}
.table>:not(caption)>*>* {
  color: var(--header-color);
}
.table-responsive .ico-15 [class*="flaticon-"]:before, 
.table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; }
.table-responsive .ico-20 [class*="flaticon-"]:before, 
.table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; }
.comp-table .disabled-option { color: var(--dark-grey); }
.comp-table .color--theme { color: var(--theme-color); }
.comp-table .color--blue { color: var(--blue); }
.comp-table .color--green { color: var(--green); }
.comp-table .color--lotus { color: var(--lotus); }
.comp-table .color--purple { color: var(--purple); }
.comp-table .color--skyblue { color: var(--sky-blue); }
.job-position-title {
  padding-top: 150px;
  padding-bottom: 40px;
}
.job-position-title p {
  line-height: 1;
  margin-top: 30px;
  margin-bottom: 0;
}
.job-position-title p span {
  font-weight: 600;
}
.job-position-title .btn {
  padding: 0.8rem 1.65rem;
  margin-bottom: 5px;
}
.banner-2 {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
} 
.banner-4-wrapper {
  overflow: hidden;
  padding: 95px 75px;
  border: 1px solid transparent;
}
.banner-4-txt {
  padding-right: 6%;
}
.banner-5-wrapper {
  overflow: hidden;
  padding: 50px 60px;
}
.bg--royal .banner-3-wrapper.b-border {
  border-color: #c0c0ce;
}
.banner-2-txt p.fs-18 {
  margin: 22px 4% 28px;
}
.banner-4-txt p {
  margin: 18px 0 25px;
}
.banner-5-btn {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  top: 10px;
}
.banner-5-btn p {
  margin: 12px 0 0;
}
.banner-rating .ico-15 [class*="flaticon-"]:before, 
.banner-rating .ico-15 [class*="flaticon-"]:after { font-size: 0.925rem; }
.download .title-01 h2 {
  padding: 0;
}
.download .title-01 p {
  margin: 15px 7% 0;
}
.download .title-01 .advantages p {
  text-align: left!important;
  margin: 0;
}
.block-info {
  text-align: center;
  background-color: #f9f9fa;
  padding: 12px 40px 15px;
  border: 1px solid #eaeaea;
  border-radius: 36px;
}
.block-info.mt-60 {
  margin-top: 65px;
  padding: 8px 30px 10px;
}
.theme--dark .block-info {
  background-color: rgba(43, 48, 64, .4);
  border-color: var(--silver);
}
.block-info p.main-font {
  font-weight: 500;
  margin-bottom: 0;
}
.block-info p.main-font.fw-400 {
  font-weight: 400;
}
.block-info p.main-font a {
  font-weight: 600;
  text-decoration: underline;
  margin-left: 4px;
}
.block-info p.main-font.fw-400 a {
  font-weight: 500;
}
.block-info p.main-font a:hover {
  color: var(--black)!important;
}
.faqs-3-questions h3 {
  margin: 70px 0 20px;
}

.faqs-3 .accordion-item p {
  color: var(--text-color);
}
.faqs-section .accordion-item {
  background-color: transparent!important;
  border: none;
  border-bottom: 1px solid var(--silver);
}
.faqs-3.inner-page-hero.faqs-section .accordion-item.acc-last-item {
  border-bottom: none;
}
.faqs-section .accordion-thumb {
  margin: 0;
  padding: 25px 0;
  cursor: pointer;
  position: relative;
}
.faqs-section .accordion-item .accordion-thumb:after,
.faqs-section .accordion-item.is-active .accordion-thumb:after {
  font-family: Flaticon;
  color: var(--header-color);
  font-size: 0.915rem;
  font-weight: 300; 
  content: "\f15d";
  position: absolute;
  top: 24px;
  right: 0;
}
.faqs-section .accordion-item.is-active .accordion-thumb:after {
  content: "\f15e";
}
.faqs-section .accordion-panel {
  margin: 0;
  padding: 0 0 10px 0;
  display: none;
}
.faqs-section .accordion-panel p {
  color: var(--text-color);
}
.faqs-section .accordion-thumb span.main-font {
  line-height: 1;
  margin-bottom: 0;
}
.faqs-section .accordion-thumb p {
  color: var(--header-color);
  line-height: 1;
  font-weight: 600;
  margin-bottom: 0;
}
.more-questions {
  text-align: center;
  margin-top: 60px;
}
.post-link.ico-15 [class*="flaticon-"]:before, 
.post-link.ico-15 [class*="flaticon-"]:after { font-size: 0.85rem; }
.post-title-icons .ico-20 [class*="flaticon-"]:before, 
.post-title-icons .ico-20 [class*="flaticon-"]:after { font-size: 1.45rem; }
.single-post-txt p a.color--theme:hover {
  color: var(--header-color)!important;
}
.single-post-txt p a.color--header:hover {
  color: var(--theme-color)!important;
}
.contacts-info p {
  padding-right: 8%;
  margin: 25px 0 0;
}
.contacts-info span.main-font {
  margin: 35px 0 20px;
}
.contact-form .form-control {
  height: 60px;
  background-color: var(--white);
  border: 1.5px solid var(--silver);
  box-shadow: 0 0 0 0;
  color: var(--text-color);
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;
  padding: 0 20px;
  margin-bottom: 20px;
  border-radius: 6px;
  transition: all 300ms ease-in-out;
}
.contact-form textarea { min-height: 220px; }
.contact-form textarea.form-control { 
  padding: 20px 15px;
}
.contact-form .form-btn { 
  margin-top: 15px;
}
.contact-form .form-control::-moz-placeholder { color: var(--dark-grey); } 
.contact-form .form-control:-ms-input-placeholder { color: var(--dark-grey); } 
.contact-form .form-control::-webkit-input-placeholder { color: var(--dark-grey); } 
.contact-form .form-control:focus {
  outline: 0px none;
  box-shadow: none;
  background-color: var(--white);
  border-color: var(--purple);
}
.contact-form-msg {
  width: 100%!important;
  display: block;
  margin-top: 20px;
  padding-left: 0;
}
.contact-form .loading {
  color: #00b2e4;
  font-size: 1.0625rem;
  line-height: 1;
  font-weight: 500;
  padding-left: 15px;
}
.contact-form  .error {
  color: #e74c3c;
  font-size: 0.85rem;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 10px;
  padding-left: 10px;
}
.footer {
  padding-bottom: 50px;
}
.footer-info,
.footer-links {
  margin-bottom: 40px;
}
.footer-1 .footer-links {
  padding-left: 5%;
}
.footer-1 .fl-1 {
  padding-left: 8%;
}
img.footer-logo {
  width: auto;
  max-width: inherit;
  max-height: 58px;
  margin-bottom: 20px;
}
.footer span.main-font {
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 25px;
}
.footer a {
  color: var(--text-color);
}
.footer.bg--royal span.main-font {
  color: var(--white);
}
.footer.bg--royal a,
.footer.bg--royal p {
  color: #d1d8e5;
}
.footer.bg--royal a:hover {
  color: var(--white);
}
.footer.bg--royal hr {
  border-color: #c0c0ce;
}
.foo-links li {
  width: auto!important;
  display: block!important;
  vertical-align: top;
  clear: none !important;
  margin: 0;
  padding: 0;
}
.bg--404 .footer-6 .foo-links li a {
  color: #c3cee5;
}
.bg--404 .footer-6 .foo-links li a:hover {
  color: var(--white);
}
.foo-links.ico-10 li span {
  position: relative;
  top: 1.5px;
  right: 4px;
}
.foo-links li p {
  font-weight: 400;
  margin-bottom: 10px;
}
.foo-links li:last-child p {
  margin-bottom: 0;
}
.footer-socials.ico-20 a,
.footer-socials.ico-25 a { 
  margin-right: 16px; 
} 
.footer-socials.ico-25 [class*="flaticon-"]:before, 
.footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; }
.bg--coal .newsletter-form .input-group,
.bg--grape .newsletter-form .input-group {
  background-color: var(--white);
}
.footer-form .ico-15 [class*="flaticon-"]:before, 
.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px!important; }
.footer hr {
  margin-top: 30px;
    border-top: 1px solid #333;
  margin-bottom: 50px;
}
.footer-copyright p {
  margin-bottom: 0;
}
.bottom-secondary-link.ico-15 [class*="flaticon-"]:before, 
.bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; }
.bottom-footer-list {
  position: relative;
  top: 6px;
  z-index: 1;
}
.bottom-footer-list li {
  width: auto!important;
  display: inline-block!important;
  vertical-align: top;
  clear: none !important;
}
.bottom-footer-list li {
  margin-left: -5px;
}
.bottom-footer-list li:first-child {
  margin-left: 0;
}
.bottom-footer-list li:not(:last-child):after {
  font-family: Flaticon;
  font-size: 1.15rem;    
  line-height: 0.5rem!important;
  content: "\f172";
  position: relative;
  top: -1.5px;
}
.bottom-footer-list li p {
  float: left;
  line-height: 1;
  margin-bottom: 0;
}
.bottom-footer-socials.ico-20 [class*="flaticon-"]:before, 
.bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; }
.bottom-footer-socials.ico-25 [class*="flaticon-"]:before, 
.bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; }
.bottom-footer-socials.ico-30 [class*="flaticon-"]:before, 
.bottom-footer-socials.ico-30 [class*="flaticon-"]:after { font-size: 1.4rem; }
.inner-page-hero {
  padding-top: 190px;
}
.inner-page-title {
  padding-bottom: 70px;
  margin-bottom: 70px;
  border-bottom: 1px solid var(--silver);
}
.inner-page-title p {
  line-height: 1;
  margin-top: 20px;
  margin-bottom: 0;
}
.inner-page-title p span {
  color: var(--header-color);
  font-weight: 600;
}
.pagination.ico-20 [class*="flaticon-"]:before, 
.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; }
.txt-block.legal-info h3 {
  margin: 50px 0 25px;
}
.txt-block.legal-info h4 {
  margin: 25px 0;
}
.txt-block.legal-info h3 span,
.txt-block.legal-info h4 span {
  margin-right: 4px;
}
.legal-info p span {
  color: var(--header-color);
  font-weight: 700;
}
.legal-info a {
  font-weight: 600;
  text-decoration: underline;
}
.legal-info a:hover {
  color: var(--header-color);
}
.register-page {
  position: relative;
  width: 100%;
  min-height: 100vh;
}
.login-1 {
  width: 100%;
  min-height: 100vh;
  background-color: #fcfcff;
}
.login-image {
  width: 52%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
}
.login-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.register-page-logo {
  position: fixed;
  padding-top: 30px;
  z-index: 99;
}
.register-page-logo img {
  width: auto;
  max-width: inherit;
  max-height: 50px;
}
.login-1 .register-page-form {
  padding: 160px 40px 120px 0;
}
.register-form-title {
  text-align: center;
  margin-bottom: 30px;
}
.register-form-title h3 {
  line-height: 1;
}
.register-form-title p {
  margin: 10px 0 0;
}
.register-page-form p.create-account {
  font-size: 0.95rem;
  line-height: 1;
  margin-top: 25px;
  margin-bottom: 0;
}
.register-page-form p.create-account a {
  color: var(--purple);
  font-weight: 600;
  text-decoration: underline;
}

.register-page-form p.create-account a:hover {
  color: var(--header-color);
}

.register-page-form .form-control {
  height: 58px;
  background-color: var(--white);
  border: 1.5px solid var(--grey);
  color: var(--header-color);
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 25px;
  padding: 5px 18px;
  border-radius: 8px;
  transition: all 300ms ease-in-out;
}
.register-page-form .form-control::-moz-placeholder { color: var(--text-color); } 
.register-page-form .form-control:-ms-input-placeholder { color: var(--text-color); } 
.register-page-form .form-control::-webkit-input-placeholder { color: var(--text-color); } 

.register-page-form .form-control:focus {
  border-color: var(--purple);
  outline: 0px none;
  box-shadow: none;
}
#login .register-page-form .btn.submit,
#signup .register-page-form .btn.submit {
  width: 100%;
  height: 58px;
  font-size: 0.975rem;
  margin-top: 0;
}
#signup .register-page-form .btn.submit {
  margin-top: 25px;
}
.reset-password-form .loading {
  color: #00b2e4;
  font-size: 1.0625rem;
  line-height: 1;
  font-weight: 500;
  padding-left: 15px;
}
.reset-password-form .error {
  position: relative;
  color: #e74c3c;
  font-size: 0.85rem;
  line-height: 1;
  font-weight: 400;
  top: -10px;
  margin-bottom: 12px;
  padding-left: 10px;
}
.wrap-input {
  position: relative;
}
.btn-show-pass {
  color: var(--dark-grey); 
  align-items: center;
  position: absolute;
  height: 100%;
  top: 17px;
  right: 20px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.btn-show-pass.ico-20 [class^="flaticon-"]:before, 
.btn-show-pass.ico-20 [class^="flaticon-"]:after {
  font-size: 1.125rem;
}
.btn-show-pass:hover {
  color: var(--theme-color);
}
.eye-pass.flaticon-invisible {
  color: var(--text-color); 
}
body.bg--404 {
  background-color: #292f44;
}
.modal-dialog {
  max-width: 700px;
}
.modal-dialog.modal-xl {
  max-width: 750px;
}
.modal-body {
  padding: 0!important;
}
#modal-1 .modal-dialog {
  width: 420px;
}
#modal-1.modal .modal-content {
  overflow: hidden;
  border-radius: 10px;
}
#modal-1 .modal-body-content {
  padding: 20px 30px 10px;
}
#modal-2 .modal-body-content {
  padding: 0 24px 0 10px;
}
#modal-1 .modal-body-content span.main-font { 
  line-height: 1.45;
}
.modal-body-content p {
  margin-top: 16px;
  margin-bottom: 22px;
}
#modal-1 .modal-body-img {
  padding-top: 30px;
}
.modal-2-img {
  position: relative;
  text-align: center;
  margin-left: -15px;
}
.modal-logo {
  position: absolute;
  left: 25px;
  bottom: 30px;
  width: auto;
  max-width: inherit;
  max-height: 26px;
}
.modal .btn-close.bg--white {
  background: rgba(255, 255, 255, .8)!important;
}
#cookies {
  position: fixed;
  width: 90%;
  bottom: 25px;
  left: 5%;
  z-index: 200;
  padding: 25px;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 rgba(3, 3, 3, .1);
}
#cookies p {
  color: #353f4f;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
}
body.theme--dark {
  --dark-theme-bg: #161821;
  --black: #f9f9f9;
  --cloud: #191c28;
  --coal: #fff;
  --ghost: #161821;
  --oxford: #191c28;
  --form-control: #191c28;
  --grey: rgba(43, 48, 64, 1);
  --header-color: #fff!important;
  --header-link: #dee1ea;
  --lavender: #191c28;
  --light-grey: #191c28;
  --metal: #f9f9f9;
  --text-color: #e5e5e5;
  --ink: #101219;
  --silver: rgba(43, 48, 64, 1);
  --smoke: rgba(43, 48, 64, .7);
  --white-smoke: #191c28;
  --sand: #191c28;
} 
body.theme--dark { 
  background-color: var(--dark-theme-bg);  
  color: var(--text-color); 
}
.theme--dark .bg--white { 
  background-color: rgba(43, 48, 64, .4);
}
.theme--dark .gr--cloud {
  background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%);
}
.theme--dark hr.divider,
.theme--dark .footer hr {
  background-image: linear-gradient(90deg, rgba(122,125,147,0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122,125,147,0) 99%); 
}
.dt-img, .theme--dark .lt-img { 
  display: none; 
}
.theme--dark .dt-img { 
  display: inline-block; 
  position: relative; 
}
.theme--dark .img-block .bg--cloud {
  background-color: #212632;
}
.theme--dark a { 
  color: var(--text-color); 
}
.theme--dark a.color--theme { color: var(--theme-color); }
.theme--dark a.color--blue { color: var(--blue); }
.theme--dark a.color--lotus { color: var(--lotus); }
.theme--dark a.color--purple { color: var(--purple); }
.theme--dark a.color--skyblue { color: var(--sky-blue); }
.theme--dark a:hover { 
  color: var(--white); 
}
.theme--dark .shape-ico.color--theme path,
.theme--dark .shape-ico.color--blue path,
.theme--dark .shape-ico.color--lotus path,
.theme--dark .shape-ico.color--purple path,
.theme--dark .shape-ico.color--skyblue path {
  fill: rgba(43, 48, 64, .45);
}
.theme--dark .btn--lime, .theme--dark .color--white .hover--lime:hover {
  color: #31363f!important;
}
.theme--dark .color--white .btn--lime {
  color: #31363f!important;
}
.theme--dark .btn--black {
  color: #31363f!important;
}
.theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a,
.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a {
  color: var(--header-link);
}
.theme--dark .navbar-dark .wsmenu-list > li > a.h-link:hover,
.theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover,
.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover {
  color: #eee!important;
}
.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover {
  color: var(--white)!important;
}
.theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn.btn--lime:hover {
  color: #31363f!important;
}
.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu,
.theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu,
.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {
  background-color: var(--white-smoke)!important; 
  border: solid 1px var(--smoke)!important; 
  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
}
.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before {
  background-color: var(--ink);
  border-left: solid var(--ink);
  border-top: solid 1px var(--ink);
}
.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
.theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
  color: var(--header-link);
  background-color: transparent!important;
}
.theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
.theme--dark .theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
  color: var(--header-link);
}
.theme--dark .wsmegamenu p.title {
  color: var(--white);
}
.theme--dark .tra-menu .wsmainfull.scroll {
  background-color: var(--ink)!important;
  padding: 0;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
}
.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a,
.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a,
.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
.theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a.h-link {
  color: var(--header-link);
}
.theme--dark .navbar-light .scroll .wsmenu-list > li > a.h-link:hover {
  color: var(--white)!important;
}
.theme--dark .navbar-light .scroll .wsmenu-list > li > a.btn--lime:hover {
  color: #31363f!important;
}
.theme--dark .navbar-dark .logo-black,
.theme--dark .navbar-dark .scroll .logo-black {
  display: none;
}
.theme--dark .navbar-dark .logo-white,
.theme--dark .navbar-dark .logo-black,
.theme--dark .navbar-dark .scroll .logo-white {
  display: block;
}
.theme--dark .navbar-dark .logo-white {
  display: none;
}
.theme--dark .fbox-1.bg--white,
.theme--dark .fbox-2.bg--white,
.theme--dark .fbox-3.bg--white,
.theme--dark .fbox-4.bg--white,
.theme--dark .fbox-5.bg--white,
.theme--dark .fbox-2.fb-8.bg--white {
  background-color: transparent;
}
.theme--dark .fbox-1-img.bg--cloud,
.theme--dark .fbox-2-img.bg--cloud,
.theme--dark .fbox-3-img.bg--cloud,
.theme--dark .fbox-4-img.bg--cloud,
.theme--dark .fbox-1-img.bg--lightgrey,
.theme--dark .fbox-2-img.bg--lightgrey,
.theme--dark .fbox-3-img.bg--lightgrey,
.theme--dark .fbox-4-img.bg--lightgrey,
.theme--dark .fbox-1-img.bg--whitesmoke,
.theme--dark .fbox-2-img.bg--whitesmoke,
.theme--dark .fbox-3-img.bg--whitesmoke,
.theme--dark .fbox-4-img.bg--whitesmoke {
  background-color: rgba(43, 48, 64, .45);
}

.theme--dark .fbox-2.block--shadow,
.theme--dark .fbox-3.block--shadow {
  border-color: var(--silver);
}
.theme--dark .ico-wrap.color--coal,
.theme--dark .cbox-5-ico.color--coal {
  color: var(--lime);
}
.theme--dark .txt-block .accordion-thumb {
  border-color: var(--silver);
}
.theme--dark .txt-block .accordion-item .accordion-thumb:after,
.theme--dark .txt-block .accordion-item.is-active .accordion-thumb:after {
  color: var(--text-color);
}

.theme--dark .pricing-2-table { 
  background-color: rgba(43, 48, 64, .4);
  border-color: var(--silver);
}
.theme--dark .pricing-discount span.main-font {
  color: #353f4f;
}

.theme--dark .int_tool-3 {
  background-color: rgba(43, 48, 64, .4);
  border-color: var(--silver);
}
.theme--dark .bg--coal.banner-section {
  background-color: #31363f;
}
.theme--dark .banner-5-wrapper.bg--white {
  background-color: #1e212d;
}
.theme--dark .newsletter-3 .newsletter-overlay.bg--white {
  background-color: #1e212d;
}
.theme--dark .contact-form .form-control {
  color: #90a0b2;
  background-color: rgba(43, 48, 64, .55);
  border: 1px solid rgba(43, 48, 64, .55);
}
.theme--dark .contact-form .form-control:focus {
  background-color: var(--dark-theme-bg);
  border-color: var(--purple);
}
.theme--dark .contact-form .form-control::-moz-placeholder { color: #90a0b2; } 
.theme--dark .contact-form .form-control:-ms-input-placeholder { color: #90a0b2; } 
.theme--dark .contact-form .form-control::-webkit-input-placeholder { color: #90a0b2; }
.theme--dark .inner-page-title p span {
  color: var(--white);
}
.theme--dark .legal-info a:hover {
  color: var(--white);
}
.theme--dark .modal .modal-body-content span.main-font {
  color: #313435;
}
.theme--dark .modal-body-content p {
  color: #6c757d;
}
.theme--dark .login-1 {
  background-color: var(--dark-theme-bg);
}

.theme--dark .register-page-form .form-control {
  background-color: rgba(43, 48, 64, .55);
  border-color: #333a4c;
}

.theme--dark .register-page-form .form-control:focus {
  background-color: var(--dark-theme-bg);
  border-color: var(--purple);
}
.theme--dark .modal .btn--black {
  background-color: #181d27!important;
  border-color: #181d27!important;
  color: var(--white)!important;
}
#stlChanger .chBut.ico-35 [class*="flaticon-"]:before,
#stlChanger .chBut.ico-35 [class*="flaticon-"]:after {   
  color: #fff;
  font-size: 1.75rem;
  line-height: 48px!important;
}
.theme--dark #stlChanger .chBut.ico-35 [class*="flaticon-"]:before,
.theme--dark #stlChanger .chBut.ico-35 [class*="flaticon-"]:after {   
  color: #363636;
}
	.book_shelf_container .shelf {border-bottom: 30px solid #d7d7d7;} 
	.shelf:after {background: url(https://d2fn54x1v3te25.cloudfront.net/gallery/shelf/shelf-texture-concrete.jpg?Expires=1802156803&Signature=HLZJreI1fSyMW4hOI9Shk5bRJvokSlaL92qgz07nMsSZU9DDFZeAOJjoMxnBzoNGZz8sGGI8NUsjcVo2GtRieJNPKXJDSGhuR~n9xlnzoPDWNNVj32UB6h7~iutZCwfU1UoMSmLxUsL1XLI1ivaQllz8x2nGISuYdqxTc8Mwczd71W9p8kFtmmbsnFBvxQaWqeCZJVcT1PP-3J0R0W-7L2AcnXldXqW5aHxeF-dOf62l3zlEx8LaGDmIHoaG8rKFToLFXTa3Grz0jmRkhDcxfqmq56Ds8RaTIT-TJ1JF8S78lFGHf4p7I1Uu5mHSgKcrPZ3WgS4viRE59IWz4iVCxQ__&Key-Pair-Id=K3PBSV1G2ARQ9S) top left repeat-x;}
    .book_shelf_container {background-image: none; background-color: transparent !important; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}
    .pf-drop-zone {  box-sizing: border-box; margin: 1rem auto; padding: 2rem; background: #ffffff; border: 1px dashed #28a745; border-radius: 12px; text-align: center; cursor: pointer; transition: background-color 0.15s, border-color 0.15s; }
    .pf-drop-zone:hover { background: #e8f5e9; border-color: #218838; }
    .pf-drop-zone.pf-dragover { background: #ffffff; border-color: #1e7e34; }
    .pf-drop-zone-text { color: var(--black); font-size: 1rem; margin: 0 0 1rem 0; }
    .pf-drop-zone .pf-upload-btn { display: inline-flex; justify-content: center; gap: 8px; padding: 10px 46px 10px 34px; font-size: 1rem; font-weight: 500; color: #fff; background: #28a745; border: none; border-radius: 50px; cursor: pointer; transition: background-color 0.15s; }
    .pf-drop-zone .pf-upload-btn:hover { background: #218838; }
    .pf-drop-zone .pf-upload-btn .pf-upload-icon { display: inline-block; width: 1em; height: 1em; vertical-align: middle; }
    .pf-drop-zone .pf-upload-btn .pf-upload-icon svg { width: 100%; height: 100%; stroke: currentColor; }

/* Two CTAs + OR: stack on mobile, inline on desktop (banner + converter page) */
.pf-two-ctas {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 1rem;
}
.pf-two-ctas-or {
  color: rgba(255,255,255,0.9);
  font-size: 0.95rem;
  padding: 0 0.25rem;
}
@media (max-width: 991.98px) {
  .pf-two-ctas {
    flex-direction: column;
    gap: 0.75rem;
  }
  .pf-two-ctas-or {
    padding: 0.25rem 0;
  }
}

.separator-line {
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  font-family: var(--main-font);
  font-size: 1.1rem;
  margin: 25px 0;
}

.separator-line::before, 
.separator-line::after {
  content: "";
  border-top: 1.5px solid rgba(5, 5, 5, .18);
  margin: 0 15px 0 0;
  flex: 1 0 20px;
}

.separator-line::after {
  margin: 0 0 0 15px;
}
.int_tool-3 .fa-solid {

  font-size: 45px;

  min-width: 45px;

  display: inline-block;

  text-align: left;

  color: #22c55e;

}

.fbox-ico ico-square .fa-solid,

.fbox-ico.ico-square .fa-solid,

.fbox-ico .fa-solid {

  font-size: 1.2em;       /* twice current size */

}

/* if the icon is inside a span with no class, target the div and scale its content */

.fbox-ico.ico-square {

  font-size: 1.2em;

}

.fbox-9 .fbox-ico {

  display: flex;

  align-items: center;

  justify-content: center;

}

.fbox-9 .fbox-ico .fa-solid,

.fbox-9 .fbox-ico span[class^="fa-"] {

  display: inline-flex;

  align-items: center;

  justify-content: center;

}

/* Parent of the .col elements - adjust selector to match your HTML */

.your-row-class {

  display: flex;

  flex-wrap: wrap;

}

.your-row-class .col {

  display: flex;

}

.int_tool-3.block--shadow {

  width: 100%;

  min-height: 220px;

  display: flex;

  flex-direction: column;

}

.int_tool-3 p.fs-15 {

  flex-grow: 1;

  margin-bottom: 0;

  min-height: 3.5em;

}

/* Two CTAs + OR: stack on mobile, inline on desktop */

.pf-two-ctas {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  gap: 0.5rem 1rem;

}

.pf-two-ctas-or {

  color: var(--bs-secondary, #6c757d);

  font-size: 0.95rem;

  padding: 0 0.25rem;

}

@media (max-width: 991.98px) {

  .pf-two-ctas {

    flex-direction: column;

    gap: 0.75rem;

  }

  .pf-two-ctas-or {

    padding: 0.25rem 0;

  }

}

/* Pricing billing switch - Annually/Monthly toggle */
.pricing-billing-switch {
  display: inline-flex;
  background: #ffffff;
  border-radius: 25px;
  padding: 2px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.pricing-switch-option {
  padding: 5px 12px;
  border: none;
  background: transparent;
  color: #343a40;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.25s ease;
  font-family: var(--main-font);
}
.pricing-switch-option:hover {
  color: #343a40;
}
.pricing-switch-option.active {
  background: #28a745;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.pricing-billing-switch-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pricing-annual-badge {
  position: absolute;
  right: 100%;
  margin-right: 12px;
  font-size: 0.77rem;
  font-weight: 600;
  color: #28a745;
  white-space: nowrap;
}