@import url("https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap");
.white-bg{
	background:#ffffff}
	.gray-bg{
		background:#f5f5f5}
		.gray-bg{background:#f7f7fd}.white-bg{background:#fff}.black-bg{background:#16161a}.theme-bg{background:#0f61ef}.brand-bg{background:#f1f4fa}.testimonial-bg{background:#f9fafc}.white-color{color:#fff}.black-color{color:#16161a}.theme-color{color:#0f61ef}.boxed-btn{background:#fff;color:#0f61ef !important;display:inline-block;padding:18px 44px;font-family:"Muli",sans-serif;font-size:14px;font-weight:400;border:0;border:1px solid #0f61ef;letter-spacing:3px;text-align:center;color:#0f61ef;text-transform:uppercase;cursor:pointer}.boxed-btn:hover{background:#0f61ef;color:#fff !important;border:1px solid #0f61ef}.boxed-btn:focus{outline:none}.boxed-btn.large-width{width:220px}[data-overlay]{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center}[data-overlay]::before{position:absolute;left:0;top:0;right:0;bottom:0;content:""}[data-opacity="1"]::before{opacity:0.1}[data-opacity="2"]::before{opacity:0.2}[data-opacity="3"]::before{opacity:0.3}[data-opacity="4"]::before{opacity:0.4}[data-opacity="5"]::before{opacity:0.5}[data-opacity="6"]::before{opacity:0.6}[data-opacity="7"]::before{opacity:0.7}[data-opacity="8"]::before{opacity:0.8}[data-opacity="9"]::before{opacity:0.9}body{font-family:"Muli",sans-serif;font-weight:normal;font-style:normal}h1,h2,h3,h4,h5,h6{font-family:"Muli",sans-serif;color:#030431;margin-top:0px;font-style:normal;font-weight:500;text-transform:normal}p{font-family:"Muli",sans-serif;color:#10285d;font-size:16px;line-height:30px;margin-bottom:15px;font-weight:normal}.bg-img-1{background-image:url(../img/slider/slider-img-1.jpg)}.bg-img-2{background-image:url(../img/background-img/bg-img-2.jpg)}.cta-bg-1{background-image:url(../img/background-img/bg-img-3.jpg)}.img{max-width:100%;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.f-left{float:left}.f-right{float:right}.fix{overflow:hidden}.clear{clear:both}a,.button{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}a:focus,.button:focus{text-decoration:none;outline:none}a{color:#635c5c}a:hover{color:#fff}a:focus,a:hover,.portfolio-cat a:hover,.footer -menu li a:hover{text-decoration:none}a,button{color:#fff;outline:medium none}button:focus,input:focus,input:focus,textarea,textarea:focus{outline:0}.uppercase{text-transform:uppercase}input:focus::-moz-placeholder{opacity:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.capitalize{text-transform:capitalize}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}ul{margin:0px;padding:0px}li{list-style:none}hr{border-bottom:1px solid #eceff8;border-top:0 none;margin:30px 0;padding:0}.theme-overlay{position:relative}.theme-overlay::before{background:#1696e7 none repeat scroll 0 0;content:"";height:100%;left:0;opacity:0.6;position:absolute;top:0;width:100%}.overlay{position:relative;z-index:0}.overlay::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:-1}.overlay2{position:relative;z-index:0}.overlay2::before{position:absolute;content:"";background-color:#2E2200;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.5}.section-padding{padding-top:120px;padding-bottom:120px}.separator{border-top:1px solid #f2f2f2}.mb-90{margin-bottom:90px}@media (max-width: 767px){.mb-90{margin-bottom:30px}}@media (min-width: 768px) and (max-width: 991px){.mb-90{margin-bottom:45px}}
.owl-carousel .owl-nav div{
	background:rgba(255,255,255,0.8) none repeat scroll 0 0;
	height:40px;
	left:20px;
	line-height:40px;
	font-size:22px;
	color:#646464;
	opacity:1;
	visibility:visible;
	position:absolute;
	text-align:center;
	top:50%;transform:translateY(-50%);
	transition:all 0.3s ease 0s;width:40px}
	.owl-carousel .owl-nav div.owl-next{
		left:auto;
		right:-30px}.owl-carousel .owl-nav div.owl-next i{
			position:relative;
			right:0;top:1px}
			.owl-carousel .owl-nav div.owl-prev i
			{position:relative;right:1px;top:0px}.owl-carousel:hover .owl-nav div{opacity:1;visibility:visible}.owl-carousel:hover .owl-nav div:hover{color:#fff;background:#ff3500}.btn{border:none;padding:18px 58px 18px 19px;text-transform:capitalize;border-radius:6px;cursor:pointer;color:#fff;display:inline-block;font-size:16px;background-size:200%;transition:0.6s;box-shadow:0px 7px 21px 0px rgba(0,0,0,0.12);background-image:linear-gradient(to left, #559af3, #1462f3, #559af3)}.btn i{color:#ffffff;font-size:13px;font-weight:500;position:relative;left:26px;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}.btn:hover i{left:30px}.btn:hover{background-position:right}.btn.focus,.btn:focus{outline:0;box-shadow:none}.about-btn{padding:19px 97px 19px 20px}.about-btn i{left:43px;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}.about-btn:hover i{left:46px}.about-btn2{padding:19px 97px 19px 20px;border:none;display:inline-block;text-transform:capitalize;border-radius:6px;cursor:pointer;color:#fff;font-size:16px;background-size:200%;transition:0.6s;box-shadow:0px 7px 21px 0px rgba(0,0,0,0.12);background-image:linear-gradient(to left, #9ea0af, #7a7c8a, #9ea0af)}.about-btn2 i{color:#ffffff;font-size:13px;font-weight:500;position:relative;left:43px;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}.about-btn2:hover i{left:46px}.dep-btn{background:#fff;color:#000;padding:20px 69px 20px 23px;display:inline-block;text-transform:capitalize;cursor:pointer;font-size:16px;border-radius:0px}.dep-btn i{color:#000;font-size:13px;font-weight:500;position:relative;left:43px}.dep-btn:hover{color:#000}.header-btn{padding:18px 38px}.hero-btn{padding:18px 63px 18px 21px}.white-btn{padding:30px 39px;background:#fff;color:#331391 !important}.black-btn{padding:14px 35px;background:#000}.black-btn::before{background:#331391}.submit-btn2{background:#ec5b53;width:100%;height:60px;padding:10px 20px;border:0;color:#fff;text-transform:capitalize;cursor:pointer;font-size:16px;border-radius:0px}.white-btn{background:#fff;color:#000}.white-btn::before{background:#000;color:#fff}.border-btn{border:1px solid #ff5600;color:#464d65;background:none;border-radius:5px;text-transform:capitalize;padding:19px 47px;-moz-user-select:none;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;letter-spacing:1px;margin-bottom:0;position:relative;transition:color 0.4s linear;position:relative;overflow:hidden;margin:0}@media (max-width: 575px){.border-btn{display:none}}.border-btn::before{border:1px solid transparent;content:"";position:absolute;left:0;top:0;width:101%;height:101%;background:#0f61ef;z-index:-1;transition:transform 0.5s;transition-timing-function:ease;transform-origin:0 0;transition-timing-function:cubic-bezier(0.5, 1.6, 0.4, 0.7);transform:scaleY(0);border-radius:0}.border-btn:hover::before{transform:scaleY(1);border:1px solid transparent}.breadcrumb>.active{color:#888}#scrollUp,#back-top{background:#0f61ef;height:50px;width:50px;right:31px;bottom:18px;position:fixed;color:#fff;font-size:20px;text-align:center;border-radius:50%;line-height:48px;border:2px solid transparent;box-shadow:0 0 10px 3px rgba(108,98,98,0.2)}@media (max-width: 575px){#scrollUp,#back-top{right:16px}}#scrollUp a i,#back-top a i{display:block;line-height:50px}#scrollUp:hover{color:#fff}.sticky-bar{left:0;margin:auto;position:fixed;top:0;width:100%;-webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);box-shadow:0 10px 15px rgba(25,25,25,0.1);z-index:9999;-webkit-animation:300ms ease-in-out 0s normal none 1 running fadeInDown;animation:300ms ease-in-out 0s normal none 1 running fadeInDown;-webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);background:#fff}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mt-155{margin-top:155px}.mt-160{margin-top:160px}.mt-165{margin-top:165px}.mt-170{margin-top:170px}.mt-175{margin-top:175px}.mt-180{margin-top:180px}.mt-185{margin-top:185px}.mt-190{margin-top:190px}.mt-195{margin-top:195px}.mt-200{margin-top:200px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.mb-155{margin-bottom:155px}.mb-160{margin-bottom:160px}.mb-165{margin-bottom:165px}.mb-170{margin-bottom:170px}.mb-175{margin-bottom:175px}.mb-180{margin-bottom:180px}.mb-185{margin-bottom:185px}.mb-190{margin-bottom:190px}.mb-195{margin-bottom:195px}.mb-200{margin-bottom:200px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.ml-65{margin-left:65px}.ml-70{margin-left:70px}.ml-75{margin-left:75px}.ml-80{margin-left:80px}.ml-85{margin-left:85px}.ml-90{margin-left:90px}.ml-95{margin-left:95px}.ml-100{margin-left:100px}.ml-105{margin-left:105px}.ml-110{margin-left:110px}.ml-115{margin-left:115px}.ml-120{margin-left:120px}.ml-125{margin-left:125px}.ml-130{margin-left:130px}.ml-135{margin-left:135px}.ml-140{margin-left:140px}.ml-145{margin-left:145px}.ml-150{margin-left:150px}.ml-155{margin-left:155px}.ml-160{margin-left:160px}.ml-165{margin-left:165px}.ml-170{margin-left:170px}.ml-175{margin-left:175px}.ml-180{margin-left:180px}.ml-185{margin-left:185px}.ml-190{margin-left:190px}.ml-195{margin-left:195px}.ml-200{margin-left:200px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mr-85{margin-right:85px}.mr-90{margin-right:90px}.mr-95{margin-right:95px}.mr-100{margin-right:100px}.mr-105{margin-right:105px}.mr-110{margin-right:110px}.mr-115{margin-right:115px}.mr-120{margin-right:120px}.mr-125{margin-right:125px}.mr-130{margin-right:130px}.mr-135{margin-right:135px}.mr-140{margin-right:140px}.mr-145{margin-right:145px}.mr-150{margin-right:150px}.mr-155{margin-right:155px}.mr-160{margin-right:160px}.mr-165{margin-right:165px}.mr-170{margin-right:170px}.mr-175{margin-right:175px}.mr-180{margin-right:180px}.mr-185{margin-right:185px}.mr-190{margin-right:190px}.mr-195{margin-right:195px}.mr-200{margin-right:200px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pt-260{padding-top:260px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-65{padding-left:65px}.pl-70{padding-left:70px}.pl-75{padding-left:75px}.pl-80{padding-left:80px}.pl-85{padding-left:85px}.pl-90{padding-left:90px}.pl-95{padding-left:95px}.pl-100{padding-left:100px}.pl-105{padding-left:105px}.pl-110{padding-left:110px}.pl-115{padding-left:115px}.pl-120{padding-left:120px}.pl-125{padding-left:125px}.pl-130{padding-left:130px}.pl-135{padding-left:135px}.pl-140{padding-left:140px}.pl-145{padding-left:145px}.pl-150{padding-left:150px}.pl-155{padding-left:155px}.pl-160{padding-left:160px}.pl-165{padding-left:165px}.pl-170{padding-left:170px}.pl-175{padding-left:175px}.pl-180{padding-left:180px}.pl-185{padding-left:185px}.pl-190{padding-left:190px}.pl-195{padding-left:195px}.pl-200{padding-left:200px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-65{padding-right:65px}.pr-70{padding-right:70px}.pr-75{padding-right:75px}.pr-80{padding-right:80px}.pr-85{padding-right:85px}.pr-90{padding-right:90px}.pr-95{padding-right:95px}.pr-100{padding-right:100px}.pr-105{padding-right:105px}.pr-110{padding-right:110px}.pr-115{padding-right:115px}.pr-120{padding-right:120px}.pr-125{padding-right:125px}.pr-130{padding-right:130px}.pr-135{padding-right:135px}.pr-140{padding-right:140px}.pr-145{padding-right:145px}.pr-150{padding-right:150px}.pr-155{padding-right:155px}.pr-160{padding-right:160px}.pr-165{padding-right:165px}.pr-170{padding-right:170px}.pr-175{padding-right:175px}.pr-180{padding-right:180px}.pr-185{padding-right:185px}.pr-190{padding-right:190px}.pr-195{padding-right:195px}.pr-200{padding-right:200px}.bounce-animate{animation-name:float-bob;animation-duration:2s;animation-iteration-count:infinite;-moz-animation-name:float-bob;-moz-animation-duration:2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:float-bob;-ms-animation-duration:2s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;-o-animation-name:float-bob;-o-animation-duration:2s;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear}@-webkit-keyframes float-bob{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.heartbeat{animation:heartbeat 1s infinite alternate}@-webkit-keyframes heartbeat{to{-webkit-transform:scale(1.03);transform:scale(1.03)}}.rotateme{-webkit-animation-name:rotateme;animation-name:rotateme;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@keyframes rotateme{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotateme{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.preloader{background-color:#f7f7f7;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;margin:0 auto}.preloader .preloader-circle{width:100px;height:100px;position:relative;border-style:solid;border-width:1px;border-top-color:#0f61ef;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;z-index:10;border-radius:50%;-webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);background-color:#fff;-webkit-animation:zoom 2000ms infinite ease;animation:zoom 2000ms infinite ease;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.preloader .preloader-circle2{border-top-color:#0078ff}.preloader .preloader-img{position:absolute;top:50%;z-index:200;left:0;right:0;margin:0 auto;text-align:center;display:inline-block;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-top:6px;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.preloader .preloader-img img{max-width:55px}.preloader .pere-text strong{font-weight:800;color:#dca73a;text-transform:uppercase}@-webkit-keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}}@keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}}.section-padding2{padding-top:200px;padding-bottom:200px}@media only screen and (min-width: 1200px) and (max-width: 1600px){.section-padding2{padding-top:200px;padding-bottom:200px}}@media only screen and (min-width: 992px) and (max-width: 1199px){.section-padding2{padding-top:200px;padding-bottom:200px}}@media only screen and (min-width: 768px) and (max-width: 991px){.section-padding2{padding-top:100px;padding-bottom:100px}}@media only screen and (min-width: 576px) and (max-width: 767px){.section-padding2{padding-top:70px;padding-bottom:70px}}@media (max-width: 575px){.section-padding2{padding-top:70px;padding-bottom:70px}}.pb-bottom{padding-bottom:200px}@media only screen and (min-width: 992px) and (max-width: 1199px){.pb-bottom{padding-bottom:200px}}@media only screen and (min-width: 768px) and (max-width: 991px){.pb-bottom{padding-bottom:50px}}@media only screen and (min-width: 576px) and (max-width: 767px){.pb-bottom{padding-bottom:10px}}@media (max-width: 575px){.pb-bottom{padding-bottom:10px}}.pb-top{padding-top:200px}@media only screen and (min-width: 768px) and (max-width: 991px){.pb-top{padding-top:70px}}@media only screen and (min-width: 576px) and (max-width: 767px){.pb-top{padding-top:70px}}@media (max-width: 575px){.pb-top{padding-top:70px}}.testimonial-padding{padding-top:190px;padding-bottom:170px}@media only screen and (min-width: 992px) and (max-width: 1199px){.testimonial-padding{padding-top:190px;padding-bottom:170px}}@media only screen and (min-width: 768px) and (max-width: 991px){.testimonial-padding{padding-top:70px;padding-bottom:60px}}@media only screen and (min-width: 576px) and (max-width: 767px){.testimonial-padding{padding-top:60px;padding-bottom:40px}}@media (max-width: 575px){.testimonial-padding{padding-top:60px;padding-bottom:40px}}.w-padding2{padding-top:130px;padding-bottom:125px}@media only screen and (min-width: 992px) and (max-width: 1199px){.w-padding2{padding-top:130px;padding-bottom:125px}}@media only screen and (min-width: 768px) and (max-width: 991px){.w-padding2{padding-top:100px;padding-bottom:100px}}@media only screen and (min-width: 576px) and (max-width: 767px){.w-padding2{padding-top:70px;padding-bottom:70px}}@media (max-width: 575px){.w-padding2{padding-top:70px;padding-bottom:70px}}.section-padding30{padding-top:195px;padding-bottom:180px}@media only screen and (min-width: 992px) and (max-width: 1199px){.section-padding30{padding-top:150px;padding-bottom:140px}}@media only screen and (min-width: 768px) and (max-width: 991px){.section-padding30{padding-top:100px;padding-bottom:70px}}@media only screen and (min-width: 576px) and (max-width: 767px){.section-padding30{padding-top:65px;padding-bottom:70px}}@media (max-width: 575px){.section-padding30{padding-top:65px;padding-bottom:70px}}.services-padding{padding-top:145px;padding-bottom:170px}@media only screen and (min-width: 992px) and (max-width: 1199px){.services-padding{padding-top:145px;padding-bottom:170px}}@media only screen and (min-width: 768px) and (max-width: 991px){.services-padding{padding-top:100px;padding-bottom:70px}}@media only screen and (min-width: 576px) and (max-width: 767px){.services-padding{padding-top:65px;padding-bottom:70px}}@media (max-width: 575px){.services-padding{padding-top:65px;padding-bottom:70px}}.section-paddingt30{padding-top:195px;padding-bottom:90px}@media only screen and (min-width: 992px) and (max-width: 1199px){.section-paddingt30{padding-top:150px;padding-bottom:90px}}@media only screen and (min-width: 768px) and (max-width: 991px){.section-paddingt30{padding-top:100px;padding-bottom:40px}}@media only screen and (min-width: 576px) and (max-width: 767px){.section-paddingt30{padding-top:65px;padding-bottom:10px}}@media (max-width: 575px){.section-paddingt30{padding-top:65px;padding-bottom:10px}}.section-padding3{padding-top:150px;padding-bottom:0}@media only screen and (min-width: 992px) and (max-width: 1199px){.section-padding3{padding-top:150px;padding-bottom:0}}@media only screen and (min-width: 768px) and (max-width: 991px){.section-padding3{padding-top:60px;padding-bottom:0}}@media only screen and (min-width: 576px) and (max-width: 767px){.section-padding3{padding-top:60px;padding-bottom:0}}@media (max-width: 575px){.section-padding3{padding-top:60px;padding-bottom:0}}.footer-padding{padding-top:150px;padding-bottom:50px}@media only screen and (min-width: 992px) and (max-width: 1199px){.footer-padding{padding-top:150px;padding-bottom:50px}}@media only screen and (min-width: 768px) and (max-width: 991px){.footer-padding{padding-top:100px;padding-bottom:50px}}@media only screen and (min-width: 576px) and (max-width: 767px){.footer-padding{padding-top:80px;padding-bottom:50px}}@media (max-width: 575px){.footer-padding{padding-top:80px;padding-bottom:50px}}@media (max-width: 575px){.section-tittle{margin-bottom:50px;text-align:left !important}}@media only screen and (min-width: 576px) and (max-width: 767px){.section-tittle{margin-bottom:50px}}.section-tittle span{font-size:18px;font-weight:700;margin-bottom:22px;color:#396cf0;text-transform:uppercase;display:inline-block;position:relative}@media (max-width: 575px){.section-tittle span{font-size:14px;padding-left:60px}}.section-tittle span::before{position:absolute;content:"";width:50px;height:2px;background:#396cf0;top:0;left:-67px;top:50%;transform:translateY(-50%)}@media (max-width: 575px){.section-tittle span::before{left:0px}}.section-tittle h2{font-size:50px;display:block;color:#030431;font-weight:800}@media only screen and (min-width: 576px) and (max-width: 767px){.section-tittle h2{font-size:31px;text-align:center}}@media (max-width: 575px){.section-tittle h2{text-align:left;font-size:27px}}.section-tittle2 span{margin-left:72px}@media (max-width: 575px){.section-tittle2 span{margin-left:0}}@media only screen and (min-width: 576px) and (max-width: 767px){.section-tittle2 h2{text-align:left}}@media (max-width: 575px){.section-tittle2 h2{text-align:left;font-size:27px}}.section-bg{background-size:cover;background-repeat:no-repeat;background-position:center center}.white-bg{background:#ffffff}.gray-bg{background:#f5f5f5}.gray-bg{background:#f7f7fd}.white-bg{background:#fff}.black-bg{background:#16161a}.theme-bg{background:#0f61ef}.brand-bg{background:#f1f4fa}.testimonial-bg{background:#f9fafc}.white-color{color:#fff}.black-color{color:#16161a}.theme-color{color:#0f61ef}.header-area .main-header{padding:0px 130px}@media only screen and (min-width: 1200px) and (max-width: 1600px){.header-area .main-header{padding:0px 30px}}@media only screen and (min-width: 992px) and (max-width: 1199px){.header-area .main-header{padding:0px 15px}}@media only screen and (min-width: 768px) and (max-width: 991px){.header-area .main-header{padding:22px 50px}}@media only screen and (min-width: 576px) and (max-width: 767px){.header-area .main-header{padding:22px 20px}}@media (max-width: 575px){.header-area .main-header{padding:22px 14px}}@media only screen and (min-width: 1200px) and (max-width: 1600px){.header-area .main-header .main-menu{margin-right:30px}}.header-area .main-header .main-menu ul li{display:inline-block;position:relative;z-index:1}.header-area .main-header .main-menu ul li a{color:#102039;font-weight:600;padding:39px 27px;display:block;font-size:16px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;text-transform:capitalize;position:relative;font-family:"Muli",sans-serif}@media only screen and (min-width: 992px) and (max-width: 1199px){.header-area .main-header .main-menu ul li a{padding:39px 15px}}.header-area .main-header .main-menu ul li:hover>a{color:#0f61ef}.header-area .main-header .main-menu ul ul.submenu{position:absolute;width:170px;background:rgba(255,255,255,0.9);left:0;top:80%;visibility:hidden;opacity:0;box-shadow:0 0 10px 3px rgba(0,0,0,0.05);padding:17px 0;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.header-area .main-header .main-menu ul ul.submenu>li{margin-left:7px;display:block}.header-area .main-header .main-menu ul ul.submenu>li>a{padding:6px 10px !important;font-size:16px;text-transform:capitalize;margin:0}.header-area .main-header .main-menu ul ul.submenu>li>a:hover{color:#0f61ef;background:none}.header-area .main-menu ul ul.submenu>li>a:hover{padding-left:13px !important}.header-area .main-menu ul>li:hover>ul.submenu{visibility:visible;opacity:1;top:100%}.header-transparent{position:absolute;top:0;right:0;left:0;z-index:9}.header-sticky.sticky-bar.sticky .main-menu ul li a{padding:20px 20px !important}@media only screen and (min-width: 768px) and (max-width: 991px){.header-sticky.sticky-bar.sticky{padding:15px 0px}}@media only screen and (min-width: 576px) and (max-width: 767px){.header-sticky.sticky-bar.sticky{padding:15px 0px}}@media (max-width: 575px){.header-sticky.sticky-bar.sticky{padding:15px 0px}}.mobile_menu{position:absolute;right:0px;width:100%;z-index:99}.mobile_menu .slicknav_menu{background:transparent;margin-top:0px !important}.mobile_menu .slicknav_menu .slicknav_btn{top:-36px}.mobile_menu .slicknav_menu .slicknav_btn .slicknav_icon-bar{background-color:#0f61ef !important}.mobile_menu .slicknav_menu .slicknav_nav{margin-top:15px !important}.mobile_menu .slicknav_menu .slicknav_nav a:hover{background:transparent;color:#0f61ef}.mobile_menu .slicknav_menu .slicknav_nav a{font-size:15px;padding:7px 10px}.mobile_menu .slicknav_menu .slicknav_nav .slicknav_item a{padding:0 !important}.slider-height{height:900px}@media only screen and (min-width: 992px) and (max-width: 1199px){.slider-height{height:700px}}@media only screen and (min-width: 768px) and (max-width: 991px){.slider-height{height:650px}}@media only screen and (min-width: 576px) and (max-width: 767px){.slider-height{height:600px}}@media (max-width: 575px){.slider-height{height:500px}}.slider-height2{height:450px;background-size:cover}@media only screen and (min-width: 768px) and (max-width: 991px){.slider-height2{height:350px}}@media only screen and (min-width: 576px) and (max-width: 767px){.slider-height2{height:260px}}@media (max-width: 575px){.slider-height2{height:260px}}
			
			.slider-area2{background-image:url(../img/hero/hero2.png);
			background-repeat:no-repeat;
			background-size:cover}

				.slider-area3{background-image:url(../img/hero/hero3.png);
			background-repeat:no-repeat;
			background-size:cover}

				.slider-area{
					margin-top:-1px;
					background-image:url(../img/hero/h1_hero.png);background-repeat:no-repeat;background-position:center center;background-size:cover}.slider-area .hero__caption{overflow:hidden}.slider-area .hero__caption span{font-size:18px;font-family:"Muli",sans-serif;font-weight:600;margin-bottom:35px;text-transform:uppercase;color:#396cf0;display:inline-block;position:relative;padding-left:100px;letter-spacing:0.05em}@media (max-width: 575px){.slider-area .hero__caption span{font-size:13px}}@media (max-width: 575px){.slider-area .hero__caption span{padding-left:69px}}.slider-area .hero__caption span::before{position:absolute;content:"";width:70px;height:2px;background:#396cf0;top:0;left:0px;top:50%;transform:translateY(-50%)}@media (max-width: 575px){.slider-area .hero__caption span::before{width:50px}}.slider-area .hero__caption h1{font-size:70px;font-weight:900;margin-bottom:14px;color:#102039;line-height:1.2;margin-bottom:30px;text-transform:uppercase}@media only screen and (min-width: 992px) and (max-width: 1199px){.slider-area .hero__caption h1{font-size:70px;line-height:1.2}}@media only screen and (min-width: 768px) and (max-width: 991px){.slider-area .hero__caption h1{font-size:50px;line-height:1.2}}@media only screen and (min-width: 576px) and (max-width: 767px){.slider-area .hero__caption h1{font-size:35px;line-height:1.4}}@media (max-width: 575px){.slider-area .hero__caption h1{font-size:29px;line-height:1.5}}.slider-area .hero__caption h1 strong{color:#0f61ee}.slider-area .hero__caption p{font-size:18px;color:#212025;font-family:"Muli",sans-serif;margin-bottom:50px;padding-right:35px}@media only screen and (min-width: 768px) and (max-width: 991px){.slider-area .hero__caption p{padding-right:13px}}@media only screen and (min-width: 576px) and (max-width: 767px){.slider-area .hero__caption p{padding-right:0px}}@media (max-width: 575px){.slider-area .hero__caption p{padding-right:0px;font-size:15px}}.hero-overly{position:relative;z-index:1}.hero-overly::before{position:absolute;content:"";background-color:rgba(1,10,28,0.3);width:100%;height:100%;left:0;top:0;bottom:0;right:0;z-index:-1;background-repeat:no-repeat}.header-transparent{position:absolute;top:0;right:0;left:0;z-index:9}.slider-area2 .hero-cap h2{color:#102039;font-size:50px;font-weight:800;text-transform:capitalize;line-height:1}@media only screen and (min-width: 576px) and (max-width: 767px){.slider-area2 .hero-cap h2{font-size:50px}}@media (max-width: 575px){.slider-area2 .hero-cap h2{font-size:35px}}@media (max-width: 575px){.about-area .about-caption{margin-bottom:35px}}.about-area .about-caption p{font-size:16px;color:#64676c;line-height:1.6;margin-bottom:35px;padding-right:50px}@media only screen and (min-width: 992px) and (max-width: 1199px){.about-area .about-caption p{padding-right:20px}}@media only screen and (min-width: 576px) and (max-width: 767px){.about-area .about-caption p{padding-right:0px}}@media (max-width: 575px){.about-area .about-caption p{padding-right:0px}}.about-area .about-caption ul{margin-bottom:75px}@media (max-width: 575px){.about-area .about-caption ul{margin-bottom:50px}}@media only screen and (min-width: 576px) and (max-width: 767px){.about-area .about-caption ul{margin-bottom:50px}}.about-area .about-caption ul li{color:#000;font-size:16px}.about-area .about-caption ul li span{color:#2d3092;font-size:30px;position:relative;top:4px;margin-right:14px}.about-area .about-img{position:relative}.about-area .about-img .about-font-img{position:absolute;z-index:0;left:0}@media only screen and (min-width: 992px) and (max-width: 1199px){.about-area .about-img .about-font-img img{width:106%}}@media (max-width: 575px){.about-area .about-img .about-font-img img{width:100%}}.about-area .about-img .about-back-img{position:absolute;top:60px;right:-180px;z-index:1}@media only screen and (min-width: 1200px) and (max-width: 1600px){.about-area .about-img .about-back-img{right:-10px}}@media only screen and (min-width: 992px) and (max-width: 1199px){.about-area .about-img .about-back-img{right:-19px}}.about-area .about-img .about-back-img img{border:10px solid #f2f2f2}@media (max-width: 575px){.about-area .about-img .about-back-img img{width:90%}}@media only screen and (min-width: 768px) and (max-width: 991px){.about-area .about-img .about-back-img{position:unset}}@media only screen and (min-width: 576px) and (max-width: 767px){.about-area .about-img .about-back-img{position:unset}}@media (max-width: 575px){.about-area .about-img .about-back-img{position:unset}}@media (max-width: 575px){.about-caption{margin-bottom:35px}}@media (max-width: 575px){.bg-height.pb-160{padding-bottom:100px}}.about-details .about-details-cap h4{font-size:30px;font-family:"Muli",sans-serif;font-weight:700;margin-bottom:30px;color:#000a2d;display:inline-block}.about-details .about-details-cap p{color:#464d65;font-size:16px}.department_area{background-image:url(../img/gallery/department.png);background-repeat:no-repeat;background-position:center center;background-size:cover}.department_area .row.custom_align{margin-bottom:60px}@media (max-width: 767px){.department_area .learn_more_btn{text-align:left !important;margin-top:30px}}.department_area .dept_main_info .dept_thumb img{width:100%}@media (min-width: 992px) and (max-width: 1200px){.department_area .dept_main_info .dept_thumb img{max-width:100%}}.department_area .dept_main_info .dept_info{background-image:-moz-linear-gradient(0deg, #24c0f1 0%, #4c9afe 100%);background-image:-webkit-linear-gradient(0deg, #24c0f1 0%, #4c9afe 100%);background-image:-ms-linear-gradient(0deg, #24c0f1 0%, #4c9afe 100%);padding:172px 103px 104px 111px}@media only screen and (min-width: 992px) and (max-width: 1199px){.department_area .dept_main_info .dept_info{padding:78px 103px 52px 111px}}@media only screen and (min-width: 768px) and (max-width: 991px){.department_area .dept_main_info .dept_info{padding:78px 103px 52px 111px}}@media only screen and (min-width: 576px) and (max-width: 767px){.department_area .dept_main_info .dept_info{padding:71px 18px 60px 23px}}@media (max-width: 575px){.department_area .dept_main_info .dept_info{padding:71px 18px 60px 23px}}.department_area .dept_main_info .dept_info h3{font-size:25px;line-height:35px;color:#fff;font-weight:600;font-family:"Muli",sans-serif}@media (max-width: 767px){.department_area .dept_main_info .dept_info h3{font-size:20px}}@media (min-width: 992px) and (max-width: 1200px){.department_area .dept_main_info .dept_info h3 br{display:none}}@media (max-width: 575px){.department_area .dept_main_info .dept_info h3 br{display:none}}.department_area .dept_main_info .dept_info p{margin-bottom:52px;margin-top:20px;color:#fff}@media (min-width: 992px) and (max-width: 1200px){.department_area .dept_main_info .dept_info p{margin-top:15px;margin-bottom:20px}}.department_area .depart_ment_tab .nav{justify-content:space-between}.department_area .depart_ment_tab .nav li{-webkit-box-flex:14.4%;-ms-flex:14.4% 0 0px;flex:14.4% 0 0;margin-bottom:30px}@media only screen and (min-width: 576px) and (max-width: 767px){.department_area .depart_ment_tab 
				.nav li{
					-webkit-box-flex:42%;
					-ms-flex:42% 0 0px;flex:42% 0 0;
					margin:0 15px;margin-bottom:0 !important}
					.department_area .depart_ment_tab .nav li:last-child
					{margin-right:15}}@media (max-width: 575px){
						.department_area .depart_ment_tab .nav li{
							-webkit-box-flex:42%;
							-ms-flex:100% 0 0px;
							flex:100% 0 0;
							margin:0px;
							margin-bottom:0 !important}}
							@media (min-width: 768px) and (max-width: 991px){.department_area .depart_ment_tab .nav li{-webkit-box-flex:30%;-ms-flex:30% 0 0px;flex:30% 0 0;margin-bottom:0 !important}}@media (min-width: 992px) and (max-width: 1200px){.department_area .depart_ment_tab .nav li{-webkit-box-flex:15%;-ms-flex:15% 0 0px;flex:15% 0 0;margin-bottom:0 !important}}.department_area .depart_ment_tab .nav li a{background:#fff;margin-bottom:30px;padding:0;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px 0;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}@media only screen and (min-width: 576px) and (max-width: 767px){.department_area .depart_ment_tab .nav li a{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:25px 0 25px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}}@media (max-width: 575px){.department_area .depart_ment_tab .nav li a{flex-direction:row;justify-content:center;padding:20px 0 20px 0;align-items:center;margin-bottom:10px}}.department_area .depart_ment_tab .nav li a i{font-size:50px;color:#3eadf8;line-height:1;margin-bottom:13px}@media (max-width: 767px){.department_area .depart_ment_tab .nav li a i{font-size:25px;margin-right:15px;margin-bottom:0}}.department_area .depart_ment_tab .nav li a h4{font-size:18px;font-weight:500;color:#296ea4;margin-bottom:0}@media (max-width: 767px){.department_area .depart_ment_tab .nav li a h4{margin-bottom:0}}@media (min-width: 992px) and (max-width: 1200px){.department_area .depart_ment_tab .nav li a h4{font-size:14px}}@media (min-width: 992px) and (max-width: 1200px){.department_area .depart_ment_tab .nav li a h4 br{display:none}}.department_area .depart_ment_tab .nav li a.active{background-image:-moz-linear-gradient(0deg, #24c0f1 0%, #4c9afe 100%);background-image:-webkit-linear-gradient(0deg, #24c0f1 0%, #4c9afe 100%);background-image:-ms-linear-gradient(0deg, #24c0f1 0%, #4c9afe 100%);color:#fff}.department_area .depart_ment_tab .nav li a.active i{color:#fff}.department_area .depart_ment_tab .nav li a.active h4{color:#fff}.department_area .depart_ment_tab .nav li:last-child{margin-right:0}@media (max-width: 767px){.department_area .depart_ment_tab .nav li:last-child{margin-right:15px}}.all-starups-area{display:flex;align-items:center}@media only screen and (min-width: 768px) and (max-width: 991px){.all-starups-area{display:block}}@media (max-width: 575px){.all-starups-area{display:block}}@media only screen and (min-width: 576px) and (max-width: 767px){.all-starups-area{display:block}}.all-starups-area .starups{display:flex;align-items:center;width:50%;padding:0 9%;background-image:url(../img/gallery/section_bg01.png);background-size:cover;background-repeat:no-repeat;justify-content:center;height:700px}@media only screen and (min-width: 1200px) and (max-width: 1600px){.all-starups-area .starups{padding-right:35px}}@media only screen and (min-width: 576px) and (max-width: 767px){.all-starups-area .starups{padding:0 30px}}@media (max-width: 575px){.all-starups-area .starups{padding:0 30px}}@media only screen and (min-width: 768px) and (max-width: 991px){.all-starups-area .starups{width:100%;height:500px}}@media (max-width: 575px){.all-starups-area .starups{width:100%;height:400px}}@media only screen and (min-width: 576px) and (max-width: 767px){.all-starups-area .starups{width:100%;height:400px}}.all-starups-area .starups .starups-details{padding-right:117px}@media only screen and (min-width: 1200px) and (max-width: 1600px){.all-starups-area .starups .starups-details{padding-right:0px}}@media only screen and (min-width: 992px) and (max-width: 1199px){.all-starups-area .starups .starups-details{padding-right:30px}}@media only screen and (min-width: 768px) and (max-width: 991px){.all-starups-area .starups .starups-details{padding-right:0px}}@media only screen and (min-width: 576px) and (max-width: 767px){.all-starups-area .starups .starups-details{padding-right:0px;margin-top:40px}}@media (max-width: 575px){.all-starups-area .starups .starups-details{padding-right:0px;margin-top:40px}}.all-starups-area .starups .starups-details span{margin-bottom:22px;display:block;color:#9fabbe}.all-starups-area .starups .starups-details h3{font-size:35px;display:block;color:#fff;font-weight:700;margin-bottom:53px}@media (max-width: 575px){.all-starups-area .starups .starups-details h3{font-size:21px}}@media only screen and (min-width: 576px) and (max-width: 767px){.all-starups-area .starups .starups-details h3{font-size:28px}}@media only screen and (min-width: 992px) and (max-width: 1199px){.all-starups-area .starups .starups-details h3{font-size:28px}}@media only screen and (min-width: 768px) and (max-width: 991px){.all-starups-area .starups .starups-details h3{font-size:43px}}.all-starups-area .starups .starups-details p{color:#9fabbe}@media (max-width: 575px){.all-starups-area .starups .starups-details p{font-size:15px}}@media only screen and (min-width: 768px) and (max-width: 991px){.all-starups-area .starups .starups-details p{font-size:13px}}.all-starups-area .starups .starups-details .starups-list ul{display:flex;margin-bottom:18px}.all-starups-area .starups .starups-details .starups-list ul li svg{position:relative;top:4px}.all-starups-area .starups .starups-details .starups-list ul li p{padding-left:20px;color:#9fabbe}@media only screen and (min-width: 576px) and (max-width: 767px){.all-starups-area .starups .starups-details .starups-list ul li p{padding-left:9px}}@media (max-width: 575px){.all-starups-area .starups .starups-details .starups-list ul li p{padding-left:9px}}.all-starups-area .starups-img{width:50%;background-image:url(../img/gallery/startup.png);background-size:100%;background-size:cover;background-repeat:no-repeat;background-position:left top;height:700px}@media (max-width: 575px){.all-starups-area .starups-img{width:100%;height:500px}}@media only screen and (min-width: 576px) and (max-width: 767px){.all-starups-area .starups-img{width:100%;height:500px}}@media only screen and (min-width: 768px) and (max-width: 991px){.all-starups-area .starups-img{width:100%;height:400px}}.contact-form-main{position:relative}.contact-form-main .from-left{position:absolute;top:0;left:0;width:46%}.contact-form-main .from-left img{width:100%;height:837px}.contact-form-main .form-tittle{padding:111px 51px 0px 67px}@media (max-width: 575px){.contact-form-main .form-tittle{padding:50px 10px 0px 10px}}.contact-form-main .form-wrapper{background:#f7fdff}.contact-form-main #contact-form{padding:61px 51px 115px 69px;position:relative}@media (max-width: 575px){.contact-form-main #contact-form{padding:13px 25px 76px 25px}}@media only screen and (min-width: 576px) and (max-width: 767px){.contact-form-main #contact-form{padding:13px 25px 76px 25px}}.contact-form-main #contact-form input{background:none;height:60px;width:100%;padding:10px 25px;padding-right:30px;border:0;color:#112957;font-weight:500;text-transform:capitalize;border-radius:0px;border-bottom:2px solid #e9f0f4}.contact-form-main #contact-form input::-moz-placeholder{color:#112957;font-size:16px;font-weight:300;transition:.4s}.contact-form-main #contact-form input:focus::-webkit-input-placeholder{opacity:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.contact-form-main #contact-form input .list{width:100%;border-radius:0}.contact-form-main #contact-form .nice-select{background:none;height:60px;width:100%;border:0;color:#112957;font-weight:300;font-size:16px;text-transform:capitalize;padding-top:10px;border-radius:0px;border-bottom:2px solid #e9f0f4}.contact-form-main #contact-form .nice-select::after{border-bottom:2px solid #a3a3a3;border-right:2px solid #a3a3a3;height:7px;right:41px;width:7px}.contact-form-main #contact-form .nice-select.open .list{width:100%;border-radius:0}.contact-form-main #contact-form .nice-select .option{color:#a3a3a3}.contact-form-main #contact-form textarea{color:#112957;background:none;font-weight:500;letter-spacing:2px;text-transform:capitalize;height:130px;width:100%;padding:30px 21px;border:0;border-radius:0px;border-bottom:2px solid #e9f0f4}@media only screen and (min-width: 768px) and (max-width: 991px){.contact-form-main #contact-form textarea{padding:30px 42px}}@media only screen and (min-width: 576px) and (max-width: 767px){.contact-form-main #contact-form textarea{padding:30px 24px}}@media (max-width: 575px){.contact-form-main #contact-form textarea{padding:30px 25px}}.contact-form-main #contact-form textarea::placeholder{color:#112957;font-size:16px;font-weight:300;transition:.4s}.contact{border:1px solid #eaedff;padding:40px 10px}.contact i{background:#8fb569;font-size:40px;height:150px;width:150px;color:#ffffff;border-radius:50%;line-height:135px;border:10px solid #fff;-webkit-box-shadow:0px 16px 32px 0px rgba(206,226,255,0.4);box-shadow:0px 16px 32px 0px rgba(206,226,255,0.4);margin-bottom:30px}.contact h3{font-size:26px;margin-bottom:15px}.contact p{margin:0;padding:0 50px}.gallery-area .single-gallery{position:relative;overflow:hidden}.gallery-area .single-gallery::before{position:absolute;top:0;left:0;right:0;height:100%;width:100%;content:"";background-color:rgba(1,10,28,0.3);opacity:0;z-index:1;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}.gallery-area .single-gallery:hover::before{opacity:1;visibility:visible}.gallery-area .single-gallery .gallery-img{transform:scale(1.06);-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}.gallery-area .single-gallery .big-img{position:relative;height:690px;background-size:cover;background-repeat:no-repeat}.gallery-area .single-gallery .small-img{position:relative;height:330px;background-size:cover;background-repeat:no-repeat}.single-gallery:hover .gallery-img{transform:scale(1)}.testimonial-area .testimonial-caption .testimonial-top-cap img{margin-bottom:50px;width:auto;display:inline-block}@media only screen and (min-width: 768px) and (max-width: 991px){.testimonial-area .testimonial-caption .testimonial-top-cap img{margin-bottom:30px}}@media (max-width: 575px){.testimonial-area .testimonial-caption .testimonial-top-cap img{margin-bottom:30px}}.testimonial-area .testimonial-caption .testimonial-top-cap p{line-height:1.5;margin-bottom:50px;font-size:20px;color:#fff;font-weight:3000}@media only screen and (min-width: 992px) and (max-width: 1199px){.testimonial-area .testimonial-caption .testimonial-top-cap p{font-size:20px}}@media only screen and (min-width: 768px) and (max-width: 991px){.testimonial-area .testimonial-caption .testimonial-top-cap p{font-size:20px;padding-right:0px}}@media only screen and (min-width: 768px) and (max-width: 991px){.testimonial-area .testimonial-caption .testimonial-top-cap p{font-size:18px;padding-right:0px;margin-bottom:60px}}@media only screen and (min-width: 576px) and (max-width: 767px){.testimonial-area .testimonial-caption .testimonial-top-cap p{font-size:18px;padding-right:0px;margin-bottom:60px}}@media (max-width: 575px){.testimonial-area .testimonial-caption .testimonial-top-cap p{font-size:15px;padding-right:0px;margin-bottom:60px}}.testimonial-area .testimonial-caption .testimonial-founder .founder-text{margin-left:20px}.testimonial-area .testimonial-caption .testimonial-founder .founder-text span{color:#0f61ef;font-size:20px;font-weight:600;color:#fff}@media (max-width: 575px){.testimonial-area .testimonial-caption .testimonial-founder .founder-text span{font-size:17px}}.testimonial-area .testimonial-caption .testimonial-founder .founder-text p{color:#ddd;font-weight:500;line-height:1.5}.slick-initialized .slick-slide{outline:0}.team-area .single-team .team-img{overflow:hidden}.team-area .single-team .team-img img{width:100%;transform:scale(1);transition:all 0.6s ease-out 0s}.team-area .single-team .team-caption{padding:30px 20px 30px 50px;background:#fff;border:1px solid #ffeff9;border-top:0;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}.team-area .single-team .team-caption span{color:#a5a5a5;font-size:14px;font-weight:300;font-family:"Muli",sans-serif;display:block;margin-bottom:30px}.team-area .single-team .team-caption h3 a{color:#161e46;font-weight:700;font-size:25px;margin-bottom:10px;display:block}.team-area .single-team .team-caption:hover{border:1px solid transparent;border-top:0;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;background:#0f66f8}.team-area .single-team .team-caption:hover span{color:#fff}.team-area .single-team .team-caption:hover h3 a{color:#fff}.team-area .single-team .team-caption:hover .team-social a{color:#fff;border:1px solid #fff}.single-team:hover .team-img img{transform:scale(1.05)}.brand-area{background:#f7f7f7}.brand-area .single-brand.slick-slide{opacity:.7}.team-social a{color:#9fa8c3;width:40px;height:40px;border-radius:50%;font-size:14px;line-height:40px;display:inline-block;text-align:center;margin-right:8px;border:1px solid #fff5fb}.team-social a i{display:inline-block}.footer-area{background:#11141b}.footer-area .footer-top{border-bottom:1px solid #233148}.footer-area .footer-top .single-footer-caption .footer-logo{margin-bottom:30px}.footer-area .footer-top .single-footer-caption .footer-pera .info1{line-height:1.8;margin-bottom:35px;color:#bdbdbd}@media only screen and (min-width: 992px) and (max-width: 1199px){.footer-area .footer-top .single-footer-caption .footer-pera .info1{font-size:14px}}@media (max-width: 575px){.footer-area .footer-top .single-footer-caption .footer-pera .info1{font-size:14px}}.footer-area .footer-top .single-footer-caption .footer-number h4{color:#3957ff;font-size:30px;font-weight:500;text-transform:capitalize}.footer-area .footer-top .single-footer-caption .footer-number h4 span{color:#fff}.footer-area .footer-top .single-footer-caption .footer-number p{color:#bdbdbd}.footer-area .footer-top .single-footer-caption .footer-tittle h4{color:#fff;font-family:"Muli",sans-serif;font-size:18px;margin-bottom:38px;font-weight:500;text-transform:uppercase}.footer-area .footer-top .single-footer-caption .footer-tittle ul li{color:#bdbdbd;margin-bottom:15px;text-transform:capitalize}.footer-area .footer-top .single-footer-caption .footer-tittle ul li a{color:#bdbdbd;font-weight:300}.footer-area .footer-top .single-footer-caption .footer-tittle ul li a:hover{color:#fff;padding-left:5px}.footer-area .footer-top .single-footer-caption .footer-form{margin-bottom:30px}.footer-area .footer-top .single-footer-caption .footer-form form{position:relative}.footer-area .footer-top .single-footer-caption .footer-form form input{width:100%;height:43px;padding:10px 20px;border:0;background:#1c242f;color:#fff}.footer-area .footer-top .single-footer-caption .footer-form form input::placeholder{color:#9fa6bd;font-weight:300;font-size:14px}.footer-area .footer-top .single-footer-caption .footer-form form .form-icon button{position:absolute;top:0px;right:0;background:none;border:0;cursor:pointer;padding:15px 22px;background:#0a0f17;line-height:1;color:#fff;font-size:14px;font-weight:300;color:#3957ff}.footer-area .footer-top .single-footer-caption .info.error{color:#ff0000}.footer-area .footer-top .single-footer-caption .footer-cap{margin-bottom:30px}.footer-area .footer-top .single-footer-caption .footer-cap span{color:#0f61ef;font-size:16px;font-weight:300;margin-bottom:10px;display:block}.footer-area .footer-top .single-footer-caption .footer-cap p{color:#bdbdbd;font-size:16px}.footer-area .footer-bottom{padding-bottom:50px;padding-top:30px}.footer-area .footer-bottom .footer-copy-right p{color:#bdbdbd;font-weight:300;font-size:16px;line-height:2;margin-bottom:12px}.footer-area .footer-bottom .footer-copy-right p i{color:#3957ff}.footer-area .footer-bottom .footer-copy-right p a{color:#3957ff}.footer-area .footer-social span{color:#fff;position:relative;margin-right:57px}.footer-area .footer-social span::before{position:absolute;content:"";width:43px;height:2px;background:#3b3647;top:50%;transform:translateY(-50%);right:-56px}@media only screen and (min-width: 768px) and (max-width: 991px){.footer-area .footer-social{float:left;padding-top:10px}}@media only screen and (min-width: 576px) and (max-width: 767px){.footer-area .footer-social{float:left;padding-top:10px}}@media (max-width: 575px){.footer-area .footer-social{float:left;padding-top:10px}}.footer-area .footer-social a{color:#fff;font-size:14px;padding-left:25px}.footer-area .footer-social a i{-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;transform:rotateY(0deg)}.footer-area .footer-social a:hover{color:#fff}.footer-area .footer-social a:hover i{transform:rotateY(180deg)}.home_blog-area .single-blogs .blog-img{position:relative;overflow:hidden;border-radius:5px 5px 0 0}.home_blog-area .single-blogs .blog-img img{width:100%;transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.home_blog-area .single-blogs .blogs-cap{background:#fcfcfc;padding:34px 22px 31px 37px}@media only screen and (min-width: 768px) and (max-width: 991px){.home_blog-area .single-blogs .blogs-cap{padding:31px 12px 22px 17px}}@media only screen and (min-width: 992px) and (max-width: 1199px){.home_blog-area .single-blogs .blogs-cap{padding:31px 12px 22px 17px}}@media only screen and (min-width: 576px) and (max-width: 767px){.home_blog-area .single-blogs .blogs-cap{padding:31px 12px 22px 17px}}@media (max-width: 575px){.home_blog-area .single-blogs .blogs-cap{padding:31px 12px 22px 17px}}.home_blog-area .single-blogs .blogs-cap .date-info span{display:inline-block;margin-right:14px;padding-right:14px;line-height:1;margin-bottom:16px;color:#5191ff;position:relative;font-size:14px}.home_blog-area .single-blogs .blogs-cap .date-info span::before{position:absolute;content:"";width:4px;height:4px;background:#515050;top:50%;border-radius:50%;transform:translateY(-50%);right:-3px}.home_blog-area .single-blogs .blogs-cap .date-info p{display:inline-block;color:#aebccb;font-size:14px}.home_blog-area .single-blogs .blogs-cap h4 a{color:#112957;font-size:24px;font-weight:800;line-height:1.4;margin-bottom:20px}@media only screen and (min-width: 992px) and (max-width: 1199px){.home_blog-area .single-blogs .blogs-cap h4 a{font-size:20px}}@media (max-width: 575px){.home_blog-area .single-blogs .blogs-cap h4 a{font-size:20px}}.home_blog-area .single-blogs .blogs-cap h4 a:hover{color:#112957}.home_blog-area .single-blogs .blogs-cap p{color:#64676c;line-height:1.7}.home_blog-area .single-blogs .blogs-cap .read-more1{color:#c4c4c4;font-size:16px;font-weight:500}.home_blog-area .single-blogs:hover .blog-img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.home_blog-area .single-blogs:hover .blog-img .practice-icon span{color:#0f61ef}.home_blog-area .single-blogs:hover .read-more1{color:#0f61ef}.latest-blog-area .area-heading{margin-bottom:70px}.blog_area a{color:"Muli",sans-serif !important;text-decoration:none;transition:.4s}.blog_area a:hover,.blog_area a :hover{background:-webkit-linear-gradient(131deg, #0f61ef 0%, #0f61ef 99%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;transition:.4s}.single-blog{overflow:hidden;margin-bottom:30px}.single-blog:hover{box-shadow:0px 10px 20px 0px rgba(42,34,123,0.1)}.single-blog .thumb{overflow:hidden;position:relative}.single-blog .thumb:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.single-blog h4{border-bottom:1px solid #dfdfdf;padding-bottom:34px;margin-bottom:25px}.single-blog a{font-size:20px;font-weight:600}.single-blog .date{color:#666666;text-align:left;display:inline-block;font-size:13px;font-weight:300}.single-blog .tag{text-align:left;display:inline-block;float:left;font-size:13px;font-weight:300;margin-right:22px;position:relative}.single-blog .tag:after{content:'';position:absolute;width:1px;height:10px;background:#acacac;right:-12px;top:7px}@media (max-width: 1199px){.single-blog .tag{margin-right:8px}.single-blog .tag:after{display:none}}.single-blog .likes{margin-right:16px}@media (max-width: 800px){.single-blog{margin-bottom:30px}}.single-blog .single-blog-content{padding:30px}.single-blog .single-blog-content .meta-bottom p{font-size:13px;font-weight:300}.single-blog .single-blog-content .meta-bottom i{color:#fdcb9e;font-size:13px;margin-right:7px}@media (max-width: 1199px){.single-blog .single-blog-content{padding:15px}}.single-blog:hover .thumb:after{opacity:.7;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}@media (max-width: 1199px){.single-blog h4{transition:all 300ms linear 0s;border-bottom:1px solid #dfdfdf;padding-bottom:14px;margin-bottom:12px}.single-blog h4 a{font-size:18px}}.full_image.single-blog{position:relative}.full_image.single-blog .single-blog-content{position:absolute;left:35px;bottom:0;opacity:0;visibility:hidden;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}@media (min-width: 992px){.full_image.single-blog .single-blog-content{bottom:100px}}.full_image.single-blog h4{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;border-bottom:none;padding-bottom:5px}.full_image.single-blog a{font-size:20px;font-weight:600}.full_image.single-blog .date{color:#fff}.full_image.single-blog:hover .single-blog-content{opacity:1;visibility:visible;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.l_blog_item .l_blog_text .date{margin-top:24px;margin-bottom:15px}.l_blog_item .l_blog_text .date a{font-size:12px}.l_blog_item .l_blog_text h4{font-size:18px;border-bottom:1px solid #eeeeee;margin-bottom:0px;padding-bottom:20px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.l_blog_item .l_blog_text p{margin-bottom:0px;padding-top:20px}.causes_slider .owl-dots{text-align:center;margin-top:80px}.causes_slider .owl-dots .owl-dot{height:14px;width:14px;background:#eeeeee;display:inline-block;margin-right:7px}.causes_slider .owl-dots .owl-dot:last-child{margin-right:0px}.causes_item{background:#fff}.causes_item .causes_img{position:relative}.causes_item .causes_img .c_parcent{position:absolute;bottom:0px;width:100%;left:0px;height:3px;background:rgba(255,255,255,0.5)}.causes_item .causes_img .c_parcent span{width:70%;height:3px;position:absolute;left:0px;bottom:0px}.causes_item .causes_img .c_parcent span:before{content:"75%";position:absolute;right:-10px;bottom:0px;color:#fff;padding:0px 5px}.causes_item .causes_text{padding:30px 35px 40px 30px}.causes_item .causes_text h4{font-size:18px;font-weight:600;margin-bottom:15px;cursor:pointer}.causes_item .causes_text p{font-size:14px;line-height:24px;font-weight:300;margin-bottom:0px}.causes_item .causes_bottom a{width:50%;border:1px solid;text-align:center;float:left;line-height:50px;color:#fff;font-size:14px;font-weight:500}.causes_item .causes_bottom a+a{border-color:#eeeeee;background:#fff;font-size:14px}.latest_blog_area{background:#f9f9ff}.single-recent-blog-post{margin-bottom:30px}.single-recent-blog-post .thumb{overflow:hidden}.single-recent-blog-post .thumb img{transition:all 0.7s linear}.single-recent-blog-post .details{padding-top:30px}.single-recent-blog-post .details .sec_h4{line-height:24px;padding:10px 0px 13px;transition:all 0.3s linear}.single-recent-blog-post .date{font-size:14px;line-height:24px;font-weight:400}.single-recent-blog-post:hover img{transform:scale(1.23) rotate(10deg)}.tags .tag_btn{font-size:12px;font-weight:500;line-height:20px;border:1px solid #eeeeee;display:inline-block;padding:1px 18px;text-align:center}.tags .tag_btn+.tag_btn{margin-left:2px}.blog_categorie_area{padding-top:30px;padding-bottom:30px}@media (min-width: 900px){.blog_categorie_area{padding-top:80px;padding-bottom:80px}}@media (min-width: 1100px){.blog_categorie_area{padding-top:120px;padding-bottom:120px}}.categories_post{position:relative;text-align:center;cursor:pointer}.categories_post img{max-width:100%}.categories_post .categories_details{position:absolute;top:20px;left:20px;right:20px;bottom:20px;background:rgba(34,34,34,0.75);color:#fff;transition:all 0.3s linear;display:flex;align-items:center;justify-content:center}.categories_post .categories_details h5{margin-bottom:0px;font-size:18px;line-height:26px;text-transform:uppercase;color:#fff;position:relative}.categories_post .categories_details p{font-weight:300;font-size:14px;line-height:26px;margin-bottom:0px}.categories_post .categories_details .border_line{margin:10px 0px;background:#fff;width:100%;height:1px}.categories_post:hover .categories_details{background:rgba(222,99,32,0.85)}.blog_item{margin-bottom:50px}.blog_details{padding:30px 0 20px 10px;box-shadow:0px 10px 20px 0px rgba(221,221,221,0.3)}@media (min-width: 768px){.blog_details{padding:60px 30px 35px 35px}}.blog_details p{margin-bottom:30px}.blog_details a{color:#242b5e}.blog_details a:hover{color:#0d4ac4}.blog_details h2{font-size:18px;font-weight:600;margin-bottom:8px}@media (min-width: 768px){.blog_details h2{font-size:24px;margin-bottom:15px}}.blog-info-link li{float:left;font-size:14px}.blog-info-link li a{color:#999999}.blog-info-link li i,.blog-info-link li span{font-size:13px;margin-right:5px}.blog-info-link li::after{content:"|";padding-left:10px;padding-right:10px}.blog-info-link li:last-child::after{display:none}.blog-info-link::after{content:"";display:block;clear:both;display:table}.blog_item_img{position:relative}.blog_item_img .blog_item_date{position:absolute;bottom:-10px;left:10px;display:block;color:#fff;background-color:#0f61ef;padding:8px 15px;border-radius:5px}@media (min-width: 768px){.blog_item_img .blog_item_date{bottom:-20px;left:40px;padding:13px 30px}}.blog_item_img .blog_item_date h3{font-size:22px;font-weight:600;color:#fff;margin-bottom:0;line-height:1.2}@media (min-width: 768px){.blog_item_img .blog_item_date h3{font-size:30px}}.blog_item_img .blog_item_date p{font-size:18px;margin-bottom:0;color:#fff}@media (min-width: 768px){.blog_item_img .blog_item_date p{font-size:18px}}.blog_right_sidebar .widget_title{font-size:20px;margin-bottom:40px}.blog_right_sidebar .widget_title::after{content:"";display:block;padding-top:15px;border-bottom:1px solid #f0e9ff}.blog_right_sidebar .single_sidebar_widget{background:#fbf9ff;padding:30px;margin-bottom:30px}.blog_right_sidebar .single_sidebar_widget .btn_1{margin-top:0px}.blog_right_sidebar .search_widget .form-control{height:50px;border-color:#f0e9ff;font-size:13px;color:#999999;padding-left:20px;border-radius:0;border-right:0}.blog_right_sidebar .search_widget .form-control::placeholder{color:#999999}.blog_right_sidebar .search_widget .form-control:focus{border-color:#f0e9ff;outline:0;box-shadow:none}.blog_right_sidebar .search_widget .input-group button{background:#0f61ef;border-left:0;border:1px solid #f0e9ff;padding:4px 15px;border-left:0;cursor:pointer}.blog_right_sidebar .search_widget .input-group button i{color:#fff}.blog_right_sidebar .search_widget .input-group button span{font-size:14px;color:#999999}.blog_right_sidebar .newsletter_widget .form-control{height:50px;border-color:#f0e9ff;font-size:13px;color:#999999;padding-left:20px;border-radius:0}.blog_right_sidebar .newsletter_widget .form-control::placeholder{color:#999999}.blog_right_sidebar .newsletter_widget .form-control:focus{border-color:#f0e9ff;outline:0;box-shadow:none}.blog_right_sidebar .newsletter_widget .input-group button{background:#fff;border-left:0;border:1px solid #f0e9ff;padding:4px 15px;border-left:0}.blog_right_sidebar .newsletter_widget .input-group button i,.blog_right_sidebar .newsletter_widget .input-group button span{font-size:14px;color:#fff}.blog_right_sidebar .post_category_widget .cat-list li{border-bottom:1px solid #f0e9ff;transition:all 0.3s ease 0s;padding-bottom:12px}.blog_right_sidebar .post_category_widget .cat-list li:last-child{border-bottom:0}.blog_right_sidebar .post_category_widget .cat-list li a{font-size:14px;line-height:20px;color:#888888}.blog_right_sidebar .post_category_widget .cat-list li a p{margin-bottom:0px}.blog_right_sidebar .post_category_widget .cat-list li+li{padding-top:15px}.blog_right_sidebar .popular_post_widget .post_item .media-body{justify-content:center;align-self:center;padding-left:20px}.blog_right_sidebar .popular_post_widget .post_item .media-body h3{font-size:16px;line-height:20px;margin-bottom:6px;transition:all 0.3s linear}.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover{color:#fff}.blog_right_sidebar .popular_post_widget .post_item .media-body p{font-size:14px;line-height:21px;margin-bottom:0px}.blog_right_sidebar .popular_post_widget .post_item+.post_item{margin-top:20px}.blog_right_sidebar .tag_cloud_widget ul li{display:inline-block}.blog_right_sidebar .tag_cloud_widget ul li a{display:inline-block;border:1px solid #eeeeee;background:#fff;padding:4px 20px;margin-bottom:8px;margin-right:3px;transition:all 0.3s ease 0s;color:#888888;font-size:13px}.blog_right_sidebar .tag_cloud_widget ul li a:hover{background:#0f61ef;color:#fff !important;-webkit-text-fill-color:#fff;text-decoration:none;-webkit-transition:0.5s;transition:0.5s}.blog_right_sidebar .instagram_feeds .instagram_row{display:flex;margin-right:-6px;margin-left:-6px}.blog_right_sidebar .instagram_feeds .instagram_row li{width:33.33%;float:left;padding-right:6px;padding-left:6px;margin-bottom:15px}.blog_right_sidebar .br{width:100%;height:1px;background:#eee;margin:30px 0px}.blog-pagination{margin-top:80px}.blog-pagination .page-link{font-size:14px;position:relative;display:block;padding:0;text-align:center;margin-left:-1px;line-height:45px;width:45px;height:45px;border-radius:0 !important;color:#8a8a8a;border:1px solid #f0e9ff;margin-right:10px}.blog-pagination .page-link i,.blog-pagination .page-link span{font-size:13px}.blog-pagination .page-item.active .page-link{background-color:#fbf9ff;border-color:#f0e9ff;color:#888888}.blog-pagination .page-item:last-child .page-link{margin-right:0}.single-post-area .blog_details{box-shadow:none;padding:0}.single-post-area .social-links{padding-top:10px}.single-post-area .social-links li{display:inline-block;margin-bottom:10px}.single-post-area .social-links li a{color:#cccccc;padding:7px;font-size:14px;transition:all 0.2s linear}.single-post-area .blog_details{padding-top:26px}.single-post-area .blog_details p{margin-bottom:20px;font-size:15px}.single-post-area .quote-wrapper{background:rgba(130,139,178,0.1);padding:15px;line-height:1.733;color:#888888;font-style:italic;margin-top:25px;margin-bottom:25px}@media (min-width: 768px){.single-post-area .quote-wrapper{padding:30px}}.single-post-area .quotes{background:#fff;padding:15px 15px 15px 20px;border-left:2px solid}@media (min-width: 768px){.single-post-area .quotes{padding:25px 25px 25px 30px}}.single-post-area .arrow{position:absolute}.single-post-area .arrow .lnr{font-size:20px;font-weight:600}.single-post-area .thumb .overlay-bg{background:rgba(0,0,0,0.8)}.single-post-area .navigation-top{padding-top:15px;border-top:1px solid #f0e9ff}.single-post-area .navigation-top p{margin-bottom:0}.single-post-area .navigation-top .like-info{font-size:14px}.single-post-area .navigation-top .like-info i,.single-post-area .navigation-top .like-info span{font-size:16px;margin-right:5px}.single-post-area .navigation-top .comment-count{font-size:14px}.single-post-area .navigation-top .comment-count i,.single-post-area .navigation-top .comment-count span{font-size:16px;margin-right:5px}.single-post-area .navigation-top .social-icons li{display:inline-block;margin-right:15px}.single-post-area .navigation-top .social-icons li:last-child{margin:0}.single-post-area .navigation-top .social-icons li i,.single-post-area .navigation-top .social-icons li span{font-size:14px;color:#999999}.single-post-area .blog-author{padding:40px 30px;background:#fbf9ff;margin-top:50px}@media (max-width: 600px){.single-post-area .blog-author{padding:20px 8px}}.single-post-area .blog-author img{width:90px;height:90px;border-radius:50%;margin-right:30px}@media (max-width: 600px){.single-post-area .blog-author img{margin-right:15px;width:45px;height:45px}}.single-post-area .blog-author a{display:inline-block}.single-post-area .blog-author a:hover{color:#0d4ac4}.single-post-area .blog-author p{margin-bottom:0;font-size:15px}.single-post-area .blog-author h4{font-size:16px}.single-post-area .navigation-area{border-bottom:1px solid #eee;padding-bottom:30px;margin-top:55px}.single-post-area .navigation-area p{margin-bottom:0px}.single-post-area .navigation-area h4{font-size:18px;line-height:25px}.single-post-area .navigation-area .nav-left{text-align:left}.single-post-area .navigation-area .nav-left .thumb{margin-right:20px;background:#000}.single-post-area .navigation-area .nav-left .thumb img{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.single-post-area .navigation-area .nav-left .lnr{margin-left:20px;opacity:0;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.single-post-area .navigation-area .nav-left:hover .lnr{opacity:1}.single-post-area .navigation-area .nav-left:hover .thumb img{opacity:.5}@media (max-width: 767px){.single-post-area .navigation-area .nav-left{margin-bottom:30px}}.single-post-area .navigation-area .nav-right{text-align:right}.single-post-area .navigation-area .nav-right .thumb{margin-left:20px;background:#000}.single-post-area .navigation-area .nav-right .thumb img{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.single-post-area .navigation-area .nav-right .lnr{margin-right:20px;opacity:0;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.single-post-area .navigation-area .nav-right:hover .lnr{opacity:1}.single-post-area .navigation-area .nav-right:hover .thumb img{opacity:.5}@media (max-width: 991px){.single-post-area .sidebar-widgets{padding-bottom:0px}}.comments-area{background:transparent;border-top:1px solid #eee;padding:45px 0;margin-top:50px}@media (max-width: 414px){.comments-area{padding:50px 8px}}.comments-area h4{margin-bottom:35px;font-size:18px}.comments-area h5{font-size:16px;margin-bottom:0px}.comments-area .comment-list{padding-bottom:48px}.comments-area .comment-list:last-child{padding-bottom:0px}.comments-area .comment-list.left-padding{padding-left:25px}@media (max-width: 413px){.comments-area .comment-list .single-comment h5{font-size:12px}.comments-area .comment-list .single-comment .date{font-size:11px}.comments-area .comment-list .single-comment .comment{font-size:10px}}.comments-area .thumb{margin-right:20px}.comments-area .thumb img{width:70px;border-radius:50%}.comments-area .date{font-size:14px;color:#999999;margin-bottom:0;margin-left:20px}.comments-area .comment{margin-bottom:10px;color:#777777;font-size:15px}.comments-area .btn-reply{background-color:transparent;color:#888888;padding:5px 18px;font-size:14px;display:block;font-weight:400}.comment-form{border-top:1px solid #eee;padding-top:45px;margin-top:50px;margin-bottom:20px}.comment-form .form-group{margin-bottom:30px}.comment-form h4{margin-bottom:40px;font-size:18px;line-height:22px}.comment-form .name{padding-left:0px}@media (max-width: 767px){.comment-form .name{padding-right:0px;margin-bottom:1rem}}.comment-form .email{padding-right:0px}@media (max-width: 991px){.comment-form .email{padding-left:0px}}.comment-form .form-control{border:1px solid #f0e9ff;border-radius:5px;height:48px;padding-left:18px;font-size:13px;background:transparent}.comment-form .form-control:focus{outline:0;box-shadow:none}.comment-form .form-control::placeholder{font-weight:300;color:#999999}.comment-form .form-control::placeholder{color:#777777}.comment-form textarea{padding-top:18px;border-radius:12px;height:100% !important}.comment-form ::-webkit-input-placeholder{font-size:13px;color:#777}.comment-form ::-moz-placeholder{font-size:13px;color:#777}.comment-form :-ms-input-placeholder{font-size:13px;color:#777}.comment-form :-moz-placeholder{font-size:13px;color:#777}.dropdown .dropdown-menu{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.contact-info{margin-bottom:25px}.contact-info__icon{margin-right:20px}.contact-info__icon i,.contact-info__icon span{color:#8f9195;font-size:27px}.contact-info .media-body h3{font-size:16px;margin-bottom:0;font-size:16px;color:#2a2a2a}.contact-info .media-body h3 a:hover{color:#1f2b7b}.contact-info .media-body p{color:#8a8a8a}.contact-title{font-size:27px;font-weight:600;margin-bottom:20px}.form-contact label{font-size:14px}.form-contact .form-group{margin-bottom:30px}.form-contact .form-control{border:1px solid #e5e6e9;border-radius:0px;height:48px;padding-left:18px;font-size:13px;background:transparent}.form-contact .form-control:focus{outline:0;box-shadow:none}.form-contact .form-control::placeholder{font-weight:300;color:#999999}.form-contact textarea{border-radius:0px;height:100% !important}.modal-message .modal-dialog{position:absolute;top:36%;left:50%;transform:translateX(-50%) translateY(-50%) !important;margin:0px;max-width:500px;width:100%}.modal-message .modal-dialog .modal-content .modal-header{text-align:center;display:block;border-bottom:none;padding-top:50px;padding-bottom:50px}.modal-message .modal-dialog .modal-content .modal-header .close{position:absolute;right:-15px;top:-15px;padding:0px;color:#fff;opacity:1;cursor:pointer}.modal-message .modal-dialog .modal-content .modal-header h2{display:block;text-align:center;padding-bottom:10px}.modal-message .modal-dialog .modal-content .modal-header p{display:block}.contact-section{padding:130px 0 100px}@media (max-width: 991px){.contact-section{padding:70px 0 40px}}@media only screen and (min-width: 992px) and (max-width: 1200px){.contact-section{padding:80px 0 50px}}.contact-section .btn_2{background-color:#191d34;padding:18px 60px;border-radius:50px;margin-top:0}.contact-section .btn_2:hover{background-color:#1f2b7b}.breadcam_bg{background-image:url(../img/banner/bradcam.png)}.breadcam_bg_1{background-image:url(../img/banner/bradcam2.png)}.breadcam_bg_2{background-image:url(../img/banner/bradcam3.png)}.bradcam_area{background-size:cover;background-position:center center;padding:160px 0;background-position:bottom;background-repeat:no-repeat}@media (max-width: 767px){.bradcam_area{padding:150px 0}}@media (min-width: 768px) and (max-width: 991px){.bradcam_area{padding:150px 0}}.bradcam_area h3{font-size:50px;color:#fff;font-weight:900;margin-bottom:0;font-family:"Muli",sans-serif;text-transform:capitalize}@media (max-width: 767px){.bradcam_area h3{font-size:30px}}@media (min-width: 768px) and (max-width: 991px){.bradcam_area h3{font-size:40px}}.popup_box{background:#fff;display:inline-block;z-index:9;width:681px;padding:60px 40px}@media (max-width: 767px){.popup_box{width:320px;padding:45px 30px}}@media only screen and (min-width: 480px) and (max-width: 767px){.popup_box{width:420px !important;padding:45px 30px}}.popup_box h3{text-align:center;font-size:22px;color:#1F1F1F;margin-bottom:46px}.popup_box .boxed-btn3{width:100%;text-transform:capitalize}.popup_box .nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border:solid 1px #E2E2E2;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:"Muli",sans-serif;font-weight:normal;width:100% !important;line-height:50px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto;border-radius:0;margin-bottom:30px;height:50px !important;font-size:16px;font-weight:400;color:#919191}.popup_box .nice-select::after{content:"\f0d7";display:block;height:5px;margin-top:-5px;pointer-events:none;position:absolute;right:17px;top:3px;transition:all 0.15s ease-in-out;width:5px;font-family:fontawesome;color:#919191;font-size:15px}.popup_box .nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);height:200px;overflow-y:scroll}.popup_box .nice-select.list{height:200px;overflow-y:scroll}#test-form{display:inline-block;margin:auto;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media (max-width: 767px){#test-form{top:0;left:0;width:100%;height:100%;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}}#test-form .mfp-close-btn-in .mfp-close{color:#333;display:none !important}#test-form button.mfp-close{display:none !important}@media (max-width: 767px){#test-form button.mfp-close{display:block !important;position:absolute;left:0;right:0;margin:auto}}#test-form button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;width:40px;height:40px;background:#4A3600;text-align:center;line-height:20px;position:absolute;right:0;border-bottom-right-radius:20px;border-bottom-left-radius:20px;position:absolute;right:-6px;color:#fff !important}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#4A3600;opacity:0.6}@media (max-width: 767px){.gj-picker.gj-picker-md.timepicker{width:310px;left:6px !important}}@media (max-width: 767px){.gj-picker.gj-picker-md.datepicker.gj-unselectable{width:320px;left:0 !important}}.flex-center-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.overlay::before{background-image:-moz-linear-gradient(170deg, rgba(34,34,34,0) 0%, #000 100%);background-image:-webkit-linear-gradient(170deg, rgba(34,34,34,0) 0%, #000 100%);background-image:-ms-linear-gradient(170deg, rgba(34,34,34,0) 0%, #000 100%)}.sample-text-area{background:#fff;padding:100px 0 70px 0}.text-heading{margin-bottom:30px;font-size:24px}b,sup,sub,u,del{color:#1f2b7b}.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6{color:#828bb2}.button-area{background:#fff}.button-area .border-top-generic{padding:70px 15px;border-top:1px dotted #eee}.button-group-area .genric-btn{margin-right:10px;margin-top:10px}.button-group-area .genric-btn:last-child{margin-right:0}.genric-btn{display:inline-block;outline:none;line-height:40px;padding:0 30px;font-size:.8em;text-align:center;text-decoration:none;font-weight:500;cursor:pointer;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.genric-btn:focus{outline:none}.genric-btn.e-large{padding:0 40px;line-height:50px}.genric-btn.large{line-height:45px}.genric-btn.medium{line-height:30px}.genric-btn.small{line-height:25px}.genric-btn.radius{border-radius:3px}.genric-btn.circle{border-radius:20px}.genric-btn.arrow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.genric-btn.arrow span{margin-left:10px}.genric-btn.default{color:#415094;background:#f9f9ff;border:1px solid transparent}.genric-btn.default:hover{border:1px solid #f9f9ff;background:#fff}.genric-btn.default-border{border:1px solid #f9f9ff;background:#fff}.genric-btn.default-border:hover{color:#415094;background:#f9f9ff;border:1px solid transparent}.genric-btn.primary{color:#fff;background:#1f2b7b;border:1px solid transparent}.genric-btn.primary:hover{color:#1f2b7b;border:1px solid #1f2b7b;background:#fff}.genric-btn.primary-border{color:#1f2b7b;border:1px solid #1f2b7b;background:#fff}.genric-btn.primary-border:hover{color:#fff;background:#1f2b7b;border:1px solid transparent}.genric-btn.success{color:#fff;background:#4cd3e3;border:1px solid transparent}.genric-btn.success:hover{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}.genric-btn.success-border{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}.genric-btn.success-border:hover{color:#fff;background:#4cd3e3;border:1px solid transparent}.genric-btn.info{color:#fff;background:#38a4ff;border:1px solid transparent}.genric-btn.info:hover{color:#38a4ff;border:1px solid #38a4ff;background:#fff}.genric-btn.info-border{color:#38a4ff;border:1px solid #38a4ff;background:#fff}.genric-btn.info-border:hover{color:#fff;background:#38a4ff;border:1px solid transparent}.genric-btn.warning{color:#fff;background:#f4e700;border:1px solid transparent}.genric-btn.warning:hover{color:#f4e700;border:1px solid #f4e700;background:#fff}.genric-btn.warning-border{color:#f4e700;border:1px solid #f4e700;background:#fff}.genric-btn.warning-border:hover{color:#fff;background:#f4e700;border:1px solid transparent}.genric-btn.danger{color:#fff;background:#f44a40;border:1px solid transparent}.genric-btn.danger:hover{color:#f44a40;border:1px solid #f44a40;background:#fff}.genric-btn.danger-border{color:#f44a40;border:1px solid #f44a40;background:#fff}.genric-btn.danger-border:hover{color:#fff;background:#f44a40;border:1px solid transparent}.genric-btn.link{color:#415094;background:#f9f9ff;text-decoration:underline;border:1px solid transparent}.genric-btn.link:hover{color:#415094;border:1px solid #f9f9ff;background:#fff}.genric-btn.link-border{color:#415094;border:1px solid #f9f9ff;background:#fff;text-decoration:underline}.genric-btn.link-border:hover{color:#415094;background:#f9f9ff;border:1px solid transparent}.genric-btn.disable{color:#222,0.3;background:#f9f9ff;border:1px solid transparent;cursor:not-allowed}.generic-blockquote{padding:30px 50px 30px 30px;background:#f9f9ff;border-left:2px solid #1f2b7b}.progress-table-wrap{overflow-x:scroll}.progress-table{background:#f9f9ff;padding:15px 0px 30px 0px;min-width:800px}.progress-table .serial{width:11.83%;padding-left:30px}.progress-table .country{width:28.07%}.progress-table .visit{width:19.74%}.progress-table .percentage{width:40.36%;padding-right:50px}.progress-table .table-head{display:flex}.progress-table .table-head .serial,.progress-table .table-head .country,.progress-table .table-head .visit,.progress-table .table-head .percentage{color:#415094;line-height:40px;text-transform:uppercase;font-weight:500}.progress-table .table-row{padding:15px 0;border-top:1px solid #edf3fd;display:flex}.progress-table .table-row .serial,.progress-table .table-row .country,.progress-table .table-row .visit,.progress-table .table-row .percentage{display:flex;align-items:center}.progress-table .table-row .country img{margin-right:15px}.progress-table .table-row .percentage .progress{width:80%;border-radius:0px;background:transparent}.progress-table .table-row .percentage .progress .progress-bar{height:5px;line-height:5px}.progress-table .table-row .percentage .progress .progress-bar.color-1{background-color:#6382e6}.progress-table .table-row .percentage .progress .progress-bar.color-2{background-color:#e66686}.progress-table .table-row .percentage .progress .progress-bar.color-3{background-color:#f09359}.progress-table .table-row .percentage .progress .progress-bar.color-4{background-color:#73fbaf}.progress-table .table-row .percentage .progress .progress-bar.color-5{background-color:#73fbaf}.progress-table .table-row .percentage .progress .progress-bar.color-6{background-color:#6382e6}.progress-table .table-row .percentage .progress .progress-bar.color-7{background-color:#a367e7}.progress-table .table-row .percentage .progress .progress-bar.color-8{background-color:#e66686}.single-gallery-image{margin-top:30px;background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;height:200px}.list-style{width:14px;height:14px}.unordered-list li{position:relative;padding-left:30px;line-height:1.82em !important}.unordered-list li:before{content:"";position:absolute;width:14px;height:14px;border:3px solid #1f2b7b;background:#fff;top:4px;left:0;border-radius:50%}.ordered-list{margin-left:30px}.ordered-list li{list-style-type:decimal-leading-zero;color:#1f2b7b;font-weight:500;line-height:1.82em !important}.ordered-list li span{font-weight:300;color:#828bb2}.ordered-list-alpha li{margin-left:30px;list-style-type:lower-alpha;color:#1f2b7b;font-weight:500;line-height:1.82em !important}.ordered-list-alpha li span{font-weight:300;color:#828bb2}.ordered-list-roman li{margin-left:30px;list-style-type:lower-roman;color:#1f2b7b;font-weight:500;line-height:1.82em !important}.ordered-list-roman li span{font-weight:300;color:#828bb2}.single-input{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px}.single-input:focus{outline:none}.input-group-icon{position:relative}.input-group-icon .icon{position:absolute;left:20px;top:0;line-height:40px;z-index:3}.input-group-icon .icon i{color:#797979}.input-group-icon .single-input{padding-left:45px}.single-textarea{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px;height:100px;resize:none}.single-textarea:focus{outline:none}.single-input-primary{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}.single-input-primary:focus{outline:none;border:1px solid #1f2b7b}.single-input-accent{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}.single-input-accent:focus{outline:none;border:1px solid #eb6b55}.single-input-secondary{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}.single-input-secondary:focus{outline:none;border:1px solid #f09359}.default-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}.default-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer}.default-switch input+label{position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#1f2b7b;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}.default-switch input:checked+label{left:19px}.primary-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}.primary-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-switch input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.primary-switch input+label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:transparent;border-radius:8.5px;cursor:pointer;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}.primary-switch input+label:after{content:"";position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}.primary-switch input:checked+label:after{left:19px}.primary-switch input:checked+label:before{background:#1f2b7b}.confirm-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}.confirm-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-switch input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.confirm-switch input+label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:transparent;border-radius:8.5px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;cursor:pointer}.confirm-switch input+label:after{content:"";position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}.confirm-switch input:checked+label:after{left:19px}.confirm-switch input:checked+label:before{background:#4cd3e3}.primary-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}.primary-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.primary-checkbox input:checked+label{background:url(../img/elements/primary-check.png) no-repeat center center/cover;border:none}.confirm-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}.confirm-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.confirm-checkbox input:checked+label{background:url(../img/elements/success-check.png) no-repeat center center/cover;border:none}.disabled-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}.disabled-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.disabled-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.disabled-checkbox input:disabled{cursor:not-allowed;z-index:3}.disabled-checkbox input:checked+label{background:url(../img/elements/disabled-check.png) no-repeat center center/cover;border:none}.primary-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}.primary-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.primary-radio input:checked+label{background:url(../img/elements/primary-radio.png) no-repeat center center/cover;border:none}.confirm-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}.confirm-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.confirm-radio input:checked+label{background:url(../img/elements/success-radio.png) no-repeat center center/cover;border:none}.disabled-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}.disabled-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.disabled-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.disabled-radio input:disabled{cursor:not-allowed;z-index:3}.disabled-radio input:checked+label{background:url(../img/elements/disabled-radio.png) no-repeat center center/cover;border:none}.default-select{height:40px}.default-select .nice-select{border:none;border-radius:0px;height:40px;background:#f9f9ff;padding-left:20px;padding-right:40px}.default-select .nice-select .list{margin-top:0;border:none;border-radius:0px;box-shadow:none;width:100%;padding:10px 0 10px 0px}.default-select .nice-select .list .option{font-weight:300;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;line-height:28px;min-height:28px;font-size:12px;padding-left:20px}.default-select .nice-select .list .option.selected{color:#1f2b7b;background:transparent}.default-select .nice-select .list .option:hover{color:#1f2b7b;background:transparent}.default-select .current{margin-right:50px;font-weight:300}.default-select .nice-select::after{right:20px}.form-select{height:40px;width:100%}.form-select .nice-select{border:none;border-radius:0px;height:40px;background:#f9f9ff;padding-left:45px;padding-right:40px;width:100%}.form-select .nice-select .list{margin-top:0;border:none;border-radius:0px;box-shadow:none;width:100%;padding:10px 0 10px 0px}.form-select .nice-select .list .option{font-weight:300;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;line-height:28px;min-height:28px;font-size:12px;padding-left:45px}.form-select .nice-select .list .option.selected{color:#1f2b7b;background:transparent}.form-select .nice-select .list .option:hover{color:#1f2b7b;background:transparent}.form-select .current{margin-right:50px;font-weight:300}.form-select .nice-select::after{right:20px}.mt-10{margin-top:10px}.section-top-border{padding:50px 0;border-top:1px dotted #eee}.mb-30{margin-bottom:30px}.mt-30{margin-top:30px}.switch-wrap{margin-bottom:10px}
.btn-whatsapp {
        display:block;
        width:70px;
        height:70px;
        color#fff;
        position: fixed;
        left:20px;
        bottom:20px;
        border-radius:50%;
        line-height:80px;
        text-align:center;
        z-index:999;
}



:root {
  --primary: #5dbbcb;
  --secondary: #a6e3e9;
  --background: #f8fafc;
  --text: #22223b;
  --glow: 0 0 16px 2px #5dbbcb88;
}
body {
  margin: 0;
  background: var(--background);
  padding-top: 62px; /* Ajuste a la altura real del header */
}
.header-area {
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: var(--background);
  box-shadow: 0 2px 18px 0 #5dbbcb19;
  position: fixed;
  transition: box-shadow .3s, transform 0.45s cubic-bezier(.6,.15,.32,1.06), opacity 0.45s cubic-bezier(.6,.15,.32,1.06);
  border-radius: 0 0 1rem 1rem;
  overflow: visible;
  will-change: transform, opacity;
  min-height: 54px;
}
.header-area.sticky {
  box-shadow: 0 8px 24px 0 #5dbbcb33;
  transform: translateY(-4px) scale(1.01);
  opacity: 0.98;
}
.main-header {
  position: relative;
  background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);
  box-shadow: 0 0 14px 0 #5dbbcb19;
  border-radius: 0 0 1rem 1rem;
  padding-bottom: 4px;
  overflow: visible;
  min-height: 54px;
}
.menu-main nav ul {
  display: flex;
  gap: 1.7rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-main nav ul li {
  position: relative;
  display: flex;
  align-items: center;
}
.menu-main nav ul li a {
  color: var(--text);
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  padding: .55rem 1rem .45rem 1rem;
  border-radius: 18px;
  background: transparent;
  transition: color .2s;
  position: relative;
  display: inline-block;
}
.menu-main nav ul li a::after,
.mobile-nav a.has-submenu::after {
  content: "";
  display: block;
  position: absolute;
  left: 27%;
  right: 27%;
  bottom: 7px;
  height: 2.5px;
  border-radius: 2px;
  background: linear-gradient(90deg, #5dbbcb 30%, #a6e3e9 80%);
  box-shadow: 0 0 12px 2px #5dbbcb66;
  opacity: 0;
  transform: scaleX(0.7);
  transition: 
    opacity .28s cubic-bezier(.61,.22,.35,1.12),
    transform .28s cubic-bezier(.61,.22,.35,1.12);
  pointer-events: none;
}
.menu-main nav ul li a:hover::after,
.menu-main nav ul li a:focus::after,
.mobile-nav a:hover::after,
.mobile-nav a:focus::after {
  opacity: 1;
  transform: scaleX(1);
  filter: blur(0.5px) brightness(1.12);
}
.menu-main nav ul li a:hover,
.menu-main nav ul li a:focus,
.mobile-nav a:hover,
.mobile-nav a:focus {
  color: var(--primary);
}
.menu-main nav ul li ul.submenu {
  display: none;
  position: absolute;
  left: 0;
  top: 110%;
  background: #fff;
  border-radius: 12px;
  min-width: 180px;
  box-shadow: 0 8px 28px #22223b16;
  z-index: 10;
}
.menu-main nav ul li:hover ul.submenu,
.menu-main nav ul li:focus-within ul.submenu {
  display: block;
}
.menu-main nav ul li ul.submenu li a {
  color: var(--text);
  font-weight: 500;
  font-size: .96rem;
  padding: 0.5rem 1rem;
}
.menu-main nav ul li ul.submenu li a:hover {
  background: var(--secondary);
  color: var(--primary);
}
.header-right-btn .header-btn {
  background: #fff;
  color: var(--primary);
  font-weight: 700;
  padding: .60rem 1.25rem;
  border-radius: 1.1rem;
  border: none;
  font-size: 2rem;
  box-shadow: 0 3px 12px #5dbbcb14;
  transition: background .23s, color .23s, box-shadow .2s;
}
.header-right-btn .header-btn:hover {
  background: var(--primary);
  color: #fff;
  box-shadow: var(--glow);
}
.header-area .logo img {
  max-height: 58px;
  filter: drop-shadow(0 2px 10px #5dbbcb22);
}
.menu-toggle {
  display: none;
  background: none;
  border: none;
  margin-left: auto;
  margin-right: 8px;
  cursor: pointer;
  z-index: 1002;
  width: 38px;
  height: 38px;
  position: relative;
}
.menu-toggle .bar {
  display: block;
  width: 28px;
  height: 3px;
  margin: 5px auto;
  background: var(--primary);
  border-radius: 2px;
  transition: all .38s cubic-bezier(.69,.14,.37,1.16);
}
.menu-toggle.open .bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.menu-toggle.open .bar:nth-child(2) {
  opacity: 0;
}
.menu-toggle.open .bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* Menú móvil modal */
.mobile-nav-bg {
  display: none;
}
.mobile-nav {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: transparent;
  z-index: 1001;
  align-items: center;
  justify-content: center;
}
.mobile-nav.open {
  display: flex;
}
.mobile-nav-content {
  background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);
  border-radius: 1.5rem;
  box-shadow: 0 10px 40px #22223b2c;
  min-width: 210px;
  width: 92vw;
  max-width: 350px;
  padding: 2rem 1.2rem 1.5rem 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  animation: fadeInMenu .45s;
  position: relative;
}
.mobile-nav-content .close-btn {
  background: none;
  border: none;
  color: #ff4d6d;
  font-size: 1.12rem;
  font-weight: bold;
  position: absolute;
  top: 12px; right: 18px;
  cursor: pointer;
}
.mobile-nav-content a {
  font-size: 1.07rem;
  margin: 0.12rem 0;
  color: var(--text);
  text-align: left;
  background: transparent;
  font-weight: 600;
  padding: .75rem .7rem .7rem .8rem;
  border-radius: 8px;
  position: relative;
  display: block;
  transition: background .19s, color .19s;
}
.mobile-nav-content a.has-submenu {
  cursor: pointer;
  padding-right: 1.8rem;
}
.mobile-nav-content a .arrow {
  float: right;
  font-size: 1.13em;
  margin-left: 8px;
  transition: transform .25s;
}
.mobile-nav-content a.active .arrow {
  transform: rotate(90deg);
}
.mobile-nav-content a::after {
  content: "";
  display: block;
  position: absolute;
  left: 27%;
  right: 27%;
  bottom: 9px;
  height: 2.5px;
  border-radius: 2px;
  background: linear-gradient(90deg, #5dbbcb 30%, #a6e3e9 80%);
  box-shadow: 0 0 12px 2px #5dbbcb66;
  opacity: 0;
  transform: scaleX(0.7);
  transition: opacity .25s, transform .25s;
  pointer-events: none;
}
.mobile-nav-content a:hover::after,
.mobile-nav-content a:focus::after {
  opacity: 1;
  transform: scaleX(1);
  filter: blur(0.5px) brightness(1.12);
}
.mobile-nav-content a:hover,
.mobile-nav-content a:focus {
  color: var(--primary);
}
.mobile-nav-content .submenu {
  display: none;
  background: #ffffffda;
  border-radius: 8px;
  margin: 0.08rem 0 0.26rem 0.7rem;
  padding: 0.4rem 0.7rem 0.3rem 0.95rem;
  box-shadow: 0 2px 12px #5dbbcb22;
  width: 90%;
  max-width: 290px;
}
.mobile-nav-content .submenu.open {
  display: block;
  animation: fadeInSub .33s;
}
@keyframes fadeInMenu {
  from { opacity: 0; transform: translateY(-24px);}
  to { opacity: 1; transform: translateY(0);}
}
@keyframes fadeInSub {
  from { opacity: 0; transform: translateY(-8px);}
  to { opacity: 1; transform: translateY(0);}
}
.mobile-nav-bg {
  display: none;
}
.mobile-nav-bg.open {
  display: block;
  position: fixed;
  inset: 0;
  background: #0006;
  z-index: 1000;
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.28s;
}
@media (max-width: 991px) {
  .menu-main,
  .header-right-btn { display:none !important;}
  .menu-toggle { display: inline-block;}
  .mobile-nav-bg { display: block; }
}
@media (max-width: 767px) {
  .main-header { padding-bottom: 2px;}
  .header-area .logo img { max-height: 30px;}
  .mobile-nav-content a { font-size: 1.01rem; }
  .mobile-nav-content { padding: 1.2rem 0.4rem 1rem 0.4rem; }
}

.header-area:before {
  content: "";
  position: absolute;
  top: -40px; left: 0; right: 0;
  height: 60px;
  background: radial-gradient(circle at 60% 25%, #5dbbcb22 40%, transparent 90%);
  z-index: 0;
  pointer-events: none;
  filter: blur(6px);
}



/* Contenedor principal y video responsivo */
.slider-area {
  position: relative;
  width: 100%;
  height: 82vh;
  min-height: 320px;
  max-height: 660px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef9fc;
}
.bg-video {
  position: absolute;
  top: 0; left: 0;
  width: 100vw;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 700px) {
  .slider-area { height: 58vw; min-height: 260px; max-height: 400px; }
}

/* Overlay para oscurecer ligeramente el video */
.slider-overlay {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(180deg, #275C75cc 0%, #5dbbcb99 80%, transparent 100%);
  z-index: 2;
  pointer-events: none;
}

/* Logo centrado con animación de luz */
.logo-intro {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  z-index: 11;
  width: 160px; height: 160px;
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle, #f7fbfc 70%, #5dbbcb22 100%);
  border-radius: 50%;
  opacity: 1;
  animation: logoAppear 2.8s cubic-bezier(.52,.1,.27,1.1);
  box-shadow: 0 0 80px 0 #5dbbcb88, 0 0 8px #fff9;
  pointer-events: none;
}
.logo-intro img {
  width: 74%;
  animation: glowLogo 2.2s cubic-bezier(.72,.1,.37,1.05);
  filter: drop-shadow(0 0 22px #5dbbcbcc) drop-shadow(0 0 10px #fff6);
}
@keyframes logoAppear {
  0% { opacity:0; transform: scale(0.7) translate(-50%,-50%);}
  14% { opacity:1; transform: scale(1.10) translate(-50%,-50%);}
  75% { opacity:1;}
  100% { opacity:0; transform: scale(1.25) translate(-50%,-50%);}
}
@keyframes glowLogo {
  0% { filter: brightness(0.7) drop-shadow(0 0 0 #fff);}
  22% { filter: brightness(1.22) drop-shadow(0 0 18px #5dbbcb); }
  90% { filter: brightness(1.22) drop-shadow(0 0 18px #5dbbcb);}
  100% { filter: brightness(0.9) drop-shadow(0 0 0 #fff);}
}

/* Texto sobre el video */
.hero-caption-area {
  position: relative;
  z-index: 5;
  width: 100%;
  text-align: center;
  color: #275C75;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.5rem;
}
.hero-caption-area h1 {
  font-size: 2.8rem;
  font-weight: 800;
  letter-spacing: -.6px;
  line-height: 1.22;
  margin: 0 0 0.6rem 0;
  color: #275C75;
  background: rgba(255,255,255,0.16);
  display: inline-block;
  border-radius: 16px;
  padding: .4rem 1.1rem;
  box-shadow: 0 3px 18px #5dbbcb11;
}
.hero-caption-area .subtitle {
  color: #206f88;
  font-weight: 600;
  font-size: 2.16rem;
  letter-spacing: .04em;
  margin-top: -0.1rem;
  background: rgba(255,255,255,0.16);
  border-radius: 14px;
  padding: .23rem .88rem;
  display: inline-block;
}
@media (max-width: 700px) {
  .hero-caption-area h1 { font-size: 1.19rem; padding:.3rem .5rem; }
  .hero-caption-area .subtitle { font-size:.97rem; padding:.16rem .51rem;}
  .logo-intro { width:90px; height:90px;}
}



.about-area {
  padding: 100px 0 88px 0;
  background: linear-gradient(110deg, #e6fcfa 0%, #f8fafc 65%, #f4faff 100%);
  position: relative;
  overflow: hidden;
}
.section-tittle {
  text-align: center;
  margin-bottom: 2.8rem;
}
.section-tittle p {
  color: #275C75;
  font-size: 2.7rem;
  font-weight: 700;
  margin-bottom: 0.2em;
  letter-spacing: -1.3px;
}
.section-tittle h2 {
  font-size: 2.35rem;
  font-weight: 900;
  color: #3c82a0;
  letter-spacing: -2px;
  margin-bottom: 0.55em;
}
.about-somos {
  max-width: 900px;
  margin: 0 auto 3.2rem auto;
  font-size: 1.37rem;
  color: #366;
  background: rgba(248,252,255,0.93);
  border-radius: 22px;
  padding: 2.25rem 2.7rem;
  box-shadow: 0 2px 20px #5dbbcb22;
  text-align: center;
  font-weight: 500;
  line-height: 1.77;
  letter-spacing: .01em;
}
.about-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.9rem;
}
.about-img img {
  width: 96%;
  max-width: 460px;
  border-radius: 36px;
  box-shadow: 0 12px 42px #5dbbcb22;
  transition: box-shadow .27s cubic-bezier(.5,.6,.42,1.14), transform .32s;
  animation: fadeInUpImg 1.25s cubic-bezier(.3,.96,.29,1.07);
}
@keyframes fadeInUpImg {
  0% { opacity: 0; transform: translateY(40px) scale(0.97);}
  85% { opacity:1;}
  100% { opacity: 1; transform: translateY(0) scale(1);}
}
.cards-flex {
  display: flex;
  justify-content: center;
  gap: 66px;
  margin: 0 auto 1.5rem auto;
  max-width: 1280px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.info-card {
  background: rgba(248,252,255,0.98);
  border-radius: 24px;
  box-shadow: 0 12px 38px #5dbbcb1a, 0 1px 7px #3c82a017;
  padding: 2.5rem 2.3rem 2.5rem 2.3rem;
  width: 440px;
  min-width: 270px;
  margin-bottom: 28px;
  transition: box-shadow .21s, transform .18s;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.19rem;
}
.info-card:hover {
  box-shadow: 0 8px 36px #7ed5de33, 0 2px 22px #5dbbcb28;
  transform: translateY(-7px) scale(1.027);
}
.info-card .icon-circle {
  width: 64px; height: 64px;
  border-radius: 50%;
  background: linear-gradient(120deg, #5dbbcb 65%, #81e6e2 100%);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 20px;
  font-size: 2.8rem;
  color: #fff;
  box-shadow: 0 0 16px #90e0ef22;
}
.info-card h4 {
  font-size: 1.35rem;
  color: #276782;
  font-weight: bold;
  margin-bottom: 0.92em;
  margin-top: 0.7em;
  letter-spacing: .5px;
}
.info-card p {
  font-size: 1.17rem;
  color: #295559;
  line-height: 1.69;
  margin-bottom: 0;
  font-weight: 500;
}
/* Mariposa realista animada */
.butterfly-anim {
  position: absolute;
  left: -110px;
  top: 17%;
  width: 85px;
  height: 85px;
  z-index: 2;
  pointer-events: none;
  animation: butterflyFlyPath 15s cubic-bezier(.4, .65, .28, 1.12) infinite;
}
.butterfly-wings {
  transform-origin: 36% 50%;
  animation: butterflyWingsFlap 0.85s ease-in-out infinite alternate;
}
@keyframes butterflyWingsFlap {
  0% { transform: rotate(-16deg);}
  80% { transform: rotate(22deg);}
  100% { transform: rotate(15deg);}
}
@keyframes butterflyFlyPath {
  0% {
    left: -110px; top: 17%;
    transform: scale(.88) rotate(-10deg);
    opacity: 0.07;
  }
  6% { opacity: 0.5;}
  16% { left: 15vw; top: 13%; }
  /* Pausa sobre Misión */
  24%, 28% {
    left: 29vw; top: 51%;
    transform: scale(1.04) rotate(6deg);
    opacity: 1;
  }
  33% { left: 32vw; top: 47%;}
  38% { left: 35vw; top: 37%;}
  45% { left: 48vw; top: 37%;}
  /* Pausa sobre Visión */
  55%, 59% {
    left: 67vw; top: 56%;
    transform: scale(.93) rotate(-8deg);
    opacity: 1;
  }
  66% { left: 75vw; top: 30%;}
  88% {
    left: 104vw; top: 8%;
    opacity: 0.1;
  }
  100% {
    left: 110vw; top: 17%;
    opacity: 0;
  }
}
@media (max-width: 1200px) {
  .info-card { width: 98vw; max-width: 520px; }
  .cards-flex { gap: 18px; }
  .butterfly-anim { width: 63px; height: 63px;}
}
@media (max-width: 991px) {
  .about-img img { max-width: 98vw; }
  .cards-flex { flex-direction: column; gap: 0;}
  .info-card { margin: 0 auto 18px auto;}
  .about-somos { font-size: 1.17rem; }
  .section-tittle p { font-size: 2rem;}
  .section-tittle h2 { font-size: 1.32rem;}
}
@media (max-width: 767px) {
  .about-area { padding: 16px 0 5px 0; }
  .about-somos { font-size: 1.07rem; padding: .93rem .2rem;}
  .about-img img { max-width: 92vw; }
  .info-card { padding: 1.1rem .6rem 1rem .6rem; width:98vw; }
  .butterfly-anim { width: 42px; height: 42px; }
}


.colibri-3d-superior {
  position: fixed;
  left: 6vw;
  top: 10vh;
  width: 560px;   /* Doble de grande */
  height: 380px;
  z-index: 99999; /* Siempre arriba */
  pointer-events: none;
  animation: colibriRecorrido 14s cubic-bezier(.48,.56,.41,1.1) infinite;
  filter: drop-shadow(0 12px 48px #32b5b4cc) drop-shadow(0 0 28px #fff7);
  will-change: left, top, transform;
  opacity: 1 !important;
}
.colibri-3d-superior img {
  width: 100%;
  height: auto;
  display: block;
  filter: brightness(1.07) drop-shadow(0 0 32px #44bfc988);
  opacity: 1 !important;
}

@keyframes colibriRecorrido {
  0%   { left: 6vw;  top: 12vh;  transform: scale(1.2) rotate(-8deg);}
  8%, 13% { left: 18vw; top: 48vh; transform: scale(1.25) rotate(8deg);}
  19%, 24% { left: 36vw; top: 48vh; transform: scale(1.22) rotate(-6deg);}
  30%, 36% { left: 36vw; top: 67vh; transform: scale(1.23) rotate(12deg);}
  41%, 46% { left: 18vw; top: 67vh; transform: scale(1.18) rotate(-8deg);}
  52%, 57% { left: 63vw; top: 48vh; transform: scale(1.32) rotate(9deg);}
  62%, 67% { left: 82vw; top: 48vh; transform: scale(1.28) rotate(-5deg);}
  74%, 79% { left: 82vw; top: 67vh; transform: scale(1.29) rotate(8deg);}
  84%, 89% { left: 63vw; top: 67vh; transform: scale(1.21) rotate(-11deg);}
  96%  { left: 104vw; top: 6vh;}
  100% { left: 120vw; top: 11vh;}
}

/* Versión móvil: colibrí MUCHO más grande */
@media (max-width: 991px) {
  .colibri-3d-superior { width: 430px; height: 220px; }
}
@media (max-width: 600px) {
  .colibri-3d-superior { width: 420px; height: 140px; left: 25vw; top: 6vh; }
}


/* Área y tarjetas */
.servicios-area {
  padding: 90px 0 60px 0;
  background: linear-gradient(110deg, #e7fcfa 0%, #f4fbff 85%);
  position: relative;
  overflow: hidden;
}
.servicios-header {
  text-align: center;
  margin-bottom: 3.2rem;
}
.servicios-header p {
  color: #275C75;
  font-size: 2.1rem;
  font-weight: 700;
  margin-bottom: 0.3em;
  letter-spacing: -1.1px;
}
.servicios-header h2 {
  font-size: 2.1rem;
  font-weight: 900;
  color: #3c82a0;
  letter-spacing: -2px;
  margin-bottom: 0.6em;
}
.servicios-header span {
  color: #368989;
  font-size: 1.13rem;
  font-weight: 500;
}
.servicios-grid {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  max-width: 1060px;
  margin: 0 auto;
}
.un-servicio-centro {
  justify-content: center !important;
  margin-top: 35px;
}
.servicio-card {
  background: rgba(255,255,255,0.97);
  border-radius: 26px;
  box-shadow: 0 7px 32px #5dbbcb12, 0 1px 7px #3c82a017;
  padding: 2.4rem 1.8rem 2.2rem 1.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: box-shadow .22s, transform .17s;
  text-align: center;
  position: relative;
  min-width: 280px;
  min-height: 320px;
  cursor: none !important;
  /* El cursor por JS será la flor */
}
.servicio-card:hover, .servicio-card.hover-flor {
  box-shadow: 0 10px 38px #7ed5de22, 0 2px 20px #5dbbcb24;
  transform: translateY(-7px) scale(1.017);
}
.servicio-card .servicio-icon {
  font-size: 3.3rem;
  width: 76px;
  height: 76px;
  background: linear-gradient(120deg, #5dbbcb 65%, #81e6e2 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 0 18px #7ed5de23;
  margin-bottom: 1.5rem;
}
.servicio-card h3 {
  font-size: 1.21rem;
  font-weight: 800;
  color: #276782;
  margin-bottom: .5em;
}
.servicio-card p {
  font-size: 1.09rem;
  color: #295559;
  line-height: 1.58;
  margin-bottom: 1.5rem;
  font-weight: 500;
  min-height: 56px;
}
.servicio-card a {
  display: inline-block;
  margin-top: 1rem;
  font-size: 1.8rem;
  padding: .63rem 1.55rem;
  border-radius: 22px;
  background: linear-gradient(90deg, #5dbbcb 0%, #75dbd7 100%);
  color: #fff;
  font-weight: 700;
  box-shadow: 0 4px 20px #5dbbcb1a;
  text-decoration: none;
  transition: background .18s, box-shadow .18s, transform .18s;
}
.servicio-card a:hover {
  background: linear-gradient(90deg, #7de4de 0%, #81e6e2 100%);
  box-shadow: 0 0 16px #63b4b8bb, 0 2px 12px #7eeeee22;
  color: #205a64;
  transform: scale(1.04);
}

/* Flor cursor */
#cursor-flor {
  pointer-events: none;
  position: fixed;
  left: 0; top: 0;
  width: 60px;
  height: 60px;
  transform: translate(-50%, -50%) scale(0.9);
  z-index: 100000;
  opacity: 0;
  transition: opacity 0.14s, transform 0.19s;
  will-change: left, top, opacity, transform;
  filter: drop-shadow(0 2px 12px #43e6caa7);
}
#cursor-flor.active {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.13) rotate(-8deg);
  transition: opacity 0.18s, transform 0.17s;
}

/* SVG Flor animada */
#cursor-flor svg {
  width: 100%; height: 100%;
  display: block;
  animation: girarFlor 2.6s linear infinite;
}
@keyframes girarFlor { 100% { transform: rotate(360deg); } }

/* Colibrí sobre el servicio */
#colibri-servicio {
  position: fixed;
  left: -9999px; top: -9999px;
  width: 130px; height: 92px;
  z-index: 100001;
  pointer-events: none;
  transition: left .43s cubic-bezier(.39,.92,.34,1.06), top .43s cubic-bezier(.39,.92,.34,1.06), transform .21s;
  filter: drop-shadow(0 8px 28px #32b5b4aa) drop-shadow(0 0 10px #fff6);
  will-change: left, top, transform;
}
#colibri-servicio.active {
  /* Leve zoom */
  transform: scale(1.17) rotate(-8deg);
}

/* Responsivo */
@media (max-width: 991px) {
  .servicios-area { padding: 42px 0 24px 0; }
  .servicios-header h2,
  .servicios-header p { font-size: 1.44rem; }
  .servicio-card { min-width: 220px; min-height: 260px; padding: 1.7rem .6rem 1.3rem .6rem;}
  .servicios-grid { gap: 22px;}
  #colibri-servicio { width: 75px; height: 52px;}
  #cursor-flor { width: 37px; height: 37px;}
}
@media (max-width: 600px) {
  #colibri-servicio { width: 56px; height: 35px;}
}

.servicios-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 1050px;
  margin: 0 auto;
}
.fila-healy {
  margin-top: 36px;
}
.fila-healy > div {
  /* Cada columna ocupa 1/3 */
}
.fila-healy > div:nth-child(2) {
  display: flex;
  justify-content: center;
}
.servicio-card {
  background: rgba(255,255,255,0.97);
  border-radius: 26px;
  box-shadow: 0 7px 32px #5dbbcb12, 0 1px 7px #3c82a017;
  padding: 2.4rem 1.8rem 2.2rem 1.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: box-shadow .22s, transform .17s;
  text-align: center;
  position: relative;
  min-height: 320px;
  /* NO usar cursor: none !important; */
}
.servicio-card {
  cursor: pointer !important;
}

.servicios-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 1050px;
  margin: 0 auto;
}

.fila-healy {
  margin-top: 36px;
}

.fila-healy > div {
  /* Las 3 columnas se mantienen */
}
.fila-healy > div:nth-child(2) {
  display: flex;
  justify-content: center;
}

/* El cursor SIEMPRE visible */
.servicio-card {
  background: rgba(255,255,255,0.97);
  border-radius: 26px;
  box-shadow: 0 7px 32px #5dbbcb12, 0 1px 7px #3c82a017;
  padding: 2.4rem 1.8rem 2.2rem 1.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: box-shadow .22s, transform .17s;
  text-align: center;
  position: relative;
  min-height: 320px;
  cursor: pointer !important;
}

/* Responsive: una sola columna en móvil */
@media (max-width: 900px) {
  .servicios-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .fila-healy {
    margin-top: 16px;
  }
  .fila-healy > div {
    display: block !important;
  }
}

@media (max-width: 700px) {
  .servicios-area {
    padding: 24px 0 10px 0;
  }
  .container {
    max-width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .servicios-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .servicio-card {
    width: 310px !important;         /* Tamaño fijo en móvil */
    max-width: 92vw !important;      /* Nunca más ancho que la pantalla */
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 13px !important;
    box-shadow: 0 3px 14px #5dbbcb18;
    padding: 1.1rem 1rem 0.9rem 1rem !important;
  }
  .servicio-card .servicio-icon {
    width: 48px; height: 48px;
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  .servicio-card h3 {
    font-size: 1.01rem;
  }
  .servicio-card p {
    font-size: .96rem;
    margin-bottom: 1.1rem;
    min-height: 18px;
  }
  .servicio-card a {
    font-size: 1.8rem;
    padding: .44rem 1rem;
    border-radius: 14px;
  }
}



.gallery-area {
  background: linear-gradient(105deg, #eafafd 0%, #f9fcfc 100%);
  padding: 50px 0 40px 0;
  position: relative;
  overflow-x: hidden;
}
.section-tittle h2 {
  color: #276782;
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 1rem;
}
.section-tittle span {
  display: block;
  color: #3c82a0;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.7em;
}
.galeria-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  grid-auto-rows: 220px;
  gap: 22px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
}
.galeria-item {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 5px 18px #3c82a01b;
  background: #f6fefd;
  cursor: pointer;
  transition: box-shadow 0.22s;
  opacity: 0;
  transform: translateY(38px) scale(0.98);
  animation: galeriaFadeIn 1s cubic-bezier(.24,.9,.36,1.03) forwards;
}
.galeria-item.big {
  grid-row: span 2;
}
.galeria-item img {
  width: 100%; height: 100%; object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.33s, filter 0.33s;
  filter: brightness(0.98) grayscale(6%);
  border-radius: 16px;
  background: #fff;
}
.galeria-item:hover img,
.galeria-item:focus img {
  transform: scale(1.04);
  filter: brightness(1.09) saturate(1.04);
}
.galeria-item::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(120deg, #c3edea0a 65%, #b5f4fd11 100%);
  opacity: 0.6; pointer-events: none;
  border-radius: 16px;
}
.galeria-item:hover::after { opacity: 0.09; }
@keyframes galeriaFadeIn {
  to { opacity: 1; transform: none;}
}
/* Animación en cascada */
.galeria-item { animation-delay: 0.10s; }
.galeria-item:nth-child(2) { animation-delay: 0.21s; }
.galeria-item:nth-child(3) { animation-delay: 0.33s; }
.galeria-item:nth-child(4) { animation-delay: 0.44s; }
.galeria-item:nth-child(5) { animation-delay: 0.57s; }
.galeria-item:nth-child(6) { animation-delay: 0.68s; }
/* Lightbox Modal */
.galeria-modal {
  display: none; position: fixed; z-index: 20000;
  left: 0; top: 0; width: 100vw; height: 100vh;
  background: rgba(40,80,110,0.56);
  align-items: center; justify-content: center;
  backdrop-filter: blur(2.5px);
  transition: opacity .28s;
}
.galeria-modal.active {
  display: flex;
  animation: galeriaModalFade .23s;
}
@keyframes galeriaModalFade { from { opacity: 0; } to { opacity: 1; } }
.galeria-modal-img {
  max-width: 96vw;
  max-height: 78vh;
  border-radius: 18px;
  box-shadow: 0 8px 40px #42adbd35;
  animation: galeriaImgZoom .28s;
  background: #fff;
}
@keyframes galeriaImgZoom { from { transform: scale(.90);} to { transform: scale(1);} }
.galeria-cerrar {
  position: absolute;
  top: 24px; right: 24px;
  font-size: 2.2rem;
  color: #ffffff;
  text-shadow: 0 2px 12px #2c6f86;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
  z-index: 9999;
  transition: color .16s;
}
.galeria-cerrar:hover { color: #aef5e6; }

/* -------------- Responsive para móviles ----------------- */
@media (max-width: 700px) {
  .gallery-area {
    padding: 28px 0 14px 0;
  }
  .container {
    max-width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .galeria-grid {
    grid-template-columns: 1fr !important;
    grid-auto-rows: 46vw;
    gap: 7px;
    max-width: 100vw !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .galeria-item,
  .galeria-item.big {
    border-radius: 11px;
    width: 100vw;
    max-width: 100vw;
    margin: 0 auto;
    box-shadow: 0 3px 12px #27678217;
  }
  .galeria-item img {
    width: 100vw;
    height: 46vw;
    object-fit: contain !important;  /* Siempre imagen completa, sin recorte */
    border-radius: 11px;
    background: #fff;
  }
  .section-tittle.mb-40 { margin-bottom: 18px !important; }
  .section-tittle h2 { font-size: 1.07rem; }
  .galeria-modal-img { max-width: 98vw; max-height: 68vh;}
}

/* Solo el CSS responsive móvil, sobrescribe el anterior: */
@media (max-width: 700px) {
  .gallery-area {
    padding: 24px 0 12px 0;
  }
  .container {
    max-width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .galeria-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 9px !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .galeria-item,
  .galeria-item.big {
    width: 100vw !important;
    max-width: 100vw !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 11px;
    box-shadow: 0 3px 12px #27678217;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
  }
  .galeria-item img {
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    aspect-ratio: 16/9;
    object-fit: contain !important;
    border-radius: 11px;
    display: block;
    margin: 0 auto;
    background: #fff;
  }
  .section-tittle.mb-40 { margin-bottom: 18px !important; }
  .section-tittle h2 { font-size: 1.07rem; }
  .galeria-modal-img { max-width: 98vw; max-height: 68vh;}
}


.footer-area2 {
  background: linear-gradient(110deg, #e6f8fa 70%, #e2eefd 100%);
  padding: 50px 0 22px 0;
  color: #214a60;
  font-family: 'Montserrat', Arial, sans-serif;
  border-top: 2.5px solid #a5e3e4;
}
.footer-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  max-width: 1150px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.footer-col {
  flex: 1 1 250px;
  min-width: 250px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer-brand {
  align-items: flex-start;
}
.footer-logo2 {
  width: 185px;
  border-radius: 10px;
  box-shadow: 0 3px 22px #93cedf27;
}
.footer-desc {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 4px;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.footer-title2 {
  font-size: 1.35rem;
  font-weight: 900;
  color: #26787f;
  margin-bottom: .75em;
  letter-spacing: -.8px;
}
.footer-contact-tel, .footer-contact-horario {
  font-size: 1.13rem;
  margin-bottom: .9em;
}
.footer-contact-tel a {
  color: #20a4ae;
  text-decoration: none;
  font-size: 1.17rem;
  font-weight: 700;
}
.footer-contact-tel a:hover { text-decoration: underline; color: #2dcbb9; }
.footer-links2 ul {
  list-style: none;
  padding: 0; margin: 0 0 1.1em 0;
}
.footer-links2 ul li {
  margin-bottom: .5em;
}
.footer-links2 a {
  color: #21767e;
  font-size: 1.13rem;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.17s;
}
.footer-links2 a:hover {
  color: #2dcbb9;
  text-decoration: underline wavy #7ee9e6 2px;
}
.footer-social2 {
  margin-top: .8em;
}
.footer-social2 a {
  display: inline-block;
  margin-right: 14px;
  background: #d4f9f4;
  color: #26939b;
  font-size: 1.53rem;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  text-align: center;
  line-height: 47px;
  transition: background .19s, color .19s, box-shadow .18s;
  box-shadow: 0 2px 14px #74dad94a;
  vertical-align: middle;
}
.footer-social2 a:last-child { margin-right: 0; }
.footer-social2 a:hover {
  background: #2dcbb9;
  color: #fff;
  box-shadow: 0 2px 22px #67e6e744;
}
.footer-bottom2 {
  border-top: 1.2px solid #a5e3e4;
  margin-top: 24px;
  padding-top: 16px;
  text-align: center;
  color: #2a7586;
  font-size: 1.12rem;
  font-weight: 600;
}
.footer-bottom2 a {
  color: #20a4ae;
  font-weight: 700;
  text-decoration: none;
  transition: color .14s;
}
.footer-bottom2 a:hover { color: #26787f; }

/* Responsive móvil */
@media (max-width: 900px) {
  .footer-row {
    flex-direction: column;
    align-items: center;
    gap: 18px;
  }
  .footer-col {
    align-items: center;
    text-align: center;
    min-width: 0;
  }
  .footer-logo2 {
    width: 78vw; max-width: 200px;
  }
}
@media (max-width: 600px) {
  .footer-area2 {
    padding: 28px 0 9px 0;
  }
  .footer-title2 { font-size: 1.08rem; }
  .footer-desc { font-size: 1.06rem; }
  .footer-bottom2 { font-size: 1.02rem; }
  .footer-logo2 { width: 65vw; }
  .footer-social2 a { font-size: 1.18rem; width: 38px; height: 38px; line-height: 38px;}
}

.footer-area2,
.footer-area2 * {
  font-size: 1.22rem !important;
}

.footer-title2 {
  font-size: 2.5rem !important;
  line-height: 1.3 !important;
}

.footer-desc {
  font-size: 1.75rem !important;
  font-weight: 800;
  letter-spacing: -.5px;
}

.footer-contact-tel, .footer-contact-horario {
  font-size: 1.5rem !important;
}

.footer-links2 a,
.footer-bottom2,
.footer-links2 ul li {
  font-size: 1.50rem !important;
}

.footer-social2 a {
  font-size: 1.65rem !important;
  width: 52px !important;
  height: 52px !important;
  line-height: 52px !important;
}
@media (max-width: 900px) {
  .footer-title2 { font-size: 1.25rem !important; }
  .footer-desc { font-size: 1.15rem !important; }
  .footer-social2 a {
    font-size: 1.25rem !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
  }
}
@media (max-width: 600px) {
  .footer-title2 { font-size: 1.8rem !important; }
  .footer-desc { font-size: 1.8rem !important; }
  .footer-links2 a, .footer-bottom2 { font-size: 1.5rem !important; }
}


/* ====== Títulos y textos grandes y centrados (excepto footer) ====== */

/* Hero */
.hero-caption-area h1 {
  font-size: 4.2rem;
  font-weight: 900;
  text-align: center;
  line-height: 1.07;
  letter-spacing: -2.2px;
}
.hero-caption-area .subtitle {
  display: block;
  font-size: 2.7rem;
  font-weight: 800;
  margin-top: .7em;
  text-align: center;
  letter-spacing: -1.1px;
}

/* Titulares de secciones generales */
.section-tittle,
.section-tittle2 {
  text-align: center !important;
  margin-bottom: 2.3em;
}
.section-tittle p,
.section-tittle2 p {
  font-size: 2.25rem;
  font-weight: 900;
  color: #21759c;
  margin-bottom: .25em;
  text-align: center !important;
}
.section-tittle h2,
.section-tittle2 h2 {
  font-size: 3.8rem;
  font-weight: 900;
  color: #20506b;
  margin-bottom: .32em;
  letter-spacing: -2.2px;
  text-align: center !important;
}

/* Solo galería: título y subtítulo grandes y centrados SIEMPRE */
#galeria-psicologia .section-tittle,
#galeria-psicologia .section-tittle2 {
  text-align: center !important;
}
#galeria-psicologia .section-tittle h2,
#galeria-psicologia .section-tittle2 h2 {
  font-size: 4.1rem;
  font-weight: 900;
  letter-spacing: -2.6px;
  color: #276782;
  margin-bottom: .36em;
  text-align: center !important;
}
#galeria-psicologia .section-tittle span,
#galeria-psicologia .section-tittle2 span {
  font-size: 2rem;
  font-weight: 700;
  display: block;
  text-align: center !important;
  margin-bottom: 1.1em;
}

/* ¿Quiénes Somos? y descripciones importantes */
.about-somos {
  font-size: 1.59rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 1.4em;
  text-align: center;
}

/* Cards misión y visión */
.cards-flex .info-card h4 {
  font-size: 2.2rem;
  font-weight: 900;
  color: #257b8b;
  margin-bottom: .63em;
  letter-spacing: -.7px;
  text-align: center;
}
.cards-flex .info-card p {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

/* Servicios */
.servicios-header p {
  font-size: 1.9rem;
  font-weight: 900;
  text-align: center;
}
.servicios-header h2 {
  font-size: 3.1rem;
  font-weight: 900;
  color: #21818c;
  text-align: center;
}
.servicios-header span {
  font-size: 1.65rem;
  font-weight: 700;
  text-align: center;
  display: block;
}
.servicio-card h3 {
  font-size: 1.95rem;
  font-weight: 900;
  margin-bottom: .6em;
  text-align: center;
}
.servicio-card p {
  font-size: 1.38rem;
  line-height: 1.68;
  font-weight: 700;
  text-align: center;
}

/* ====== RESPONSIVE: Extra grande también en móvil ====== */
@media (max-width: 900px) {
  .hero-caption-area h1 { font-size: 2.8rem; }
  .hero-caption-area .subtitle { font-size: 1.55rem; }
  .section-tittle h2, .section-tittle2 h2 { font-size: 2.2rem; }
  .section-tittle p, .section-tittle2 p { font-size: 1.3rem; }
  .about-somos { font-size: 1.18rem; }
  .cards-flex .info-card h4 { font-size: 1.33rem; }
  .cards-flex .info-card p { font-size: 1.09rem; }
  .servicios-header h2 { font-size: 1.75rem; }
  .servicios-header p { font-size: 1.17rem; }
  .servicios-header span { font-size: 1.09rem; }
  .servicio-card h3 { font-size: 1.22rem; }
  .servicio-card p { font-size: 1.02rem; }

  /* Galería */
  #galeria-psicologia .section-tittle h2,
  #galeria-psicologia .section-tittle2 h2 {
    font-size: 2.55rem !important;
  }
  #galeria-psicologia .section-tittle span,
  #galeria-psicologia .section-tittle2 span {
    font-size: 1.25rem !important;
  }
}

/* Para pantallas muy pequeñas */
@media (max-width: 600px) {
  .hero-caption-area h1 { font-size: 2.45rem; }
  .hero-caption-area .subtitle { font-size: 2.06rem; }
  .section-tittle h2, .section-tittle2 h2 { font-size: 2.17rem; }
  .section-tittle p, .section-tittle2 p { font-size: 2.01rem; }
  .about-somos { font-size: 1.55rem; }
  .cards-flex .info-card h4 { font-size: 2.01rem; }
  .cards-flex .info-card p { font-size: 1.95rem; }
  .servicios-header h2 { font-size: 2.11rem; }
  .servicios-header p { font-size: 1.94rem; }
  .servicios-header span { font-size: 1.89rem; }
  .servicio-card h3 { font-size: 2rem; }
  .servicio-card p { font-size: 1.51rem; }

  /* Galería */
  #galeria-psicologia .section-tittle h2,
  #galeria-psicologia .section-tittle2 h2 {
    font-size: 2.44rem !important;
  }
  #galeria-psicologia .section-tittle span,
  #galeria-psicologia .section-tittle2 span {
    font-size: 1.92rem !important;
  }
}

@media (max-width: 700px) {
  /* Justifica textos generales y titulares de secciones */
  .hero-caption-area h1,
  .hero-caption-area .subtitle,
  .section-tittle,
  .section-tittle2,
  .section-tittle p,
  .section-tittle h2,
  .section-tittle2 h2,
  .section-tittle span,
  .section-tittle2 span,
  .about-somos,
  .cards-flex .info-card h4,
  .cards-flex .info-card p,
  .servicios-header,
  .servicios-header p,
  .servicios-header h2,
  .servicios-header span,
  .servicio-card h3,
  .servicio-card p,
  #galeria-psicologia .section-tittle,
  #galeria-psicologia .section-tittle2,
  #galeria-psicologia .section-tittle h2,
  #galeria-psicologia .section-tittle span
  {
    text-align: ; !important;
  }
}



/* area de contact-form*/

/* Fondo animado con gradientes */
.hero-psy-bg {
  background: linear-gradient(-45deg, #a8edea, #fed6e3, #d6f6ff, #b2fefa, #f6d365);
  background-size: 400% 400%;
  animation: bgPsyGradient 11s ease-in-out infinite;
  min-height: 280px;
  position: relative;
  transition: background 0.7s;
}

/* Animación de gradiente */
@keyframes bgPsyGradient {
  0% {background-position:0% 50%;}
  25% {background-position:100% 50%;}
  50% {background-position:100% 0%;}
  75% {background-position:0% 100%;}
  100% {background-position:0% 50%;}
}

/* Brillo y movimiento suave en el título */
.brillo-move {
  font-size: 3.6rem;
  font-weight: 900;
  letter-spacing: -2px;
  color: #257b8b;
  text-shadow:
    0 0 18px #f7fafc99,
    0 2px 20px #75dbd7cc,
    0 1px 0 #fff;
  animation:
    shimmer 2.7s infinite linear,
    updown 3.5s infinite cubic-bezier(.49,.34,.45,.87);
  background: linear-gradient(90deg, #7ee8fa 20%, #eec0c6 60%, #93f9b9 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes shimmer {
  0% {
    background-position: 0% 50%;
    filter: brightness(1.1);
  }
  20% {
    filter: brightness(1.21) drop-shadow(0 0 16px #fff6);
  }
  50% {
    background-position: 100% 50%;
    filter: brightness(1.24) drop-shadow(0 0 32px #faff);
  }
  80% {
    filter: brightness(1.1);
  }
  100% {
    background-position: 0% 50%;
    filter: brightness(1.1);
  }
}

@keyframes updown {
  0%,100% { transform: translateY(0);}
  45% { transform: translateY(-10px);}
  75% { transform: translateY(7px);}
}

.slider-height2 {
  min-height: 250px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* Responsive */
@media (max-width: 800px) {
  .brillo-move { font-size: 2.1rem; }
  .slider-height2 { min-height: 160px; }
}
@media (max-width: 500px) {
  .brillo-move { font-size: 1.1rem; }
  .slider-height2 { min-height: 90px; }
}


/* area de contact-form end*/


.contact-section-psy {
  background: linear-gradient(120deg, #e7fcfa 60%, #f4fbff 100%);
  padding: 60px 0 32px 0;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  animation: bgColorMove 13s ease-in-out infinite;
}
@keyframes bgColorMove {
  0% {background: linear-gradient(120deg,#e7fcfa 60%,#f4fbff 100%);}
  40% {background: linear-gradient(115deg,#e7fcfa 40%,#d5f3f3 90%);}
  70% {background: linear-gradient(122deg,#f4fbff 20%,#e7fcfa 99%);}
  100% {background: linear-gradient(120deg,#e7fcfa 60%,#f4fbff 100%);}
}
.map-box {
  border-radius: 19px;
  overflow: hidden;
  box-shadow: 0 9px 36px #7ed5de19, 0 1px 7px #3c82a017;
  margin-bottom: 2.4rem;
  border: 3px solid #c7f3f4;
  animation: mapGlow 3.3s ease-in-out infinite alternate;
}
@keyframes mapGlow {
  0% {box-shadow: 0 0 20px #5dbbcb20;}
  100% {box-shadow: 0 0 48px #7eeeed55;}
}
.contact-title.anim-title {
  font-size: 2.8rem;
  font-weight: 900;
  color: #207286;
  letter-spacing: -1.7px;
  margin-bottom: 2.2rem;
  text-align: center;
  animation: titleGlow 3s infinite alternate;
  text-shadow: 0 3px 20px #b9eceb33, 0 1px 0 #fff;
}
@keyframes titleGlow {
  from {filter: brightness(1.12);}
  to {filter: brightness(1.28) drop-shadow(0 0 9px #fff);}
}
.form-box {
  background: rgba(255,255,255,0.97);
  border-radius: 22px;
  box-shadow: 0 7px 32px #5dbbcb13, 0 1px 7px #3c82a017;
  padding: 36px 34px 30px 34px;
  margin-bottom: 36px;
  animation: fadeinUp 1.2s cubic-bezier(.22,.68,.49,.95);
}
@keyframes fadeinUp {
  from {opacity: 0; transform: translateY(36px);}
  to {opacity: 1; transform: none;}
}
.form-group.anim-in {
  animation: inputAppear .9s cubic-bezier(.11,.75,.49,.91);
}
@keyframes inputAppear {
  from {opacity: 0; transform: translateY(22px);}
  to {opacity: 1; transform: none;}
}
.form-control {
  border-radius: 13px;
  border: 2px solid #a2e0e2;
  padding: 1.14rem 1.12rem;
  font-size: 1.13rem;
  background: #f8fdff;
  transition: box-shadow .18s, border .13s;
  margin-bottom: 12px;
  box-shadow: 0 2px 12px #b3e8ee14;
}
.form-control:focus {
  border-color: #4ad6ea;
  box-shadow: 0 0 0 2px #82ecf933;
  outline: none;
}
.submit-btn.anim-btn {
  font-size: 1.18rem;
  font-weight: 700;
  padding: .77rem 2.2rem;
  background: linear-gradient(90deg, #5dbbcb 10%, #75dbd7 100%);
  color: #fff;
  border: none;
  border-radius: 26px;
  box-shadow: 0 4px 20px #5dbbcb22;
  transition: background .21s, box-shadow .21s, transform .12s;
  animation: sendPulse 1.4s infinite alternate;
}
@keyframes sendPulse {
  from {filter: brightness(1);}
  to {filter: brightness(1.16) drop-shadow(0 0 10px #b8fbfb);}
}
.submit-btn.anim-btn:hover, .submit-btn.anim-btn:focus {
  background: linear-gradient(90deg, #7de4de 0%, #81e6e2 100%);
  box-shadow: 0 0 18px #63b4b8bb, 0 2px 12px #7eeeee22;
  color: #205a64;
  transform: scale(1.03);
}
.contact-info-box {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 25px;
}
.contact-info.anim-info {
  background: #e6f7fa;
  border-radius: 13px;
  padding: 18px 18px 13px 18px;
  box-shadow: 0 3px 13px #7ed5de13;
  font-size: 1.16rem;
  color: #227682;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  animation: fadeinUp 1.2s cubic-bezier(.22,.68,.49,.95);
}
.contact-info i {
  color: #21b8d7;
  margin-right: 10px;
  font-size: 1.7rem;
  vertical-align: middle;
}
.contact-info span {
  font-size: 1.17rem;
  font-weight: 800;
  color: #2082b7;
  vertical-align: middle;
}
.contact-info p {
  font-size: 1rem;
  margin-bottom: 0;
  color: #25677e;
}

@media (max-width: 991px) {
  .form-box {padding: 21px 12px;}
  .contact-info-box {margin-top: 21px;}
}
@media (max-width: 800px) {
  .form-box {padding: 13px 2vw;}
  .map-box {margin-bottom: 1.3rem;}
}
@media (max-width: 600px) {
  .contact-section-psy {padding: 14px 0;}
  .contact-title {font-size: 1.19rem;}
  .form-box {padding: 0.7rem;}
  .form-control {font-size: .97rem;}
  .contact-info-box {gap: 11px;}
}


@media (max-width: 700px) {
  .contact-section-psy .container {
    padding-left: 6vw;
    padding-right: 6vw;
    box-sizing: border-box;
  }
  .form-box,
  .contact-info-box {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
}
@media (max-width: 500px) {
  .contact-section-psy .container {
    padding-left: 2vw;
    padding-right: 2vw;
  }
  .form-box,
  .contact-info-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* NUNCA permitas ancho mayor al viewport en móvil */
html, body {
  max-width: 100vw;
  overflow-x: hidden;
}

.contact-section-psy,
.contact-section-psy .container,
.form-box,
.contact-info-box,
.map-box {
  box-sizing: border-box !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

/* Elimina cualquier padding/margin lateral que cause desborde en móvil */
@media (max-width: 700px) {
  .contact-section-psy .container,
  .form-box,
  .contact-info-box,
  .map-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
  }
  .form-control,
  textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }
}

/* Evita que filas se salgan del ancho */
.contact-main-row,
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


body {
  overflow-x: hidden !important;
}



/* TITULOS Y TEXTOS GRANDES EN TODA LA SECCIÓN DE CONTACTO */
/* Escritorio y tablet */
.contact-title.anim-title {
  font-size: 3.1rem;
  font-weight: 900;
  line-height: 1.14;
  letter-spacing: -1.8px;
  margin-bottom: 2.3rem;
}

.form-box label,
.form-box .form-group,
.form-box input,
.form-box textarea,
.form-box .form-control,
.form-box .g-recaptcha,
.form-box .submit-btn,
.contact-info-box,
.contact-info.anim-info,
.contact-info.anim-info span,
.contact-info.anim-info p {
  font-size: 1.5rem;
  font-weight: 600;
}

.form-control::placeholder, .form-box textarea::placeholder {
  font-size: 1.7rem;
  color: #9b9b9b;
}

/* Responsive - texto aún más grande y legible en móvil */
@media (max-width: 700px) {
  .contact-title.anim-title {
    font-size: 2.1rem;
    margin-bottom: 1.5rem;
  }
  .form-box label,
  .form-box .form-group,
  .form-box input,
  .form-box textarea,
  .form-box .form-control,
  .form-box .g-recaptcha,
  .form-box .submit-btn,
  .contact-info-box,
  .contact-info.anim-info,
  .contact-info.anim-info span,
  .contact-info.anim-info p {
    font-size: 1.7rem;
  }
  .form-control::placeholder, .form-box textarea::placeholder {
    font-size: 1.5rem;
  }
}

/* Responsive - texto aún más grande en pantallas muy pequeñas */
@media (max-width: 500px) {
  .contact-title.anim-title {
    font-size: 2.2rem;
    margin-bottom: 1.15rem;
  }
  .form-box label,
  .form-box .form-group,
  .form-box input,
  .form-box textarea,
  .form-box .form-control,
  .form-box .g-recaptcha,
  .form-box .submit-btn,
  .contact-info-box,
  .contact-info.anim-info,
  .contact-info.anim-info span,
  .contact-info.anim-info p {
    font-size: 1.7rem;
  }
  .form-control::placeholder, .form-box textarea::placeholder {
    font-size: 1.5rem;
  }
}



@media (max-width: 700px) {
  /* Márgenes laterales en todo el contenedor */
  .about-area .container {
    padding-left: 8vw;
    padding-right: 8vw;
    box-sizing: border-box;
  }

  /* Títulos de sección centrados y más grandes */
  .about-area .section-tittle p,
  .about-area .section-tittle2 p {
    text-align: center !important;
    font-size: 1.15rem;
    font-weight: 700;
  }
  .about-area .section-tittle h2,
  .about-area .section-tittle2 h2 {
    text-align: center !important;
    font-size: 2.1rem;
    font-weight: 900;
    margin-bottom: 1rem;
  }

  /* Imagen ocupa todo el ancho, centrada */
  .about-area .about-img img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 1.2rem auto;
    border-radius: 12px;
  }

  /* “¿Quiénes Somos?” y texto justificado */
  .about-area .about-somos {
    font-size: 2rem;
    line-height: 1.6;
    text-align: justify;
    margin-bottom: 1.6rem;
  }
  .about-area .about-somos strong {
    display: block;
    text-align: center;
    font-size: 2rem;
    margin-bottom: 0.6rem;
  }

  /* Cards: títulos centrados y párrafos justificados */
  .about-area .cards-flex {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
  }
  .about-area .info-card {
    text-align: center;
    padding: 1.2rem 0.8rem;
  }
  .about-area .info-card h4 {
    font-size: 1.6rem;
    font-weight: 900;
    margin-bottom: 0.8rem;
  }
  .about-area .info-card p {
    font-size: 1rem;
    line-height: 1.5;
    text-align: justify;
  }
}


@media (max-width: 700px) {
  /* Añade márgenes laterales al contenedor para dar aire */
  .about-area .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }

  /* Títulos de sección: centrados y de buen tamaño */
  .about-area .section-tittle p,
  .about-area .section-tittle2 p {
    text-align: center !important;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 0.4rem;
  }
  .about-area .section-tittle h2,
  .about-area .section-tittle2 h2 {
    text-align: center !important;
    font-size: 2.6rem;
    font-weight: 900;
    margin-bottom: 1rem;
    line-height: 1.2;
  }

  /* Imagen adaptada al ancho móvil */
  .about-area .about-img img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1.2rem;
  }

  /* “¿Quiénes Somos?” y párrafo principal */
  .about-area .about-somos {
    font-size: 1.5rem;
    line-height: 1.6;
    text-align: justify;
    margin-bottom: 2.5rem;
  }
  .about-area .about-somos strong {
    display: block;
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 0.6rem;
  }

  /* Cards en columna, con espacio y textos justificados */
  .about-area .cards-flex {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;

  }
  .about-area .info-card {
    padding: 0.8rem 0.4rem;
    box-sizing: border-box;
  }
  .about-area .info-card h4 {
    text-align: center;
    font-size: 3rem;
    font-weight: 900;
    margin-bottom: 0.5rem;
  }
  .about-area .info-card p {
    font-size: 2rem;
    line-height: 1.5;
    text-align: justify;
    margin: 0;
  }
}


@media (max-width: 700px) {
  /* Asegura márgenes laterales y justificación en móvil */
  .about-somos {
    padding: 0 1.9rem;
    box-sizing: border-box;
    text-align: justify;
    font-size: 1rem;
    line-height: 1.6;
  }
  /* Título Siempre centrado y con espacio inferior */
  .about-somos strong {
    display: block;
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 0.6rem;
  }
}

@media (max-width: 700px) {
  /* Asegura márgenes laterales en las cards */
  .cards-flex {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    padding: 5 5rem;
    box-sizing: border-box;
  }
  .cards-flex .info-card {
    background: rgba(255,255,255,0.97);
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  }
  /* Títulos centrados y tamaño legible */
  .cards-flex .info-card h4 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 0.6rem;
  }
  /* Párrafos justificados */
  .cards-flex .info-card p {
    text-align: justify;
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 0;
  }
}


@media (max-width: 700px) {
  .servicios-header {
    text-align: center !important;
    padding: 0 1.5rem;
    box-sizing: border-box;
  }
  .servicios-header p,
  .servicios-header h2,
  .servicios-header span {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .servicios-header p {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.4rem;
  }
  .servicios-header h2 {
    font-size: 2.8rem;
    font-weight: 900;
    margin-bottom: 0.6rem;
    line-height: 1.2;
  }
  .servicios-header span {
    font-size: 1.8rem;
    font-weight: 600;
  }
}


.hero-puzzle {
  /* Amanecer → Día */
  background: linear-gradient(
    to bottom,
    #ff9a9e 0%,      /* rosa amanecer */
    #ffdac1 25%,     /* melocotón suave */
    #c1eafd 75%,     /* azul claro matutino */
    #a1c4fd 100%     /* azul cielo del día */
  );
}


.department-area {
  background: #f4fbff;
  padding: 80px 0;
}
.section-header .subtitle {
  color: #275C75;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.section-header .title {
  color: #275C75;
  font-size: 2.75rem;
  font-weight: 900;
  margin-top: 0.3em;
  position: relative;
}
.section-header .title::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #75dbd7;
  margin: 12px auto 0;
  border-radius: 2px;
  animation: underlineGrow 0.6s ease-out forwards;
}
@keyframes underlineGrow {
  from { width: 0; }
  to { width: 60px; }
}

/* Tabs */
.services-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
  overflow-x: auto;
}
.services-nav .nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 1rem;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  font-weight: 600;
  color: #3c7785;
}
.services-nav .nav-link img {
  width: 150px;
  height: auto;
  transition: transform 0.3s;
}
.services-nav .nav-link span {
  margin-top: 0.5rem;
  font-size: 1.5rem;
}
.services-nav .nav-link:hover,
.services-nav .nav-link.active {
  color: #205a6b;
  border-color: #75dbd7;
}
.services-nav .nav-link:hover img,
.services-nav .nav-link.active img {
  transform: scale(1.1);
}

/* Tab content */
.tab-content .tab-pane {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
}
.tab-content .tab-pane.show {
  opacity: 1;
  transform: translateY(0);
}

/* Dept info */
.dept-info {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
}
.dept-info .text h3 {
  color: #215164;
  font-size: 1.80rem;
  font-weight: 800;
  margin-bottom: 1rem;
}
.dept-info .text p {
  color: #3c525d;
  font-size: 2rem;
  line-height: 1.6;
  text-align: justify;
}
.dept-info .thumb img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(33,117,134,0.15);
  transition: transform 0.4s ease;
}
.dept-info .thumb img:hover {
  transform: scale(1.03);
}

/* Responsive */
@media (max-width: 992px) {
  .dept-info {
    flex-direction: column;
    text-align: center;
  }
  .dept-info .thumb,
  .dept-info .text {
    width: 100%;
  }
}

/* Centrado de todo el contenido en cada servicio */
.dept-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
  text-align: center;
}

/* Caja envolvente para la descripción de cada servicio */
.dept-info .text {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(33, 117, 134, 0.2);
  border-radius: 12px;
  padding: 1.6rem;
  box-shadow: 0 6px 24px rgba(33, 117, 134, 0.1);
  max-width: 480px;
  margin: auto;
}

/* Efecto a las imágenes */
.dept-info .thumb img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(33, 117, 134, 0.15);
  filter: grayscale(30%);
  transition: transform 0.4s ease, filter 0.4s ease, box-shadow 0.4s ease;
}

/* Hover sobre la imagen */
.dept-info .thumb img:hover {
  transform: scale(1.05);
  filter: grayscale(0);
  box-shadow: 0 10px 32px rgba(33, 117, 134, 0.25);
}

/* Asegura centrado y tamaño uniforme en móvil */
@media (max-width: 992px) {
  .dept-info .text,
  .dept-info .thumb {
    width: 100%;
    max-width: none;
  }
  .dept-info {
    flex-direction: column;
  }
}


/* Contenedor general */
.vision-hero {
  background: linear-gradient(120deg, #e0f7fa 0%, #ffffff 100%);
  padding: 80px 0;
  overflow: hidden;
}

/* Grid de tres columnas */
.vision-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}

/* Cada “píxel” del grid */
.vision-item {
  flex: 1 1 0;
  text-align: center;
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 1s ease forwards;
}
.vision-item:nth-child(1) { animation-delay: 0.3s; }
.vision-item:nth-child(2) { animation-delay: 0.6s; }
.vision-item:nth-child(3) { animation-delay: 0.9s; }

/* Imágenes con flotación */
.vision-img {
  max-width: 200px;
  width: 100%;
  height: auto;
  animation: floatY 3s ease-in-out infinite;
}

/* Subtítulo */
.vision-subtitle {
  font-size: 1.8rem;
  font-weight: 700;
  color: #275C75;
  margin-bottom: 0.4em;
}

/* Título con efecto shimmer */
.vision-title {
  font-size: 3rem;
  font-weight: 900;
  background: linear-gradient(
    90deg,
    rgba(39,92,117,0.2) 0%,
    #275C75 50%,
    rgba(39,92,117,0.2) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-size: 200% 100%;
  animation: shimmer 2.5s infinite;
}

/* Keyframes */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes floatY {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-10px); }
}

@keyframes shimmer {
  0%   { background-position: -100% 0; }
  100% { background-position: 100% 0; }
}

/* Responsive */
@media (max-width: 768px) {
  .vision-grid {
    flex-direction: column;
    gap: 40px;
  }
  .vision-img {
    max-width: 160px;
  }
  .vision-subtitle {
    font-size: 1.5rem;
  }
  .vision-title {
    font-size: 2.4rem;
  }
}
@media (max-width: 480px) {
  .vision-hero {
    padding: 50px 0;
  }
  .vision-img {
    max-width: 120px;
  }
  .vision-subtitle {
    font-size: 1.25rem;
  }
  .vision-title {
    font-size: 1.9rem;
  }
}

/* ---------- Layout base con CSS Grid ---------- */
.vision-grid {
  display: grid;
  grid-template-columns: minmax(80px,1fr) minmax(auto,2fr) minmax(80px,1fr);
  align-items: center;
  gap: 30px;
}

/* Ajusta el tamaño máximo de las imágenes para que no empujen el grid */
.vision-img {
  max-width: 100%;
  height: auto;
  width: 100%;
  display: block;
  margin: 0 auto;
  animation: floatY 3s ease-in-out infinite;
}

/* ---------- Responsive más pequeño ---------- */
@media (max-width: 768px) {
  .vision-grid {
    grid-template-columns: 60px 1fr 60px;
    gap: 16px;
  }
  .vision-img {
    max-width: 60px;
  }
  .vision-subtitle {
    font-size: 1.4rem;
  }
  .vision-title {
    font-size: 2.2rem;
  }
}

@media (max-width: 480px) {
  .vision-grid {
    grid-template-columns: 50px 1fr 50px;
    gap: 12px;
  }
  .vision-img {
    max-width: 50px;
  }
  .vision-subtitle {
    font-size: 1.2rem;
  }
  .vision-title {
    font-size: 1.8rem;
  }
}

/* Empuja todo el contenido del grid hacia adentro */
.vision-grid {
  padding: 0 8%;  /* Ajusta este valor para más o menos separación */
}

/* Responsive: reduce el padding en pantallas más pequeñas */
@media (max-width: 768px) {
  .vision-grid {
    padding: 0 6%;
  }
}

@media (max-width: 480px) {
  .vision-grid {
    padding: 0 4%;
  }
}

/* Base */
.skills-benefits {
  padding: 4rem 0;
  background: #fafcff;
}
.container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.section-title {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 900;
  color: #275C75;
  margin-bottom: 2rem;
  position: relative;
}
.section-title::after {
  content: "";
  width: 60px;
  height: 4px;
  background: #75DBD7;
  display: block;
  margin: 0.6rem auto 0;
  border-radius: 2px;
}

/* Grid de cards */
.cards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
.card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 0.8s ease forwards;
}
.card:nth-child(1) { animation-delay: 0.2s; }
.card:nth-child(2) { animation-delay: 0.4s; }
.card:nth-child(3) { animation-delay: 0.6s; }
.card:nth-child(4) { animation-delay: 0.8s; }

/* Imagen de la card */
.card-img {
  overflow: hidden;
}
.card-img img {
  width: 100%;
  display: block;
  transition: transform 0.6s ease;
}
.card:hover .card-img img {
  transform: scale(1.05);
}

/* Cuerpo de la card */
.card-body {
  padding: 1.6rem;
}
.card-body h3 {
  font-size: 1.6rem;
  color: #20506B;
  margin-bottom: 0.4rem;
}
.card-body p {
  font-size: 1rem;
  color: #276782;
  margin-bottom: 0.8rem;
}
.benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.benefits-list li {
  font-size: 0.95rem;
  color: #295559;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 1.2rem;
}
.benefits-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #75DBD7;
}

/* Animaciones */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 992px) {
  .cards-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}
@media (max-width: 576px) {
  .cards-grid {
    grid-template-columns: 1fr;
  }
  .section-title {
    font-size: 2.2rem;
  }
  .card-body h3 {
    font-size: 1.4rem;
  }
}


/* ====== Textos y títulos más grandes ====== */

/* Sección general */
.section-title {
  font-size: 3.5rem !important;  /* antes 2.8rem */
  margin-bottom: 2.5rem;
}
@media (max-width: 576px) {
  .section-title {
    font-size: 2.6rem !important;
  }
}

/* Títulos de cada card */
.card-body h3 {
  font-size: 2rem !important;    /* antes 1.6rem */
  transition: color 0.3s ease, transform 0.3s ease, text-shadow 0.3s ease;
}
.card-body h3:hover {
  color: #75DBD7;
  transform: scale(1.05);
  text-shadow: 0 2px 8px rgba(117,219,215,0.6);
}

/* Párrafos y lista */
.card-body p {
  font-size: 1.6rem !important;  /* antes 1rem */
}
.benefits-list li {
  font-size: 1.5rem !important; /* antes .95rem */
}

/* Responsive ajustes */
@media (max-width: 992px) {
  .card-body h3 {
    font-size: 1.8rem !important;
  }
  .card-body p {
    font-size: 1.6rem !important;
  }
  .benefits-list li {
    font-size: 1.5rem !important;
  }
}
@media (max-width: 576px) {
  .card-body h3 {
    font-size: 1.8rem !important;
  }
  .card-body p {
    font-size: 1.6rem !important;
  }
  .benefits-list li {
    font-size: 1.5rem !important;
  }
}



/* ===== Ocular Section ===== */
.ocular-section {
  padding: 80px 0;
  background: linear-gradient(120deg, #f0fcfe 0%, #e2f7fa 100%);
  overflow: hidden;
}
.ocular-section .container {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}

/* Header */
.ocular-section .section-header {
  text-align: center;
  margin-bottom: 40px;
  opacity: 0;
  animation: fadeInUp 1s ease forwards;
}
.ocular-section .section-header span {
  display: block;
  font-size: 2.5rem;
  color: #4ba5b1;
  margin-bottom: 8px;
}
.ocular-section .section-header h2 {
  font-size: 2.8rem;
  color: #275C75;
  font-weight: 900;
  position: relative;
}
.ocular-section .section-header h2:hover {
  color: #75DBD7;
  cursor: default;
  text-shadow: 0 2px 8px rgba(117,219,215,0.6);
  transition: color .3s, text-shadow .3s;
}

/* Content */
.ocular-section .content-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}
.ocular-section .text-col {
  flex: 1 1 400px;
  opacity: 0;
  animation: fadeInLeft 1s ease forwards;
}
.ocular-section .text-col p {
  font-size: 1.5rem;
  line-height: 1.7;
  color: #345b66;
  text-align: justify;
  margin-bottom: 1.2em;
}
.ocular-section .image-col {
  flex: 1 1 300px;
  text-align: center;
  opacity: 0;
  animation: fadeInRight 1s ease forwards;
}
.ocular-section .image-col img {
  max-width: 100%;
  width: 320px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  transition: transform .4s, box-shadow .4s;
}
.ocular-section .image-col img:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 36px rgba(0,0,0,0.12);
}

/* ===== Animations ===== */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInLeft {
  from { opacity: 0; transform: translateX(-40px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInRight {
  from { opacity: 0; transform: translateX(40px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .ocular-section .content-wrap {
    flex-direction: column-reverse;
    gap: 24px;
  }
  .ocular-section .image-col img {
    width: 240px;
  }
}
@media (max-width: 480px) {
  .ocular-section .section-header h2 {
    font-size: 2.2rem;
  }
  .ocular-section .text-col p {
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }
  .ocular-section .image-col img {
    width: 200px;
  }
}

/* ===== Container ===== */
.requirements-section {
  padding: 60px 0;
  background: #f4fbff;
}
.requirements-section .container {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

/* ===== Grid ===== */
.req-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  align-items: stretch;
}

/* ===== Card ===== */
.req-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  transition: transform .3s ease, box-shadow .3s ease;
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp .8s ease forwards;
}
.req-card:nth-child(1) { animation-delay: .2s; }
.req-card:nth-child(2) { animation-delay: .4s; }

/* Hover */
.req-card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 8px 28px rgba(0,0,0,0.12);
}

/* Imagen */
.req-img {
  overflow: hidden;
}
.req-img img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform .5s ease;
}
.req-card:hover .req-img img {
  transform: scale(1.05);
}

/* Body */
.req-body {
  padding: 1.4rem 1.2rem;
}
.req-body h3 {
  font-size: 2.5rem;
  color: #275C75;
  margin-bottom: .8rem;
  position: relative;
  transition: color .3s ease;
}
.req-body h3::after {
  content: "";
  width: 40px;
  height: 3px;
  background: #75DBD7;
  display: block;
  margin-top: .4rem;
  border-radius: 2px;
}
.req-card:hover .req-body h3 {
  color: #75DBD7;
}

/* List */
.req-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.req-body ul li {
  font-size: 1.5rem;
  line-height: 1.6;
  color: #345B66;
  margin-bottom: .6rem;
  position: relative;
  padding-left: 1.4rem;
}
.req-body ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: .2rem;
  color: #75DBD7;
}

/* ===== Animations ===== */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Responsive ===== */
@media (max-width: 576px) {
  .req-body h3 {
    font-size: 2.3rem;
  }
  .req-body ul li {
    font-size: 1.5rem;
  }
}


/* ===== VEO Instructor Section ===== */
.veo-instructor-section {
  padding: 60px 0;
  background: linear-gradient(120deg, #f0fcfe 0%, #e2f7fa 100%);
  overflow: hidden;
}
.veo-instructor-section .container {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}

/* Header */
.veo-instructor-section .section-header {
  text-align: center;
  margin-bottom: 40px;
  animation: fadeInUp 1s ease forwards;
}
.veo-instructor-section .section-header span {
  font-size: 2.4rem;
  font-weight: 700;
  color: #275C75;
  position: relative;
}
.veo-instructor-section .section-header span::after {
  content: "";
  width: 80px;
  height: 4px;
  background: #75DBD7;
  display: block;
  margin: 8px auto 0;
  border-radius: 2px;
}

/* Grid de cards */
.cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
}
.card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp .8s ease forwards;
}
.card:nth-child(1) { animation-delay: .2s; }
.card:nth-child(2) { animation-delay: .4s; }
.card:nth-child(3) { animation-delay: .6s; }

/* Hover */
.card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12);
}

/* Imagen */
.card-img {
  overflow: hidden;
}
.card-img img {
  width: 100%;
  display: block;
  transition: transform .5s ease;
}
.card:hover .card-img img {
  transform: scale(1.05);
}

/* Cuerpo */
.card-body {
  padding: 1.6rem;
}
.card-body h3 {
  font-size: 1.8rem;
  color: #20506B;
  margin-bottom: .8rem;
  transition: color .3s ease, text-shadow .3s ease;
}
.card-body h3:hover {
  color: #75DBD7;
  text-shadow: 0 2px 8px rgba(117,219,215,0.6);
}

/* Lista de beneficios */
.benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.benefits-list li {
  font-size: 1rem;
  line-height: 1.6;
  color: #345B66;
  margin-bottom: .6rem;
  position: relative;
  padding-left: 1.4rem;
}
.benefits-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: .2rem;
  color: #75DBD7;
}

/* Animaciones */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .veo-instructor-section .section-header span {
    font-size: 2.2rem;
  }
  .card-body h3 {
    font-size: 1.6rem;
  }
  .benefits-list li {
    font-size: .95rem;
  }
}
@media (max-width: 576px) {
  .veo-instructor-section {
    padding: 40px 0;
  }
  .veo-instructor-section .section-header span {
    font-size: 2rem;
  }
  .card-body h3 {
    font-size: 1.4rem;
  }
  .benefits-list li {
    font-size: .9rem;
  }
}


/* Hero5: video de fondo */
.hero5 {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 400px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Video ajustado al contenedor */
.hero5__video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
}

/* Capa semi-transparente para contraste */
.hero5__overlay {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 0 1rem;
  color: #fff;
  /* ligera sombra para el texto */
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}

/* Título */
.hero5__title {
  font-size: 6rem;
  font-weight: 900;
  margin: 0;
  animation: float 3s ease-in-out infinite;
  background: linear-gradient(90deg, rgba(255,255,255,0.8), rgba(255,255,255,0.4));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  animation: shimmer 2.5s infinite;
}

/* Efecto shimmer */
@keyframes shimmer {
  0%   { background-position: -100% 0; }
  100% { background-position: 100% 0; }
}
/* Movimiento sutil */
@keyframes float {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-8px); }
}

/* Responsive */
@media (max-width: 768px) {
  .hero5__title { font-size: 3.2rem; }
}
@media (max-width: 480px) {
  .hero5__title { font-size: 3.6rem; }
}


/* ===== Base & Container ===== */
.access-bars {
  padding: 60px 0;
  background: #eef9f7;
}
.access-bars .container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}

/* ===== Fade-In Animation ===== */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.8s ease forwards;
}
.fade-in:nth-child(1) { animation-delay: .2s; }
.fade-in:nth-child(2) { animation-delay: .4s; }
.fade-in:nth-child(3) { animation-delay: .6s; }
.fade-in:nth-child(4) { animation-delay: .8s; }
@keyframes fadeInUp {
  to { opacity: 1; transform: translateY(0); }
}

/* ===== Section Header ===== */
.section-header h3 {
  font-size: 2.4rem;
  font-weight: 900;
  text-align: center;
  color: #275C75;
  margin-bottom: 1rem;
  position: relative;
}
.section-header h3::after {
  content: "";
  width: 60px;
  height: 4px;
  background: #75DBD7;
  display: block;
  margin: 8px auto 0;
  border-radius: 2px;
}

/* ===== Access Content ===== */
.access-content {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  margin-top: 40px;
}
.image-wrapper {
  flex: 1;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  transition: transform .3s ease, box-shadow .3s ease;
}
.image-wrapper img {
  width: 100%;
  display: block;
}
.image-wrapper:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
}
.text-wrapper {
  flex: 2;
}
.text-wrapper p {
  font-size: 1rem;
  line-height: 1.7;
  color: #345B66;
  text-align: justify;
  margin-bottom: 1rem;
}

/* ===== Benefits ===== */
.benefits {
  text-align: center;
  margin-top: 40px;
}
.benefits h4 {
  font-size: 1.8rem;
  font-weight: 800;
  color: #20506B;
  margin-bottom: 20px;
}
.benefits-list {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(140px,1fr));
  gap: 12px;
}
.benefits-list li {
  background: #fff;
  padding: 12px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  font-size: 0.95rem;
  color: #275C75;
  transition: transform .3s ease, box-shadow .3s ease;
}
.benefits-list li:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

/* ===== Description ===== */
.description {
  margin-top: 40px;
}
.description p {
  font-size: 1rem;
  line-height: 1.7;
  color: #345B66;
  text-align: justify;
}

/* ===== Responsive ===== */
@media (max-width: 992px) {
  .access-content {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .access-content {
    flex-direction: column;
  }
  .image-wrapper, .text-wrapper {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .section-header h3 {
    font-size: 2.5rem;
  }
  .benefits-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 400px) {
  .benefits-list {
    grid-template-columns: 1fr;
  }
}

/* ===== Ajustes de centrado y texto ===== */

/* Centrar horizontalmente imagen y texto */
.access-content {
  display: flex;
  justify-content: center; /* centra ambos bloques */
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

/* Limitar ancho y centrar cada columna */
.image-wrapper,
.text-wrapper {
  flex: 1 1 300px;
  max-width: 450px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Aumentar tamaño de fuente y justificar texto */
.text-wrapper p,
.description p {
  font-size: 1.75rem;    /* ligeramente más grande */
  line-height: 1.8;
  text-align: justify;   /* justificado */
  color: #345B66;
  margin-bottom: 1.4rem;
}

/* Responsive: ajustar en pantallas pequeñas */
@media (max-width: 768px) {
  .access-content {
    flex-direction: column;
    gap: 24px;
  }
  .image-wrapper,
  .text-wrapper {
    max-width: 100%;
    padding: 0 1rem;
  }
  .text-wrapper p,
  .description p {
    font-size: 1.75rem;
    line-height: 1.7;
  }
}
@media (max-width: 576px) {
  .text-wrapper p,
  .description p {
    font-size: 1.75rem;
    line-height: 1.6;
  }
}


/* ===== Beneficios con colores fuertes y efecto liberación de energía ===== */

/* Colores intensos por ítem */
.benefits-list li:nth-child(1) { background: #FF5252; }  /* rojo vivo */
.benefits-list li:nth-child(2) { background: #66BB6A; }  /* verde intenso */
.benefits-list li:nth-child(3) { background: #42A5F5; }  /* azul brillante */
.benefits-list li:nth-child(4) { background: #FFB300; }  /* ámbar vivo */
.benefits-list li:nth-child(5) { background: #AB47BC; }  /* morado intenso */
.benefits-list li:nth-child(6) { background: #FFEE58; }  /* amarillo vibrante */
.benefits-list li:nth-child(7) { background: #26C6DA; }  /* cian fuerte */

.benefits-list li {
  position: relative;
  overflow: hidden;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: transform .3s ease, box-shadow .3s ease;
  cursor: pointer;
}

/* Escala y glow al hover */
.benefits-list li:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(255,255,255,0.8), 0 0 40px rgba(255,255,255,0.5);
}

/* Pseudo-elemento pulso de energía */
.benefits-list li::after {
  content: "";
  position: absolute;
  top: var(--mouse-y, 50%);
  left: var(--mouse-x, 50%);
  width: 0;
  height: 0;
  background: rgba(255,255,255,0.6);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

/* Al hacer hover: animación de pulso */
.benefits-list li:hover::after {
  animation: pulse 0.8s ease-out forwards;
}

@keyframes pulse {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    width: 300%;
    height: 300%;
    opacity: 0;
  }
}

/* ===== JavaScript para sonido y seguimiento del cursor ===== */


/* ===== Results Section ===== */
.results-section {
  padding: 80px 0;
  background: linear-gradient(120deg, #f4f8f9 0%, #e2f3f5 100%);
}
.results-section .container {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

/* Grid de dos columnas */
.results-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px,1fr));
  gap: 2.5rem;
  align-items: stretch;
}

/* Card base */
.result-card {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
  display: flex;
  flex-direction: column;
}
.result-card:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 12px 32px rgba(0,0,0,0.12);
}

/* Imagen */
.result-img {
  overflow: hidden;
}
.result-img img {
  width: 100%;
  display: block;
  transition: transform .4s ease;
}
.result-card:hover .result-img img {
  transform: scale(1.05);
}

/* Contenido */
.result-content {
  padding: 1.8rem;
}
.result-content h3 {
  font-size: 2.2rem;
  font-weight: 900;
  color: #275C75;
  margin-bottom: 1rem;
  position: relative;
  transition: color .3s ease, text-shadow .3s ease;
}
.result-content h3::after {
  content: "";
  width: 50px;
  height: 4px;
  background: #75DBD7;
  display: block;
  margin-top: 6px;
  border-radius: 2px;
}
.result-card:hover .result-content h3 {
  color: #75DBD7;
  text-shadow: 0 2px 8px rgba(117,219,215,0.6);
}

.result-content p {
  font-size: 1.5rem;
  line-height: 1.7;
  color: #345B66;
  text-align: justify;
}

/* Fade-in animation */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-in-up {
  opacity: 0;
  animation: fadeInUp 0.8s ease forwards;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .results-section {
    padding: 60px 0;
  }
  .result-content h3 {
    font-size: 2.0rem;
  }
  .result-content p {
    font-size: 1.5rem;
  }
}
@media (max-width: 480px) {
  .results-section {
    padding: 40px 0;
  }
  .result-content h3 {
    font-size: 2rem;
  }
  .result-content p {
    font-size: 1.5rem;
  }
}

/* ===== Imagen adicional bajo el grid ===== */
.results-extra {
  margin-top: 2.5rem;
  text-align: center;
}
.results-extra img {
  max-width: 60%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  transition: transform .3s ease, box-shadow .3s ease;
}
.results-extra img:hover {
  transform: scale(1.04);
  box-shadow: 0 12px 36px rgba(0,0,0,0.12);
}

/* Ajustes responsive */
@media (max-width: 768px) {
  .results-extra img {
    max-width: 80%;
  }
}
@media (max-width: 480px) {
  .results-extra img {
    max-width: 100%;
  }
}

* Solo asegúrate de que .results-grid permita 3 cards */
/* El CSS anterior ya define un grid responsive; no es necesario cambiarlo */
/* Si quisieras ajustar delays: */
.result-card:nth-child(1) { animation-delay: 0.0s; }
.result-card:nth-child(2) { animation-delay: 0.2s; }
.result-card:nth-child(3) { animation-delay: 0.4s; }



/* ===== Hero7 ===== */
.hero7 {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 480px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Video de fondo responsivo */
.hero7__video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
}

/* Overlay semitransparente */
.hero7__overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(39, 92, 117, 0.6);
  z-index: 2;
}

/* Contenido encima */
.hero7__content {
  position: relative;
  z-index: 3;
  text-align: center;
  color: #ffffff;
  padding: 0 1rem;
  max-width: 800px;
  animation: fadeInUp 1.2s ease-out forwards;
  opacity: 0;
}

/* Título */
.hero7__title {
  font-size: 3rem;
  font-weight: 900;
  margin-bottom: 0.6rem;
  animation: shimmer 2.5s infinite;
  background: linear-gradient(90deg, #ffffff 20%, #75DBD7 50%, #ffffff 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

/* Subtítulo */
.hero7__subtitle {
  font-size: 1.3rem;
  margin-bottom: 1.8rem;
  animation: floatY 3s ease-in-out infinite;
}

/* Botón */
.hero7__btn {
  display: inline-block;
  padding: 0.8rem 2rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: #275C75;
  background: #ffffff;
  border-radius: 30px;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
  transition: background 0.3s, transform 0.3s;
}
.hero7__btn:hover {
  background: #75DBD7;
  color: #ffffff;
  transform: scale(1.05);
}

/* Animations */
@keyframes fadeInUp {
  to { opacity: 1; transform: translateY(0); }
  from { opacity: 0; transform: translateY(20px); }
}
@keyframes shimmer {
  0%,100% { background-position: -100% 0; }
  50%     { background-position: 100% 0; }
}
@keyframes floatY {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-6px); }
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .hero7__title { font-size: 2.2rem; }
  .hero7__subtitle { font-size: 1.1rem; }
  .hero7__btn { font-size: 2rem; padding: 0.6rem 1.8rem; }
}
@media (max-width: 480px) {
  .hero7__title { font-size: 1.6rem; }
  .hero7__subtitle { font-size: 0.9rem; }
  .hero7__btn { font-size: 0.9rem; padding: 0.5rem 1.5rem; }
}


/* ===== Healy Section ===== */
.healy-section {
  padding: 80px 0;
  background: #f0fcfb;
  overflow: hidden;
}
.container {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}

/* ===== Fade-in Animations ===== */
@keyframes fadeInUp { from {opacity:0;transform:translateY(30px);} to {opacity:1;transform:none;} }
@keyframes fadeInLeft { from {opacity:0;transform:translateX(-40px);} to {opacity:1;transform:none;} }
@keyframes fadeInRight{ from {opacity:0;transform:translateX(40px);}  to {opacity:1;transform:none;} }
.fade-in-up  { animation: fadeInUp 0.8s ease forwards; }
.fade-in-left{ animation: fadeInLeft 0.8s ease forwards; }
.fade-in-right{animation: fadeInRight 0.8s ease forwards; }
/* introduce slight delays */
.healy-header  { animation-delay: 0.2s; }
.healy-img     { animation-delay: 0.4s; }
.healy-text    { animation-delay: 0.6s; }

/* ===== Header ===== */
.healy-header h3 {
  font-size: 2.6rem;
  font-weight: 900;
  color: #275C75;
  text-align: center;
  margin-bottom: 1.5rem;
  position: relative;
  transition: color .3s, text-shadow .3s;
}
.healy-header h3:hover {
  color: #75DBD7;
  text-shadow: 0 2px 8px rgba(117,219,215,0.6);
}

/* ===== Layout ===== */
.healy-content {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
}
.healy-img, .healy-text {
  box-sizing: border-box;
}
.healy-img {
  flex: 1 1 300px;
  text-align: center;
}
.healy-img img {
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  transition: transform .4s, box-shadow .4s;
}
.healy-img img:hover {
  transform: scale(1.03);
  box-shadow: 0 12px 36px rgba(0,0,0,0.12);
}

.healy-text {
  flex: 2 1 400px;
}
.healy-text p {
  font-size: 1.8rem;
  line-height: 1.7;
  color: #345B66;
  text-align: justify;
  margin-bottom: 1.2rem;
}

/* ===== Benefits Grid ===== */
.benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 1rem;
  margin: 1rem 0 2rem;
  list-style: none;
  padding: 0;
}
.benefit-item {
  background: #ffffff;
  padding: 0.8rem;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  font-size: 1rem;
  color: #20506B;
  transition: transform .3s, box-shadow .3s;
}
.benefit-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(0,0,0,0.12);
}

/* ===== Targets Badges ===== */
.healy-targets {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: 1.5rem 0;
}
.healy-targets span {
  background: #75DBD7;
  color: #fff;
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
  font-size: 0.95rem;
  transition: background .3s, transform .3s;
}
.healy-targets span:hover {
  background: #4ba5b1;
  transform: translateY(-2px);
}

/* ===== Responsive ===== */
@media (max-width: 992px) {
  .healy-content { gap: 24px; }
}
@media (max-width: 768px) {
  .healy-content { flex-direction: column; }
  .healy-img, .healy-text { max-width: 100%; }
  .healy-header h3 { font-size: 2.2rem; }
}
@media (max-width: 480px) {
  .healy-header h3 { font-size: 1.8rem; }
  .healy-text p { font-size: 1rem; }
  .benefit-item { font-size: 0.95rem; }
  .healy-targets span { font-size: 0.85rem; }
}

/* Aumentar el tamaño de las casillas en benefits-grid */
.benefits-grid {
  /* Incrementa el ancho mínimo de cada ítem para que sean más grandes */
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.5rem; /* Espacio un poco mayor entre ítems */
}

/* Aumentar padding y fuente en cada ítem */
.benefit-item {
  font-size: 1.1rem;      /* Texto un poco más grande */
  padding: 1.2rem 1rem;   /* Más espacio interno */
}

/* Ajustes responsive */
@media (max-width: 768px) {
  .benefits-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.2rem;
  }
  .benefit-item {
    font-size: 1rem;
    padding: 1rem 0.8rem;
  }
}
@media (max-width: 480px) {
  .benefits-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .benefit-item {
    font-size: 1.95rem;
    padding: 0.8rem 0.6rem;
  }
}


/* ===== Galería Healy ===== */
.gallery-section {
  padding: 60px 0;
  background: #f0fcfb;
}
.gallery-title {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 900;
  color: #275C75;
  margin-bottom: 40px;
  position: relative;
}
.gallery-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: #75DBD7;
  margin: 12px auto 0;
  border-radius: 2px;
}

.container {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}

/* Grid responsive */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}

/* Cada ítem */
.gallery-item {
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  transform: translateY(30px);
  opacity: 0;
  animation: fadeInUp 0.8s ease forwards;
  animation-delay: var(--delay);
}
.gallery-item img {
  width: 100%;
  display: block;
  transition: transform 0.5s ease, filter 0.5s ease;
}

/* Hover: zoom y brillo */
.gallery-item:hover img {
  transform: scale(1.05);
  filter: brightness(1.1);
}
.gallery-item:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
}

/* Animación de entrada */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Responsive ajustes ===== */
@media (max-width: 768px) {
  .gallery-title {
    font-size: 2.2rem;
  }
  .gallery-grid {
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .gallery-title {
    font-size: 1.8rem;
  }
  .gallery-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}


/* ===== Banner de Cookies ===== */
.cookie-banner {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  background: rgba(39, 92, 117, 0.95);
  color: #fff;
  font-size: 1rem;
  z-index: 1000;
  display: flex;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
  animation: slideIn 0.6s ease forwards;
}

.cookie-banner.hide {
  animation: slideOut 0.6s ease forwards;
}

.cookie-content {
  max-width: 960px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

.cookie-content p {
  flex: 1 1 200px;
  margin: 0;
  line-height: 1.4;
  color: #fff;
}

.cookie-content p a {
  color: #fff;
  text-decoration: underline;
  transition: color 0.3s;
}
.cookie-content p a:hover {
  color: #fff;
}

.cookie-btn {
  background: #75DBD7;
  color: #205a6b;
  border: none;
  padding: 0.6rem 1.2rem;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 24px;
  cursor: pointer;
  transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
}
.cookie-btn:hover {
  background: #4ba5b1;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Animaciones */
@keyframes slideIn {
  from { bottom: -100%; }
  to   { bottom: 0; }
}
@keyframes slideOut {
  from { bottom: 0; }
  to   { bottom: -100%; }
}

/* Responsive */
@media (max-width: 600px) {
  .cookie-content {
    flex-direction: column;
    text-align: center;
  }
  .cookie-btn {
    width: 100%;
    max-width: 200px;
  }
}


/* ===== Botones de acción en Política de Cookies ===== */
.policy-actions {
  text-align: center;
  margin: 2rem 0 1rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
  opacity: 0;
  animation: fadeInUp 0.8s ease forwards;
  animation-delay: 0.2s;
}
.policy-btn {
  padding: 0.8rem 2rem;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  transition: background 0.3s, color 0.3s, transform 0.2s;
}
.policy-btn.accept {
  background: #75DBD7;
  color: #20506B;
}
.policy-btn.exit {
  background: transparent;
  color: #275C75;
  border: 2px solid #275C75;
}
.policy-btn.accept:hover {
  background: #4ba5b1;
  transform: translateY(-2px);
}
.policy-btn.exit:hover {
  background: #275C75;
  color: #fff;
  transform: translateY(-2px);
}