/* Reset */
* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

textarea:focus, input:focus{
    outline: none;
	border-bottom: 2px solid black !important;
}

textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

input {
	border-radius: 0;
	-webkit-border-radius: 0;
}

/* Properties */
:root {
	--primary-color: #00B0F0;
	--theme-color-1: #353740;
	--theme-color-2: #333333;
	--theme-color-3: #747D88;
	--theme-color-4: #F7F7F7;
	--theme-color-5: #FFFFFF;
	--softwin-blue: #005699;
}

/* General */
body {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	background: #fff;
}

body > * {
	overflow: hidden;
}

a {
	text-decoration: none;
	color: #20292f;
}

ul {
	list-style: none;
}

img {
	display: block;
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
}

wbr {
	display: none;
}

/* Navbar */
.navbar {
	background: white;
	padding: 20px;
	font-family: 'Poppins', sans-serif;
	position: sticky;
	top: 0;
	z-index: 9999;
	box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}

.navbar .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo img {
	max-width: 50%;
}

.navbar .main-menu ul {
	display: flex;
}

.navbar .main-menu ul li a {
	padding: 10px 15px;
	display: block;
	font-weight: 500;
	font-size: 0.94rem;
	transition: 0.5s;
}

.navbar .main-menu ul li a:hover {
	color: var(--softwin-blue);
}

.current-page {
	font-weight: 600 !important;
}

.hamburger-button {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 10px 0 10px 10px;
	z-index: 1000;
}

.hamburger-button .hamburger-line {
	width: 22px;
	height: 2px;
	background-color: #2ea3f2;
	margin: 4px 0;
}

.mobile-menu {
	display: none;
	position: absolute;
	top: 0;
	border-top: 3px solid #2ea3f2;
	background-color: white;
	z-index: 999;
	width: 80%;
	left: 50%;
  	transform: translateX(-50%);
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.mobile-menu ul {
	padding: 3rem;
}

.mobile-menu ul li {
	padding: 0.75rem;
	border-bottom: 1px solid rgba(0,0,0,0.03);
}

#dropdown-btn {
	cursor: pointer;
	user-select: none;
}

#dropdown-btn::after {
	font-size: 0.88rem;
}

#dropdown-menu {
	display: none;
	padding-right: 3rem;
}

#dropdown-btn-about {
	cursor: pointer;
	user-select: none;
}

#dropdown-btn-about::after {
	font-size: 0.88rem;
}

#dropdown-menu-about {
	display: none;
}

.show-dropdown {
	display: block !important;
	position: fixed;
	background-color: var(--theme-color-5);
	box-shadow: 0px 5px 5px 0px rgba(17, 12, 46, 0.15);
	margin-top: 1rem;
	z-index: 999;
}

#dropdown-btn-mobile {
	cursor: pointer;
	user-select: none;
}

#dropdown-btn-mobile::after {
	font-size: 0.88rem;
}

#dropdown-menu-mobile {
	display: none;
	position: relative;
}

#dropdown-btn-mobile-about {
	cursor: pointer;
	user-select: none;
}

#dropdown-btn-mobile-about::after {
	font-size: 0.88rem;
}

#dropdown-menu-mobile-about {
	display: none;
	position: relative;
}

.mobile-menu #dropdown-menu-mobile ul {
	padding: 0 !important;
	margin-top: 1rem !important;
	background-color: var(--theme-color-4);
}
.mobile-menu #dropdown-menu-mobile ul li:last-child {
	border-bottom: none;
}

.mobile-menu #dropdown-menu-mobile-about ul {
	padding: 0 !important;
	margin-top: 1rem !important;
	background-color: var(--theme-color-4);
}
.mobile-menu #dropdown-menu-mobile-about ul li:last-child {
	border-bottom: none;
}

/* Hero */
.hero {
	height: calc(100vh - 80px);
	background-image: url('../images/background-texture.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center bottom;
	background-color: var(--primary-color);
	background-blend-mode: multiply;
	display: grid;
	grid-template-columns: 1fr 1fr;
	animation: fadeInAnimation ease-in 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	position: relative;
}

.hero .left-half {
	color: var(--theme-color-1);
	max-width: 85%;
	position: relative;
}

.hero .left-half .left-half-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hero .left-half p:first-child {
	font-weight: 500;
	letter-spacing: 3px;
}

.hero .left-half h1 {
	font-size: 3.75rem;
	font-weight: 700;
	margin-top: 3rem;
	margin-bottom: 3rem;
	line-height: 1.3em;
}

.hero .left-half a {
	margin-top: 3rem;
}

.hero .left-half h1 span {
	color: var(--theme-color-4);
}

.hero .left-half p:nth-child(3) {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.8em;
}

.hero .right-half {
	height: calc(100vh - 80px);
	background-image: url('../images/softwin_conversion_intro.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}

/* Services */
.services {
	background-color: var(--theme-color-5);
	padding-top: 10rem;
	margin-bottom: 28rem;
}

.services-heading {
	width: 45%;
	margin: 0 auto;
	margin-bottom: 7rem;
}

.services-heading h1 {
	margin-bottom: 2rem;
	font-size: 2.62rem;
	font-weight: 700;
	color: var(--theme-color-2);
}

.services-heading p {
	color: black;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.8em;
}

.services-cards {
	display: flex;
	margin-bottom: 8rem;
	justify-content: space-between;
	align-items: center;
}

.service {
	width: 27%;
}

.service img {
	margin: 0 auto;
	max-width: 20%;
}

.service .read-more {
	font-size: 0.88rem;
	color: var(--primary-color);
}

.service .read-more:hover {
	color: var(--softwin-blue);
}

.service p i {
	font-size: 3.75rem;
	color: var(--primary-color);
}

.service h4 {
	font-size: 1.37rem;
	font-weight: 700;
	padding-top: 30px;
	padding-bottom: 15px;
	color: var(--theme-color-1);
}

.service p:last-child {
	font-size: 1rem;
	font-weight: 500;
	color: black;
	line-height: 1.8em;
}

/* Our story */
.story-section {
	background-color: var(--theme-color-5);
	padding-top: 3rem;
	margin-bottom: 33rem;
}
 
.story-section h2 {
	font-size: 2.62rem;
	text-align: center;
	margin-left: 1rem !important;
	margin-right: 1rem !important;
	color: var(--theme-color-2);
	margin-bottom: 5rem;
}

/* The actual timeline (the vertical ruler) */
.timeline {
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
  }
  
  /* The actual timeline (the vertical ruler) */
  .timeline::after {
	content: '';
	position: absolute;
	width: 6px;
	background-color: var(--softwin-blue);
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
  }
  
  /* Container around content */
  .container-story {
	padding: 5px 40px;
	position: relative;
	background-color: inherit;
	width: 50%;
  }
  
  /* The circles on the timeline */
  .container-story::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -17px;
	background-color: white;
	border: 4px solid var(--softwin-blue);
	top: 15px;
	border-radius: 50%;
	z-index: 1;
  }
  
  /* Place the container to the left */
  .left {
	left: 0;
  }
  
  /* Place the container to the right */
  .right {
	left: 50%;
  }
  
  /* Add arrows to the left container (pointing right) */
  .left::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid var(--primary-color);
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent var(--primary-color);
  }
  
  /* Add arrows to the right container (pointing left) */
  .right::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid var(--primary-color);
	border-width: 10px 10px 10px 0;
	border-color: transparent var(--primary-color) transparent transparent;
  }
  
  /* Fix the circle for containers on the right side */
  .right::after {
	left: -16px;
  }
  
  /* The actual content */
  .content-story {
	padding: 0.5rem;
	background-color: var(--primary-color);
	position: relative;
	border-radius: 6px;
	color: var(--theme-color-1);
	text-align: left;
	font-size: 0.9rem;
  }

  .content-story h2 {
	font-family: 'Arial';
	font-size: 1.4rem !important;
	color: var(--theme-color-1);
	margin-bottom: 0;
	margin-top: -0.1rem;
	display: inline-block;
	font-variant-numeric: lining-nums;
  }

  .content-story h2::after {
	margin-left: 1rem;
	content: "\203A";
	color: white;
  }

  .content-story .story-title {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.35rem;
  }

  .content-story p:not([class="story-title"]) {
	margin-left: 6.8rem;
  }

  .content-story p a {
	text-decoration: underline;
  }

  .content-story p a:hover {
	color: white;
  }

  .responsive-space {
	display: none;
  }
  
  /* Media queries - Responsive timeline on screens less than 600px wide */
  @media screen and (min-width: 1px) {
	/* Place the timelime to the left */
	.timeline::after {
	left: 31px;
	}
	
	/* Full-width containers */
	.container-story {
	width: 100%;
	padding-left: 70px;
	padding-right: 25px;
	}
	
	/* Make sure that all arrows are pointing leftwards */
	.container-story::before {
	left: 60px;
	border: medium solid var(--primary-color);
	border-width: 10px 10px 10px 0;
	border-color: transparent var(--primary-color) transparent transparent;
	}
  
	/* Make sure all circles are at the same spot */
	.left::after, .right::after {
	left: 15px;
	}
	
	/* Make all right containers behave like the left ones */
	.right {
	left: 0%;
	}
  }

  @media screen and (max-width: 846px) {
	.content-story h2 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.content-story h2::after {
		display: none;
	}
	.content-story .story-title {
		margin-top: -0.1rem;
	}
	.content-story .story-title::before {
		content: "\203A";
		color: white;
		margin-right: 0.5rem;
		margin-left: 0.2rem;
		font-weight: bold;
		font-size: 1.5em;
	}
	.responsive-space {
		display: block;
	}
	.content-story p:not([class="story-title"]) {
		margin-left: 0;
	}
	.responsive-indent {
		display: none !important;
	}
  }
/* Video and counters */
.video-section {
	background-color: var(--primary-color);
	padding-top: 35rem;
}

.video-section .video-image {
	width: 60%;
	min-height: 650px;
	margin: 0 auto;
	margin-top: -60rem;
	margin-bottom: 4rem;
	background-image: url('../images/softwin_conversion_office.webp');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border: 1.3rem solid white;
	box-shadow: 0px 2px 77px 0px rgba(0,0,0,0.3);
}

.video-section .video-image-about {
	width: 60%;
	min-height: 650px;
	margin: 0 auto;
	margin-top: -60rem;
	margin-bottom: 4rem;
	background-image: url('../images/softwin_conversion_workspace_computer_design.webp');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border: 1.3rem solid white;
	box-shadow: 0px 2px 77px 0px rgba(0,0,0,0.3);
}

.video-section .video-heading h2 {
	font-size: 2.62rem;
	line-height: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 1.4rem;
	color: var(--theme-color-1);
	word-wrap: break-word;
}

.video-section .video-heading p {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.8em;
	color: var(--theme-color-1);
	width: 45%;
	margin: 0 auto;
}

.video-section .counters {
	margin-top: 7rem;
}

.counters {
	display: flex;
	padding-bottom: 9.5rem;
	justify-content: space-between;
	align-items: center;
}

.counters .counter {
	width: 27%;
}

.counters .counter-value {
	color: white;
	line-height: 90px;
	font-weight: 700;
	font-size: 3.75rem;
}

.counters .counter-label {
	line-height: 1em;
	font-size: 1.1rem;
	font-weight: 500;
	color: var(--theme-color-1);
}

/* Ebooks */
.ebooks {
	background-color: var(--theme-color-4);
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.ebooks>h2 {
	font-size: 2.62rem;
	text-align: center;
	margin-left: 1rem !important;
	margin-right: 1rem !important;
	color: var(--theme-color-2);
}

.ebooks h3 {
	font-size: 1.87rem;
	font-weight: 700 !important;
	text-align: center;
	margin: 4rem 1rem 2rem 1rem !important;
	color: var(--theme-color-2);
}

.ebooks h4 {
	font-size: 1.25rem;
	font-weight: 600 !important;
	color: var(--theme-color-2);
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}

.ebooks .ebooks-content .ebooks-box p {
	font-weight: 500;
	font-size: 1rem;
	color: black;
}

.ebooks-p  {
	font-weight: 500;
	font-size: 1.06rem;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2.5rem;
	color: var(--theme-color-2);
}

.ebooks .ebooks-content {
	display: grid;
	grid-template-columns: 33% 33%;
	gap: 2rem;
	justify-content: center;
}

.ebooks-images {
	margin-top: 5rem;
}

.ebooks-images img {
	margin: 0 auto;
	width: 35%;
}

/* Vision section */
.vision-section {
	background-color: var(--primary-color);
	padding-top: 5rem;
	padding-bottom: 2rem;
}

.vision-section .vision-boxes {
	display: flex;
	margin-bottom: 2rem;
	justify-content: space-between;
}

.vision-section .vision-boxes .vision-left {
	width: 35%;
}

.vision-section .vision-boxes .vision-right {
	width: 55%;
}

.vision-section .vision-boxes .vision-right h2 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2.62rem;
	line-height: 1.3em;
	color: var(--softwin-blue);
	word-wrap: break-word;
	width: 85%;
}

.vision-section .vision-boxes .vision-right p {
	font-weight: 500;
	line-height: 1.8em;
	font-size: 1rem;
	color: black;
	margin-bottom: 4rem;
}

.vision-left h2 {
	color: var(--softwin-blue);
	text-align: right !important;
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.vision-right h2 {
	text-align: right;
	font-size: 3.5rem !important;
}

.vision-right h2 span {
	color: var(--theme-color-5);
}

.vision-section img {
	box-shadow: 0px 2px 77px 0px rgba(0,0,0,0.3);
}

#vision-box-2 img {
	max-height: 250px;
	margin: 0 auto;
}

.vision-section #vision-box-1 {
	align-items: top !important;
	
}

.vision-left h2:nth-child(2) {
	text-align: right;
	font-size: 3.5rem !important;
	margin-top: 5rem;
}

.vision-left h2 span {
	color: var(--theme-color-5);
}

/* Clients section */
.clients-section {
	background-color: var(--theme-color-5);
	padding-top: 6rem;
	padding-bottom: 4rem;
}

.clients-section h2 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2.62rem;
	line-height: 1.3em;
	color: var(--theme-color-2);
	margin-bottom: 4rem;
	word-wrap: break-word;
}

.scroller {
  max-width: 87.5%;
}
.scroller__inner {
  padding-block: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.scroller[data-animated="true"] {
  overflow: hidden;
  -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 20%,
    white 80%,
    transparent
  );
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
}
.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}
.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}
.scroller[data-speed="fast"] {
  --_animation-duration: 20s;
}
.scroller[data-speed="slow"] {
  --_animation-duration: 60s;
}
@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}
.tag-list {
  margin: 0;
  padding-inline: 0;
  list-style: none;
}
.tag-list li {
  padding: 1rem;
}

/* Different section */
.different-section {
	background-color: var(--theme-color-5);
	padding-top: 10rem;
}

.different-section .diff-boxes {
	display: flex;
	margin-bottom: 8rem;
	justify-content: space-between;
	align-items: center;
}

.different-section .diff-boxes .diff-left {
	width: 45%;
}

.different-section .diff-boxes .diff-right {
	width: 45%;
}

.different-section .diff-boxes .diff-right h2 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2.62rem;
	line-height: 1.3em;
	color: var(--theme-color-2);
	margin-bottom: 4rem;
	word-wrap: break-word;
	width: 85%;
}

.different-section .diff-boxes .diff-right p {
	font-weight: 500;
	line-height: 1.8em;
	font-size: 1rem;
	color: black;
	margin-bottom: 4rem;
}

/* Contact Us section */
.contact-us-section .contact-us-boxes {
    display: flex;
    justify-content: space-between;
}

.contact-us-section .contact-us-boxes .contact-us-left {
    width: 45%;
    margin-bottom: 2rem !important;
}

.contact-us-section .contact-us-boxes .contact-us-right {
    width: 45%;
    margin-bottom: 6rem !important;
}

.contact-us-left p:first-child {
    font-size: 2rem !important;
    font-weight: 600 !important;
    text-align: left;
    margin: 5rem 1rem 3rem 1rem !important;
    color: black !important;
}

.contact-us-table {
    margin-left: 1rem;
}

.contact-us-table td {
    vertical-align: top;
    padding-bottom: 2rem;
}

.contact-us-table tr td:first-child {
    padding-right: 2rem;
}

.contact-us-table a:hover {
    color: var(--primary-color);
}

#contact-us-form {
    /* color: white !important; */
    font-weight: 700 !important;
}

.contact-form .btn span:after {
	top: 2.5px;
}

.contact-link {
	color: black;
	text-decoration: underline;
}

.contact-link:hover {
	color: white;
}

/* Why choose SOFTWIN */
.choose {
	padding-bottom: 5rem;
	margin-bottom: 5rem;
}

.choose h2 {
	font-size: 2.62rem;
	text-align: center;
	margin-left: 1rem !important;
	margin-right: 1rem !important;
	margin-bottom: 3rem;
	color: var(--theme-color-2);
}

.choose h4 {
	font-size: 1.37rem;
	font-weight: 600 !important;
	color: var(--theme-color-2);
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}

.choose .choose-content .choose-box p {
	font-weight: 500;
	font-size: 1rem;
	color: black;
}

.choose-p  {
	font-weight: 500;
	font-size: 1.06rem;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 1.5rem;
	color: var(--theme-color-2);
}

.choose .choose-content {
	display: grid;
	grid-template-columns: 33% 33%;
	gap: 2rem;
	justify-content: center;
}

.choose-images img {
	margin: 0 auto;
	width: 50%;
}

#diff-learn-more {
	padding-top: 3rem !important;
	padding-bottom: 2rem !important;
	background-color: var(--theme-color-4);
	margin-bottom: 8rem !important;
}

#diff-learn-more img {
	max-width: 80%;
	margin: 0 auto !important;
}

#diff-learn-more p {
	font-size: 1.25rem;
	margin-bottom: 0 !important;
}

#diff-learn-more .diff-boxes {
	margin-bottom: 1rem !important;
}

#choose-banner  {
	background-color: unset !important;
}

#choose-banner .page-title {
	height: 25rem !important;
}

/* Skills */
.skills {
	background-color: var(--theme-color-4);
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.skills h2 {
	margin-bottom: 3rem;
	font-size: 2.62rem;
	font-weight: 700;
	color: var(--theme-color-2);
}

.skills .skills-boxes {
	display: flex;
	justify-content: center;
	align-items: top;
	text-align: left;
}

.skills .skills-boxes .skills-text {
	width: 33%;
	margin-right: 4rem;
	color: black;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.8em;
}

.skills .skills-boxes .skills-bars {
	width: 33%;
}

.skills .skills-boxes .skills-bars .bar {
	margin-bottom: 1.5rem;
}

.skills .skills-boxes .skills-bars .bar label {
	font-size: 0.75rem;
	line-height: 2em;
	letter-spacing: 1px;
	color: var(--theme-color-1);
}

.skills .skills-boxes .skills-bars .bar progress {
	border: none;
	width: 100%;
	height: 1.5rem;
}

.skills .skills-boxes .skills-bars .bar progress::-webkit-progress-bar {
	border: none;
	width: 100%;
	height: 1.5rem;
}

.skills .skills-boxes .skills-bars .bar progress::-webkit-progress-value {
	background-color: var(--primary-color);
}

.skills .skills-boxes .skills-bars .bar progress::-webkit-progress-bar {
	background-color: #ececee;
}

/* Laptop */
.laptop-section {
	background-image: url('../images/background-split-03-1.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.laptop-section img {
	margin: 0 auto;
}

/* After laptop */
.after-laptop {
	background-color: var(--theme-color-4);
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.after-laptop .laptop-text p {
	margin: 0 auto;
	width: 35%;
	text-align: center;
	font-size: 2em;
	font-weight: 500;
	font-family: "Open Sans", Arial, sans-serif;
	color: black;
}

/* Testimonials */
.testimonials {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.testimonials .testimonials-heading {
	width: 45%;
	margin: 0 auto;
	margin-bottom: 7rem;
}

.testimonials .testimonials-heading h2 {
	margin-bottom: 2rem;
	font-size: 2.62rem;
	font-weight: 700;
	color: var(--theme-color-2);
}

.testimonials .testimonials-heading p {
	color: black;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.8em;
}

.testimonials .testimonials-content .testimonials-row{
	display: flex;
	justify-content: space-evenly;
	align-items: top;
	text-align: left;
	margin-bottom: 3rem;
}

.testimonials .testimonials-content .testimonials-row .testimonial {
	width: 33%;
	display: flex;
	justify-content: space-evenly;
	align-items: top;
	text-align: left;
}

.testimonials .testimonials-content .testimonials-row .testimonial .test-left {
	width: 25%;
}

.testimonials .testimonials-content .testimonials-row .testimonial .test-left img {
	width: 70%;
}

.testimonials .testimonials-content .testimonials-row .testimonial .test-right {
	width: 75%;
}

.testimonials .testimonials-content .testimonials-row .testimonial .test-right p {
	font-size: 1rem;
	line-height: 1.8em;
	color: black;
	font-weight: 500;
}

.testimonials .testimonials-content .testimonials-row .testimonial .test-right .author {
	font-size: 0.88rem;
	font-weight: 700;
}

.testimonials .testimonials-content .testimonials-row .testimonial .test-right .role {
	font-size: 0.88rem;
}

/* Contact */
.contact {
	background-color: var(--primary-color);
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.contact .contact-heading {
	width: 45%;
	margin: 0 auto;
	margin-bottom: 5rem;
}

.contact .contact-heading h2 {
	margin-bottom: 2rem;
	font-size: 2.62rem;
	font-weight: 700;
	color: var(--theme-color-2);
}

.contact .contact-heading h2 span {
	color: var(--theme-color-5);
}

.contact .contact-heading p {
	color: black;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.8em;
}

.contact .contact-form form {
	margin: 0 auto;
	width: 50%;
}

.contact .contact-form form input {
	width: 100%;
	margin-bottom: 2rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 2em;
	background-color: transparent;
	color: var(--theme-color-2);
	border: none;
	border-bottom: 1px solid var(--theme-color-2);
}

.contact .contact-form form input::placeholder {
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--theme-color-2);
}

.contact .contact-form form input:focus {
	border: none;
	border-bottom: 1px solid var(--theme-color-2);
}

.contact .contact-form form textarea {
	width: 100%;
	margin-bottom: 1.5rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 2em;
	background-color: transparent;
	color: var(--theme-color-2);
	border: none;
	border-bottom: 1px solid var(--theme-color-2);
	resize: none;
}

.contact .contact-form form textarea::placeholder {
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 2em;
	color: var(--theme-color-2);
}

.contact .contact-form form p {
	text-align: right;
}

/* Footer */
footer {
	background-color: black;
	color: #666;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

footer .footer-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

footer .footer-left {
	width: 70%;
	text-align: left;
}

footer .footer-left p span {
	font-weight: 700;
}

footer .footer-right {
	text-align: right;
	width: 20%;
}

footer .footer-right p i {
	font-size: 2rem;
	margin-right: 1rem;
}

footer .footer-right p i:last-child {
	margin-right: 0;
}

/* Footer 2 */
.footer2 {
	background-color: var(--theme-color-4);
	color: var(--theme-color-1);
	padding-top: 4rem;
	padding-bottom: 2rem;
}

.footer2 .footer2-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}

.footer2 .footer2-left {
	width: 40rem;
	text-align: left;
}

.footer2 .footer2-left {
	width: 9rem;
}

.footer2 .footer2-right {
	text-align: right;
	width: 50%;
}

.footer2 .footer2-right p {
	font-size: 1.4rem;
	font-weight: 600;
	color: #005597;
}

.footer2 .footer2-grid {
	display: grid;
	grid-template-columns: 30% 30% 30%;
	gap: 7rem;
	justify-content: start;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}

.footer2 .footer2-grid .footer2-content {
	font-size: 1rem;
	font-weight: 500;
}

.footer2 .footer2-grid .footer2-content .footer2-content-heading {
	color: #005597;
	font-weight: 700;
	font-size: 1.1rem;
}

.footer2 .footer2-grid .footer2-content p {
	margin-bottom: 1rem;
}

.footer2 .footer2-grid .footer2-content p a:hover {
	color: var(--softwin-blue);
}

.footer2 .footer2-grid .footer2-content p i {
	font-size: 1.8rem;
}

.footer2 .copyright {
	text-align: center;
	color: #005597;
	font-weight: 600;
	font-size: 0.9rem;
}

/* Page heading */
.page-heading {
	position: relative;
}

.page-heading .page-title {
	background-image: url('../images/background-texture.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 20rem;
	padding-top: 5rem;
}

.page-title .page-title-content {
	max-width: 55%;
	margin: 0 auto;
}

.page-heading .page-title .page-title-content h1 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 3.75rem;
	line-height: 1.3em;
	color: var(--theme-color-1);
	padding-bottom: 2.5rem;
}

.page-heading .page-title .page-title-content hr {
	max-width: 120px;
	border: 3.5px solid var(--theme-color-1);
}

/* About intro */
.about-intro {
	margin-bottom: 8rem;
}

.about-intro .container-md {
	background-image: url(../images/about-intro.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 14rem;
	position: relative;
	min-height: 500px;
}

.bg-html-intro {
	background-image: url(../images/softwin_conversion_laptop_desk_design.webp) !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 13rem;
	position: relative;
	min-height: 500px;
}

.bg-epub-intro {
	background-image: url(../images/softwin_conversion_desk_book_laptop_smartphone.webp) !important;
	background-repeat: no-repeat;
	background-position: top !important;
	background-size: cover;
	padding-top: 10rem !important;
	position: relative;
	min-height: 550px !important;
}

.bg-xml-intro {
	background-image: url(../images/softwin_conversion_workspace_laptop_notebook.webp) !important;
	background-repeat: no-repeat;
	background-position: top !important;
	background-size: cover;
	padding-top: 10rem !important;
	position: relative;
	min-height: 550px !important;
}

.bg-dtp-intro {
	background-image: url(../images/softwin_conversion_paper.webp) !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 13rem;
	position: relative;
	min-height: 500px;
}

.bg-pdf-intro {
	background-image: url(../images/softwin_conversion_desk_books_smartphone.webp) !important;
	background-repeat: no-repeat;
	background-position: top !important;
	background-size: cover;
	padding-top: 13rem;
	position: relative;
	min-height: 500px;
}

.bg-flipbook-intro {
	background-image: url(../images/softwin_conversion_open_flipping_page_book.webp) !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 13rem;
	position: relative;
	min-height: 500px;
}

.about-intro .container-md .about-intro-content {
	background-color: var(--theme-color-5);
	box-shadow: 0px 2px 77px 0px rgba(0,0,0,0.3);
	max-width: 45%;
	margin: 0 calc(100% / 6.2);
	padding: 3rem;
	padding-bottom: 2rem;
	position: absolute;
}

.about-intro .container-md .about-intro-content-epub {
	max-width: 65%;
}

.about-intro .container-md .about-intro-content-xml {
	max-width: 65%;
}

.about-intro .container-md .about-intro-content h2 {
	font-weight: 700;
	font-size: 2.25rem;
	text-transform: uppercase;
	line-height: 1.3em;
	color: var(--theme-color-2);
	margin-bottom: 1rem;
	word-break: break-word;
}

.about-intro .container-md .about-intro-content p {
	font-weight: 500;
	line-height: 1.9em;
	font-size: 1rem;
	color: black;
	margin-bottom: 1rem;
}

/* Values */
.values {
	background-color: var(--theme-color-5);
	padding-top: 8rem;
	padding-bottom: 8rem;
}

#values {
	font-size: 2rem;
}

.values .values-content {
	display: grid;
	grid-template-columns: 33% 33%;
	gap: 2rem;
	justify-content: center;
}

.values .values-content .value-box {
	padding: 2rem;
}

.values .values-content .value-box h3 {
	text-align: center;
	padding-bottom: 1rem;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--theme-color-1);
}

.values .values-content .value-box p {
	font-weight: 500;
	font-size: 1rem;
	color: var(--theme-color-1);
}

/* Heading for service pages */
.page-heading-service {
	position: relative;
}

.page-heading-service .page-title-service {
	background-color: var(--primary-color);
	background-image: url('../images/background-texture.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-blend-mode: multiply;
	height: 12rem;
	padding-top: 2.2rem;
}

.page-title-service .page-title-service-content {
	max-width: 55%;
	margin: 0 auto;
}

.page-heading-service .page-title-service .page-title-service-content p {
	font-size: 1rem;
	font-weight: 500;
	color: var(--theme-color-1);
}

.page-heading-service .page-title-service .page-title-service-content h1 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 3.15rem;
	line-height: 1.3em;
	color: var(--theme-color-1);
	padding-bottom: 2.5rem;
}

.page-heading-service .page-title-service .page-title-service-content .mobile-title {
	display: none;
}

/* Advantages */
.advantages {
	margin: 0 auto;
	margin-bottom: 5rem;
	max-width: 55%;
}

.advantages-html {
	margin-top: 7rem;
}

.advantages-epub {
	margin-top: 10rem;
}

.advantages-xml {
	margin-top: 8rem;
}

.advantages-dtp {
	margin-top: 11rem !important;
}

.advantages-pdf {
	margin-top: 8rem;
}

.advantages-flipbook {
	margin-top: 3rem;
}

#xml-dtd {
	margin-top: 5rem !important;
}


.advantages .container-md .advantages-content h2 {
	color: var(--theme-color-1);
	font-weight: 700;
	font-size: 2.62rem;
	line-height: 1.3em;
	padding-bottom: 2.5rem;
}

.advantages .container-md .advantages-content h3 {
	font-size: 1.37rem;
	margin-bottom: 0.5rem;
	color: var(--theme-color-1);
}

.advantages .container-md .advantages-content p {
	color: var(--theme-color-1);
	font-weight: 500;
	line-height: 1.8;
	font-size: 1rem;
	margin-bottom: 2rem;
}

/* Intro paragraph */
.intro-p {
	margin: 0 auto;
	max-width: 55%;
	padding-top: 3rem;
	padding-bottom: 2.5rem;
}

.intro-p .intro-p-content p {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.8em;
	color: var(--theme-color-1);
}

/* Image separator */
.img-separator {
	margin: 0 auto;
	max-width: 35%;
	border: 1.3rem solid white;
	box-shadow: 0px 2px 77px 0px rgba(0,0,0,0.3);
	margin-bottom: 5rem;
}

/* Animations */
@keyframes fadeInAnimation {
	0% {
		opacity: 0;
		margin-top: -2.5rem;
	}
	100% {
		opacity: 1;
		margin-top: 0;
	}
}

/* Utility Classes */
.container {
	max-width: 1900px;
	margin: 0 auto;
	padding: 0 15px;
}

.container-md {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 15px;
}

.container-sm {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 15px;
}

.text-center {
	text-align: center;
}

.bg-primary {
	background-color: var(--primary-color);
}

.bg-gray {
	background-color: var(--theme-color-4);
}

.text-swn-blue {
	color: var(--theme-color-1) !important;
}

.text-white {
	color: white !important;
}

.text-bold {
	font-weight: 700;
}

.text-lg {
	font-size: 1.75rem !important;
}

.checkmark {
	position: relative;
	padding-left: 1.5em;
}

.checkmark::before {
	position: absolute;
	left: 0;
	content: "\2713";
	color: var(--theme-color-1);
	font-weight: 700;
}

/* Buttons */
.btn {
	display: inline-block;
	text-align: center;
	padding: 6px 20px;
	font-weight: 700;
	font-size: 1.25rem;
	letter-spacing: 2px;
	text-decoration: none;
	border-radius: 100px;
	background-color: transparent;
	cursor: pointer;
	transition: all 0.2s;
}

.btn span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.2s;
}

.btn span:after {
	content: '\25BA';
	font-size: 0.88rem;
	position: absolute;
	top: 5px;
	right: -6px;
	opacity: 0;
	transition: 0.2s;
}

.btn:hover {
	padding-left: 15px;
}

.btn:hover span {
	padding-right: 20px;
}

.btn:hover span:after {
	opacity: 1;
}

.btn-white {
	color: var(--theme-color-5);
	border: 4px solid var(--theme-color-5);
}

.btn-gray {
	color: var(--theme-color-3);
	border: 4px solid var(--theme-color-3);
}

iframe {
	border: none !important;
}

/* Media Queries */
@media (max-width: 1600) {
	.advantages-xml {
		margin-top: 9rem;
	}
}

@media (max-width: 1565px) {
	.advantages-xml {
		margin-top: 9.5rem;
	}
}
@media (max-width: 1500px) {
	.advantages-xml {
		margin-top: 10rem;
	}
	.ebooks-images img {
		width: 40% !important;
	}
}

@media (max-width: 1440px) {
	.advantages-epub {
		margin-top: 14rem;
	}
	.advantages-xml {
		margin-top: 12rem;
	}
	.advantages-dtp {
		margin-top: 7rem !important;
	}
	.video-section .video-image {
		width: 70%;
	}
	.about-intro .container-md .about-intro-content {
		max-width: 55%;
	}
	.img-separator {
		max-width: 45%;
	}
	.ebooks-images img {
		width: 40%;
	}
}

@media (max-width: 1375px) {
	.page-heading-service .page-title-service .page-title-service-content .desktop-title {
		display: none;
	}
	.page-heading-service .page-title-service .page-title-service-content .mobile-title {
		display: block;
	}
}

@media (max-width: 1280px) {
	.advantages-html {
		margin-top: 7rem;
	}
	.advantages-epub {
		margin-top: 13rem;
	}
	.advantages-flipbook {
		margin-top: 2rem !important;
	}
	.hero .left-half {
		max-width: 100%;
	}
	#diff-learn-more img {
		max-width: 100% !important;
	}
	.video-section {
		padding-top: 15rem;
	}

	.video-section .video-image {
		margin-top: -40rem;
		width: 80%;
	}

	.video-section .container-md .video-heading p {
		padding-bottom: 5rem;
	}

	.counters {
		margin-bottom: 0;
		flex-wrap: wrap;
	}
	.counters .counter {
		width: 50%;
		margin-bottom: 5rem;
	}

	.services {
		margin-bottom: 30rem;
	}
	
	.about-intro .container-md .about-intro-content {
		max-width: 70%;
	}
	
	.vision-left h2:first-child {
		font-size: 1.5rem;
	}
	
	.vision-left h2:nth-child(2) {
		margin-top: 2rem !important;
		font-size: 3rem !important;
	}
	
	.vision-right {
		margin-bottom: 2rem !important;
	}
	.advantages {
		max-width: 75%;
	}
	.img-separator {
		max-width: 75%;
		border: none;
		box-shadow: none;
	}
	.ebooks-images img {
		width: 50% !important;
	}
}

@media (max-width: 1109px) {
	.advantages-dtp {
		margin-top: 10rem !important;
	}
}

@media (max-width: 1090px) {
	.advantages-epub {
		margin-top: 15rem !important;
	}
}

@media (max-width: 1048px) {
	.advantages-xml {
		margin-top: 13rem !important;
	}
	.advantages-pdf {
		margin-top: 10rem !important;
	}
}

@media (max-width: 999px) {
	.advantages-xml {
		margin-top: 14rem !important;
	}
}

@media (min-width: 991px) and (max-width: 1100px) {
	.hero .left-half h1 {
		font-size: 3.25rem;
	}
}

@media (max-width: 990px) {
	.advantages-html {
		margin-top: 5rem !important;
	}
	.advantages-epub {
		margin-top: 17rem;
	}
	.advantages-dtp {
		margin-top: 5rem !important;
	}
	.advantages-xml {
		margin-top: 16rem !important;
	}
	.advantages-pdf {
		margin-top: 6rem !important;
	}
	.advantages-flipbook {
		margin-top: 0 !important;
	}
	.show-dropdown {
		box-shadow: none !important;
	}
	wbr {
		display: block;
	}
	.hero .left-half {
		max-width: 85%;
	}
	.navbar .main-menu {
		display: none;
	}
	.navbar .hamburger-button {
		display: block;
	}
	.active-menu {
		display: block;
	}
	.active-menu ul li {
		animation: fadeInAnimation ease-in 0.5s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}
	.navbar {
		position: sticky;
		min-height: 82px;
	}
	.navbar .container {
		position: absolute;
		padding: 0;
		width: 80%;
		left: 50%;
  		transform: translateX(-50%);
	}
	.mobile-menu {
		position: fixed;
		margin-top: 5.1rem;
	}
	.hero {
		min-height: 100vmax;
		background-position: center left;
		background-size: cover;
		display: block;
	}
	.hero .left-half {
		position: relative;
		width: 100%;
		top: 50%;
		left: 50%;
  		transform: translate(-50%, -50%);
	}
	.hero .left-half .left-half-content {
		width: 100%;
	}
	.hero .right-half {
		display: none;
	}
	.hero .left-half h1 {
		font-size: 3rem;
	}
	.hero .left-half h1 span {
		word-break: break-all;
	}
	.services .services-heading {
		width: 80%;
	}
	.services .services-cards {
		flex-direction: column;
		margin-bottom: 0;
	}
	.services .services-cards .service {
		width: 70%;
		margin-bottom: 5rem;
	}
	.video-section .video-image {
		width: 90%;
	}
	.video-section .video-heading p {
		width: 80%;
	}
	.counters {
		flex-direction: column;
		margin-bottom: 0;
	}
	.counters .counter {
		width: 70%;
		margin-bottom: 5rem;
	}
	.diff-boxes {
		flex-direction: column;
		margin-bottom: 0;
	}
	.different-section .diff-boxes .diff-left, .different-section .diff-boxes .diff-right {
		width: 85%;
		margin-bottom: 5rem;
	}
	.different-section .diff-boxes .diff-right h2 {
		width: 100%;
	}
	.contact-us-boxes {
		flex-direction: column;
		margin-bottom: 0;
	}
	.contact-us-section .contact-us-boxes .contact-us-left, .contact-us-section .contact-us-boxes .contact-us-right {
		width: 100%;
		margin-bottom: 5rem;
	}
	.ebooks-images img {
		width: 80%;
	}
	.ebooks .ebooks-content {
		grid-template-columns: 80% !important;
	}
	.ebooks .ebooks-content .ebooks-box .spacer {
		display: none !important;
	}
	.ebooks-images img {
		width: 60% !important;
	}
	.choose .choose-content {
		grid-template-columns: 80% !important;
	}
	.choose .choose-content .choose-box .spacer {
		display: none !important;
	}
	#diff-learn-more .diff-boxes {
		margin-bottom: 0rem !important;
	}
	.vision-boxes {
		flex-direction: column;
		margin-bottom: 0;
		align-items: center !important;
	}
	.vision-section .vision-boxes .vision-left, .vision-section .vision-boxes .vision-right {
		width: 85%;
		margin-bottom: 2.5rem;
	}
	.vision-section .vision-boxes .vision-right h2 {
		width: 100%;
	}
	.vision-left h2:first-child {
		margin-top: 0;
		margin-bottom: 2rem;
		font-size: 1.5rem;
		text-align: left !important;
		order: 1;
	}
	.vision-left h2:nth-child(2) {
		margin-top: 0 !important;
		font-size: 2.5rem !important;
		order: 3;
	}
	.vision-right {
		margin-bottom: 4rem !important;
		order: 2;
	}
	.skills .skills-boxes {
		flex-direction: column;
		margin-bottom: 0;
	}
	.skills .skills-boxes .skills-text {
		width: 85%;
		margin-bottom: 5rem;
		margin-right: 0;
		margin-left: 1.5rem;
	}
	.skills .skills-boxes .skills-bars {
		width: 100%;
	}
	.skills .skills-heading {
		width: 80%;
	}
	.after-laptop .laptop-text p {
		width: 80%;
	}
	.testimonials .testimonials-heading {
		width: 80%;
	}
	.testimonials .testimonials-content .testimonials-row {
		flex-direction: column;
		margin-bottom: 0;
	}
	.testimonials .testimonials-content .testimonials-row .testimonial {
		width: 100%;
		flex-direction: column;
		margin-bottom: 3rem;
	}
	.testimonials .testimonials-content .testimonials-row .testimonial .test-left {
		width: 100%;
	}
	.testimonials .testimonials-content .testimonials-row .testimonial .test-left img {
		width: 15%;
		margin: 0 auto;
		margin-bottom: 1rem;
	}
	.testimonials .testimonials-content .testimonials-row .testimonial .test-right {
		width: 80%;
		margin: 0 auto;
	}
	.contact .contact-heading {
		width: 80%;
	}
	.contact .contact-form form {
		width: 80%;
	}
	.contact .contact-heading h2 {
		font-size: 2rem;
		word-wrap: break-word;
	}
	footer .footer-flex {
		flex-direction: column;
	}
	footer .footer-left {
		width: 100%;
		text-align: center;
		margin-bottom: 1rem;
	}
	footer .footer-right {
		width: 100%;
		text-align: center;
	}
	.about-intro .container-md {
		padding-top: 8rem;
	}
	.about-intro .container-md .about-intro-content {
		max-width: 100%;
	}
	.values .values-content {
		grid-template-columns: 80%;
	}
	.values .values-content .value-box .spacer {
		display: none;
	}
	.footer2 .footer2-flex {
		flex-direction: column;
	}
	.footer2 .footer2-left {
		width: 15rem;
		text-align: center;
		margin-bottom: 1rem;
	}
	.footer2 .footer2-left img {
		margin: 0 auto;
		max-width: 60%;
		margin-bottom: 0.5rem;
	}
	.footer2 .footer2-right {
		width: 100%;
		text-align: center;
	}
	.footer2 .footer2-grid {
		grid-template-columns: 100%;
		gap: 1rem;
		text-align: center;
	}	
}

@media (max-width: 940px) {
	.advantages-dtp {
		margin-top: 7rem !important;
	}
}

@media (max-width: 900px) {
	.advantages-epub {
		margin-top: 20rem !important;
	}
	.advantages-xml {
		margin-top: 17rem;
	}
	.advantages-pdf {
		margin-top: 7rem !important;
	}
}

@media (max-width: 843px) {
	.advantages-pdf {
		margin-top: 10rem !important;
	}
	.advantages-flipbook {
		margin-top: 3rem !important;
	}
}

@media (max-width: 844px) {
	.advantages-xml {
		margin-top: 17rem !important;
	}
	.advantages-dtp {
		margin-top: 9rem !important;
	}
}

@media (max-width: 800px) {
	.advantages-epub {
		margin-top: 23rem !important;
	}
	.advantages-xml {
		margin-top: 19rem !important;
	}
	.advantages-dtp {
		margin-top: 13rem !important;
	}
	.advantages-pdf {
		margin-top: 10rem !important;
	}
	.advantages-flipbook {
		margin-top: 5rem !important;
	}
}

@media (max-width: 767px) {
	.advantages-html {
		margin-top: 15rem !important;
	}
	.advantages-epub {
		margin-top: 28rem !important;
	}
	.advantages-xml {
		margin-top: 21rem !important;
	}
	.advantages-pdf {
		margin-top: 12rem !important;
	}
	.advantages-flipbook {
		margin-top: 7rem !important;
	}
	.ebooks-images img {
		width: 60%;
	}
	.ebooks .ebooks-content {
		grid-template-columns: 80% !important;
		margin-left: 1rem;
		margin-right: 1rem;
		gap: 0.5rem !important;
	}
	.choose .choose-content {
		grid-template-columns: 80% !important;
		margin-left: 1rem;
		margin-right: 1rem;
		gap: 0.5rem !important;
	}
}

@media (max-width: 737px) {
	.advantages-xml {
		margin-top: 23rem;
	}
	.advantages-xml {
		margin-top: 23rem !important;
	}
}

@media (max-width: 734px) {
	.advantages-dtp {
		margin-top: 15rem !important;
	}
}

@media (max-width: 730px) {
	.advantages-epub {
		margin-top: 28rem !important;
	}
}

@media (max-width: 700px) {
	.advantages-epub {
		margin-top: 32rem !important;
	}
	.advantages-xml {
		margin-top: 25rem;
	}	
	.advantages-pdf {
		margin-top: 20rem !important;
	}
}

@media (max-width: 695px) {
	.advantages-xml {
		margin-top: 25rem !important;
	}
}

@media (max-width: 690px) {
	.advantages-dtp {
		margin-top: 20rem !important;
	}
}

@media (max-width: 680px) {
	.advantages-epub {
		margin-top: 33rem !important;
	}
	.advantages-xml {
		margin-top: 26rem;
	}
	.advantages-flipbook {
		margin-top: 26rem;
	}
}

@media (max-width: 650px) {
	.intro-p .intro-p-content p {
		line-height: 1.5em;
		font-size: 1.3rem;
	}
	.advantages-html {
		margin-top: 1rem !important;
	}
	.advantages-epub,
	.advantages-xml,
	.advantages-dtp,
	.advantages-pdf,
	.advantages-flipbook {
		margin-top: 2rem !important;
	}

	.advantages {
		max-width: 85% !important;
	}

	.img-separator {
		max-width: 80% !important;
	}

	.about-intro {
		margin-bottom: 0;
	}
	
	.about-intro .container-md {
		background-image: none !important;
		padding-top: 3rem;
		position: inherit;
		min-height: auto;
		background-color: var(--theme-color-4);
	}

	.about-intro .container-md .about-intro-content {
		background-color: var(--theme-color-4) !important;
		padding-bottom: 2rem !important;
	}
	
	.bg-html-intro {
		background-image: none;
		padding-top: 0;
		position: inherit;
		min-height: auto;
	}
	
	.about-intro .container-md .about-intro-content {
		background-color: var(--theme-color-5);
		box-shadow: none;
		max-width: 85%;
		margin: 0 auto;
		padding: 0;
		padding-bottom: 0;
		position: inherit;
	}

	.advantages .advantages-content h2 {
		font-size: 3rem;
		word-break: break-word;
	}

	.advantages {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.intro-p {
		max-width: 80%;
	}

	.bg-xml-intro,
	.bg-epub-intro,
	.bg-xml-intro,
	.bg-dtp-intro,
	.bg-pdf-intro,
	.bg-flipbook-intro {
		padding-top: 4rem !important;
	}
	.page-title-service .page-title-service-content {
		max-width: 80%;
		text-align: center;
	}
	.page-title .page-title-content {
		max-width: 80%;
		text-align: center;
	}
	.page-heading .page-title .page-title-content h1 {
		font-size: 3.25rem;
	}
	.page-heading .page-title .page-title-content hr {
		margin: 0 auto;
		border-width: 2.75px;
	}
}

@media (max-width: 576px) {
	.ebooks .ebooks-content {
		grid-template-columns: 90% !important;
		margin-left: 1rem;
		margin-right: 1rem;
		gap: 0.5rem !important;
	}
	.ebooks-images img {
		width: 70% !important;
	}
	.choose .choose-content {
		grid-template-columns: 90% !important;
		margin-left: 1rem;
		margin-right: 1rem;
		gap: 0.5rem !important;
	}
	#diff-learn-more img {
		max-width: 100% !important;
	}
	.advantages .container-md .advantages-content h2 {
		font-size: 2.4rem;
	}
}

@media (max-width: 390px) {
	.hero .left-half h1 {
		font-size: 2.62rem;
	}
	.hero .left-half p:nth-child(3) {
		font-size: 1rem;
	}
	.ebooks-images img {
		width: 90% !important;
	}
}

@media (max-width: 290px) {
	.hero .left-half h1 {
		font-size: 2rem;
	}
	.hero .left-half p:nth-child(3) {
		font-size: 0.75rem;
	}
}

[data-aos] {
	pointer-events: none;
}
.aos-animate {
	pointer-events: auto;
}
.aos-init[data-aos][data-aos].aos-animate {
	transform: unset;
}

/* Personal Data Processing Policy */

.policy {
	padding-top: 4rem;
}

.policy-content {
	margin: 0 auto;
	margin-bottom: 5rem;
	max-width: 80%;
}

.policy-content h2 {
	margin-top: 3rem;
	margin-bottom: 1.5rem;
	text-wrap: wrap;
}

.policy-content h3 {
	margin-top: 2.5rem;
	margin-bottom: 1.5rem;
	text-wrap: wrap;
}

.policy-content p {
	margin-bottom: 1.5rem;
	font-size: 1rem;
	font-weight: 500;
    color: black;
}

.policy-list {
	margin-bottom: 1.5rem;
}

.policy-list p {
	margin-bottom: 0.5rem;
	font-size: 1rem;
}

.policy-content a {
	color: var(--primary-color);
}

.policy-content a:hover {
	color: var(--softwin-blue);
}

.policy-content .read-more {
	color: var(--primary-color);
}

.policy-table {
	margin-bottom: 2rem;
}

.policy-table th,
.policy-table td {
	padding-bottom: 1rem;
	color: black;
}

.policy-table td {
	font-weight: 500;
}

.policy-table th {
	text-align: left;
}

.policy-table td:first-child {
	padding-right: 2rem;
}

.policy-cookie {
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1rem;
}

.policy-cookie th,
.policy-cookie td {
	padding: 1rem 0.5rem 1rem 0.5rem;
	vertical-align: top;
	border-bottom: 1px solid black;
	color: black;
}

.policy-cookie td {
	font-weight: 500;
	font-size: 0.9rem;
}

.policy-cookie td:first-child,
.policy-cookie td:nth-child(2),
.policy-cookie td:nth-child(3),
.policy-cookie td:nth-child(4) {
	padding-right: 3rem;
}

.scroll-table {
	overflow-x:auto;
	margin-bottom: 3rem;
}

.policy-cookie td:nth-child(3) {
	min-width: 500px;
}

/* About Cookies */

.cookies-content {
	margin: 0 auto;
	margin-bottom: 5rem;
	max-width: 80%;
	color: black;
	font-weight: 500;
}

.cookie-subtitle {
	padding: 2rem 0 1.5rem 0;
	font-weight: 600;
}

.cookies-list p {
	margin-bottom: 0.5rem;
}

.cookies-content>p:first-child {
	margin-top: 4rem;
	margin-bottom: 1rem;
}