body{ font-family: "Lato", sans-serif; overflow-x: hidden; background-image: linear-gradient(#f1eff8 , #e1f5f4);}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
p{font-size: 15px;text-align: justify; line-height: 22px;margin:0;}
html{overflow-x: hidden;}
li{list-style:none;}


.head_nav{background: #fff;width: 100%;transition: ease-in-out 0.3s;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.navbar .hamburger {display: none;}
.sec-menu ul li{display: inline-block;margin: auto 10px auto 0;;}
.collapse {justify-content: right;}
.top-sec{background: #f24570;padding: 10px 0;}

.btn-one{color: #fff;padding: 5px 40px;letter-spacing: 0.85px;border-radius: 50px;display: block;margin: 10px auto 0;;}
.btn-one a{color: #fff;font-weight:bold;}
.btn-one button, .btn-one input{background-image: linear-gradient(#ed1c24 , #b8030a , #ed1c24);border:1px solid transparent;color: #fff;font-weight: bold;padding:14px 50px;border-radius: 40px;}

.ph_sticky {position:fixed;right:25px; top:50%; transform:translateY(-50%);z-index: 100;}
.ph_sticky:before{content:"";background: linear-gradient(to top, #ca8d25  0%, #ffc259 100%);height:80px;position:absolute; top:50%; transform:translateY(-50%);width: 100px;right: -50px;}
.ph_sticky a{width:140px; height:140px;border-radius:100%;background: linear-gradient(to top, #ca8d25  0%, #ffc259 100%); display:block; position:relative;}
.ph_sticky a:before {content: "";background: url('../images/call_img.png') no-repeat 0 0;width:80px; height:37px; background-size:100%; position:absolute; left:50%; top:10px;transform: translateX(-50%);filter: brightness(0);}
.ph_sticky a span{width:70px; height:70px;line-height:70px; border-radius:100%; color:#000; text-align:center; background: linear-gradient(to top, #ffc259 0%, #ca8d25 100%); display:block; font-size:36px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.wp_sticky{position:fixed;bottom:20px; right:30px;z-index: 100;}
.wp_sticky img{width:130px;}
.ph_sticky a span i{line-height:70px;}

.header-location, .header-social{display: inline-block;}
.header-social{float:right;}
.header-location ul, .header-social ul{display:flex;}
.sec-pad{padding-right:10px;}
.sec-menu .form-control{border-radius:20px;}
.header-location .fa-solid{padding-right:10px;}
.header-location ul li a, .header-social ul li a, .header-location .fa-solid{color:#fff;}
.sec-menu img{width:300px;}
.sec-menu{position: absolute;z-index: 1;width: 100%;}
.text-ban, .text-ban1{text-align:center;}
.text-ban{background:#df314d;font-size:20px;color:#fff;padding: 10px;border-radius: 8px;}
.text-ban1{padding:10px 0;}
.text-ban1 span.gentle-hover-shake:hover{animation: tilt-shaking 0.25s infinite;}
@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}


.ezd-animtext .line {
  display: inline-block;
  line-height: 1.2em;
  margin-top: -0.1em;
  margin-bottom: -0.1em;
  overflow: hidden;
}
.ezd-animtext .word {
  opacity: 0;
  margin: 0;
  margin-left: 0.15em;
}
.ezd-animtext .word::first-child {
  margin-left: 0;
}
.ezd-animtext.line-up .word {
  opacity: 0;
  overflow: hidden;
  animation: none;
  line-height: 1.2em;
  padding-left: 0.1em;
  margin-top: -0.1em;
  margin-bottom: -0.1em;
  animation: animtext-up 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation-delay: calc(0.075s * var(--line-index));
}
.ezd-animtext.word-up .word {
  overflow: hidden;
  animation: none;
  line-height: 1.2em;
  padding-left: 0.1em;
  margin-top: -0.1em;
  margin-bottom: -0.1em;
  opacity: 0;
  animation: animtext-up 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation-delay: calc(0.2s * var(--word-index));
}
.ezd-animtext.line-left .line {
  overflow: visible;
}
.ezd-animtext.line-left .word {
  animation: animtext-left 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  animation-delay: calc(0.15s * var(--line-index));
  opacity: 1;
}
.ezd-animtext.word-left .line {
  overflow: visible;
}
.ezd-animtext.word-left .word {
  overflow: hidden;
  animation: none;
  line-height: 1.2em;
  padding-left: 0.1em;
  margin-top: -0.1em;
  margin-bottom: -0.1em;
  opacity: 0;
  animation: animtext-left 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  animation-delay: calc(0.2s * var(--word-index));
}
.ezd-animtext.char-up .word {
  opacity: 1;
  margin: 0;
}
.ezd-animtext.char-up .char {
  opacity: 0;
  animation: animtext-up 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  animation-delay: calc(0.5s + (0.015s * var(--char-index)));
  padding: 0;
}
.ezd-animtext.char-left .word {
  opacity: 1;
  margin: 0;
}
.ezd-animtext.char-left .char {
  opacity: 0;
  animation: animtext-left 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  animation-delay: calc(0.01s * var(--char-index));
  padding: 0;
}

@keyframes animtext-left {
  from {
    transform: translateX(25vw) translateZ(0);
    opacity: 0;
  }
  to {
    transform: translateX(0) translateZ(0);
    opacity: 1;
  }
}
@keyframes animtext-up {
  from {
    transform: translateY(100%) translateZ(0);
    opacity: 0;
  }
  to {
    transform: translateY(0) translateZ(0);
    opacity: 1;
  }
}

.sec-img2 h2{color:#df314d;font-weight: bold;}

.text-ban1 h3{font-weight: 900;color: #df314d;font-size: 52px;}
.text-ban1 h3 a{color:#df314d;}
.text-ban1 span{padding-right:10px;}
.sec-back{background:url(../images/back2.jpg);width:100%;background-size:cover;padding-top: 150px;}
.love-box{border-radius: 20px;box-shadow:0 0 70px rgb(55 29 167 / 40%);padding: 30px 25px;border: 3px solid #e61920;background: #fff;position: relative;z-index: 2;}
.love-box:before{content:"";background:url(../images/ban-pic1.png);width: 65px;height: 50px;position: absolute;top: 300px;right: -124px;z-index:1;background-repeat: no-repeat; animation: a-three 3s infinite linear;}
@keyframes a-three {
        0% {
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0);
        }
        50% {
          -webkit-transform: translate(0, 75px);
                  transform: translate(0, 75px);
        }
        100% {
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0);
        }
      }
.num-box:before{content:"";background:url(../images/ban-pic2.png);width: 250px;height: 240px;position: absolute;top: 0px;right: -194px;z-index:-1;background-repeat: no-repeat; animation: a-three 3s infinite linear;}
.love-box:after{content:"";background:url(../images/ban-pic7.png);width: 250px;height: 240px;position: absolute;top: 0px;left: -94px;z-index:-1;background-repeat: no-repeat; animation: a-three 3s infinite linear;}
.love-box h3{color: #f24570;font-weight: bold;text-align: center;text-shadow: 1px 1px #d9cbd0;}
.frm-holder{text-align: center;padding: 6px 15px;border-radius: 20px;border: 2px solid #fff;color: #000000;font-weight: 800;box-shadow: 1px 1px 4px rgb(248 167 198);margin-bottom: 20px;}
.banner__inputlist input{margin-right: 10px;}
.banner__inputlist.man{accent-color: #f24570;}
.banner__inputlist--icon .fa-mars {color: #f24570;}
.banner__inputlist--icon input .male{color: #f24570;}
.banner__inputlist--icon .fa-venus{color:#00b4b7;}
.banner__list label{color: #000000;margin-bottom:10px;font-weight:bold;}
.form-area input{width: 100%;background: #f2457070;padding: 10px 15px;border: 2px solid #fff;margin-top:20px;box-shadow: 1px 1px 4px rgb(248 167 198);color: #f54a75;font-weight: bold;text-shadow: 1px 1px #e77692;}
.form-area input:hover{background:#fff;;border: 2px solid #fab1c3;transition: all 0.3s;}
.sec-info1{padding-bottom: 50px;}
.number-sec{position: relative;z-index: 1;margin: auto 0 0 auto;}
.number-sec:before{content:"";background:url(../images/header-imgbg.png);width:800px;height:700px;position: absolute;top:0;left:0;z-index:-1;background-repeat: no-repeat;animation: plane3Scale 6s cubic-bezier(0.12, 0, 0.39, 0) 0s infinite alternate-reverse both;}
@keyframes plane3Scale {
    0% {
      transform: scale(0.5);
    }
    100% {
      transform: scale(1);
    }
  }
.number-sec:after{content:"";background:url(../images/ban-pic3.png);width: 250px;height: 240px;position: absolute;top: 0px;left: -194px;z-index:-1; animation: a-three 5s infinite linear;}
@keyframes a-three {
        0% {
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0);
        }
        50% {
          -webkit-transform: translate(0, 35px);
                  transform: translate(0, 35px);
        }
        100% {
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0);
        }
      }

.InputGroup{position: relative;padding: 0 14px;}
.InputGroup input {display: inline-block;width: 14px;height: 14px;border-radius: 50%;opacity: 0;z-index: -9;text-align: center;position: absolute;left: -14px;top: 7px;}
.InputGroup label {display: inline-block;margin: 0;width: calc(100% - 14px);padding-left: 10px;position: relative;line-height: 28px;font-weight: 400;text-transform: uppercase;font-size: 16px;color: #505050;cursor: pointer;}
.InputGroup input:checked ~ label::before {color: #df314d;content: "\f111";font-family: "Font Awesome 5 Free";font-weight: 600;font-size: 7px;line-height: 14px;text-align: center;}
.InputGroup label::before {content: "";position: absolute; width: 16px;height: 16px;border-radius: 50%;border: 2px solid #df314d;left: -14px;text-align: center;top: 7px;}
.check_area label{color: #505050;display: inline;}
.check_area label a{color: #df314d;}
.banner__list{margin-bottom: 14px;border-bottom: 1px solid #d6d6d6;padding-bottom: 14px;}
.banner__list .form-control{border-radius:20px;border: 1px solid #595959;}
.baner-border{padding:0; margin:0;border:none;}
.form_input_margin {padding-top: 20px;margin: 0;}
.check_area input{margin-right: 10px;width: auto;display: inline;}
.btn-one input{width:auto;}

.about-style{position: relative;overflow: hidden;display: block;max-width: 476px;border-radius: 10px;}
.about-style  img {width: 100%;height: 750px;object-fit: cover;border-radius: 235px;background-position: left;}
.about-style{position: absolute;top: 275px;right: 20px;overflow: hidden;display: block;}

.about-thumb-one:hover:after{height: 250%;transition: all 600ms linear;background-color: transparent;}
.about-thumb-one::after, .about-thumb-two::after{content: "";position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;background-color: rgba(255, 255, 255, 0.3);transform: translate(-50%, -50%) rotate(-45deg);}



.about-sec{padding: 70px 0;background-size: cover;position:relative;}
.sec-img1{position: relative;overflow: hidden;display: block; max-width: 476px;border-radius: 235px;}
.sec-img1:after{content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);}
.sec-img1:hover:after{height: 250%;transition: all 600ms linear;background-color: transparent;}
.sec-img1 img{width: 100%;height: 750px;object-fit: cover;background-position: left;}
.img-2sec{display: inline-block;position:relative;margin-bottom: 20px}
.img-2sec img{animation: animName 10s linear infinite;background: #dac8f0;border-radius:100px;}
 @keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}
.img-2sec .fa-solid {font-size: 30px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;color: #000000;}

.sec-img2{margin:auto 0;}
.sec-img2 h3{color: #df314d;font-weight: bold;}
.button{padding:0;}
.sec-img2 p{padding: 20px 0;line-height: 28px;color:#6a6a6a}

.img-box1{position: relative;overflow: hidden;display: block; max-width: 476px;border-radius: 200px;}
.img-box1:before{content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);}
.img-box1:hover:before{height: 250%;transition: all 600ms linear;background-color: transparent;}

.img-box1 img{width:100%;}
.sec-img3{margin:auto 0 0;position: relative;}
.sec-img3:after{content:"";background:url(../images/ban-pic.png);width: 250px;height: 240px;position: absolute;top: -160px;right: -114px;z-index:-1;background-repeat: no-repeat; animation: a-three 5s infinite linear;}
@keyframes a-three {
        0% {
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0);
        }
        50% {
          -webkit-transform: translate(0, 35px);
                  transform: translate(0, 35px);
        }
        100% {
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0);
        }
      }
.slide-info{padding: 70px 0;position: relative;}

.flex-title {color: #f1f1f1;position: relative;font-size: 30px;margin: auto;text-align: center;top: 10%;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
	
.flex-about {opacity: 0;color: #f1f1f1;position: absolute;width: 100%;font-size: 2vw;padding: 5%;bottom: 0;line-height: 1.3;margin: auto;text-align: left;
transform: rotate(0deg);-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

.flex-title img{border: 3px solid #fff;border-radius: 137%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);padding: 5px;}

.flex-slide {-webkit-flex: 1;  /* Safari 6.1+ */-ms-flex: 1;  /* IE 10 */    flex: 1;cursor: pointer;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;margin: 0 10px;border-radius: 30px;height:600px;position:relative;}

.flex-about p{font-size:15px;line-height:24px;text-align: justify;}

.flex-slide:hover {-webkit-flex-grow: 3;flex-grow: 3;
}
.home {background: linear-gradient(rgba(255, 255, 255, 0), rgb(0, 0, 0)), url(../images/5.png);background-size: cover;background-position: center center;}

@keyframes aboutFlexSlide {
	0% {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	50% {
		-webkit-flex-grow: 3;
		flex-grow: 3;
	}
	100% {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
}

@keyframes homeFlextitle {
	0% {

		top: 30%;
	}
	50% {

		top: 30;
	}
	100% {

		top: 30;
	}
}

.flex-about{opacity: 0;}
.flex-slide:hover .flex-about{opacity: 1;}
.flex-slide:hover .flex-text{opacity: 0;}
@keyframes flexAboutHome {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.flex-text h3{transform: rotate(90deg);font-size: 20px;font-weight: bold;color: #fff;}


.about {background: linear-gradient(rgba(255, 255, 255, 0), rgb(0, 0, 0)), url(../images/4.png);background-size: cover;background-position: center center;	
}
.contact-form {
	width: 100%;
}
input {
	width: 100%;
}
textarea {
	width: 100%;	
}
.contact {background: linear-gradient(rgba(255, 255, 255, 0), rgb(0, 0, 0)), url(../images/1.png);background-size: cover;background-position: center center;}
.work {background: linear-gradient(rgba(255, 255, 255, 0), rgb(0, 0, 0)), url(../images/2.png);background-size: cover;background-position: center center;}
.box {background: linear-gradient(rgba(255, 255, 255, 0), rgb(0, 0, 0)), url(../images/3.png);background-size: cover;background-position: center center;}
.object{background: linear-gradient(rgba(255, 255, 255, 0), rgb(0, 0, 0)), url(../images/6.png);background-size: cover;background-position: center center;}
.head_area {padding-bottom:20px;text-align: center;}
.flex-text{position: absolute;bottom: 130px;}





.info-sec{padding:70px 0;}
.info-img1 img{width:60px;transition: all 0.4s;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotateX(0);}
.box-info1:hover img{transform: translate(-50%, -50%) rotateY(-180deg);transition: all 0.4s;}
.sec-div{padding-bottom:20px;text-align: center;}
.sec-div h2{font-size:35px;color:#df314d;text-align:center;font-weight:bold;}
.info-img1{width: 100px;height: 100px;background: #fff;border: 4px solid #df314d;line-height: 100px;border-radius: 100%;position: relative;margin: 20px auto 30px;text-align: center;}

.box-info1 h3{text-align:center;font-size:22px;font-weight:bold;}
.box-info1 p{text-align:center;}
.box-info1{padding:40px 25px;}
.color-box1{background:#febfda;}
.color-box2{background:#cac6fd;}
.color-box3{background:#a4ffb9;}
.color-box4{background:#f2d4ff;}
.col-box{padding:0;}

.copy_area_text{text-align: center;color: #000;font-weight: bold;background: #fff;display: inline-block;padding: 10px 20px;margin-top: 20px;border-radius: 20px;box-shadow: 0 0 7px rgb(255 178 197);}
.address-block a{color:#000;font-weight:bold;}
.menu-nav .navbar-nav .nav-link{color:#fff !important;}
.menu-nav .collapse{justify-content: center;padding:40px 0}
.menu-nav ul{display: block; text-align: center;}
.menu-nav ul li{display: inline-block; margin: 0 10px;}
.footer-pad img{width: 300px;background: #fff;border-radius: 0 0 20px 20px;}
.footer{background:#1b0958;width:100%;}
.address-block{text-align:center;    color: #f11185;}
.about__inner{margin-bottom: 20px;}
.foot_area{padding-top:20px;}
.copy_area_text{text-align: center;color: #000;font-weight: bold;background: #fff;display: inline-block;padding: 10px 20px;margin-top: 20px;border-radius: 20px;box-shadow: 0 0 7px rgb(255 178 197);}
.address-block a{color:#000;font-weight:bold;}

.copy_area{padding: 10px 0;background: #0c022c;}
.copy_area p{text-align: center;color: #ffffff;}

@media(min-width: 320px) and (max-width: 767px) {

.sec-menu img{width: 250px;}
.sec-menu{position: unset;text-align: center;}
.sec-menu .navbar-brand, .sec-menu .navbar-nav{width:100%;}
.sec-menu ul li{width: 100%;}
.sec-menu .form-control{margin-bottom:5px;}
.text-ban1 h3{font-size: 32px;}
.num-box{margin-top:30px;}
.love-box{margin-top:10px;}
.InputGroup label{padding-left: 5px;}
.InputGroup input{width: 8px;height: 8px;}
.InputGroup input:checked ~ label::before{font-size: 5px;line-height: 11px;}
.InputGroup label::before{width: 12px;height: 12px;}
.sec-img2{text-align: center;margin-top: 20px;}
.header-location ul li a{font-size: 12px;}
.sec-back{padding-top:30px}
.about-sec, .slide-info{padding:30px 0;}
.banner__inputlist span, .banner__list label, .rowLabel, .banner__inputlist {font-size:12px;}
.love-box h3, .frm-holder{font-size:14px;margin-bottom:10px;}
.banner__inputlist{line-height:20px;}
.form-area input{margin-top: 5px;padding: 5px 15px;}
.about-sec h3, .sec-div h2{font-size: 25px;}
.about-sec p{text-align: justify;}
.about__thumb img, .how__thumb img, .about__thumb img{width:50%;padding-bottom:0;}
.about__inner{margin-bottom: 20px;}
.foot_area{padding-top:20px;}
.copy_area_text{text-align:center;}
.num-box h3 {font-size:16px;}
.btn-one{padding: 5px 26px;} 
.btn-one button, .btn-one input{padding:10px 20px;}
.love-box:after{display: none;}
.love-box{padding: 10px 15px;}
.banner__list{padding-bottom: 8px;margin-bottom: 8px;}
.form_input_margin {    padding-top: 0px}
.sec-info1{padding-bottom: 20px;}
.num-box img{width:100%;}
.number-sec:before{top: -70px;left: -110px;background-size: 430px;}
.btn-theme {margin-bottom: 15px;}
.sec-img3:after{top: -99px;right: -176px;background-size: 90px;}
.flex-slide{width: 92%;margin: 10px;height: 280px;-webkit-flex: none; -ms-flex: none;flex: none;}
.flex-about{width:90%;padding: 10px;}
.ph_sticky{right:5px;}
	.ph_sticky a{width:120px; height:120px;}
	.ph_sticky a span{width:60px; height:60px; line-height:50px;font-size:36px;}
	.ph_sticky a::before {width:60px;}
	.ph_sticky::before {height:60px;}
	.wp_sticky{right:10px;}
	.wp_sticky img{width:100px;}
}

/* TAB-START*/
@media(min-width: 768px) and (max-width: 1023px) {


.sec-menu img {width: 200px;}
.sec-menu ul{display:flex;width: 68%;}
.love-box {margin-top:10px;}
.about__inner {padding: 10px 15px;}
.about__thumb img {padding-bottom: 0;}
.sec-back {padding-top:110px;}
.about-sec{padding:40px 0;}
.banner__inputlist span, .banner__list label, .rowLabel, .banner__inputlist {font-size:14px;}
.about-sec h3,.how-sec h3, .fetures-sec h3{font-size: 27px;}
.text-ban1 h3{font-size:35px;font-weight:bold;}
.check_area{text-align:center;}
.btn-one button, .btn-one input{padding: 10px 30px;}
.flex-slide{margin: 0 5px;height: 380px;}
.flex-about{width: 90%}
}


@media(min-width: 1024px) and (max-width: 1366px) {
.text-ban1 h3{font-size:40px;}
}