@import url('https://cdn-uicons.flaticon.com/uicons-bold-straight/css/uicons-bold-straight.css');
@import url('https://cdn-uicons.flaticon.com/uicons-regular-straight/css/uicons-regular-straight.css');
@import url('https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css');
@import url('https://cdn-uicons.flaticon.com/uicons-thin-rounded/css/uicons-thin-rounded.css');
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
body { font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px; font-weight: 400; padding: 0; margin: 0; color: #6B6B6B; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #081c40; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; }
.home-three { font-family: "Manrope", sans-serif; }
a { color: #111; transition: all ease 0.5s; text-decoration: none; }
a:hover { color: #081c40; }
p { font-size: 16px; color: #111; margin-bottom: 15px; line-height: 1.8;text-align:justify; }
p:last-child { margin-bottom: 0; }
.ptb-100 { padding-top: 100px; padding-bottom: 100px; }
.pt-100 { padding-top: 100px; }
.pb-100 { padding-bottom: 100px; }
.pt-75 { padding-top: 75px; }
.pb-75 { padding-bottom: 75px; }
.pb-70 { padding-bottom: 70px; }
.mb-5 { margin-bottom: 2.5rem !important; }
.mb-7 { margin-bottom: 25px !important; }
.mb-25 { margin-bottom: 25px; }
.mb-20 { margin-bottom: 20px; }
.pb-50 { padding-bottom: 50px; }
img { max-width: 100%; height: auto; }

/*
Background Color  Style
======================================================*/
.bg-f9f2f3 { background: #F9F2F3; }
.bg-F0F7FF { background: #F0F7FF; }
.bg-F2F0FB { background: #F2F0FB; }
.bg-F6F8FF { background: #F6F8FF; }
.bg-161A1E { background: #161A1E; }
.bg-1C2125 { background: #1C2125; }
.bg-020710 { background: #020710; }
.bg-F3F7FA { background: #F3F7FA; }
.bg-F8F9FC { background: #F8F9FC; }
.responsive-image { display: none; }


/*
Section Warp  Style
======================================================*/
.default-btn { padding: 10px 40px; font-weight: 500; font-size: 14px; color: #ffffff; display: inline-block; z-index: 1; border-radius: 50px; transition: all ease 0.5s; overflow: hidden; position: relative; border: solid 1px transparent; }
.default-btn:hover { color: #081c40; background-color: transparent; border-color: #081c40; }
.section-warp { margin-bottom: 30px; }
.section-warp .single-section { max-width: 845px; }
.section-warp .single-section h2 { font-size: 32px; position: relative; margin-bottom: 10px; line-height: 1.4; }
.section-warp .single-section p { margin-bottom: 0; }
.section-warp .section-btn .default-btn { background: linear-gradient(95.64deg, #3069f6 0%, #38DA71 100%); padding: 15px 28px; border: none; position: relative; transition: all ease 0.5s; color: #081c40; }
.section-warp .section-btn .default-btn::before { content: ""; position: absolute; top: 1px; left: 1px; right: 1px; z-index: -1; bottom: 1px; width: 99%; transition: all ease 0.5s; border-radius: 50px; background: #ffffff; }
.section-warp .section-btn .default-btn:hover { color: #ffffff; }
.section-warp .section-btn .default-btn:hover::before { width: 0; opacity: 0; }
.single-section h2 { position: relative; margin-bottom: 12px; font-size: 38px; line-height: 56px; }
.single-section h2 .section-title-shape { position: absolute; bottom: 0; right: 20%; animation: simple-move 4s 1s linear infinite alternate; }
.single-section p { margin-bottom: 20px; font-size: 17px; line-height: 36px;text-align: center; }
.single-section.black-section .title { color: #006BFF; display: block; margin-bottom: 10px; }
.single-section.black-section h2 { color: #ffffff; }
.single-section.black-section p { color: #6B6B6B; }
.single-section.style6 .title { font-weight: 500; font-size: 16px; color: #D50F2E; display: block; margin-bottom: 8px; }
.single-section .features-title { font-weight: 500; font-size: 16px; color: #3069f6; margin-bottom: 10px; display: block; }
.section-title { text-align: center; max-width: 565px; margin-left: auto; margin-right: auto; margin-bottom: 40px; }
.section-title h2 { font-size: 38px; position: relative; margin-bottom: 12px; display: inline-block; line-height: 1.4; }
.section-title p { margin-bottom: 0; font-size: 17px; line-height: 34px; }
.section-title.black-section .title { display: inline-block; color: #16191d; font-size: 14px; font-weight: 500; padding: 10px 30px; border-radius: 30px; margin-bottom: 10px; border-bottom-right-radius: 0; background: #fff5c7; }
.section-title.black-section h2 { color: #ffffff; font-size: 38px; line-height: 56px; width: 100%; }
.section-title.black-section p { color: #6B6B6B; }
.section-title.style6 .title { font-weight: 500; font-size: 16px; color: #D50F2E; display: block; margin-bottom: 8px; }
.section-title.style6 h2 { margin-bottom: 0; }
.section-title .features-title { font-weight: 500; font-size: 16px; color: #3069f6; margin-bottom: 10px; display: block; }

/*
Page Main Color  Style
======================================================*/
.home-one-main { background-color: #3069f6; }
.home-one-color { background-color: #3069f6; }
.home-two-main { background-color: #2A9A70; }
.home-three-main { background-color: #2BB965; }
.home-four-main { background-color: #FFD000; }
.home-five-main { background-color: #D50F2E; }
.home-six-main { background-color: #FF7917; }
.heading-color { background-color: #081c40; }

/*
Container Style
======================================================*/
.container-fluid { max-width: 1520px; }
.container-fluid.style3 { max-width: 1420px; }
.container-fluid.style4 { max-width: 1520px; }
.container-fluid.border-bottom1 { position: relative; }
.container-fluid.border-bottom1::before { content: ""; position: absolute; bottom: -15px; left: 0; right: 0; border-bottom: solid 1px rgba(234, 234, 234, 0.8); }
.container-fluid.style6 { max-width: 1620px; }

/*
All Key  Style
======================================================*/
@keyframes simple-square-to-circle {
  100% { border-radius: 50%; }
}
@keyframes simple-rotate {
  100% { transform: rotate(360deg); }
}
@keyframes simple-scale {
  100% { transform: scale(1.5); }
}
@keyframes simple-move {
  100% { transform: translate(50px, 0); }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-30px); }
  60% { transform: translateY(-15px); }
}
@keyframes movebounce {
  0% { transform: translateY(0px); }
  50% { transform: translateY(40px); }
  100% { transform: translateY(0px); }
}
@keyframes moveleftbounce {
  0% { transform: translateX(0px); }
  50% { transform: translateX(20px); }
  100% { transform: translateX(0px); }
}
@keyframes rotateme {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes rotate3d {
  0% { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}
@keyframes ripple {
  0% { transform: scale(1); }
  75% { transform: scale(1.5); opacity: 0.6; }
  100% { transform: scale(2); opacity: 0; }
}

/*
Hero Warp  Style
======================================================*/
.hero-style1-content { padding-right: 30px; margin-bottom: 40px; }
.hero-style1-content .default-btn { background: linear-gradient(95.64deg, #3069f6 0%, #38DA71 100%); padding: 15px 28px; border: none; position: relative; transition: all ease 0.5s; color: #081c40; }
.hero-style1-content .default-btn::before { content: ""; position: absolute; top: 1px; left: 1px; right: 1px; z-index: -1; bottom: 1px; width: 99%; transition: all ease 0.5s; border-radius: 30px; background: rgb(255, 255, 246); }
.hero-style1-content .default-btn:hover { color: #ffffff; }
.hero-style1-content .default-btn:hover::before { width: 0; opacity: 0; }
.hero-style1-content .title { font-weight: 500; color: #3069f6; display: inline-block; margin-bottom: 5px; }
.hero-style1-content h1 { position: relative; font-size: 55px; line-height: 1.4; z-index: 1; margin-bottom: 18px; }
.hero-style1-content h1 .content-shape1 { position: absolute; left: 0; top: 56px; z-index: -1; }
.hero-style1-content .hero-style1-btn { margin-top: 30px; margin-bottom: 35px; }
.hero-style1-content .hero-style1-btn .hero-service-btn { position: relative; margin-left: 25px; padding-left: 44px; font-weight: 500; color: #081c40; transition: all ease 0.5s; }
.hero-style1-content .hero-style1-btn .hero-service-btn:hover { color: #3069f6; }
.hero-style1-content .hero-style1-btn .hero-service-btn i { font-size: 38px; color: #3069f6; position: absolute; left: 0; top: 50%; line-height: 1; transform: translateY(-17px); }
.hero-style1-content .hero-style1-list { list-style: none; padding-left: 0; margin-bottom: 0; }
.hero-style1-content .hero-style1-list li { position: relative; padding-left: 35px; margin-bottom: 12px; color: #081c40; font-weight: 500; }
.hero-style1-content .hero-style1-list li i { position: absolute; left: 0; top: -2px; font-size: 20px; color: #3069f6; }

.hero-style1-warp {
    background-image: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 200px;
    padding-bottom: 200px;
    margin-top: -100px;
}
.el-video-block:after {
    position: absolute;
    content: "...";
    right: 0;
    top: -30px;
    font-size: 60px;
    font-family: auto;
    color: #fcff77;
    border-bottom: 1px solid #ffffff36;
    width: 100%;
    padding-left: 20px;
    line-height: 75px;
}
.hero-style1-warp .hero-shape1 { position: absolute; top: 165px; left: 31%; animation: simple-move 4s 1s linear infinite alternate; }
.hero-style1-warp .hero-shape2 { position: absolute; bottom: 100px; left: 34%; }
.hero-style1-warp .hero-shape3 { position: absolute; right: 40px; bottom: 80px; }
.hero-style1-warp .hero-shape4 { position: absolute; top: 190px; left: 9%; }
.hero-style1-warp .hero-shape5 { position: absolute; left: 8%; bottom: 74px; }
.hero-style1-image { text-align: center; padding-bottom: 80px; position: relative; }
.hero-style1-image .small1 { position: absolute; bottom: 0; left: 0; box-shadow: -10px 10px 40px rgba(20, 31, 57, 0.05); }
.hero-style1-image .small2 { position: absolute; top: 120px; left: 20px; box-shadow: -10px 10px 40px rgba(20, 31, 57, 0.05); }
.hero-style1-image .small3 { position: absolute; bottom: 100px; right: -100px; box-shadow: -10px 10px 40px rgba(20, 31, 57, 0.05); }
.hero-style1-image .small4 { position: absolute; right: -170px; top: 80px; box-shadow: 10px 10px 40px rgba(20, 31, 57, 0.05); }
.hero-style1-image .hero1 { margin-left: 105px; }

/*
Slider Text  Warp  Style
======================================================*/
.slide-text-warp { padding-top: 35px; padding-bottom: 50px; background: linear-gradient(90deg, #93CA6E 0%, #C2E67D 50%, #38DA71 100%); height: 120px; width: 100%; overflow: hidden; position: relative; transition: all ease 0.5s; z-index: 1; }
.slide-text-warp .container-fluid { width: 100%; }
.slide-text-warp .text-slide { display: inline-block; white-space: nowrap; position: relative; transform: translate3d(0%, 0, 0); animation-name: marquee; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 20s; }
.slide-text-warp .text-slide:hover { animation: none; }
.slide-text-warp .text-slide h1 { width: 50%; display: inline-block; transition: all ease 0.5s; padding-right: 50px; }
.slide-text-warp .text-slide h1 span { padding-right: 20px; }
@keyframes marquee {
  0% { transform: translate3d(0%, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }
}

/*
Boost & Slider  Style
======================================================*/
.boost-slider-warp .swiper-slide { text-align: center; }
.boost-card { padding: 0; background-color: #ffffff; box-shadow: 0px 0px 80px 5px rgba(20, 31, 57, 0.02); border-radius: 20px; margin-bottom: 25px; position: relative; overflow: hidden; height: 500px; transition: all 0.4s ease-in-out; }
.boost-card:after { content: ""; background: rgb(0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 8, 40, 1) 89%, rgba(0, 17, 85, 0.9920343137254902) 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; z-index: 1; transition: all 0.4s ease-in-out; }
.boost-card .el-card-1 { position: absolute; left: 0; bottom: 0; padding: 25px; z-index: 2; transform: translate(0, 185px); transition: all 0.4s ease-in-out; }
.boost-card:hover .el-card-1 { transform: translate(0, 0); transition: all 0.4s ease-in-out; }
.boost-card:hover:after { height: 90%; transition: all 0.4s ease-in-out; }
.boost-card img { height: 100%; width: 100%; object-fit: cover; object-position: top; transition: all 0.4s ease-in-out; }
.boost-card:hover img { height: 100%; width: 100%; object-fit: cover; object-position: center; transition: all 0.4s ease-in-out; }
.boost-card .icon-content { margin-bottom: 20px; }
.boost-card .icon-content .rounded-icon { width: 100px; height: 100px; text-align: center; font-size: 45px; line-height: 110px; border-radius: 50%; background: #FFEDE8; color: #081c40; }
.boost-card .icon-content h3 { font-weight: 500; font-size: 24px; margin-bottom: 0; margin-left: 0; line-height: 1.4; }
.boost-card .icon-content h3 a { color: #fff; transition: all ease 0.5s; }
.boost-card .icon-content h3 a:hover { color: #fff; }
.boost-card p { margin-bottom: 15px; font-size: 16px; overflow: hidden; max-height: 100px; min-height: 98px; color: #fff; line-height: 31px; opacity: 0.9; }
.boost-card .hero-service-btn { position: relative; padding-left: 45px; font-weight: 500; color: #fff; transition: all ease 0.5s; }
.boost-card .hero-service-btn:hover { color: #fff; }
.boost-card .hero-service-btn i { font-size: 38px; color: #3069f6; position: absolute; left: 0; top: 50%; line-height: 1; transform: translateY(-17px); }
.boost-card.style2 { margin-top: 30px; }
.boost-card.style2 .icon-content .rounded-icon { background: #FFF9E8; }
.boost-card.style3 { margin-top: 60px; }
.boost-card.style3 .icon-content .rounded-icon { background: #EEF9FF; }
.boost-slider-warp { position: relative; }
.boost-slider-warp .boost-shape1 { position: absolute; top: 115px; left: 8%; animation: movebounce 6s 1s linear infinite alternate; }
.boost-slider-warp .boost-shape2 { position: absolute; top: 110px; right: 8%; animation: movebounce 6s 1s linear infinite alternate; }

/*
Supervise Warp  Style
======================================================*/
.supervise-image { background-image: url(../images/supervise/supervise2.png); background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 15px; margin-right: 55px; padding-left: 10px; padding-top: 20px; position: relative; }
.supervise-image .small-supervise1 { position: absolute; bottom: 30px; left: 30px; filter: drop-shadow(0px 10px 40px rgba(20, 31, 57, 0.1)); }
.supervise-image .small-supervise2 { position: absolute; top: 105px; right: 25px; }
.supervise-image .supervise-shape1 { position: absolute; left: 50px; top: 50px; }
.supervise-image .supervise-shape2 { position: absolute; bottom: 40px; right: 117px; }
.supervise-content .supervise-list { margin-top: 20px; list-style: none; padding-left: 0; margin-bottom: 0; padding-right: 20px; }
.supervise-content .supervise-list li { margin-bottom: 28px; position: relative; display: flex; align-items: center; }
.supervise-content .supervise-list li:last-child { margin-bottom: 0; }
.supervise-content .supervise-list li .rounded-icon { width: 80px; height: 80px; text-align: center; font-size: 36px; line-height: 90px; border-radius: 50%; color: #081c40; margin-top: 5px; }
.supervise-content .supervise-list li .content { margin-left: 25px; }
.supervise-content .supervise-list li .content h4 { font-weight: 600; font-size: 20px; margin-bottom: 12px; }
.supervise-content .supervise-list li .content p {
    margin-bottom: 0;
    text-align: left;
}

.single-section.supervise-content p {
    text-align: justify;
}
/*
Skill Warp  Style
======================================================*/
.inner-skill-warp { position: relative; text-align: center; }
.inner-skill-warp h2 { font-size: 55px; margin-bottom: 15px; }
.inner-skill-warp .skill-btn { margin-top: 30px; }
.inner-skill-warp .skill-btn .free-btn { background: linear-gradient(95.64deg, #3069f6 0%, #38DA71 100%); padding: 15px 35px; border: none; position: relative; transition: all ease 0.5s; color: #081c40; margin-left: 30px; }
.inner-skill-warp .skill-btn .free-btn::before { content: ""; position: absolute; top: 1px; left: 1px; right: 1px; z-index: -1; bottom: 1px; width: 98.5%; transition: all ease 0.5s; border-radius: 30px; background: #ffffff; }
.inner-skill-warp .skill-btn .free-btn:hover { color: #ffffff; }
.inner-skill-warp .skill-btn .free-btn:hover::before { width: 0; opacity: 0; }
.inner-skill-warp .skill-btn .style1 { background: #3069f6; border-color: transparent; }
.inner-skill-warp .skill-btn .style1:hover { background: transparent; color: #081c40; border-color: #3069f6; }
.inner-skill-warp .skill1 { position: absolute; width: 165px; height: 165px; border-radius: 10px; left: 0; top: -60px; }
.inner-skill-warp .skill2 { position: absolute; left: 50px; bottom: -55px; width: 165px; height: 98px; border-radius: 50px; }
.inner-skill-warp .skill3 { position: absolute; width: 165px; height: 165px; right: 0; top: -60px; }
.inner-skill-warp .skill4 { position: absolute; width: 165px; height: 132px; right: 55px; bottom: -50px; border-radius: 30px; }
.inner-skill-warp .skill-content { max-width: 840px; margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 55px; }

/*
Footer Warp  Style
======================================================*/
.footer-widget { margin-bottom: 25px; }
.footer-widget h4 { font-weight: 600; font-size: 20px; margin-bottom: 15px; }
.footer-widget .footer-logo { margin-top: 15px; display: inline-block; }
.footer-widget .footer-link { list-style: none; padding-left: 0; margin-bottom: 0; }
.footer-widget .footer-link li { margin-bottom: 12px; }
.footer-widget .footer-link li:last-child { margin-bottom: 0; }
.footer-widget .footer-link li a:hover { color: #3069f6; }
.footer-widget .footer-contact { list-style: none; padding-left: 0; margin-bottom: 0; }
.footer-widget .footer-contact li { margin-bottom: 18px; }
.footer-widget .footer-contact li:last-child { margin-bottom: 0; }
.footer-widget .footer-contact li > span { display: block; margin-bottom: 5px; font-size: 14px; font-weight: 500; }
.footer-widget .footer-contact li a { font-weight: 600;  display: flex; align-items: center; }
.footer-widget .footer-contact li p { font-weight: 600;  display: flex; align-items: center; line-height: 21px; }
.footer-widget .footer-contact li p svg, .footer-widget .footer-contact li a svg {
    margin-right: 7px;
    color: #1a58ed;
    min-width: 24px;
}

.footer-widget .input-box { height: 60px; position: relative; margin-bottom: 40px; }
.footer-widget .input-box .form-control { height: 100%; border: none; padding-left: 20px; border: none; }
.footer-widget .input-box .form-control:focus { box-shadow: unset; }
.footer-widget .input-box .form-control:focus::-moz-placeholder { color: transparent; }
.footer-widget .input-box .form-control:focus::placeholder { color: transparent; }
.footer-widget .input-box .form-control::-moz-placeholder { color: #6B6B6B; -moz-transition: all ease 0.5s; transition: all ease 0.5s; }
.footer-widget .input-box .form-control::placeholder { color: #6B6B6B; transition: all ease 0.5s; }
.footer-widget .input-box .input-btn { position: absolute; border: none; background: #38DA71; border-radius: 5px; top: 5px; bottom: 5px; right: 5px; padding: 5px 14px; transition: all ease 0.5s; }
.footer-widget .input-box .input-btn:hover { background-color: #3069f6; }
.footer-widget .social-list { list-style: none; padding-left: 0; margin-bottom: 0; }
.footer-widget .social-list li { display: inline-block; padding-right: 10px; }
.footer-widget .social-list li:last-child { padding-right: 0; }
.footer-widget .social-list li a { width: 36px; height: 36px; text-align: center; font-size: 20px; color: #6B6B6B; display: inline-block; line-height: 36px; border-radius: 50%; background-color: #ffffff; transition: all ease 0.5s; }
.footer-widget .social-list li a:hover { color: #ffffff; background-color: #3069f6; }
.footer-widget .play-store { margin-left: 20px; }
.footer-warp .col-lg-3:nth-child(1) .footer-widget { margin-right: -20px; }
.footer-warp .col-lg-3:nth-child(1) .footer-widget.style5 { margin-right: -30px; }
.footer-warp .col-lg-3:nth-child(2) .footer-widget { margin-left: 130px; }
.footer-warp .col-lg-3:nth-child(2) .footer-widget.style2 { margin-left: 90px; }
.footer-warp .col-lg-3:nth-child(2) .footer-widget.style5 { margin-left: 130px; }
.footer-warp .col-lg-3:nth-child(3) .footer-widget { margin-left: 50px; }
.footer-warp .col-lg-3:nth-child(3) .footer-widget.style2 { margin-left: 20px; }
.footer-warp .col-lg-3:nth-child(3) .footer-widget.style5 { margin-left: 25px; }
.footer-warp .col-lg-3:nth-child(4) .footer-widget { margin-left: 50px; }
.footer-warp .col-lg-3:nth-child(4) .footer-widget.style2 { margin-left: -20px; margin-right: -10px; }
.footer-warp .col-lg-3:nth-child(4) .footer-widget.style5 { margin-left: -10px; }

/*
Copyright Warp  Style
======================================================*/
.inner-copyright-warp { text-align: center; padding-top: 20px; padding-bottom: 20px; border-top: solid 1px rgba(57, 33, 245, 0.15); font-size: 14px; }
.inner-copyright-warp p { line-height: 1; font-size: 14px; color: #333; }
.inner-copyright-warp p a { color: #3069f6; }
.copyright-warp { background: transparent; }

/*
Fun fact Warp  Style
======================================================*/
.inner-fun-fact { background-position: center center; background-repeat: no-repeat; border-radius: 30px; padding-top: 95px; padding-bottom: 140px; padding-left: 100px; padding-right: 100px; background: #020b15; overflow: hidden; position: relative; z-index: 9; }
.fun-fact-widget { list-style: none; padding-left: 0; margin-bottom: 0; }
.fun-fact-widget li { position: relative; text-align: center; margin-bottom: 25px; }
.fun-fact-widget li h1 { font-weight: 600; font-size: 55px; color: #ffffff; margin-bottom: 10px; }
.fun-fact-widget li p { color: #F5F5F5; }
.fun-fact-warp { position: relative; z-index: 1; }
.fun-fact-warp::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 38%; z-index: -1; width: 100%; background: #F8F9FC; }

/*
Fun fact Warp  Style
======================================================*/
.effective-image { position: relative; text-align: center; z-index: 1; }
.effective-image .effective-shape1 { position: absolute; z-index: -1; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 55px; }
.effective-content .effective-list { list-style: none; padding-left: 0; margin-bottom: 35px; margin-top: 20px; }
.effective-content .effective-list li { position: relative; margin-bottom: 15px; }
.effective-content .effective-list li:last-child { margin-bottom: 0; }
.effective-content .effective-list li span { display: inline-block; padding-right: 8px; }
.effective-content .effective-list .default-btn { color: #ffffff; }

/*# sourceMappingURL=style.css.map */

/*Designer Css*/
@media (min-width:1700px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1650px; }
}
.el-video-intro video#el-video { width: 100vw; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; z-index: -1; opacity: 1; }
.el-title-wrap { display: flex; flex-direction: column; width: 100%; height: auto; justify-content: center; align-items: flex-start; text-align: left; color: #fff; background: transparent; border-radius: 16px; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; border: none; padding: 0; }
.el-title-wrap > span { background: #fff5c7; color: #16191d; font-size: 14px; font-weight: 500; padding: 10px 30px; border-radius: 30px; margin-bottom: 10px; border-bottom-right-radius: 0; }
.el-title-wrap h1 {
    color: #fff;
    font-size: 24px;
    line-height: 42px;
    font-weight: 300;
    padding: 10px 0;
    width: 100%;
}
.el-title-wrap h2 { font-size: 44px; color: #fff; font-weight: 800; line-height: 70px; }
.el-video-intro .default-btn i.fi.fi-rr-arrow-small-right { position: relative; top: 2px; left: 5px; }
.el-title-wrap small { color: #fff; display: inline-block; margin-top: 20px; font-size: 18px; padding-right: 100px !important; line-height: 1.7; }
.slide-up { -webkit-animation: slide-up 0.75s cubic-bezier(0.65, 0, 0.35, 1) both; animation: slide-up 0.75s cubic-bezier(0.65, 0, 0.35, 1) both; }
@-webkit-keyframes slide-up {
  0% { transform: translateY(100px); }
  100% { transform: translateY(0); }
}
@keyframes slide-up {
  0% { transform: translateY(100px); }
  100% { transform: translateY(0); }
}
@-webkit-keyframes can {
  0% { transform: translateY(0); }
  26.6666666667% { transform: translateY(0); opacity: 1; }
  33.3333333333% { transform: translateY(-100%); opacity: 0; }
  33.3343333333% { transform: translateY(100%); opacity: 0; }
  33.3363333333% { transform: translateY(100%); opacity: 1; }
  93.3333333333% { transform: translateY(100%); }
  100% { transform: translateY(0); }
}
@keyframes can {
  0% { transform: translateY(0); }
  26.6666666667% { transform: translateY(0); opacity: 1; }
  33.3333333333% { transform: translateY(-100%); opacity: 0; }
  33.3343333333% { transform: translateY(100%); opacity: 0; }
  33.3363333333% { transform: translateY(100%); opacity: 1; }
  93.3333333333% { transform: translateY(100%); }
  100% { transform: translateY(0); }
}
@-webkit-keyframes will {
  0% { transform: translateY(0); }
  26.6666666667% { transform: translateY(0); }
  33.3333333333% { transform: translateY(-100%); }
  60% { transform: translateY(-100%); opacity: 1; }
  66.6666666667% { transform: translateY(-200%); opacity: 0; }
  66.6676666667% { transform: translateY(0); }
  66.6696666667% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(0); }
}
@keyframes will {
  0% { transform: translateY(0); }
  26.6666666667% { transform: translateY(0); }
  33.3333333333% { transform: translateY(-100%); }
  60% { transform: translateY(-100%); opacity: 1; }
  66.6666666667% { transform: translateY(-200%); opacity: 0; }
  66.6676666667% { transform: translateY(0); }
  66.6696666667% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(0); }
}
@-webkit-keyframes thrive {
  0% { transform: translateY(-300%); }
  0.0001% { transform: translateY(0); }
  26.6666666667% { transform: translateY(0); }
  33.3333333333% { transform: translateY(-100%); }
  60% { transform: translateY(-100%); }
  66.6666666667% { transform: translateY(-200%); }
  93.3333333333% { transform: translateY(-200%); opacity: 1; }
  100% { transform: translateY(-300%); opacity: 0; }
}
@keyframes thrive {
  0% { transform: translateY(-300%); }
  0.0001% { transform: translateY(0); }
  26.6666666667% { transform: translateY(0); }
  33.3333333333% { transform: translateY(-100%); }
  60% { transform: translateY(-100%); }
  66.6666666667% { transform: translateY(-200%); }
  93.3333333333% { transform: translateY(-200%); opacity: 1; }
  100% { transform: translateY(-300%); opacity: 0; }
}
.el-title { padding: 0 0; display: grid; grid-template-columns: repeat(2, -webkit-max-content); grid-template-columns: repeat(2, max-content); grid-template-rows: auto; overflow: hidden; max-height: 5vw; justify-content: center; }
.el-title { font-weight: 700; margin-bottom: 30px; font-size: 70px; margin-top: 15px; color: #fff; line-height: 5vw; text-align: left; margin: 0; }
.el-title .el-first-word { font-weight: 500; font-size: 70px; color: #fff; }
.el-video-intro .default-btn { padding: 20px 30px; font-weight: 500; font-size: 14px; color: #fff; display: inline-block; z-index: 1; border-radius: 50px; transition: all ease 0.5s; background: #3069f6; margin-top: 20px; overflow: hidden; border: none; transition: all 0.3s ease-in-out; }
.default-btn { transition: all ease 0.5s; overflow: hidden; border: none; transition: all 0.3s ease-in-out; }
.el-video-intro .default-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px 0 rgb(7 154 205 / 19%); }
.el-video-intro .default-btn:after { content: ''; position: absolute; top: -50%; right: -120%; bottom: -50%; left: -100%; background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, 0.3) 50%, rgba(229, 172, 142, 0)); transform: rotateZ(60deg) translate(-5em, 12.5em); }

/*This activates the sheen once the button has been hovered*/
.el-video-intro .default-btn:hover::after, button:focus::after { animation: sheen 1s forwards; }
.default-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px 0 rgb(7 154 205 / 19%); background: #3069f6; color: #fff; }
.default-btn:after { content: ''; position: absolute; top: -50%; right: -120%; bottom: -50%; left: -100%; background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, 0.3) 50%, rgba(229, 172, 142, 0)); transform: rotateZ(60deg) translate(-5em, 12.5em); }

/*This activates the sheen once the button has been hovered*/
.default-btn:hover::after, button:focus::after { animation: sheen 1s forwards; }
@keyframes sheen {
  100% { transform: rotateZ(60deg) translate(1em, -9em); }
}
.supervise-content .supervise-list li .content p strong { color: #081c40; }
header.el-main-header { background: #020c16; height: 100%; background-size: cover; position: relative; z-index: 9; }
.el-main-header .lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: -1; pointer-events: none }
@media screen and (min-width:1200px) {
  .el-main-header .lines { top: 100px; }
}
.el-main-header .line { position: absolute; width: 1px; height: 100%; top: 0; left: 50%; background: rgba(255, 255, 255, 0.1); overflow: hidden }
.el-main-header .line::after { content: ""; display: block; position: absolute; height: 15vh; width: 100%; top: -50%; left: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%); animation: drop 7s 0s infinite; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97) }
.el-main-header .line:nth-child(1) { left: 25px }
@media screen and (min-width:1200px) {
  .el-main-header .line:nth-child(1) { left: 4.1666666667rem }
}
.el-main-header .line:nth-child(1)::after { animation-delay: 2s }
@media screen and (min-width:1200px) {
  .el-main-header .line:nth-child(2) { display: block; left: 33.333% }
}
.el-main-header .line:nth-child(3) { display: none }
@media screen and (min-width:1200px) {
  .el-main-header .line:nth-child(3) { display: block; left: auto; right: 33.333% }
  .el-main-header .line:nth-child(3)::after { animation-delay: 3s }
}
.el-main-header .line:nth-child(4) { left: auto; right: 25px }
@media screen and (min-width:1200px) {
  .el-main-header .line:nth-child(4) { right: 4.1666666667rem }
}
.el-main-header .line:nth-child(4)::after { animation-delay: 2.5s }
@keyframes drop {
  0% { top: -50% }
  100% { top: 110% }
}
video#el-video { width: 100vw; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; z-index: -1; opacity: 0.1; }
.el-img { position: relative; z-index: 9; }
.el-img::before { content: ""; position: absolute; text-align: center; top: 50%; left: 30%; height: 250px; width: 250px; transform: translateY(-105px); z-index: -1; background: #006BFF; filter: blur(250px); }
.el-about-us-img { border-radius: 30px; overflow: hidden; }
.el-about-content { text-align: left; }
.productive-warp { -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; }
.el-about-content h2 { font-size: 38px; line-height: 53px; margin-bottom: 10px; position: relative; }
.el-about-content p {
    font-size: 17px;
    line-height: 36px;
}
.el-about-content small { background: #d2e7ff; color: #16191d; font-size: 14px; font-weight: 500; padding: 10px 30px; border-radius: 30px; margin-bottom: 5px; border-bottom-left-radius: 0; display: inline-block; }
.drop-in { animation: drop-in 1s ease 200ms backwards; }
.drop-in-2 { animation: drop-in 1200ms ease 500ms backwards; }
.drop-in-3 { animation: drop-in 1400ms ease 800ms backwards; }
.drop-in-4 { animation: drop-in 1600ms ease 1000ms backwards; }
@keyframes drop-in {
  from { opacity: 0; transform: translateY(-100px); }
  to { opacity: 1; transform: translate(0px); }
}
.inner-fun-fact h2 { text-align: center; color: #fff; font-size: 38px; line-height: 56px; margin-bottom: 20px; }
ul.fun-fact-widget { justify-content: center !important; }
.fun-fact-widget li { position: relative; text-align: center; margin-bottom: 25px; width: 38%; padding: 25px; background: #3069f600; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: blur(11px); height: 250px; display: flex; justify-content: center; align-items: center; margin: 20px 10px; border-radius: 20px; box-shadow: 0 0 70px 0 #70679f38; border: 1px solid #ffffff1f; }
.fun-fact-content h3 { font-size: 40px; color: #fff; font-weight: 700; }
.inner-fun-fact video#el-video { width: 100vw; height: auto; object-fit: cover; position: absolute; top: 0; right: -160px; z-index: -1; opacity: 0.1; }
.el-call-info { padding-left: 0; position: relative; }
.el-call-info a.default-btn.home-one-main { padding: 20px 30px; margin-left: 0; margin-top: 15px; }
.productive-warp { border-radius: 40px; margin-top: -80px; background: #fff; z-index: 9; position: relative; }
.col-12.el-shape-1 { position: relative; margin-top: -76px; margin-bottom: 80px; margin-left: 0; }
.col-12.el-shape-1 img { margin-left: -100px; }
.col-12.el-shape-1 a { position: absolute; left: 70px; color: #fff; text-transform: uppercase; font-size: 12px; top: -10px; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; cursor: pointer; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; }
.col-12.el-shape-1 a svg.feather.feather-arrow-down { margin-top: 4px; }
.chevron { position: absolute; width: 20px; height: 2px; opacity: 0; transform: scale3d(0.5, 0.5, 0.5); animation: move 3s ease-out infinite; }
.chevron:first-child { animation: move 3s ease-out 1s infinite; }
.chevron:nth-child(2) { animation: move 3s ease-out 2s infinite; }
.chevron:before, .chevron:after { content: ' '; position: absolute; top: 0; height: 100%; width: 51%; background: #fff; }
.chevron:before { left: 0; transform: skew(0deg, 30deg); }
.chevron:after { right: 0; width: 50%; transform: skew(0deg, -30deg); }
@keyframes move {
  25% { opacity: 1; }
  33% { opacity: 1; transform: translateY(30px); }
  67% { opacity: 1; transform: translateY(40px); }
  100% { opacity: 0; transform: translateY(55px) scale3d(0.5, 0.5, 0.5); }
}
.el-shape-1 span .col-12.p-0 { background: #020c16; position: relative; z-index: 999; }
img.el-bg-img-1 { position: absolute; right: 0; filter: invert(1); top: 0; opacity: 0.5; z-index: -1; }
.el-btn-primary { border-radius: 7px; padding: 16px 30px; padding-right: 27px; font-weight: 500; font-size: 14px; text-align: center; text-transform: capitalize; display: inline-block; overflow: hidden; background-color: #e2ebff; position: relative; z-index: 1; transition: all 0.2s ease-in-out; color: #fff; border: none; }
.el-btn-primary svg.feather.feather-arrow-right { left: 10px; position: relative; transition: all 0.2s ease-in-out; margin-top: -3px; margin-left: 10px; top: 0; }
.el-btn-primary:hover {  color: #111; }
.el-btn-primary:hover svg { color: #fff; transition: all 0.2s ease-in-out; transform: rotate(45deg); }
.el-btn-primary::after { position: absolute; content: ""; right: 0; top: 0; width: 100%; height: 100%; background-color: #1a58ed; z-index: -1; border-radius: 7px; transition: all 0.2s ease-in-out; }
.el-btn-primary:hover::after { width: 56px; transition: all 0.2s ease-in-out; }
.el-btn-primary-small { border-radius: 7px; padding: 12px 25px; padding-right: 20px; font-weight: 500; font-size: 14px; text-align: center; text-transform: capitalize; display: inline-block; overflow: hidden; background-color: #e2ebff; position: relative; z-index: 1; transition: all 0.2s ease-in-out; color: #fff; }
.el-btn-primary-small svg.feather.feather-arrow-right { left: 10px; position: relative; transition: all 0.2s ease-in-out; margin-top: -2px; margin-left: 7px; }
.el-btn-primary-small:hover { color: #111; }
.el-btn-dark-text:hover {
    color: #ffffff !important;

}
.el-btn-primary-small:hover svg { color: #fff; transition: all 0.2s ease-in-out; transform: rotate(45deg); }
.el-btn-primary-small::after { position: absolute; content: ""; right: 0; top: 0; width: 100%; height: 100%; background-color: #1a58ed; z-index: -1; border-radius: 7px; transition: all 0.2s ease-in-out; }
.el-btn-primary-small:hover::after { width: 46px; transition: all 0.2s ease-in-out; }

.el-btn-primary.el-btn-dark-text svg { top: 0 !important; }
.supervise-content .supervise-list li .rounded-icon img { vertical-align: top; }
.fun-fact-widget li p { color: #020e1a; position: absolute; top: 20px; left: 0; background: #fff5c7; padding: 5px 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
.inner-fun-fact a.default-btn { position: absolute; right: -1px; background: transparent !important; box-shadow: none !important; }
.fun-fact-content { display: flex; align-items: center; justify-content: flex-start; margin-top: 30px; margin-left: -50px; width: 100%; }
.fun-fact-content h3 { font-size: 40px; color: #fff; font-weight: 700; margin-bottom: 0; margin-top: 20px; text-align: left; width: 50%; }
.fun-fact-content h3 span { display: inline-block; width: 100%; font-size: 30px; font-weight: 400; text-transform: capitalize; }
.fun-fact-content h3 span small { font-size: 14px; display: inline-block; }
.fun-fact-content.el-animation-2 dotlottie-player { padding-right: 20px; padding-left: 20px; }
.inner-fun-fact a.el-btn-primary.el-btn-dark-text {
    position: absolute;
    right: 20px;
    bottom: 20px;
    text-transform: none;
}
.supervise-warp.pb-75.pt-75 { border-radius: 40px; z-index: 9; position: relative; background: #fff; }

/*
Inner Improve Warp  Style
======================================================*/
.improve-warp.bg-161A1E { background: #020c16; padding: 150px 0 150px; margin-top: -50px; position: relative; }
.inner-improve-warp { padding: 50px; border-radius: 30px; position: relative; z-index: 1; background: #071624; }
.improve-warp.bg-161A1E img.el-bg-img-2 { position: absolute; top: 0; left: 0; }
.inner-improve-warp .section-title { max-width: 85%; margin-bottom: 50px; }
.inner-improve-warp .section-title p { color: #b6c0cb; font-size: 17px; line-height: 34px;text-align: center; }
.inner-improve-warp .improve-list { margin-top: 35px; list-style: none; padding-left: 0; margin-bottom: 0; }
.inner-improve-warp .improve-list li { position: relative; margin-bottom: 30px; padding-left: 0; display: flex; justify-content: flex-start; width: 100%; }
.inner-improve-warp .improve-list li:last-child { margin-bottom: 0; }
.inner-improve-warp .improve-list li .icon { background: transparent; border-radius: 5px; position: relative; display: inline-block; margin-right: 15px; }
.inner-improve-warp .improve-list li .content p { color: #ffffff; margin-bottom: 0; font-size: 18px; line-height: 28px; }
.inner-improve-warp .improve-content { padding-left: 30px; }
.inner-improve-warp .improve-list li .icon img { max-width: 34px; }
.inner-improve-warp .improve-content h2 { font-weight: 600; font-size: 26px; line-height: 44px; }
.inner-improve-warp .improve-content p { color: #9EA6AE; }
.inner-improve-warp .improve-image { margin-right: 30px; }

.el-video-block {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    border: 1px solid #ffffff36;
    background: #020b14;
    padding: 5px;
    border-radius: 10px;
    padding-top: 50px;
    position: relative;
}

.el-video-block img { position: absolute; right: -30px; top: 60px; z-index: -1; }
.el-video-block video#el-video-1 { width: 100%; border-radius: 20px; }
.el-brand-logos h2 { text-align: center; font-size: 38px; margin-bottom: 30px; }
.el-brand-logos-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    background: transparent;
    background-size: contain;
    background-position: left 0;
    width: 80%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 9;
    padding: 0;
    border-radius: 20px;
    margin: 0 auto;
}
.el-brand-logos-wrapper a {
    height: auto;
    width: 20%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border-radius: 0;
    background: transparent;
    text-align: center;
    /* border-bottom: 1px dashed #e7e7e7; */
    /* border-right: 1px dashed #e7e7e7; */
}
.el-brand-logos-wrapper a img { display: inline-block; width: auto; }
.el-brand-logos-wrapper a:nth-child(5), .el-brand-logos-wrapper a:nth-child(10) { border-right: none; }
.el-brand-logos-wrapper a:nth-child(6), .el-brand-logos-wrapper a:nth-child(7), .el-brand-logos-wrapper a:nth-child(8), .el-brand-logos-wrapper a:nth-child(9), .el-brand-logos-wrapper a:nth-child(10) { border-bottom: none; }
.inner-skill-warp h2 { font-size: 38px; margin-bottom: 15px; line-height: 56px; font-weight: 600; }
.el-brand-logos { background: #020c16; padding: 130px 0 150px; margin-top: -40px; }
.el-brand-logos h2 { text-align: center; font-size: 38px; margin-bottom: 15px; color: #fff; }
.el-brand-logos p { text-align: center; font-size: 17px; color: #b6c0cb; width: 40%; margin: 0 auto 40px; }
.boost-slider-warp { z-index: 9; border-radius: 40px; margin-top: -40px; background: #fff; }
.skill-warp { margin-top: -45px; position: relative; z-index: 9; background: #fff; border-top-left-radius: 40px; border-top-right-radius: 40px; }
.hero-svg { display: flex; width: 100%; height: 100%; overflow: hidden; position: relative; }
.hero-svg { display: flex; width: 100%; height: 100%; overflow: hidden; position: relative; }
form#hidden-search-box { position: fixed; left: 0; top: 0; background: #020b15fa; padding: 10px 130px; width: 100%; z-index: 99; border-bottom: none; transform: scale(0); transition: all 0.3s ease-in-out; height: 100%; display: flex; align-items: center; }
.el-close { position: absolute; right: 10px; top: 10px; height: 50px; width: 50px; border: none; border-radius: 50%; background: transparent; display: flex; justify-content: center; align-items: center; color: #fff; border: 2px solid #fff; transition: all 0.2s linear; }
.el-close:hover { background: #fff; color: #111; transition: all 0.2s linear; }
form#hidden-search-box.el-active { transform: scale(1); transition: all 0.3s ease-in-out; backdrop-filter: blur(4px); background: #020b15f2; }
form#hidden-search-box input.form-control.addon-text-box { background: transparent !important; border: none !important; color: #fff; font-size: 28px; box-shadow: none !important; outline: none !important; font-weight: 300; }
form#hidden-search-box input::placeholder { color: #ffffff98; }
form#hidden-search-box button.input-group-btn.addon-btn { color: #fff; border: none; background: transparent; padding: 0; margin-top: -8px; }
.inner-skill-warp .skill-content { max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; background: #020c16; padding: 40px; border-radius: 20px; overflow: hidden; z-index: 9; position: relative; }
.inner-skill-warp .skill-content::after { content: ''; background: url(../../assets/images/bg_12.jpg); position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.15; background-size: cover; background-attachment: fixed; background-position: center; z-index: -1; }
.inner-skill-warp h2 { color: #fff; }
.inner-skill-warp .skill-content p { color: #fff; width: 80%; margin: 0 auto; text-align: center; }
a.el-btn-primary.el-btn-blue::after { background: #fff; }
a.el-btn-primary.el-btn-blue { color: #1a58ed; }
a.el-btn-primary.el-btn-blue:hover { color: #ffffff; }
a.el-btn-primary.el-btn-blue:hover svg { color: #1a58ed; }
ul.el-social-media { padding: 0; display: flex; list-style: none; flex-wrap: wrap; }
ul.el-social-media li a { padding-right: 10px; margin: 10px 0; display: inline-block; }
.footer-widget p { color: #111; font-size: 15px; font-weight: 500; line-height: 34px; margin-bottom: 5px; }
.footer-widget .footer-link li a { color: #111; font-size: 15px; font-weight: 500; }
ul.el-social-media li { width: 100%; align-items: center; display: flex; }
ul.el-social-media li a { margin: 0; display: inline-block; padding: 5px 0; text-transform: capitalize; font-size: 14px; font-weight: 500; color: #111; padding-bottom: 15px; }
ul.el-social-media li img { margin-right: 10px; }
.footer-widget a.el-read-more { color: #1a58ed; font-size: 14px; }
.footer-widget a.el-read-more svg.feather { width: 17px; position: relative; top: -1px; }
nav#navbar { z-index: 999999; }

/*============= Proloader Css ================*/
.el-base { height: 100dvh; display: flex; align-items: center; justify-content: center; }
.el-base img {
  max-width:400px; margin: 0 auto;
}
.el-base .circ { width: 10rem; height: 10rem; border-radius: 50%; position: absolute; transform-style: preserve-3d; backdrop-filter: blur(0.5px); border: 1.9px solid; border-top-color: rgba(47, 105, 246, 0.5); border-bottom-color: rgba(23, 0, 199, 0.5); border-left-color: rgba(47, 105, 246, 0.5); border-right-color: rgba(23, 0, 199, 0.5); opacity: 0; }
.el-base .circ.circ-1 { transform: rotate3d(0, 1, 0, 24deg); animation: rotate 2s linear infinite; animation-delay: 0.1333333333s; }
.el-base .circ.circ-2 { transform: rotate3d(0, 1, 0, 48deg); animation: rotate 2s linear infinite; animation-delay: 0.2666666667s; }
.el-base .circ.circ-3 { transform: rotate3d(0, 1, 0, 72deg); animation: rotate 2s linear infinite; animation-delay: 0.4s; }
.el-base .circ.circ-4 { transform: rotate3d(0, 1, 0, 96deg); animation: rotate 2s linear infinite; animation-delay: 0.5333333333s; }
.el-base .circ.circ-5 { transform: rotate3d(0, 1, 0, 120deg); animation: rotate 2s linear infinite; animation-delay: 0.6666666667s; }
.el-base .circ.circ-6 { transform: rotate3d(0, 1, 0, 144deg); animation: rotate 2s linear infinite; animation-delay: 0.8s; }
.el-base .circ.circ-7 { transform: rotate3d(0, 1, 0, 168deg); animation: rotate 2s linear infinite; animation-delay: 0.9333333333s; }
.el-base .circ.circ-8 { transform: rotate3d(1, 0, 0, 192deg); animation: rotate-2 3s linear infinite; animation-delay: 1.0666666667s; }
.el-base .circ.circ-9 { transform: rotate3d(1, 0, 0, 216deg); animation: rotate-2 3s linear infinite; animation-delay: 1.2s; }
.el-base .circ.circ-10 { transform: rotate3d(1, 0, 0, 240deg); animation: rotate-2 3s linear infinite; animation-delay: 1.3333333333s; }
.el-base .circ.circ-11 { transform: rotate3d(1, 0, 0, 264deg); animation: rotate-2 3s linear infinite; animation-delay: 1.4666666667s; }
.el-base .circ.circ-12 { transform: rotate3d(1, 0, 0, 288deg); animation: rotate-2 3s linear infinite; animation-delay: 1.6s; }
.el-base .circ.circ-13 { transform: rotate3d(1, 0, 0, 312deg); animation: rotate-2 3s linear infinite; animation-delay: 1.7333333333s; }
.el-base .circ.circ-14 { transform: rotate3d(1, 0, 0, 336deg); animation: rotate-2 3s linear infinite; animation-delay: 1.8666666667s; }
.el-base .circ.circ-15 { transform: rotate3d(1, 0, 0, 360deg); animation: rotate-2 3s linear infinite; animation-delay: 2s; }
@keyframes rotate {
  from { opacity: 1; transform: rotate3d(0, 1, 1, 360deg); }
  to { transform: rotate3d(0, 1, 1, 0deg); opacity: 1; }
}
@keyframes rotate-2 {
  from { opacity: 1; transform: rotate3d(1, 0, 1, 0deg); }
  to { opacity: 1; transform: rotate3d(1, 0, 1, 360deg); }
}
.el-base { display: none; transition: all 0.3s ease-in-out; }

/*#preloader + .el-base:after {
  content: "Loading...";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 100px);
  font-size: 14px;
  color: #111;
}*/
#preloader + .el-base { position: fixed; top: 0; left: 0; z-index: 9999999; width: 100%; background: #fff; display: flex; align-items: center; transition: all 0.3s ease-in-out; justify-content: center; }
.progress-wrap { position: fixed; right: 20px; bottom: 20px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear }
.progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0) }
.progress-wrap::after { position: absolute; content: ''; text-align: center; line-height: 46px; font-size: 24px; color: #333333; left: 2px; top: 2px; height: 42px; width: 42px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; background-color: #EFF3F9; border-radius: 50% }
.progress-wrap:hover::after { opacity: 0 }
.progress-wrap::before { position: absolute; content: ''; text-align: center; line-height: 46px; font-size: 24px; opacity: 0; background: #1a58ed; -webkit-background-clip: text; -webkit-text-fill-color: transparent; left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear }
.progress-wrap:hover::before { opacity: 1 }
.progress-wrap svg path { fill: none }
.progress-wrap svg.progress-circle path { stroke: #1a58ed; stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear }
.progress-wrap svg { position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 24px }
.progress-wrap svg:before { font-weight: 600 !important }
.progress-wrap svg.feather.feather-arrow-up { width: 100%; padding: 12px; color: #1a58ed; }
.el-about-us-img { border-radius: 0; display: flex; justify-content: space-between; padding-right: 20px; }
.el-ab-img-vid-block-1 { height: 650px; width: 47%; overflow: hidden; display: inline-block; border-radius: 25px; }
.el-ab-img-vid-block-2 { overflow: hidden; width: 47%; display: inline-block; position: relative; border-radius: 25px; }
.el-ab-img-vid-block-1 img.img-fluid { width: 100%; height: 100%; object-fit: cover; }
.el-ab-img-vid-block-2 video#el-video { opacity: 1; width: 100%; }

/*============= About Us Page ================*/
.el-inner-banner .hero-style1-warp { padding-bottom: 150px; margin-top: -100px; padding-top: 170px; }
.single-section.supervise-content h4, .el-call-info h4.mb-4 { font-weight: 400; }
.single-section.supervise-content h4 strong, .el-call-info h4.mb-4 strong { font-weight: 800; }
.el-inner-banner .el-title-wrap small { color: #fff; display: inline-block; margin-top: 15px; font-size: 16px; padding-right: 30px !important; line-height: 34px; }
.el-inner-banner .el-title-wrap h2 { margin-bottom: 0; }
.el-blue-color { background: #1a58ed !important; }
.hero-style1-btn span { font-weight: 600; color: #fff5c7; }
.most-accordion { margin-bottom: 100px; max-width: 460px; }
.most-accordion .accordion-item { margin-bottom: 25px; border-radius: 5px; border: none; background-color: #ffffff; }
.most-accordion .accordion-button:not(.collapsed) { background-color: #ffffff; border: none; box-shadow: unset; }
.most-accordion .accordion-button:not(.collapsed)::after { background-image: url(../images/svgs/arrow1.svg); transform: none !important; }
.most-accordion .accordion-button { font-weight: 600; font-size: 16px; font-family: "Plus Jakarta Sans"; color: #141F39; }
.most-accordion .accordion-button::after { background-size: 16px; background-image: url(../images/svgs/arrow2.svg); transform: none !important; }
.most-accordion .accordion-button:focus { box-shadow: unset; }
.most-accordion .accordion-body { font-family: "Plus Jakarta Sans"; padding-top: 0; padding-left: 20px; }
.inner-accordion-widget { background: #f0f4ff; padding: 30px; border-radius: 20px; max-width: 75%; }

/*
Accordion  Warp  Style
======================================================*/
.inner-accordion-widget { max-width: 1100px; margin-left: auto; margin-right: auto; }
.inner-accordion-widget .most-accordion { max-width: 100%; margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.inner-accordion-widget .most-accordion .accordion-item { background: #F6F9FF; }
.inner-accordion-widget .most-accordion .accordion-item .accordion-button { background: #F6F9FF; }
.inner-accordion-widget .most-accordion .accordion-item .accordion-button:not(.collapsed)::after { background-image: url(../images/svgs/arrow8.svg); transform: none !important; }

/*
Account  Warp  Style
======================================================*/
.inner-account-warp { max-width: 1270px; margin-left: auto; margin-right: auto; }
.inner-account-warp .account-widget { padding: 50px; box-shadow: 0px 10px 40px rgba(20, 31, 57, 0.05); border-radius: 10px; background-color: #ffffff; }
.inner-account-warp .account-widget h3 { font-weight: 600; font-size: 30px; margin-bottom: 20px; }
.inner-account-warp .account-widget .input-box { margin-bottom: 20px; }
.inner-account-warp .account-widget .input-box .form-label { font-weight: 500; color: #141F39; font-size: 16px; margin-bottom: 10px; }
.inner-account-warp .account-widget .input-box .form-control { height: 55px; border: 1px solid #E7E7E7; border-radius: 5px; padding-left: 20px; color: #6B6B6B; font-size: 14px; }
.inner-account-warp .account-widget .input-box .form-control:focus { box-shadow: unset; }
.inner-account-warp .account-widget .input-box .form-control:focus::-moz-placeholder { color: transparent; }
.inner-account-warp .account-widget .input-box .form-control:focus::placeholder { color: transparent; }
.inner-account-warp .account-widget .input-box .form-control::-moz-placeholder { color: #6B6B6B; -moz-transition: all ease 0.5s; transition: all ease 0.5s; }
.inner-account-warp .account-widget .input-box .form-control::placeholder { color: #6B6B6B; transition: all ease 0.5s; }
.account-stand .content { max-width: 630px; }
.account-stand .white-color { background-color: #ffffff !important; color: #141F39 !important; }
.inner-accordion-widget .most-accordion { max-width: 100%; margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.inner-accordion-widget .most-accordion .accordion-item .accordion-button { background: #ffffff; border-radius: 7px; padding: 10px 20px; font-size: 16px; font-weight: 500; box-shadow: 0 0 50px -10px #00000020; margin-bottom: 0; }
.most-accordion .accordion-body { padding: 20px; background: #fff; margin-top: 10px; border-radius: 5px; color: #111; }
.inner-accordion-widget .most-accordion .accordion-item { width: 49%; background: transparent; }
.most-accordion .accordion-body p { color: #111; }
.inner-accordion-warp.pt-75.pb-75 { z-index: 99; position: relative; background: #fff; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; padding-top: 0; }
.inner-accordion-warp .inner-accordion-widget { background: #f0f4ff; padding: 50px 50px 40px 50px; border-radius: 20px; max-width: 1520px; }
.en-block-card img { max-width: 90px; margin-bottom: 30px; margin-top: 10px; }
.en-block-card h4 { color: #fff; margin-bottom: 20px; font-weight: 500; font-size: 20px; }
.en-block-card p { color: #b6c0cb; line-height: 31px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */ line-clamp: 4; -webkit-box-orient: vertical; }
.en-block-card { text-align: center; border: 1px solid #1c3248; padding: 20px; border-radius: 20px; min-height: 360px; margin-bottom: 25px; position: relative; transition: all 0.2s linear; }
.en-block-card.en-block-card-1 { min-height: 300px; }
.single-section.supervise-content.inner-improve-warp { background: transparent; padding: 0; }
.single-section.supervise-content.inner-improve-warp .improve-list li .content p { color: #111; font-size: 16px; }
.single-section.supervise-content.inner-improve-warp ul.improve-list { width: 50%; float: left; }
.supervise-image.en-list-img { padding-top: 60px; padding-bottom: 0; position: relative; }
.supervise-warp.en-offer-main { z-index: 9; border-radius: 40px; margin-top: -40px; background: #fff; }
.inner-accordion-warp .inner-accordion-widget h2 { line-height: 46px; }

/*
Contact  Style
======================================================*/
.contact-content { max-width: 100%; }
.contact-content p { margin-bottom: 40px; }
.contact-content .contact-widget { margin-bottom: 20px; padding-bottom: 30px; border-bottom: none; padding: 25px; background-color: #ffffff; border: 1px solid #ededed; border-radius: 10px; }
.contact-content .contact-widget .icon-style { width: 65px; height: 65px; }
.contact-content .contact-widget .icon-style .icon { width: 65px; height: 65px; border-radius: 50%; background: #E7F3FF; text-align: center; line-height: 62px; }
.contact-content .contact-widget .content { padding-left: 20px; }
.contact-content .contact-widget .content h5 { font-size: 20px; margin-bottom: 12px; }
.massage-warp { background: transparent; box-shadow: none; border-radius: 10px; padding: 0 10px; }
.massage-warp h3 { font-size: 20px; margin-bottom: 20px; }
.massage-warp .input-box { margin-bottom: 20px; }
.massage-warp .input-box .form-label { margin-bottom: 5px; font-weight: 600; color: #141F39; font-size: 14px; }
.massage-warp .input-box .form-control { border: 1px solid #cfcfcf; border-radius: 5px; padding-left: 20px; height: 50px; background-color: #ffffff; color: #6B6B6B; font-size: 14px; }
.massage-warp .input-box textarea.form-control { height: 115px !important; }
.massage-warp .input-box .form-control:focus { box-shadow: unset; }
.massage-warp .input-box .form-control:focus::-moz-placeholder { color: transparent; }
.massage-warp .input-box .form-control:focus::placeholder { color: transparent; }
.massage-warp .input-box .form-control::-moz-placeholder { color: #6B6B6B; -moz-transition: all ease 0.5s; transition: all ease 0.5s; }
.massage-warp .input-box .form-control::placeholder { color: #6B6B6B; transition: all ease 0.5s; }
.massage-warp .input-box textarea { height: 130px !important; padding-top: 12px; }
.inner-map iframe { width: 100%; height: 450px; display: block; border-radius: 10px; }
.inner-map { padding: 0 50px; }
.el-video-intro.en-contact-us .el-title-wrap { justify-content: center; align-items: center; text-align: center; }
header.el-main-header.el-inner-banner.el-contact-banner .hero-style1-warp { padding-bottom: 300px; }
.en-contact-inner { padding: 40px; background: #fff; margin-top: -220px; position: relative; z-index: 9; border-radius: 30px; }
header.el-main-header.el-inner-banner.el-contact-banner .hero-style1-warp { padding-bottom: 300px; position: relative; z-index: 9; }
header.el-main-header.el-inner-banner.el-contact-banner .hero-style1-warp:after { background: url(../images/con-img.jpg); content: ''; position: absolute; z-index: -2; width: 100%; display: inline-block; height: 100%; top: 0; left: 0; opacity: 0.2; background-attachment: fixed; background-position: 0 -120px; background-repeat: no-repeat; background-size: cover; }
header.el-main-header.el-inner-banner.el-suite-banner .hero-style1-warp { padding-bottom: 180px; position: relative; z-index: 9; }
header.el-main-header.el-inner-banner.el-suite-banner .hero-style1-warp:after { background: url(../images/sui-img.jpg); content: ''; position: absolute; z-index: -2; width: 100%; display: inline-block; height: 100%; top: 0; left: 0; opacity: 0.15; background-attachment: fixed; background-position: 0 -120px; background-repeat: no-repeat; background-size: cover; }
header.el-main-header.el-inner-banner.el-suite-banner.el-co-img .hero-style1-warp:after { background: url(../images/en-cr-bg_1.jpg); background-attachment: fixed; background-position: 0 -310px; background-repeat: no-repeat; background-size: cover; }
header.el-main-header.el-inner-banner.el-suite-banner.el-co-img.el-dcm-banner .hero-style1-warp:after { background: url(../images/dcm-banner.jpg); background-attachment: fixed; background-position: 0 -250px; background-repeat: no-repeat; background-size: cover; }
header.el-main-header.el-inner-banner.el-suite-banner.el-co-img.el-ntm-banner .hero-style1-warp:after { background: url(../images/bg-img_5.jpg); background-attachment: fixed; background-position: 0 -250px; background-repeat: no-repeat; background-size: cover; }
header.el-main-header.el-inner-banner.el-suite-banner.el-db-img .hero-style1-warp:after { background: url(../images/bg-img_8.jpg); background-attachment: fixed; background-position: 0 -250px; background-repeat: no-repeat; background-size: cover; }
header.el-main-header.el-inner-banner.el-suite-banner.el-url-img .hero-style1-warp:after { background: url(../images/bg-img_7.jpg); background-attachment: fixed; background-position: 0 -250px; background-repeat: no-repeat; background-size: cover; }
header.el-main-header.el-inner-banner.el-suite-banner .hero-style1-warp .el-title-wrap { text-align: center; align-items: center; }
.en-404-page {
    position: fixed;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    background: #0e0e0e;
}
.en-404-page:after { background: url(../images/en-cr-bg_1.jpg); content: ''; position: absolute; z-index: -2; width: 100%; display: inline-block; height: 100%; top: 0; left: 0; opacity: 0.6; background-attachment: fixed; background-position: 0 -120px; background-repeat: no-repeat; background-size: cover; }
.en-404-page-inner {
    background: #ffffff;
    padding: 20px 50px;
    border-radius: 0;
    backdrop-filter: blur(4px);
    position: fixed;
    left: 0;
    width: 40%;
    top: 0;
    text-align: center;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.navbar.sticky .el-btn-dark-text:hover { color: #111 !important; }
.en-con-text p { text-align: center; color: #081c40; padding: 0 0; max-width: 90%; margin: 0 auto 30px; font-size: 18px; }
.el-video-block video#en-main-video { width: 100%; border-radius: 10px; }
.el-about-us-v video#el-video-1 { height: 660px; width: 95%; object-fit: cover; object-position: center; border-radius: 20px; }
.en-modal .modal-content { padding: 20px 20px; }
.en-modal .modal-content .modal-header { border: none; }
.en-modal .modal-content .modal-header button.btn-close { height: 30px; width: 30px; right: -20px; top: -55px; border: 2px solid #111; position: relative; border-radius: 50px; }
.modal { z-index: 99999999; backdrop-filter: blur(4px); }
.modal-backdrop.fade.show { z-index: 999999; opacity: 0.8; }
.en-modal .modal-content { padding: 30px; border-radius: 20px; }
.modal-dialog.modal-lg.modal-dialog-centered { max-width: 870px; }
.en-title { width: 90%; margin-top: -10px; }
.en-modal .modal-content .modal-header button.btn-close {
    height: 30px;
    width: 30px;
    right: -23px;
    top: -40px;
    border: 2px solid #111;
    position: relative;
    border-radius: 50px;
}
a.el-contact-btn { display: flex; align-items: center; color: #fff; padding: 14px 30px; margin-left: 5px; border: 2px solid transparent; border-radius: 30px; transition: all 0.2s linear; }
a.el-contact-btn:hover { border: 2px solid #fff; }
a.el-contact-btn svg.feather { padding-right: 4px; margin-right: 5px; }
.en-block-card .el-btn-primary-small::after { width: 46px; }
header.el-main-header.el-inner-banner.el-suite-banner.el-co-img small { font-size: 20px; padding: 0 !important; margin-top: 20px; }
.en-co-content p { text-align: center; margin-bottom: 50px; font-size: 24px; color: #111; }
.el-about-content.supervise-content { text-align: center; }
.el-about-content.supervise-content > p { max-width: 70%; margin: 0 auto; }
.el-about-content.supervise-content ul.supervise-list { margin-top: 40px; padding-right: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.el-about-content.supervise-content .supervise-list li { margin-bottom: 0; position: relative; display: flex; align-items: center; width: 32%; flex-wrap: wrap; border: 1px solid #dbe5ff; border-radius: 15px; padding: 15px; min-height: 370px; margin: 15px 0; background: #fff; justify-content: center; }
.el-about-content.supervise-content .supervise-list li .rounded-icon { width: 130px; height: auto; text-align: center; font-size: 36px; line-height: 90px; border-radius: 50%; color: #081c40; margin-top: 5px; }
.el-about-content.supervise-content .supervise-list li p strong { display: inline-block; width: 100%; font-size: 22px; margin: 20px 0; font-weight: 600; }
.el-about-content.supervise-content .supervise-list li .content { margin-left: 0; }
.el-about-content.supervise-content .supervise-list li .content p { margin-bottom: 0; font-size: 16px; }
.en-vm-block .inner-improve-warp .improve-list li p {
    font-size: 16px;
    text-align: left;
}
header.el-main-header.el-inner-banner.el-suite-banner.el-co-img p, header.el-main-header.el-inner-banner.el-suite-banner.el-db-img p, header.el-main-header.el-inner-banner.el-suite-banner.el-url-img p {
    color: #fff;
    font-size: 16px;
    max-width: 85%;
    margin: 20px auto 0;
    text-align: center;
}
header.el-main-header.el-inner-banner.el-suite-banner.el-co-img small { font-size: 22px; padding: 0 !important; margin-top: 20px; font-weight: 600; color: #fff5c7; }
.en-fea-block { position: relative; border: 1px solid #dbe5ff; border-radius: 15px; padding: 25px; min-height: 90%; background: #fff; margin-bottom: 30px; }
.en-fea-block h4 { font-size: 18px; font-weight: 700; }
.en-compare-block table.table { text-align: left; margin-bottom: 0; }
.en-compare-block table.table th { padding: 20px; font-weight: 800; }
.en-compare-block table.table td { padding: 20px; border-color: #e7e7e7; }
.en-compare-block table.table th:nth-child(2) { text-align: center; border-top: 4px solid green; border-left: 1px solid #e7e7e7; width: 250px; background: #efe; }
.en-compare-block table.table th:nth-child(3) { text-align: center; border-top: 4px solid #d51b1b; border-left: 1px solid #e7e7e7; width: 250px; background: #fff0f0; }
.en-compare-block table.table tr td:nth-child(2) { text-align: center; color: green; border-left: 1px solid #e7e7e7; background: #efe; }
.en-compare-block table.table tr td:nth-child(3) { text-align: center; color: red; border-left: 1px solid #e7e7e7; background: #fff0f0; }
.en-compare-block table.table tr:last-child td { border-bottom: none; }
.en-compare-block .table-responsive { margin: 0; background: #fff; border-radius: 20px; box-shadow: 0 0 30px 0 #00000010; }
.en-fea-block img { max-width: 68px; margin-bottom: 20px; }
.el-brand-logos p.en-tt-wrapper { width: 90%; margin-bottom: 0; margin-top: 50px; }
.en-fea-block:after, .el-about-content.supervise-content .supervise-list li:after { content: ""; border-top: 2px solid #93b2ff; width: 10%; height: 10%; position: absolute; right: -2px; top: -2px; border-top-right-radius: 15px; border-right: 2px solid #93b2ff; }
.en-fea-block:before, .el-about-content.supervise-content .supervise-list li:before { content: ""; border-bottom: 2px solid #93b2ff; width: 10%; height: 10%; position: absolute; left: -2px; bottom: -2px; border-bottom-left-radius: 15px; border-left: 2px solid #93b2ff; }
.en-fea-block:hover::after, .el-about-content.supervise-content .supervise-list li:hover::after { border-top: 2px solid #1a58ed; transition: all 0.2s linear; border-right: 2px solid #1a58ed; }
.en-fea-block:hover::before, .el-about-content.supervise-content .supervise-list li:hover::before { border-bottom: 2px solid #1a58ed; transition: all 0.2s linear; border-left: 2px solid #1a58ed; }
.en-block-card:after { content: ""; border-top: 2px solid #4a556e; width: 10%; height: 10%; position: absolute; right: -2px; top: -2px; border-top-right-radius: 20px; border-right: 2px solid #4a556e; transition: all 0.2s linear; }
.en-block-card:before { content: ""; border-bottom: 2px solid #4a556e; width: 10%; height: 10%; position: absolute; left: -2px; bottom: -2px; border-bottom-left-radius: 20px; border-left: 2px solid #4a556e; transition: all 0.2s linear; }
.en-block-card:hover::after { border-top: 2px solid #fff; transition: all 0.2s linear; border-right: 2px solid #fff; }
.en-block-card:hover::before { border-bottom: 2px solid #fff; transition: all 0.2s linear; border-left: 2px solid #fff; }
.el-brand-logos p.en-tt-wrapper strong { color: #fff; }
.productive-warp .slick-slide { padding: 15px; }
.slick-slide .en-fea-block img { max-width: 100%; margin-bottom: 20px; border-radius: 10px; height: 150px; width: 100%; object-fit: cover; }
.slick-slide .en-fea-block { position: relative; border: 1px solid #dbe5ff; border-radius: 15px; padding: 10px; min-height: 350px; background: #fff; margin-bottom: 0; text-align: left; }
button.slick-next { position: absolute; right: 15px; font-size: 0; width: 45px; height: 45px; border-radius: 50px; background: #fff; border: 2px solid #1a58ed; box-shadow: 0 0 30px 0 #00000015; cursor: pointer; top: -60px; }
button.slick-prev { position: absolute; right: 75px; font-size: 0; width: 45px; height: 45px; border-radius: 50px; background: #fff; border: 2px solid #1a58ed; box-shadow: 0 0 30px 0 #00000015; cursor: pointer; top: -60px; }
button.slick-prev::before { font-family: uicons-regular-straight !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f132"; font-size: 20px; color: #1a58ed; }
button.slick-next::before { font-family: uicons-regular-straight !important; font-style: normal; font-weight: 500; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f133"; font-size: 20px; color: #1a58ed; }
.en-list-block-1 { display: flex; margin-top: 30px; }
.en-list-block-1 .en-block { width: 20%; background: #eff3ff; padding: 30px; text-align: left; }
.en-block.en-block-1 { border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.en-list-block-1 .en-block { width: 20%; background: #cfffd1; padding: 30px; text-align: left; font-weight: 500; display: flex; align-items: center; }
.en-list-block-1 .en-block.en-block-2 { background: #fffccf; }
.en-list-block-1 .en-block.en-block-3 { background: #ffedff; }
.en-list-block-1 .en-block.en-block-4 { background: #ffe8eb; }
.en-list-block-1 .en-block.en-block-5 { background: #e9f6ff; }
.en-list-block-1 .en-block p { color: #111; font-size: 18px; }
.productive-warp.supervise-warp .supervise-list li .rounded-icon { width: auto; height: auto; line-height: normal; }
.supervise-content .supervise-list li .rounded-icon img.en-w-64 { max-width: 40px; }
.productive-warp.supervise-warp .supervise-list li .content { margin-left: 15px; }
h4.en-choose-title { color: #fff; text-align: center; margin-top: 40px; font-size: 26px; font-weight: 600; }
.inner-accordion-widget.en-faqs-accordion { padding: 0; background: transparent; margin-top: 0px; }
.inner-accordion-widget.en-faqs-accordion .most-accordion .accordion-item { width: 100%; background: transparent; margin-bottom: 15px; }
.inner-accordion-widget.en-faqs-accordion { padding: 0; background: transparent; margin-top: 0px; max-width: 900px; }
.inner-accordion-widget.en-faqs-accordion .most-accordion .accordion-item .accordion-button { background: transparent; border-radius: 7px; padding: 20px 20px; font-size: 16px; font-weight: 500; box-shadow: 0 0 50px -10px #00000020; margin-bottom: 0; border: 1px solid #1c3248; color: #fff; }
.inner-accordion-widget.en-faqs-accordion .most-accordion .accordion-button::after { filter: contrast(0); }
.inner-accordion-widget.en-faqs-accordion .most-accordion .accordion-item .accordion-button:not(.collapsed)::after { filter: brightness(10); }
.inner-accordion-widget.en-faqs-accordion .most-accordion .accordion-body p { color: #b6c0cb; }
.inner-accordion-widget.en-faqs-accordion .most-accordion .accordion-body { padding: 20px; background: #020c16; margin-top: 10px; border-radius: 10px; color: #fff; border: 1px solid #1c3248; }
.inner-skill-warp h2 span { display: inline-block; width: 100%; font-size: 28px; }
.inner-skill-warp h2 span { display: inline-block; width: 100%; font-size: 28px; font-weight: 400; }
.inner-skill-warp h2 span a { color: #fff5c7; }
.en-block-card.en-block-card-2 { min-height: 280px; }
.improve-warp.el-main-header.en-bu-block .section-title.black-section { margin-bottom: 10px; }
.improve-warp.el-main-header.en-bu-block ul + p { margin-top: 35px; }
.improve-warp.el-main-header.en-bu-block h4 { color: #fff; }
.navbar .navbar-nav .nav-item .dropdown-menu:before { content: ""; width: 20px; height: 20px; background: #fff; transform: rotate(45deg); left: 30px; top: -7px; position: absolute; border-radius: 5px; }
.en-404-page {
    position: fixed;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.en-404-page .en-main-logo img {
  max-width: 150px;
}
.en-404-page {
    position: fixed;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
}
.en-404-page dotlottie-player {
    width: 100% !important;
    height: 550px !important;
    margin-top: -200px;
    margin-bottom: -200px;
}

section.en-tabs-main ul#pills-tab {
    border: none;
    width: 60%;
    box-shadow: 0px 10px 30px rgba(29, 140, 242, 0.2);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 auto 30px !important;
    padding-right: 0 !important;
}

section.en-tabs-main ul#pills-tab li.nav-item {
  min-width: 25%;
}

section.en-tabs-main ul#pills-tab  .nav-link {
    min-width: 100%;
    border: none;
    margin: 0;
    padding: 20px 5px !important;
    border-radius: 0;
    color: #081c40;
    transition: all .2s linear;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: 4px solid transparent;
    align-items: center;
}


section.en-tabs-main ul#pills-tab .nav-link span {
    width: 40px;
    height: 40px;
    background: #dfeaff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 7px;
    border-radius: 50%;
    font-weight: 600;
}

section.en-tabs-main ul#pills-tab  .nav-link.active,
section.en-tabs-main ul#pills-tab  .nav-link:hover {
    border-bottom: 4px solid #1969ff;
    background: #dfeaff;
    color: #1969ff;
    font-weight: 600;
}

section.en-tabs-main ul#pills-tab  .nav-link.active span,
section.en-tabs-main ul#pills-tab  .nav-link:hover span
 {
    width: 40px;
    height: 40px;
    background: #1969ff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 7px;
    border-radius: 50%;
    font-weight: 600;
    color:#fff;
}

header.el-main-header.el-inner-banner.el-suite-banner.el-appliance-banner p.drop-in-3 {
    color: #fff;
    font-size: 16px;
    max-width: 85%;
    margin: 10px auto 20px;
    text-align: center;
}


.texto h2 {
    margin: 0;
    letter-spacing: 0;
    font-size: 50px;
    font-weight: 700;
    position: relative;
    height: 75px;
    margin-top: 10px;
}

.texto h2 .container .word {
    text-rendering: optimizeLegibility !important;
    white-space: pre;
    left: 90px;
    transform: translate(-0%, -10%);
    opacity: 0;
    display: block;
    top: 8px;
    position: absolute;
    color: #fcff77;
}

.letter {
  text-rendering: optimizeLegibility !important;
  display: inline-block;
  position: relative;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}

.letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  transform: rotateX(-90deg);
}

.letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@-webkit-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
@-o-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
@-moz-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
@keyframes gradient {
  0% {
    background-position-y: 100vh;
  }
  100% {
    background-position-y: -100vh;
  }
}
@keyframes grain {
  0% {
    -webkit-transform: translate(-10%, 10%);
    -moz-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%);
  }
  10% {
    -webkit-transform: translate(-25%, 0%);
    -moz-transform: translate(-25%, 0%);
    transform: translate(-25%, 0%);
  }
  20% {
    -webkit-transform: translate(-30%, 10%);
    -moz-transform: translate(-30%, 10%);
    transform: translate(-30%, 10%);
  }
  30% {
    -webkit-transform: translate(-30%, 30%);
    -moz-transform: translate(-30%, 30%);
    transform: translate(-30%, 30%);
  }
  40% {
    -webkit-transform: translate();
    -moz-transform: translate();
    transform: translate();
  }
  50% {
    -webkit-transform: translate(-15%, 10%);
    -moz-transform: translate(-15%, 10%);
    transform: translate(-15%, 10%);
  }
  60% {
    -webkit-transform: translate(-20%, 20%);
    -moz-transform: translate(-20%, 20%);
    transform: translate(-20%, 20%);
  }
  70% {
    -webkit-transform: translate(-5%, 20%);
    -moz-transform: translate(-5%, 20%);
    transform: translate(-5%, 20%);
  }
  80% {
    -webkit-transform: translate(-25%, 5%);
    -moz-transform: translate(-25%, 5%);
    transform: translate(-25%, 5%);
  }
  90% {
    -webkit-transform: translate(-30%, 25%);
    -moz-transform: translate(-30%, 25%);
    transform: translate(-30%, 25%);
  }
  100% {
    -webkit-transform: translate(-10%, 10%);
    -moz-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%);
  }
}
.single-section.supervise-content p {
    text-align: justify;
}

.el-about-content.supervise-content > p {
    max-width: 70%;
    margin: 0 auto;
    text-align: center;
}

.single-section.supervise-content.inner-improve-warp p {
    text-align: center;
}
.tab-content .inner-improve-warp .improve-list li .content p {
    text-align: left;
}

.en-thank-you-title {
    width: 100%;
    text-align: center;
}

.en-thank-you-title h2 {
    font-size: 54px;
    margin-top: 40px;
}

.en-thank-you-title p {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 45px;
}

label.error,span.error {
    color: red;
    font-size: 14px;
}

.en-text_a_left {
    text-align:left !important;
}


.en-text_a_center {
    text-align:center !important;
}

a.el-btn-primary.el-btn-dark-text,
a.el-btn-primary-small.el-btn-dark-text{
    background: #061b30;
}

.sticky a.el-btn-primary-small.el-btn-dark-text {
    background: #e2ebff;
}

.en-mobile {
    display:none;
}

.el-btn-primary.el-btn-blue {
    background: #ffffff20;
}

.el-about-content .en-dcm-slider p {
    line-height: 27px;
}

.el-about-content .en-dcm-slider h4 {
    text-align: center;
}


/*============= Responsive Css ================*/
@media (max-width:1450px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 97%; }
  .el-title-wrap h1 { color: #fff; font-size: 22px; line-height: 36px; width: 100%; }
  .el-title-wrap h2 { font-size: 48px; }
  .el-title-wrap small { font-size: 14px; }
  .col-12.el-shape-1 a { left: 110px; top: -20px; }
  .col-12.el-shape-1 img { margin-left: -60px; }
  .hero-style1-warp { padding-top: 120px; padding-bottom: 120px; }
  .el-about-content h2, .inner-fun-fact h2, .single-section h2, .section-title.black-section h2, .section-title h2, .el-brand-logos h2, .inner-skill-warp h2 { font-size: 28px; line-height: 45px; }
  .el-about-content p, .single-section p, .inner-improve-warp .section-title p, .section-title p, .el-brand-logos p { font-size: 14px; line-height: 24px; }
  .fun-fact-widget li { width: 48%; }
  .single-section.supervise-content h4.mt-3.drop-in-3 { font-size: 20px; }
  .supervise-content .supervise-list li .content p { font-size: 14px; line-height: 28px; }
  .inner-improve-warp .improve-content h2 { font-weight: 600; font-size: 20px; line-height: 34px; }
  .inner-improve-warp .improve-list li .content p { font-size: 14px; line-height: 28px; }
  .boost-card .icon-content h3 { font-size: 20px; }
  .footer-widget p { color: #111; font-size: 14px; line-height: 30px; }
  form#hidden-search-box { padding: 10px 40px; }
  .el-brand-logos p { width: 60%; }
  .boost-card { height: 400px; }
  .el-video-block { height: 500px; }
  .single-section.supervise-content.inner-improve-warp .improve-list li .content p { font-size: 14px; }
  p { font-size: 14px; }
  .en-block-card p { line-height: 28px; }
  .en-block-card h4 { font-size: 18px; }
  .el-about-content.supervise-content .supervise-list li .content p { font-size: 14px; }
  .en-compare-block table.table td { font-size: 14px; }
  .el-inner-banner .el-title-wrap h2 { margin-bottom: 0; font-size: 34px; line-height: 48px; }
  .el-about-content.supervise-content .supervise-list li p strong { font-size: 18px; }
  .en-modal .modal-content { padding: 20px; }
  .en-title h2 { font-size: 24px; }
  .en-modal .modal-content { padding: 20px 10px; }
  .en-modal .modal-content .modal-header button.btn-close { right: -10px; top: -30px; }
  .en-modal .modal-content .modal-header { padding-bottom: 0; padding-left: 25px; }
  .inner-fun-fact { padding-top: 65px; padding-bottom: 120px; padding-left: 80px; padding-right: 80px; }
  .footer-widget .footer-link li a { font-size: 14px; }
  header.el-main-header.el-inner-banner.el-suite-banner.el-co-img .hero-style1-warp:after { background-position: 0 -160px; }
  .en-vm-block .inner-improve-warp .section-title { margin-bottom: 20px; }
  header.el-main-header.el-inner-banner.el-suite-banner.el-co-img.el-dcm-banner .hero-style1-warp:after { background-position: 0 0; }
  .el-about-content .en-dcm-slider p {
    line-height: 22px;
    font-size: 13px;
}
.inner-improve-warp .improve-list li .content p {
    text-align: left;
}
}
@media (max-width:1199px) {
  .el-about-content p, .single-section p, .inner-improve-warp .section-title p, .section-title p, .el-brand-logos p { font-size: 14px; line-height: 28px; font-weight: 500; }
  .el-about-content h2, .inner-fun-fact h2, .single-section h2, .section-title.black-section h2, .section-title h2, .el-brand-logos h2, .inner-skill-warp h2 { font-size: 28px; line-height: 38px; }
  .el-call-info h4 { font-size: 20px !important; }
  .supervise-content .supervise-list li .content p { font-size: 14px; line-height: 28px; }
  .pt-75 { padding-top: 45px; }
  .pb-75 { padding-bottom: 45px; }
  .pt-100 { padding-top: 45px; }
  .pb-100 { padding-bottom: 45px; }
  .el-video-block img { display: none; }
  .el-title-wrap h1 { width: 90%; }
  .el-title-wrap h2 { font-size: 38px; line-height: 51px; }
  .col-12.el-shape-1 { position: relative; margin-top: -46px; margin-bottom: 80px; margin-left: 0; text-align: center; }
  .col-12.el-shape-1 img { margin-left: 0; margin: 0 auto; }
  .col-12.el-shape-1 a { left: 50%; top: -20px; transform: translate(-50%, 20px); }
  .navbar .navbar-toggler .burger-menu span { height: 2px; width: 25px; margin: 5px 0; display: block; background: #ffffff; }
  .offcanvas.show:not(.hiding), .offcanvas.showing { transform: none; z-index: 999999; }
  .navbar.sticky .navbar-toggler .burger-menu span { background: #020c16; }
  .inner-accordion-widget .most-accordion .accordion-item { width: 100%; background: transparent; }
  .supervise-image { display: none; }
  header.el-main-header.el-inner-banner.el-suite-banner.el-co-img .hero-style1-warp:after { background-position: 0px 0; }
  .en-compare-block table.table th { padding: 10px; font-weight: 800; font-size: 14px; }
  .en-compare-block table.table th:nth-child(2), .en-compare-block table.table th:nth-child(3) { width: 150px; }
  .en-compare-block table.table td { padding: 10px; }
  .productive-warp.supervise-warp.pb-75.pt-75 .col-lg-7 { width: 100%; }
  .supervise-warp.pb-75.pt-75 .col-lg-7 { width: 100%; }
  .en-con-text p { max-width: 100%; margin: 15px; font-size: 16px; }
  .texto h2 .container .word {
    left: 70px;
    top: 5px;
}
.texto h2 {
    height: 55px;
}
.productive-warp.supervise-warp {
    z-index: 99;
}
.footer-warp {
    z-index: 99;
    position: relative;
}
.productive-warp.en-margin-0 {
    margin: 0;
}
}
@media (max-width:991px) {
  .hero-style1-warp { padding-top: 160px; padding-bottom: 120px; }
  .el-video-block { height: auto; margin-top: 60px; margin-bottom: 30px; }
  .el-about-content { text-align: left; margin-top: 30px; }
  ul.fun-fact-widget { flex-wrap: wrap; }
  .fun-fact-widget li { width: 100%; }
  .inner-fun-fact { padding-top: 45px; padding-bottom: 100px; padding-left: 30px; padding-right: 30px; }
  .inner-improve-warp .section-title { max-width: 100%; margin-bottom: 30px; }
  .inner-improve-warp { padding: 45px 30px; }
  .inner-improve-warp .improve-content h2 { margin-top: 40px; }
  .inner-improve-warp .improve-content h2 br { display: none; }
  .improve-warp.bg-161A1E { padding: 120px 0 100px; }
  .el-brand-logos-wrapper::after, .el-brand-logos-wrapper::before { display: none; }
  .footer-widget h4 { margin-top: 20px; }
  .el-title-wrap { justify-content: center; align-items: center; text-align: center; }
  .el-title-wrap small { padding-right: 0 !important; }
  header.el-main-header.el-inner-banner .el-title-wrap { margin-bottom: 50px; }
  .single-section.supervise-content.inner-improve-warp ul.improve-list { width: 100%; float: left; }
  header.el-main-header.el-inner-banner.el-contact-banner .hero-style1-warp { padding-bottom: 200px; }
  .en-contact-inner { padding: 0px; background: #fff; margin-top: -220px; position: relative; z-index: 9; border-radius: 20px; }
  .inner-map { padding: 0; margin-top: 20px; }
  .massage-warp { padding: 0; }
  .footer-widget h4.mt-3 { margin-top: 50px !important; }
  .el-about-content.supervise-content .supervise-list li { width: 100%; margin-top: 20px; }
  .el-about-content.supervise-content > p { max-width: 100%; margin: 0 auto; }
  .el-about-content.supervise-content ul.supervise-list { margin-top: 40px; padding-right: 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
  header.el-main-header.el-inner-banner.el-suite-banner .hero-style1-warp { padding-bottom: 120px; }
  .el-inner-banner .el-title-wrap h2 br { display: none; }
  header.el-main-header.el-inner-banner .col-12.col-lg-5 { text-align: center; }
  .el-about-us-v video#el-video-1 { width: 100%; height: auto; }
  .texto h2 .container .word {
    left: 160px;
    top: 5px;
}
.texto h2 {
    height: 55px;
    margin-left: -240px;
}
.el-title-wrap h1 br {
  display: none;
}
.task_block table tr:first-child th {
    min-width: 230px;
}
.task_block .table-responsive h2 {
    font-size: 16px;
}
.skill-warp.pt-75.mb-2.en-skill-wrap-2 {
    margin: 0;
}

.improve-warp .d-flex.justify-content-center {
    flex-wrap: wrap;
}
.en-404-page {
    position: absolute;
}
.en-404-page-inner {
    width: 100%;
    position: absolute;
}
section.en-tabs-main ul#pills-tab {
    width: 100%;
}
section.en-tabs-main ul#pills-tab  .nav-link {
    font-size: 14px;
}
}

@media (min-width:450px) and (max-width:767px) {
.productive-warp .el-about-content.supervise-content h4.drop-in.mb-4 {
    padding-right: 120px;
    font-size: 18px;
}
}

@media (max-width:568px) {
  .el-title-wrap h1 { width: 100%; text-align: center; }
  .el-title-wrap > span { margin: 0px auto; }
  .el-heatin { text-align: center; }
  .el-title-wrap h2 { font-size: 32px; line-height: 51px; }
  .el-title-wrap small { font-size: 14px; padding-right: 0 !important; }
  .productive-warp { border-radius: 20px; }
  .el-about-content h2, .inner-fun-fact h2, .single-section h2, .section-title.black-section h2, .section-title h2, .el-brand-logos h2, .inner-skill-warp h2 { font-size: 24px; line-height: 35px; }
  .fun-fact-content h3 { font-size: 28px; }
  .fun-fact-content h3 span { font-size: 20px; margin-top: 10px; }
  .supervise-image { margin-right: 0; padding-left: 10px; padding-top: 20px; padding-bottom: 20px; position: relative; }
  .inner-improve-warp .improve-content { padding-left: 0; }
  .boost-card { height: 350px; }
  .el-brand-logos p { width: 100%; }

  .inner-skill-warp .skill-content p { width: 100%; margin: 0 auto; }
  .inner-skill-warp .skill-content { padding: 20px; }
  .skill-warp { border-top-left-radius: 20px; border-top-right-radius: 20px; }
  .boost-slider-warp, .supervise-warp.pb-75.pt-75 { border-radius: 20px; }
  .contact-content .contact-widget .content h5 { font-size: 16px; margin-bottom: 5px; }
  .en-modal .modal-content { padding: 10px; border-radius: 20px; }
  .en-modal .modal-content .modal-header button.btn-close { height: 20px; width: 20px; right: -12px; top: -60px; border: 2px solid #111; position: relative; border-radius: 50px; }
  .supervise-content .supervise-list { padding-right: 0; }
  .inner-improve-warp { padding: 25px 15px; }
  .footer-wrap .col-xl-4.col-lg-6.col-sm-12.pe-5 { padding-right: 0 !important; }
  .el-ab-img-vid-block-1 { height: 300px; }
  .el-inner-banner .el-title-wrap small { padding-right: 0 !important; }
  .el-inner-banner .el-title-wrap small br { display: none; }
  .el-inner-banner .el-title-wrap h2 { margin-bottom: 0; font-size: 28px; line-height: 42px; margin-top: 20px; }
  header.el-main-header.el-inner-banner.el-suite-banner .hero-style1-warp:after { background-position: 0; }
  .inner-accordion-warp .inner-accordion-widget { background: #f0f4ff; padding: 15px; }
  .inner-accordion-warp .inner-accordion-widget h2 { line-height: 27px; font-size: 20px; }
  .inner-accordion-widget .most-accordion .accordion-item .accordion-button { background: #ffffff; border-radius: 7px; padding: 10px 10px; font-size: 14px; font-weight: 500; box-shadow: 0 0 50px -10px #00000020; margin-bottom: 0; }
  p.drop-in-2.col-8.mx-auto { max-width: 100%; width: 100%; }
  .d-flex.align-items-center.justify-content-center.drop-in-3 { flex-wrap: wrap; }
  header.el-main-header.el-inner-banner.el-suite-banner .hero-style1-warp { padding-bottom: 110px; }
  .el-about-us-img { padding-right: 0; }
  .el-ab-img-vid-block-3.pe-4 { padding-right: 0 !important; }
  a.el-contact-btn { margin: 10px; }
  header.el-main-header.el-inner-banner.el-suite-banner.el-co-img p, header.el-main-header.el-inner-banner.el-suite-banner.el-db-img p, header.el-main-header.el-inner-banner.el-suite-banner.el-url-img p { max-width: 100%; }
  .en-compare-block table.table th { width: 300px; min-width: 300px; }
  .en-compare-block table.table th:nth-child(2), .en-compare-block table.table th:nth-child(3) { min-width: 110px; }
  header.el-main-header.el-inner-banner.el-suite-banner.el-co-img p, header.el-main-header.el-inner-banner.el-suite-banner.el-db-img p, header.el-main-header.el-inner-banner.el-suite-banner.el-url-img p { font-size: 14px; }
  .row.slick-initialized.slick-slider { margin-top: 60px; }
  .el-about-content h2 br { display: none; }
  h4.en-choose-title { font-size: 20px; }
  .inner-accordion-widget.en-faqs-accordion .most-accordion .accordion-item .accordion-button { padding: 20px 10px; font-size: 14px; }
  .inner-skill-warp h2 span { font-size: 20px; }
  .inner-skill-warp h2 { font-size: 20px; line-height: 35px; }
  .inner-skill-warp h2 br { display: none; }
  .texto h2 {
    height: 45px;
    margin-left: -200px;
    margin-top: 20px;
}
.texto h2 .container .word {
    left: 135px;
    top: 5px;
}
.inner-improve-warp .improve-list li .content p {
    text-align: left;
}
p.drop-in-2.text-center.mx-auto.col-9 {
    width: 100%;
}
.improve-warp .d-flex.justify-content-center {
    flex-wrap: wrap;
}
section.en-tabs-main ul#pills-tab {
    border: none;
    width: 95%;
    box-shadow: 0px 10px 30px rgba(29, 140, 242, 0.2);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 30px !important;
    padding-right: 0 !important;
}
section.en-tabs-main ul#pills-tab li.nav-item {
    min-width: 50%;
}
section.en-tabs-main ul#pills-tab  .nav-link {
    font-size: 14px;
}
.improve-warp .d-flex.justify-content-center {
    flex-wrap: wrap;
}
.inner-fun-fact a.el-btn-primary.el-btn-dark-text {
    position: relative;
    left: 0;
    bottom: 0;
    text-transform: none;
    width: 100%;
    margin: 0;
    margin-bottom: -60px;
}
.en-mobile {
    display:block;
    max-width:100%;
}
.en-desktop {
    display:none;
}
}

@media (max-width:414px) {
  .el-title-wrap h2 { font-size: 28px; line-height: 41px; }
  .el-title-wrap h1 { color: #fff; font-size: 18px; line-height: 31px; width: 100%; }
  .en-modal .modal-content .modal-header button.btn-close { height: 20px; width: 20px; right: -12px; top: -50px; border: 2px solid #111; position: relative; border-radius: 50px; }
    
}
@media (max-width:400px) {
section.en-tabs-main ul#pills-tab li.nav-item {
    min-width: 100%;
}
}