*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: "Roboto", sans-serif;
}


::selection {
    background-color: #320c5d;
    color: #FD354D;
}

.container {
    width: 1400px;
}

@media (min-wdth: 768px) {
    .container {
        width: 750;
    }
}
@media (min-wdth: 992px) {
    .container {
        width: 970;
    }
}
@media (min-wdth: 1200px) {
    .container {
        width: 1170;
    }
}
@media (min-wdth: 1600px) {
    .container {
        width: 1400;
    }
}
  
/* ============================================================================================== */

.header {
    padding: 20px;
}
.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .logo {
    width: 170px;
}
#menu {
	background: #FFFFFF;
	height: 45px;
	padding-left: 18px;
	border-radius: 10px;
}
#menu ul, #menu li {
	margin: 0 auto;
	padding: 0;
	list-style: none
}
#menu ul {
	width: 100%;
	text-align: left;
}
#menu li {
	display: inline-block;
	position: relative;
}
#menu a {
	display: block;
	line-height: 45px;
	padding: 0 14px;
	text-decoration: none;
	color: #320C5D;
	font-size: 23px;
}
#menu a.dropdown-arrow:after {
	content: "\25BE";
	margin-left: 5px;
}
#menu li a:hover {
	color: #FD354D;
	background: #F2F2F2;
}
#menu input {
	display: none;
	margin: 0;
	padding: 0;
	height: 45px;
	width: 100%;
	opacity: 0;
	cursor: pointer
}
#menu label {
	display: none;
	line-height: 45px;
	text-align: center;
	position: absolute;
	left: 35px
}
#menu label:before {
	font-size: 1.6em;
	color: #320C5D;
	content: "\2261"; 
}
#menu ul.sub-menus{
	height: auto;
	overflow: hidden;
	width: 170px;
	background: #444444;
	position: absolute;
	z-index: 99;
	display: none;
}
#menu ul.sub-menus li {
	display: block;
	text-align: left;
	width: 100%;
}
#menu ul.sub-menus a {
	color: #FFFFFF;
	font-size: 16px;
}
#menu li:hover ul.sub-menus {
	display: block
}
#menu ul.sub-menus a:hover{
	background: #F2F2F2;
	color: #444444;
}
@media screen and (max-width: 800px){
	#menu {position:relative}
	#menu ul {        background: #ff4f4fd0;
        position: absolute;
        right: -24px;
        left: -8vw;
        z-index: 3;
        text-align: left;
        width: 50vw;
        height: 100vw;
        top: 10vw;
        margin: 0;
        padding: 0;
        align-content: space-around;
    display: none;}
	#menu ul.sub-menus {width:100%;position:static;}
	#menu ul.sub-menus a {padding-left:30px;}
	#menu li {display:block;float:none;width:auto;}
	#menu input, #menu label {position:absolute;top:0;left:0;display:block}
	#menu input {z-index:4}
	#menu input:checked + label {color:#320C5D}
	#menu input:checked + label:before {content:"\00d7"}
	#menu input:checked ~ ul {display:block}
}

.container .login {
    width: 140px;
    background-color: #320C5D;
    border-color: #320C5D;
    font-weight: 500;
}
.container .login:hover {
    background-color: #FD354D;
    border-color: #FD354D;
}
.hero {
    max-width: 1300px !important;
}
.hero h1 {
    color: #FD354D !important;
    margin-left: 10%;
}
.hero p {
    color: #320C5D !important;
    font-weight: 400 !important;
    margin-left: 10%;
}
.hero .button {
    background-color: #320C5D;
    border-color: #320C5D;
    width: 140px;
    height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    align-self: center;
    font-weight: 500;
    font-size: 16px;
    border-radius: 16px;
    margin-left: 10%;
}
.hero .button:hover {
    background-color: #FD354D;
    border-color: #FD354D;
}
.values h1 {
    color: #FD354D !important;
    text-align: center !important;
    margin-bottom: 40px !important;
}
.values p {
    color: #320C5D !important;
    font-weight: 400 !important;
    max-width: 550px;
}
.values p span {
    color: #FD354D !important;
    font-weight: 400 !important;
}
.goals {
    max-width: 1600px;
}
.goals .vidcont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.goals .vid {
    display: flex;
    justify-content: center;
    align-items: center;
}
.goals .ico {
    align-self: center;
}
.goals h1 {
    color: #FD354D !important;
    margin-left: 17%
}
.goals p {
    color: #320C5D !important;
    font-weight: 400 !important;
    max-width: 450px;
    margin-left: 17%
}
.goals p span {
    color: #FD354D !important;
    font-weight: 400 !important;
    display: block;
}
.buss {
    background: rgb(151,32,46);
    background: linear-gradient(90deg, rgba(151,32,46,1) 0%, rgba(50,12,93,1) 100%);
    border-radius: 40px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}
.buss .img {
    padding-bottom: 40px;
}
.buss .inter {
    color: white;
    font-weight: 300;
    margin: 20px;
}
.buss .h {
    color: white;
    max-width: 600px;
    margin: 20px;
    font-size: 50px;
}
.buss p {
    color: white;
    margin: 20px;
    max-width: 500px;
}
.buss .button {
    width: 140px;
    background-color: #320C5D;
    border-color: #320C5D;
    font-weight: 500;
    margin-left: 15%;
    margin-bottom: 20px;
}
.buss .button:hover {
    background-color: #FD354D;
    border-color: #FD354D;
}
.services h1 {
    color: #FD354D !important;
    font-weight: 700 !important;
    font-size: 80px;
}
.services p {
    color: #320C5D !important;
    font-weight: 500 !important;
    font-size: 15px;
}
.services .h5 {
    color: #FD354D;
    font-weight: 600;
    font-size: 16px;
}
.services .btn {
    background-color: #320C5D;
    border-color: #320C5D;
    color: white;
}
.services .card{
    border-radius: 20px !important;
}
.services .img-fluid {
    box-shadow: 0 0rem 1rem 2px rgb(0 0 0 / 12%);
    border-radius: 10px;
}
.services .btn:hover {
    background-color: #FD354D;
    border-color: #FD354D;
}
.services .swiper-pagination-bullet-active  {
    background: #FD354D;
}
.services {
    position: relative;
}
.srv-more {
    font-size: 2.5vw !important;
    margin-left: 25%;
    margin-top: 5%;
    margin-bottom: 5%;
    width: 50%;
    height: 22% !important;
    align-content: center;
}
.contact .cont {
    color: #FD354D !important;
}
.contact .get {
    color: #320C5D;
}
.form .box1 {
    background-color: white !important;
    border: 2px solid #320C5D;
    box-shadow: 5px 3px 14px 0px #8888887d !important;
} 
.form .box1 h2 {
    color: #320C5D !important;
} 
.form .box1 svg {
    color: #FD354D !important;
}
.form .box1 p {
   color: #320C5D !important;
} 
.form .box1 .btn {
    color: white !important;
}
.form .box2 {
    background-color: white !important;
    border: 2px solid #320C5D;
    box-shadow: 5px 3px 14px 0px #8888887d !important;
}
.form .box2 p {
    color: #320C5D !important;
}
.form .box2 h2 {
    color: #320C5D !important;
}
.form .box2 svg {
    color: #FD354D !important;
}
.form .box2 .btn {
    background-color: #320C5D !important;
    border-color: #320C5D !important;
    color: white !important;
}
.form .box2 .btn:hover {
    background-color: #FD354D !important;
    border-color: #FD354D !important;
}
.footer {
    background-color: #320C5D !important;
    display: flex;
    align-content: space-around;
    flex-direction: column;
    margin-bottom: -9%;
}
.footer1 {
    margin-bottom: 0;
    padding-bottom: 0 !important;
}
.footer .blok1 {
    margin-right: 0%;
}
.footer .text3 a {
    display: block;
    text-decoration: none !important;
    color: white !important;
}
.footer a:hover {
    color: #FD354D !important;
}
.footer svg:hover {
    fill: #FD354D !important;
}
.Post {
    width: 25%;
    display: flex;

}
.post .post-img {
    width: 25%;
    cursor: pointer;
    border-radius: 4px;
}
.sm-icon {
    position: relative;
    width: 87%;
    font-size: 200%;
}
.text40 {
    text-decoration: none !important;
    color: white;
}
/* ============================================================================== */

.con-tit {
    color: #320C5D;
    font-weight: 800 !important;
    font-family: "Roboto", sans-serif !important;
}
.con-sub p {
    color: #FD354D !important;
    font-weight: 500 !important;
    font-family: "Roboto", sans-serif !important;
}
.con-send {
    background-color: #320C5D !important;
    border-color: #320C5D !important;
    
}
.con-send:hover {
    background-color: #FD354D !important;
    border-color: #FD354D !important;

}
.map {
    width: 100%;
    height: 50vw;
    border-radius: 15px;
    border-color: #320C5D !important;
    border:5px;
    border-style: solid;
}
.map:hover {
    border-color: #FD354D !important;
}


/* ========================================================================================= */
.bol-min {
    background-color: #44444412;
}
.bol-min:hover {
    background-color: #FD354D;
    transition: ease-in-out 500ms;
}
.bol-head {
    color: #320C5D !important;
}
.bol-head:hover {
    color: white !important;
}
.bol-link {
    display: flex !important;
    text-decoration: none;
    background-color: #320C5D;
    color: white;
    width: 40%;
    height: 21%;
    border-radius: 5px;
    text-align: center;
    flex-wrap: nowrap !important;
    justify-content: center;
    align-items: center;
    min-width: 150px !important;
    min-height: 42px !important;
}
.bol-link:hover {
    background-color: #FFFFFF;
    color: #320C5D;
}
.row {
    flex-wrap: wrap-reverse;
}
/* =========================================== */


.services1 {
  position: relative;
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 03%
}
.services1 a {
    text-decoration: none;
    color: #FFFFFF;
}
.services1__box {
  position: relative;
  width: 350px;
  height: 280px;
  background: #320C5D;
  border-radius: 20px;
  overflow: hidden;
}
.services1__box:hover .services1__content {
  transform: scale(1);
  transition-delay: 0.25s;
}
.services1__box:hover .services1__icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: 30px;
  left: calc(50% - 40px);
  transition-delay: 0s;
}
.services1__box:hover .services1__icon ion-icon {
  font-size: 2rem;
  transition-delay: 0s;
}
.services1__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--i);
  transition: 0.5s;
  z-index: 2;
  transition-delay: 0.25s;
}
.services1__icon ion-icon {
  font-size: 4rem;
  color: #fff;
  font-weight: bold;
  transition: 0.5s;
  transition-delay: 0s;
}
.services1__content {
  position: relative;
  color: #fff;
  padding: 20px;
  text-align: center;
  margin-top: 100px;
  z-index: 1;
  transform: scale(0);
  transition: 0.5s;
  transition-delay: 0s;
}
.services1__title {
  margin: 10px 0 5px 0;
  font-size: 1.2rem;
  font-weight: 600;
}
.services1__description {
  font-size: 0.95rem;
  font-weight: 400;
  padding-top: 10px;
}



.img225 {
 width: 80%;
 height: auto;
}




/* ========================================================== */







.date__box {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ccc;
    border: 4px solid;
    font-weight: bold;
    padding: 5px 10px;
  }
  .date__box .date__day {
    font-size: 22px;
  }
  
  .blog-card {
    padding: 30px;
    position: relative;
  }
  .blog-card .date__box {
    opacity: 0;
    transform: scale(0.5);
    transition: 300ms ease-in-out;
  }
  .blog-card .blog-card__background,
  .blog-card .card__background--layer {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .blog-card .blog-card__background {
    padding: 15px;
    background: white;
  }
  .blog-card .card__background--wrapper {
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 60%);
    position: relative;
    overflow: hidden;
  }
  .blog-card .card__background--main {
    height: 100%;
    position: relative;
    transition: 300ms ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .blog-card .card__background--layer {
    z-index: 0;
    opacity: 0;
    background: rgba(51, 51, 51, 0.9);
    transition: 300ms ease-in-out;
  }
  .blog-card .blog-card__head {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .blog-card .blog-card__info {
    z-index: 10;
    background: white;
    padding: 20px 15px;
  }
  .blog-card .blog-card__info h5 {
    transition: 300ms ease-in-out;
  }
  .blog-card:hover .date__box {
    opacity: 1;
    transform: scale(1);
  }
  .blog-card:hover .card__background--main {
    transform: scale(1.2) rotate(5deg);
  }
  .blog-card:hover .card__background--layer {
    opacity: 1;
  }
  .blog-card:hover .blog-card__info h5 {
    color: #FD354D;
  }

.button225 {
    background-color: #320C5D !important;
    border-color: #320C5D !important;
}
.button225:hover {
    background-color: #FD354D !important;
    border-color: #FD354D !important;
}