:root {
   --mainColor: #072189;
   --blue: #091854;
   --boxshadow: 0px 6px 26px 0px #0000001A;
}

/*SETTINGS*/
html,
:has(:target) {
   scroll-behavior: smooth;
}

html {
   height: 100%;
   font-size: 16px;
}

body {
   font-family: "Open Sans", sans-serif;
   line-height: 1.3;
   height: 100%;
   width: 100%;
   margin: 0;
   min-width: 320px;
   color: #000;
   background: #fff;
}

a {
   color: #000;
   cursor: pointer;
   transition: 0.5s;
   text-decoration: none;
}

a:focus {
   outline: none;
   outline-offset: 0px;
}

img {
   display: block;
   max-width: 100%;
}

input,
textarea,
select,
button {
   font: inherit;
}

:where(ul, ol):where([class]) {
   padding-left: 0;
   margin-block: 0;
}

:where(ul[class]) {
   list-style: none;
}

p {
   --paragraphMarginBottom: 1.625em;
   margin-block: 0;
}

p:where(:not([class]):not(:last-child)) {
   margin-bottom: var(--paragraphMarginBottom);
}

@media (prefers-reduced-motion: reduce) {

   *,
   ::before,
   ::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
   }
}

#body {
   display: flex;
   flex-direction: column;
   min-height: 100%;
}

#content {
   flex: 1 0 auto;
}

footer {
   flex: 0 0 auto;
}

.container {
   width: 100%;
   max-width: 1230px;
   margin: 0 auto;
   padding-inline: 15px;
   position: relative;
}

.container::after,
.container::before {
   display: none;
}

button {
   background: none;
   border: none;
   padding: 0;
   cursor: pointer;
}

section,
.ob-fit {
   position: relative;
}

.ob-fit img {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   object-fit: cover;
}

input::-moz-placeholder {
   color: rgba(0, 0, 0, 0.5);
}

input::-webkit-input-placeholder {
   color: rgba(0, 0, 0, 0.5);
}

textarea:-moz-placeholder {
   color: rgba(0, 0, 0, 0.5);
}

textarea::-webkit-input-placeholder {
   color: rgba(0, 0, 0, 0.5);
}

/*focus*/
:focus {
   outline: none;
   -moz-outline: 3px solid #fff !important;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
   border: none;
}

input[type="radio"]:focus {
   -moz-outline-radius: 12px !important;
   -moz-outline-offset: 0px !important;
}

input[type="checkbox"]:focus {
   -moz-outline-offset: -1px !important;
   -moz-outline: 1px solid #000 !important;
}

*,
*:before,
*:after {
   box-sizing: border-box;
}

.bg {
   display: none;
   content: "";
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: rgba(24, 58, 79, 0.6);
   z-index: 101;
   opacity: 0;
}

.d-none {
   display: none;
}

.btn {
   width: 100%;
   display: block;
   padding-block: clamp(0.5rem, 0.446rem + 0.24vw, 0.625rem);
   text-align: center;
   color: #fff;
   font-size: clamp(1rem, 0.893rem + 0.48vw, 1.25rem);
   font-weight: 700;
   line-height: 1.35;
   border-radius: 25px;
   background: var(--mainColor);
   transition: 0.5s;
}

.btn:hover,
.btn:focus {
   background: var(--blue);
}

.btn:focus {
   outline: none !important;
}

.more-bl{
   text-align: center;
}

/*-----All-----*/
.description{
   line-height: clamp(1.188rem, 0.977rem + 0.86vw, 1.625rem);
}

.description :where(h1,
   h2,
   h3,
   h4,
   h5,
   h6) {
   font-weight: 700;
   margin-top: 0;
   margin-bottom: 1.3em;
}

.description ul,
.description ol {
   margin-bottom: 1.3em;
   padding-left: 25px;
}

.description a {
   color: var(--mainColor);
   word-break: break-all;
}

.description a:hover{
   text-decoration: underline;
}

.pad-section{
   padding-block: clamp(1.563rem, 0.81rem + 3.09vw, 3.125rem);
}

.pad-section-top{
   padding-top: clamp(3.125rem, 1.62rem + 6.17vw, 6.25rem);
}

.pad-section-bottom{
   padding-bottom: clamp(3.125rem, 1.62rem + 6.17vw, 6.25rem);
}

.pad-section-100{
   padding-block: clamp(3.125rem, 1.62rem + 6.17vw, 6.25rem);
}

.title-h1{
   font-size: clamp(2rem, 1.037rem + 3.95vw, 4rem);
   font-weight: 700;
   color: #fff;
}

.title-h2{
   display: block;
   font-size: clamp(1.625rem, 1.324rem + 1.23vw, 2.25rem);
   font-weight: 700;
}

.title-h3, h3{
   display: block;
   font-size: clamp(1rem, 0.741rem + 1.06vw, 1.25rem);
   font-weight: 700;
}

.sec-title{
   margin-bottom: clamp(1.875rem, 1.574rem + 1.23vw, 2.5rem);
}

.item-project,
.item-new,
.item-team, 
.item-partner {
   display: flex;
   flex-direction: column;
   gap: 8px;
   background: #fff;
   box-shadow: var(--boxshadow);   
   border-radius: 16px;
}
 
.item-partner {
   justify-content: center;
}

/* == WordPress WYSIWYG Editor Styles == */
.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
}