@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html { font-size: 100%; }
* { outline: none; margin: 0px; padding: 0px; box-sizing: border-box; }
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li { margin: 0px; padding: 0px; font-family: "Poppins", sans-serif; }
p { line-height: 30px; }
img { outline: none; }
body { font-family: "Poppins", sans-serif; font-size: 1em; color: #000; }
.container { width: 1200px; margin: 0 auto; }
.flex-container { display: flex; }
.clear { clear: both; }
.angels-title { font-weight: bold; font-size: 3em; text-transform: uppercase; padding: 10px 0; color: #ffabff; }
.foster-but { background: #E31E24; padding: 10px 16px; border-radius: 4px; text-align: center; text-decoration: none; color: #fff; display: inline-block; font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; }
/*Header*/
.header { padding: 0.5em 3em; top: 0; left: 0; width: 100%; transition: 0.5s; z-index: 9; position: absolute; }
.sticky .header { background: #fff; z-index: 999; position: fixed; box-shadow: 0 0 20px #00000061; transition: 0.5s; padding: 0.5em 3em; }
.sticky .logo img { width: 100px; }
.header .flex-container { align-items: center; justify-content: space-between; }
.sticky .header .flex-container { align-items: center; flex-direction: row; justify-content: space-between; }
.header nav ul li { display: inline-block; padding: 10px 0px; }
.header nav ul li a { text-decoration: none; color: #fff; padding: 0 20px; width: 100%; display: inline-block; }
.header nav ul li a:hover { color: #ffbf00; }
.header .foster-but { padding: 0px; color: #E31E24; letter-spacing: 0px; background: no-repeat; font-size: 2em; font-weight: 500; line-height: 1; display: flex; align-items: center; gap: 7px; }
.close-menu,
.hamburger-menu { display: none; }
.header nav { margin-top: 1em; }
.sticky .header nav { margin-top: 0em; }
.sticky .header nav ul li a { color: #000; }
/*Banner*/
.banner { position: relative; }
.hero-slider { margin: 0px; }
.banner-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; }
.banner-title h2 { font-size: 6em; color: #fff; line-height: 1; font-weight: 700; padding: 10px; text-align: center; display: inline-block; position: relative; text-transform: uppercase; }
.banner-title h2:before { content: ""; border: solid #fff; width: 100%; height: 36%; position: absolute; border-width: 1px 1px 0px 1px; left: 0px; top: -10px; }
.banner-title h2:after { content: ""; border: solid #fff; width: 100%; height: 36%; position: absolute; border-width: 0px 1px 1px 1px; left: 0px; bottom: -10px; }
.slick-dots { bottom: 20px; }
.slick-active button { background: #ffabff !important; }
.slick-dots li button,
.slick-dots li button:before { width: 16px; height: 16px; border-radius: 50%; }
/*about*/
.about { padding: 6em 0; background: #1a1a1a; }
.about .flex-container { align-items: center; gap: 4em; }
.about .slick-slide { border-radius: 20px; overflow: hidden; }
.about .about-content { flex: 0 1 calc((50% / 1) - 2em); }
.about .about-content { color: #fff; }
.about-content span { color: #ffbf00; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }
.about .about-slider { flex: 0 1 calc((50% / 1) - 2em); margin: 0px; width: 50%; }
.about .about-slider img { width: 100%; }
/**/
.services { padding: 5em; background: #41114f; z-index: 1; position: relative; }
.services:before { background: url(../images/services-pattern.png); content: ""; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; }
.services .flex-container { gap: 2em; flex-wrap: wrap; width: 80%; }
.services .angels-title { padding: 0px; color: #fff; font-size: 3em; }
.flex-container.services-title { flex-flow: row; margin-bottom: 3em; }
.flex-container.services-title p { flex: 0 1 calc((70% / 1) - 2rem); color: #fff; margin-left: auto; }
.flip-box { background-color: transparent; width: 100%; height: 330px; perspective: 1000px; flex: 1 1 calc((100% / 4) - 2rem); border-radius: 20px; overflow: hidden; }
.flip-box-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; }
.flip-box:hover .flip-box-inner { transform: rotateY(180deg); }
.flip-box-front,
.flip-box-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 20px; z-index: 1; }
.flip-box-front { color: black; }
.flip-box-front h2 { position: absolute; bottom: 28px; color: #fff; font-size: 1.5em; left: 50%; transform: translateX(-50%); width: 100%; }
.flip-box-front:before,
.flip-box-back:before { content: ""; width: 94%; border: solid 2px #4e2a5291; height: 93%; position: absolute; z-index: 0; top: 3%; left: 3%; border-radius: 10px; }
.flip-box-back { background-color: #fff; transform: rotateY(180deg); display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 2em; color: #000; }
.flip-box-back h2 { font-size: 1.6em; margin-bottom: 20px; font-weight: 600; color: #4e2a52; }
.flip-box-back p { line-height: 28px; }
.flip-box-front img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 20px; }
/*cta*/
.cta { background: url(../images/cta.jpg); padding: 5em 0; text-align: center; background-attachment: fixed; background-position: center; z-index: 1; position: relative; }
.cta:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0000003b; z-index: -1; }
.cta h2 { font-size: 3.5em; color: #fff; font-weight: bold; width: 80%; margin: 0 auto 30px auto; }
.cta a { background: #ffbf00; padding: 13px 40px; display: inline-block; margin-top: 1em; border-radius: 30px; text-decoration: none; font-weight: 600; }
/**/
.choose-us { width: 100%; padding: 5em 0; background: url(../images/choose-us-bg.jpg); background-attachment: fixed; background-size: cover; position: relative; z-index: 1; }
.why-choose { color: #fff; }
.why-choose ul li feimage { width: 90px; height: 90px; display: inline-block; }
.why-choose h3 { font-size: 1.3em; letter-spacing: 1px; font-weight: 600; color: #ffbf00; text-transform: uppercase; position: relative; display: inline-block; width: 100%; line-height: 1; margin: 25px 0 15px 0; padding-bottom: 15px; }
.why-choose h3:after { content: ""; background: #ffbf00; width: 30%; height: 3px; display: inline-block; position: absolute; bottom: 0; left: 0; }
.why-choose p { line-height: 30px; display: -webkit-box; /*-webkit-line-clamp: 5;*/ -webkit-box-orient: vertical; overflow: hidden; }
.why-choose ul { display: flex; flex-wrap: wrap; gap: 1em; margin-top: 2em; }
.why-choose ul li { display: inline-block; flex: 0 1 calc((100% / 3) - 1em); border: solid 1px #505050; padding: 2em; }
.experts li { background: #ffbf00; width: 150px; height: 150px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; top: 50%; left: -20%; z-index: 9; box-shadow: 0 0 20px #0000002b; color: #000; transform: translateY(-50%); }
.experts li:nth-child(1) { width: 120px; height: 120px; left: -11%; }
.experts li:nth-child(1) span { font-size: 16px; }
.experts li:nth-child(2) { right: -14%; left: auto; top: 0%; }
.experts li:nth-child(3) { transform: none; right: -9%; left: auto; top: auto; bottom: -7%; width: 120px; height: 120px; }
.experts li:nth-child(3) span { font-size: 16px; }
.experts li h3 { font-weight: bold; line-height: 1; }
.experts li span { font-size: 1em; line-height: 1; width: 100%; text-align: center; padding-top: 5px; }
/**/
.footer { background: #000000; padding: 6em 0 3em 0; color: #fff; }
.footer-left { text-align: center; }
.footer-left p {
    display: inline-block;
    width: 100%;
    padding-top: 20px; line-height: 26px;
}
.footer-left p a { font-size: 3em; text-decoration: none; display: inline-block; color: #ffbf00; font-weight: bold;    line-height: 1; }
.copyright {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.copyright ul{margin-left:12px;}
.copyright ul li {
    display: inline-block;
}
.copyright ul li img{width:22px;
}