/* Manrope se carga desde el (Layout.astro) */ :root{ --font-default: "Manrope", sans-serif; --font-heading: "Manrope", sans-serif; --fontawesome: "Font Awesome 5 Pro"; --black: #000000; --dark: #002866; --dark-secondary: #002155; --dark-optional: #002866; --white: #ffffff; --white-secondary: #bed6dc; --white-secondary: #d8e3f0; --color-primary: #E13833; --color-secondary: #214BE0; --color-style-two: #fa4a4a; --color-style-three: #00e3ff; --color-heading: #0E313A; --color-paragraph: #666666; --box-shadow-primary: -1px 3px 10px 0 rgba(0, 0, 0, 0.6); --box-shadow-secondary: 0 10px 30px 0 rgba(44, 130, 237, 0.4); --box-shadow-regular: 0px 2px 12px 0px #e7e7e7; --bg-gray: #EFEFEF; --bg-gray-secondary: #e9edfc; --bg-gradient: linear-gradient(135deg, #E13833, #C62D28, #FF6B35); --bg-gradient-secondary: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-style-three) 100%); --bg-gradient-minimal: linear-gradient(180deg, #f9e4e4 40%, #fffbfa 60%); } *{ -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } body,html{ height: 100%; } html{ margin: 0; padding: 0; width: 100%; height: 100%; scroll-behavior: smooth; } html,body,div,span,img,ol,ul,li,a,p,h1,h2,h3,h4,h5,h6,option,legend,label,table,th,td,tr,article,aside,caption,figure,footer,header,hgroup,mark,nav,section,time,audio,video{ margin: 0; padding: 0; border: 0; outline: 0; } .wrapper{ height: 100%; } img{ border: none; outline: none; max-width: 100%; } label{ display: inline-block; font-weight: normal; margin-bottom: 5px; max-width: 100%; } a{ outline: none; text-decoration: none; color: var(--color-heading); } a img{ border: none; } a:active{ outline: none; text-decoration: none; color: var(--color-heading); opacity: 1; } a:focus{ outline: none; text-decoration: none; color: var(--color-heading); } a:hover{ outline: none; text-decoration: none; color: var(--color-primary); opacity: 1; } button{ outline: medium none; } iframe{ border: none; } hr{ margin-top: 0; margin-bottom: 0; border: 0; border-top: 1px solid #eeeeee; } pre{ display: block; margin: 0 0 30px; padding: 9.5px; word-wrap: break-word; word-break: break-all; color: #333333; border: 1px solid #ededed; border-radius: inherit; background-color: #f9f9f9; font-size: 13px; line-height: 1.42857143; } input{ border: 1px solid #e7e7e7; border-radius: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; min-height: 50px; } input:focus{ outline: none; -webkit-box-shadow: inherit; box-shadow: inherit; } textarea:focus{ outline: none; -webkit-box-shadow: inherit; box-shadow: inherit; } select:focus{ outline: none; -webkit-box-shadow: inherit; box-shadow: inherit; } ul{ list-style-type: none; } ul,li{ margin: 0; padding: 0; list-style: none; } b{ font-weight: 800; } strong{ font-weight: 800; } .row{ --bs-gutter-x: 30px; } i::before{ line-height: inherit !important; } body{ font-family: var(--font-default); font-size: 16px; font-weight: 500; line-height: 1.8; overflow-x: hidden; background-color: var(--white); color: var(--color-paragraph); } h1,h2,h3,h4,h5,h6{ color: var(--color-heading); font-weight: normal; line-height: 1.2; font-family: var(--font-heading); letter-spacing: 0; margin: 0; margin-bottom: 15px; font-weight: 800; } h1{ font-size: 40px; margin-bottom: 25px; } h2{ font-size: 36px; margin-bottom: 25px; } h3{ font-size: 28px; margin-bottom: 25px; } h4{ font-size: 22px; } h5{ font-size: 18px; } h6{ font-size: 14px; } a,button{ -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; outline: medium none; text-decoration: none; font-weight: 800; line-height: 26px; } p{ color: var(--color-paragraph); margin: 0 0 25px; text-transform: none; font-weight: 500; font-family: var(--font-default); } @media only screen and (max-width: 767px){.row{ --bs-gutter-x: 1.5rem; }} .bg-cover{ background-position: center center !important; background-size: cover !important; } .bg-gray{ background-color: var(--bg-gray); } .bg-dark{ background-color: var(--dark) !important; } .bg-dark-secondary{ background-color: var(--dark-secondary) !important; } .bg-theme-secondary{ background: var(--color-secondary); } .text-light{ color: var(--white); } .text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6,.text-light p,.text-light span,.text-light a{ color: var(--white); } .bg-dark p{ color: var(--white-secondary); } .shadow{ -webkit-box-shadow: inherit !important; box-shadow: inherit !important; } .shadow.dark{ position: relative; z-index: 1; } .shadow.dark:after{ background: var(--black); content: ""; height: 100%; left: 0; opacity: 0.35; position: absolute; top: 0; width: 100%; z-index: -1; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .default-padding{ position: relative; } .default-padding{ padding-top: 120px; padding-bottom: 120px; } @media only screen and (max-width: 767px){.default-padding{ padding-top: 70px; padding-bottom: 70px; }} @media only screen and (min-width: 1200px){.align-center{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; }} .relative{ position: relative; } .site-heading{ margin-bottom: 60px; position: relative; z-index: 1; } .title{ font-weight: 800 !important; font-size: 55px !important; } .bg-dark .title{ color: var(--white); } @media (max-width: 767px){.title{ font-size: 36px !important; margin-top: 0; }} .site-heading .title{ margin-bottom: 0; } .sub-title{ text-transform: uppercase; color: var(--color-heading); font-weight: 700; display: inline-block; position: relative; z-index: 1; border: 1px solid #b3b1b1; padding: 7px 15px; font-size: 20px; border-radius: 4px; } .bg-dark .sub-title{ border-color: rgba(255, 255, 255, 0.4); color: var(--white); } .site-heading p{ margin-bottom: 0; margin-top: 25px; padding: 0 10%; } @media (max-width: 767px){.site-heading p{ padding: 0; }} @media only screen and (max-width: 767px){.site-heading{ margin-bottom: 40px; }} @-webkit-keyframes pulse-border{ 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes pulse-border{ 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @-webkit-keyframes video-play{ 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes video-play{ 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @-webkit-keyframes zoom{ from { -webkit-transform: scale(1, 1); } to { -webkit-transform: scale(1.2, 1.2); } } @keyframes zoom{ from { -webkit-transform: scale(1, 1); transform: scale(1, 1); } to { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } } @-webkit-keyframes spinner{ to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes spinner{ to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @-webkit-keyframes spinnerReverse{ to { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } } @keyframes spinnerReverse{ to { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } } @keyframes UpDown{ 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-25px); transform: translateY(-25px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes UpDown{ 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-25px); transform: translateY(-25px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes fadeLeftRight{ 0%, 100% { -webkit-transform: translateX(100px); transform: translateX(100px); } 50% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes fadeLeftRight{ 0%, 100% { -webkit-transform: translateX(100px); transform: translateX(100px); } 50% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes fadeRightLeft{ 0%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-50px); transform: translateX(-50px); } } @-webkit-keyframes fadeRightLeft{ 0%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-50px); transform: translateX(-50px); } } @keyframes zoomUpDown{ 0%, 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } 50% { -webkit-transform: scale(0.7); transform: scale(0.7); } } @-webkit-keyframes zoomUpDown{ 0%, 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @-webkit-keyframes moving{ 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 20% { -webkit-transform: translate(0px, -30px); transform: translate(0px, -30px); } 50% { -webkit-transform: translate(-100px, -30px); transform: translate(-100px, -30px); } 70% { -webkit-transform: translate(-100px, 0px); transform: translate(-100px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes moving{ 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 20% { -webkit-transform: translate(0px, -30px); transform: translate(0px, -30px); } 50% { -webkit-transform: translate(-100px, -30px); transform: translate(-100px, -30px); } 70% { -webkit-transform: translate(-100px, 0px); transform: translate(-100px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes infinite-rotate{ 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes infinite-rotate{ 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes open{ 0% { width: 0; height: 0; } 50% { width: 100px; height: 0; } 100% { width: 100px; height: 55px; } } @keyframes open{ 0% { width: 0; height: 0; } 50% { width: 100px; height: 0; } 100% { width: 100px; height: 55px; } } @-webkit-keyframes openB{ 0% { width: 0px; } 100% { width: 100px; } } @keyframes openB{ 0% { width: 0px; } 100% { width: 100px; } } @-webkit-keyframes shine{ 0% { margin-right: 0; } 100% { margin-right: -100px; } } @keyframes shine{ 0% { margin-right: 0; } 100% { margin-right: -100px; } } @-webkit-keyframes infiniteMove{ 0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } 50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; } 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } } @keyframes infiniteMove{ 0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } 50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; } 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } } @-webkit-keyframes infiniteMove2{ 0% { border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%; } 50% { border-radius: 50% 60% 30% 60% / 30% 60% 70% 40%; } 100% { border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%; } } @keyframes infiniteMove2{ 0% { border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%; } 50% { border-radius: 50% 60% 30% 60% / 30% 60% 70% 40%; } 100% { border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%; } } .split-text{ overflow: hidden; position: relative; } .split-text .line{ overflow: hidden; display: none; padding-bottom: 2px; } .btn-style-one{ display: inline-block; background: var(--color-primary); padding: 13px 40px; text-transform: uppercase; font-size: 15px; font-weight: 600; border-radius: 5px; color: var(--white); position: relative; z-index: 1; overflow: hidden; box-shadow: none !important; border: none; } .btn-style-one::before{ position: absolute; left: 25px; top: 50%; content: ""; height: 5px; width: 5px; background: var(--white); transform: translateY(-50%); border-radius: 50%; transition: all 0.35s ease-in-out; } .btn-style-one span{ position: absolute; right: 25px; top: 50%; content: ""; height: 5px; width: 5px; background: var(--white); transform: translateY(-50%); border-radius: 50%; transition: all 0.35s ease-in-out; } .btn-style-one.dark{ background: var(--dark); } .btn-style-one.border-light{ background: transparent; color: var(--white); border: 2px solid var(--white); } .btn-style-one.circle{ border-radius: 30px; } .btn-style-one::after{ position: absolute; top: inherit; right: inherit; bottom: inherit; left: -5%; content: ""; height: 150px; width: 115%; z-index: -1; background-color: var(--dark); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translateY(-45%) skew(25deg) scale(0); transform: translateY(-45%) skew(25deg) scale(0); } .text-light .btn-style-one::after{ background: var(--white); } .btn-style-one.dark::after{ background-color: var(--color-primary); } .btn-style-one.border-light::after{ background-color: var(--color-primary); } .btn-style-one.border-light:hover{ border-color: var(--color-primary) !important; } .text-light .btn-style-one:hover{ color: var(--color-heading); } .text-light .btn-style-one:hover::before,.text-light .btn-style-one:hover span{ background: var(--color-heading); } .btn-style-one.dark:hover{ background-color: var(--color-primary); color: var(--white); } .btn-style-one:hover::after{ -webkit-transform: translateY(-45%) skew(25deg) scale(1.2); transform: translateY(-45%) skew(25deg) scale(1.2); } .btn-style-one:hover{ color: var(--white); } .top-bar-area{ padding: 8px 0; position: relative; z-index: 3; } .top-bar-area ul.item-flex{ margin: 0; padding: 0; list-style: none; display: flex; column-gap: 30px; row-gap: 10px; flex-wrap: wrap; } .top-bar-area ul.item-flex li a{ font-weight: 500; } .top-bar-area ul.item-flex i{ margin-right: 6px; } .top-bar-area .text-end ul.item-flex i{ margin-right: 0; } .text-end .item-flex{ justify-content: end; } .top-bar-area .social ul.item-flex{ gap: 10px; } .top-bar-area .text-end .d-flex{ justify-content: flex-end; align-items: center; gap: 20px; } .top-bar-area .social{ margin: 0; padding: 0; list-style: none; } .top-bar-area .social li a{ display: inline-flex; height: 40px; width: 40px; line-height: 40px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; text-align: center; align-items: center; justify-content: center; } .top-bar-area .social li a img{ height: 16px; transition: all 0.35s ease-in-out; } .top-bar-area .social li a:hover img{ filter: brightness(1) invert(1); } .top-bar-area .social li a:hover{ border-color: var(--white); background: var(--white); color: var(--color-heading); } .top-bar-area .address-info i.fa-map-marker-alt{ font-size: 20px; } .banner-style-one-area{ position: relative; overflow: hidden; z-index: 1; } .banner-style-one-area::before{ position: absolute; left: 5%; top: 50%; transform: translateY(-50%); content: ""; height: 300px; width: 300px; background: linear-gradient(-90deg, var(--color-primary) 0%, var(--color-secondary) 100%); z-index: -1; filter: blur(120px); opacity: 0.8; } .banner-style-one-info h4{ text-transform: uppercase; font-weight: 500; font-size: 20px; } .banner-style-one-info h2{ font-size: 72px; } .banner-style-one-info h2 strong{ color: var(--color-primary); } .banner-style-one-info ul{ margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 20px; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; } .banner-style-one-info ul li{ margin-top: 10px; position: relative; z-index: 1; padding-left: 28px; } .banner-style-one-info ul li::after{ position: absolute; left: 0; top: 0; content: "\f00c"; font-family: "Font Awesome 5 Pro"; text-align: center; color: var(--color-primary); border-radius: 50%; font-weight: 500; } .banner-style-one-thumb{ height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 80px; padding-bottom: 0; position: relative; z-index: 1; } .banner-style-one-thumb img{ position: relative; z-index: 1; } .banner-style-one-thumb::after{ position: absolute; left: 50%; transform: translateX(-50%); content: ""; height: 100%; width: 80%; background: linear-gradient(135deg, #E13833, #33E1E1); z-index: -1; top: 150px; border-radius: 500px 500px 0 0; } .banner-style-one-thumb::before{ position: absolute; left: 50%; transform: translateX(-50%); content: ""; height: 100%; width: 80%; top: 120px; border-radius: 500px 500px 0 0; border: 2px solid var(--white-secondary); margin-left: 20px; } .banner-style-one-thumb img:nth-child(2){ position: absolute; left: 100%; top: 30%; z-index: -1; width: 80px; opacity: 0.8; animation: zoomUpDown 5s linear infinite; } .banner-style-one-info{ position: relative; z-index: 1; } .banner-style-one-info .shape img{ position: absolute; right: 100%; max-width: 35%; top: -100px; margin-right: -50px; opacity: 0.8; z-index: -1; } @media (min-width: 1024px){.banner-style-one-thumb{ margin-right: -10%; }} .thumb-style-one{ position: relative; padding-left: 37%; padding-top: 60px; } .thumb-style-one img:nth-child(2){ position: absolute; left: 0; top: 0; max-width: 45%; z-index: -1; } .thumb-style-one img:first-child{ border: 5px solid var(--white); border-right: none; border-bottom: none; } .thumb-style-one img:nth-child(3){ position: absolute; right: 0; top: 0; z-index: -1; max-width: 54%; } .thumb-style-one .experience{ position: absolute; left: 0; bottom: 0; border-radius: 10px; background: var(--bg-gradient); padding: 31px; max-width: 37%; } .thumb-style-one .experience .counter{ display: flex; color: var(--white); font-size: 80px; line-height: 1; font-weight: 700; margin-bottom: 14px; } .thumb-style-one .experience h4{ margin: 0; color: var(--white); font-size: 18px; } ul.card-style-one{ margin: 0; list-style: none; padding: 30px; background: var(--white); box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); display: flex; gap: 30px; border-radius: 10px; } ul.card-style-one li{ display: flex; gap: 15px; align-items: center; } ul.card-style-one li img{ max-width: 60px; } ul.card-style-one li h4{ margin: 0; font-size: 18px; } .blockquote-text{ position: relative; z-index: 1; font-size: 20px; padding-left: 20px; color: var(--color-heading); font-style: italic; } .blockquote-text::after{ position: absolute; left: 0; top: 5px; bottom: 5px; width: 3px; background: var(--color-primary); content: ""; } .about-style-one-info .blockquote-text{ margin-top: 25px; } .choose-us-style-one-frame{ position: relative; overflow: hidden; } .choose-us-style-one-frame .thumb{ position: absolute; right: 0; top: 0; height: 100%; width: 40%; z-index: -1; } .choose-us-style-one-frame .thumb img{ height: 100%; width: 100%; object-fit: cover; object-position: center; } .choose-us-style-one-area{ position: relative; z-index: 1; overflow: hidden; } .choose-us-style-one-area::after{ position: absolute; left: 0; bottom: 0; content: ""; height: 500px; width: 500px; background: linear-gradient(0deg, var(--color-primary) 0%, var(--color-secondary) 100%); z-index: -1; border-radius: 50%; filter: blur(120px); opacity: 0.5; } .choose-us-style-one-item{ padding: 40px 30px; background: var(--white); box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); border-radius: 10px; height: 100%; margin-top: 20px; } .choose-us-style-one-item p{ margin: 0; } .choose-us-style-one-items{ padding-right: 50px; } .choose-us-style-one-item .icon{ background: var(--bg-gradient); display: inline-flex; align-items: center; justify-content: center; flex-direction: column; padding: 14px; height: 60px; width: 60px; max-width: 60px; border-radius: 50%; margin-bottom: 30px; } .choose-us-style-one-item h4{ font-size: 18px; } .choose-us-style-one-item.active{ background: var(--bg-gradient); } .choose-us-style-one-item.active h5{ color: var(--white); } .call-card p{ margin-bottom: 8px; } .call-card h6{ font-size: 20px; } .active .call-card p{ color: var(--white); } .active .call-card h6{ color: var(--white); } .choose-us-style-one-item .call-card{ border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 25px; padding-top: 25px; } .choose-us-style-one-item.active .icon{ background: var(--white); } .choose-us-style-one-item.active .icon img{ filter: brightness(0); } .shape-top-right{ position: absolute; right: 0; top: -100px; max-width: 8%; } .visa-cat-style-one .thumb{ position: relative; z-index: 1; } .visa-cat-style-one .thumb .shape{ position: absolute; left: 0; bottom: -1px; width: 100%; } .visa-cat-style-one{ background: var(--white); overflow: hidden; border-radius: 15px; } .visa-cat-style-one .icon{ position: absolute; left: 50%; bottom: 15px; transform: translateX(-50%); background: var(--dark); height: 85px; width: 85px; min-width: 85px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: max-content; border-radius: 50%; border: 2px solid var(--white); transition: all 0.35s ease-in-out; } .swiper-slide-active .visa-cat-style-one .icon,.visa-cat-style-one:hover .icon{ background: var(--color-primary); } .visa-cat-style-one .button a{ background: var(--dark); color: var(--white); width: 100%; display: block; padding: 15px; position: relative; z-index: 1; overflow: hidden; } .visa-cat-style-one .info{ padding: 30px; padding-top: 5px; } .visa-cat-style-one .info p{ margin: 0; } .visa-cat-style-one .icon img{ height: 53px; } .visa-cat-style-one .button a svg{ height: 15px; margin-right: 5px; } .visa-cat-style-one .button a img{ position: absolute; left: 0; bottom: -10px; z-index: -1; transition: all 0.35s ease-in-out; opacity: 0; visibility: hidden; height: 100%; width: 100%; } .visa-cat-style-one:hover .button a img,.swiper-slide-active .visa-cat-style-one .button a img{ bottom: 0; opacity: 1; visibility: visible; } .visa-cat-style-one .button a i{ display: inline-block; height: 28px; width: 28px; text-align: center; line-height: 27px; border: 1px solid rgba(255, 255, 255, 0.6); font-weight: 400; border-radius: 50%; margin-right: 5px; } .faq-style-one-area{ overflow: hidden; } .faq-style-one-thumb{ height: 100%; display: flex; flex-direction: column; justify-content: flex-end; position: relative; } .faq-style-one-thumb img{ margin-bottom: -120px; } .accordion-item.accordion-style-one{ background: rgba(255, 255, 2655, 0.7); margin-top: 15px; border: none; border-radius: 10px; } .accordion-item.accordion-style-one button.accordion-button{ background: transparent; border: none; box-shadow: none; padding: 20px 30px; font-size: 18px; padding-right: 60px; color: var(--color-heading); } .accordion-item.accordion-style-one button.accordion-button::after{ display: none; } .accordion-item.accordion-style-one button.accordion-button::before{ position: absolute; right: 30px; top: 50%; content: "\f067"; font-family: "Font Awesome 5 Pro"; transform: translateY(-50%); font-weight: 400; } .accordion-item.accordion-style-one .accordion-body{ padding: 30px; } .accordion-item.accordion-style-one button.accordion-button:not(.collapsed){ background: var(--bg-gradient); color: var(--white); border-radius: 10px 10px 0 0; } .accordion-item.accordion-style-one button.accordion-button:not(.collapsed)::before{ content: "\f068"; } .accordion-item.accordion-style-one p{ margin-bottom: 0; } .faq-style-one-items .accordion{ margin-top: 35px; } .accordion-style-two .accordion-button{ background: transparent; border: none; box-shadow: none; color: var(--color-heading); font-size: 20px; padding: 20px 0; padding-right: 50px; } .accordion-item.accordion-style-two{ border: none; border-top: 1px solid #e7e7e7; border-radius: 0; } .accordion-item.accordion-style-two:first-child{ border: none; } .accordion-item.accordion-style-two .accordion-body{ padding: 0; border-top: 1px solid #e7e7e7; padding-top: 25px; } .accordion-item.accordion-style-two button.accordion-button::after{ display: none; } .accordion-item.accordion-style-two button.accordion-button::before{ position: absolute; right: 0; top: 50%; content: "\f067"; font-family: "Font Awesome 5 Pro"; transform: translateY(-50%); font-weight: 400; } .accordion-item.accordion-style-two button.accordion-button:not(.collapsed)::before{ content: "\f068"; } @media (min-width: 1200px){.course-style-one-items .container{ max-width: 100%; padding: 0; width: 100%; }} .course-style-one-area{ overflow: hidden; } .course-style-one-item{ position: relative; overflow: hidden; border-radius: 30px; } .course-style-one-item .overlay-title{ position: absolute; left: 50px; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: var(--dark); padding: 15px 30px; border-radius: 30px 30px 0 0; transition: all 0.25s ease-in-out; right: 50px; } .course-style-one-item .overlay-title::before{ position: absolute; left: -20px; bottom: 0px; content: ""; height: 40px; width: 20px; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 var(--dark); } .course-style-one-item .overlay-title::after{ position: absolute; right: -20px; bottom: 0; content: ""; height: 40px; width: 20px; border-bottom-left-radius: 20px; box-shadow: 0 20px 0 0 var(--dark); } .course-style-one-item:hover .overlay-title,.swiper-slide-active .course-style-one-item .overlay-title{ bottom: -100px; opacity: 0; visibility: hidden; } .course-style-one-item .overlay{ position: absolute; left: 0; bottom: -80px; opacity: 0; background: var(--color-primary); transition: all 0.35s ease-in-out; padding: 40px; border-radius: 30px; } .course-style-one-item .overlay-title h4{ margin: 0; font-size: 20px; } .course-style-one-item .overlay-title a{ color: var(--white); } .course-style-one-item .overlay-title img{ height: 50px; } .course-style-one-item .overlay-title .icon{ border-left: 1px solid rgba(255, 255, 255, 0.3); padding-left: 20px; } .swiper-slide-active .course-style-one-item .overlay,.course-style-one-item:hover .overlay{ opacity: 1; visibility: visible; bottom: 0; } .course-style-one-item .overlay img{ max-height: 64px; margin-bottom: 25px; } .course-style-one-item .overlay a{ color: var(--white); } .course-style-one-item .overlay p{ margin: 0; color: var(--white); opacity: 0.9; } .course-style-one-items{ position: relative; } .course-style-one-nav{ position: absolute; height: 100%; width: 100%; } .course-style-one-nav > div{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: var(--color-primary); z-index: 2; color: var(--white); height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 26px; border-radius: 50%; transition: all 0.35s ease-in-out; opacity: 0; visibility: hidden; } .course-style-one-nav > div i{ font-weight: 100; } .course-style-one-nav > div.course-carousel-next{ left: auto; right: 0; } .course-style-one-items:hover .course-style-one-nav > div.course-carousel-next{ right: 30px; opacity: 1; visibility: visible; } .course-style-one-items:hover .course-style-one-nav > div.course-carousel-prev{ left: 30px; opacity: 1; visibility: visible; } .call-to-action-area{ position: relative; z-index: 1; overflow: hidden; padding-top: 45px; } .call-to-action-area::after{ position: absolute; left: 0; bottom: 0; content: ""; height: 120px; width: 100%; background: var(--bg-gray); z-index: -1; } .call-to-action-style-one .thumb{ position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; } .call-to-action-style-one .thumb .shape img{ position: absolute; } .call-to-action-style-one .thumb .shape img:first-child{ left: -100px; bottom: 20%; height: 150px; } .call-to-action-style-one .thumb .shape img:nth-child(2){ bottom: 0; z-index: -1; left: 0; width: 100%; } .call-to-action-style-one .thumb .shape img:nth-child(3){ top: 30%; right: 25%; z-index: -1; } .call-to-action-style-one .thumb .shape img:nth-child(4){ top: 0; left: 0; z-index: -1; } .call-to-action-style-one{ position: relative; z-index: 1; } .call-to-action-style-one .shape img{ position: absolute; right: 0; bottom: 0; z-index: -1; max-width: 60%; } .call-action-info{ padding: 30px; display: flex; flex-direction: column; max-width: max-content; justify-content: center; height: 100%; } .call-action-info .sub-title{ max-width: max-content; } .call-action-info .btn-style-one{ max-width: max-content; } .call-to-action-style-one .thumb > img{ padding: 0 30px; margin-top: -50px; } .maps-area iframe{ margin-bottom: -10px; width: 100%; height: 600px; } .user-card .thumb{ display: flex; margin-left: 20px; min-width: 90px; } .user-card .thumb img{ height: 50px; width: 50px; border: 2px solid var(--white); border-radius: 50%; margin-left: -20px; } .user-card .thumb span{ display: inline-block; border: 2px solid; height: 50px; width: 50px; text-align: center; background: var(--color-primary); border-radius: 50%; line-height: 45px; font-weight: 700; font-size: 18px; margin-left: -20px; min-width: 50px; } .user-card{ display: flex; align-items: center; gap: 30px; } .user-card h4{ margin: 0; font-size: 18px; line-height: 1.4; } ul.address-list{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 50px; } .footer-top-area ul.address-list{ gap: 100px; } ul.address-list li p{ margin: 0; } ul.address-list li{ display: flex; gap: 20px; } ul.address-list li i{ display: inline-block; height: 50px; width: 50px; text-align: center; line-height: 48px; background: #0a316c; border-radius: 50%; min-width: 50px; border: 1px dashed rgba(255, 255, 255, 0.4); font-weight: 100; } ul.address-list li h4{ font-weight: 700; margin-bottom: 5px; font-size: 20px; } ul.address-list li a{ font-weight: 500; } .footer-top-area .user-card{ border-right: 1px solid rgba(255, 255, 255, 0.28); padding: 50px 0; } footer .shape img:first-child{ position: absolute; z-index: 2; bottom: 50px; max-width: 10%; } footer .shape img:nth-child(2){ position: absolute; right: 5%; top: -80px; max-width: 12%; z-index: -1; } footer{ position: relative; z-index: 1; } footer .footer-item{ margin-top: 50px; } footer .f-items{ padding-top: 70px; padding-bottom: 110px; } .footer-style-one{ overflow: hidden; } .footer-style-one .f-item.about{ position: relative; z-index: 1; padding-right: 50px; } .footer-style-one .footer-bottom{ border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 20px 0; } .footer-style-one .footer-bottom p{ margin: 0; } footer .widget-title{ margin-bottom: 30px; } .footer-style-one .footer-logo img{ margin-bottom: 30px; } footer .f-item.link li{ margin-top: 15px; } footer .f-item.link li a{ font-weight: 400; } footer.bg-dark .f-item.link li a{ color: var(--white-secondary); } footer.bg-dark .f-item.link li a:hover{ color: var(--white); } ul.footer-social-regular{ display: flex; align-items: center; padding: 0; list-style: none; margin-bottom: 0; gap: 12px; } ul.footer-social-regular li{ display: inline-block; } ul.footer-social-regular li a{ display: inline-flex; height: 40px; width: 40px; text-align: center; line-height: 40px; justify-content: center; flex-direction: column; align-items: center; border-radius: 50%; background: var(--white); border: 1px solid #cccccc; } .bg-dark ul.footer-social-regular li a{ background: #22467b; border: none; } ul.footer-social-regular li a img{ height: 16px; width: auto; max-width: max-content; filter: brightness(0); transition: all 0.35s ease-in-out; } .bg-dark ul.footer-social-regular li a img{ filter: brightness(1); } ul.footer-social-regular li a:hover img{ filter: brightness(1); } ul.footer-social-regular li a:hover{ background: var(--color-primary); color: var(--white); border: 1px solid transparent; } .bg-dark ul.footer-social-regular li a:hover{ border: none; } @media (min-width: 1024px){.footer-style-one .f-item.link{ padding-left: 5px; } .footer-style-one .f-item.about::after{ position: absolute; right: 0; top: -120px; height: 300%; content: ""; width: 400%; background: #0a316c; z-index: -1; border-right: 1px solid rgba(255, 255, 255, 0.2); }} .footer-logo img{ margin-bottom: 30px; } @media screen and (max-width: 1399px){.banner-style-one-info .shape{ display: none; } .course-style-one-nav{ display: none; } footer .shape{ display: none; }} @media only screen and (min-width: 1200px) and (max-width: 1399px){.title{ font-size: 45px !important; }} @media only screen and (min-width: 992px) and (max-width: 1399px){.banner-style-one-info h2{ font-size: 65px; }} @media only screen and (min-width: 992px) and (max-width: 1199px){.title{ font-size: 42px !important; } .banner-style-one-info h2{ font-size: 52px; } .banner-style-one-info ul li{ font-size: 13px; padding-left: 22px; } .banner-style-one-info .shape{ display: none; } ul.card-style-one{ flex-wrap: wrap; gap: 15px; } .choose-us-style-one-frame .thumb{ position: inherit; width: 100%; margin-bottom: 50px; display: none; } .choose-us-style-one-item{ height: auto; margin-top: 30px; } .choose-us-style-one-items{ padding-right: 0; overflow: inherit; } .choose-us-style-one-frame.default-padding{ overflow: inherit; } .faq-style-one-thumb{ display: none; } .call-to-action-style-one .thumb .shape img:first-child{ left: -50px; height: 100px; } footer .shape img:nth-child(2){ right: 30px; top: -50px; }} @media (min-width: 1024px){.top-bar-area .row.align-center{ align-items: center; }} @media screen and (max-width: 991px){.top-bar-area .text-end{ text-align: center !important; margin-top: 10px; } .top-bar-area .text-end .d-flex{ justify-content: center; } .top-bar-area .address-info{ text-align: center; } .top-bar-area ul.item-flex{ justify-content: center; } .top-bar-area{ padding: 15px 0; }} @media only screen and (min-width: 768px) and (max-width: 991px){.title{ font-size: 42px !important; } .banner-style-one-info{ padding-top: 120px; } .banner-style-one-thumb img:nth-child(2){ left: auto; right: 0; } .thumb-style-one{ margin-bottom: 60px; } .choose-us-style-one-frame .thumb{ position: inherit; width: 100%; margin-bottom: 50px; } .choose-us-style-one-items{ padding-right: 0; } .choose-us-style-one-frame{ overflow: inherit; margin-top: -30px; } .choose-us-style-one-item{ margin-top: 30px; height: auto; } .course-style-one-item .overlay{ bottom: 0; visibility: visible; opacity: 1; position: inherit; border-radius: 0; background: var(--dark); } .course-style-one-item{ border-radius: 10px; } .course-style-one-item .overlay-title{ display: none; } .faq-style-one-thumb{ height: auto; margin-top: 50px; text-align: center; justify-content: center; align-items: center; } .faq-style-one-thumb img{ max-width: 60%; } .call-to-action-style-one .thumb .shape img:first-child{ display: none; } .call-action-info{ height: auto; padding: 60px; } .footer-bottom{ text-align: center; } .footer-style-one .f-item.about{ padding-right: 30px; } footer .shape{ display: none; } .footer-top-area .user-card{ border: navajowhite; display: none; } .footer-top-area ul.address-list{ padding: 50px 0; }} @media only screen and (max-width: 767px){.top-bar-area{ display: none; } .banner-style-one-info h2{ font-size: 36px; } .banner-style-one-area .content{ padding-top: 80px; } .banner-style-one-info ul{ grid-template-columns: 1fr; } .banner-style-one-area .shape{ display: none; } .banner-style-one-thumb{ height: auto; padding: 40px; padding-bottom: 0; } ul.card-style-one{ display: grid; gap: 25px; } .thumb-style-one{ padding: 0; margin-bottom: 40px; } .thumb-style-one img:nth-child(2){ display: none; } .thumb-style-one .experience{ position: relative; margin-top: 30px; max-width: 100%; display: none; } .choose-us-style-one-item{ margin-top: 30px; height: auto; } .choose-us-style-one-items{ padding: 0; margin-top: -30px; } .choose-us-style-one-frame .thumb{ width: 100%; left: 0; right: 0; width: 100%; position: relative; margin-bottom: 40px; } .choose-us-style-one-frame{ overflow: inherit; } .faq-style-one-thumb{ height: auto; margin-top: 50px; } .course-style-one-item .overlay{ transform: none; visibility: visible; opacity: 1; bottom: 0; position: inherit; border-radius: 0; } .course-style-one-item{ border-radius: 10px; } .call-to-action-style-one .thumb .shape img:first-child{ display: none; } .call-to-action-style-one .thumb .shape img:first-child{ display: none; } .call-action-info{ height: auto; display: block; padding: 35px; } .footer-top-area ul.address-list{ display: grid; gap: 30px; } .footer-top-area{ padding-bottom: 50px; } footer .shape{ display: none; } .footer-top-area .user-card{ border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.28); margin-bottom: 30px; padding: 30px 0; } footer .f-items{ padding-top: 0; padding-bottom: 60px; } .footer-style-one .f-item.about{ padding-right: 0; } .footer-bottom{ text-align: center; }} #preloader{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--white); z-index: 999; } @keyframes visaco-loader-aim{ 0% { height: 2px; margin-top: 0; transform: rotate(0deg); } 100% { height: 80px; transform: rotate(0deg); } }