@charset "utf-8";
/* CSS Document */
body {
  font-size: 16px !important;
  line-height: 28px !important;
  font-family: "Poppins", sans-serif !important;
}
a, p {
  line-height: 28px;
}
a:hover {
  text-decoration: none !important;
}
h2 {
  font-weight: 700 !important;
  font-size: 55px !important;
}
h3 {
  font-size: 38px !important;
  font-weight: 600 !important;
}
h4 {
  font-weight: 600 !important;
}
h6 {
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 30px !important
}
h6.sub-titile {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #b7b8bb;
}
.site-portfolio, .aboutpage-content, .section-padding {
  padding: 100px 0px;
}
.site-personel-work, .site-form, .site-testimonials {
  padding: 0px 0px 100px;
}
.head-titile {
  margin-bottom: 100px;
}
.mt30per {
  margin-top: 30% !important;
}
.height_100 {
  height: 100% !important;
}
.mt320_n {
  margin-top: -320px !important;
}
body.no-scroll, body.no-scroll .header {
  overflow-y: scroll !important;
}
.text-normal {
  font-weight: 400 !important;
}
.blue-txt {
  color: #152F71 !important
}
.grey-txt {}
/*-------------------------------------------
*Header-Section
--------------------------------------------*/
#header {
  padding: 37px 0px;
}
button.header__burger:focus {
  outline: none;
}
.header__logo h6 {
  font-size: 25px !important;
  color: #fff;
  font-weight: 700 !important;
}
a.header__logo p {
  font-size: 18px !important;
  color: #ffffff;
  line-height: 4px !important;
  letter-spacing: 0px;
}
.header__center {
  max-width: 1200px !important;
  margin: auto;
}
body.no-scroll .header__wrapper {
  overflow-y: scroll !important;
}
.header > .header__center {
  padding: 0px 0px;
}
/*-------------------------------------------
*Dark-Header-Section
--------------------------------------------*/
.dark-header h6, .dark-header p {
  color: #000 !important;
}
.dark-header .header__burger:before, .dark-header .header__burger:after {
  background-color: #000000;
}


/*-------------------------------------------
*Banner-Section
--------------------------------------------*/
.site-banner {
  background-size: cover;
  background-image: url(../images/Banner-one.png);
  background-repeat: no-repeat;
  height: 100vh; /*position: absolute;*/ width: 100%;
}
.main-banner .container, .main-banner .row, .bnr-text {
  height: 100%;
}
.bnr-links {
  line-height: 30px;
  margin-top: 20px;
}
.bnr-links a {
  color: white;
  font-weight: 600;
}
.bnr-links span {
  color: #919191 !important;
  margin: 0 20px;
}
.site-banner h6 {
  font-size: 28px;
  font-weight: 200;
  color: #8f8f8f;
}
.bnr-text {
  margin-left: 70px;
}
/*-------------------------------------------
*Mouse-icons-style
--------------------------------------------*/
.mouse-to-action {
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  bottom: 15px;
  z-index: 2;
}
.mouse-white-line {
  border: 2px solid #fff;
}
.mouse-to-banner {
  position: absolute;
  width: 30px;
  height: 48px;
  border-radius: 15px;
}
.mouse-wheel-white {
  background-color: #fff;
}
.Mouse__mouseWheel--3X3Wk {
  width: 4px;
  height: 9px;
  position: absolute;
  top: 8px;
  left: 11px;
  border-radius: 2px;
  -webkit-animation: Mouse__mouseWheel--3X3Wk 1.25s infinite linear;
  animation: Mouse__mouseWheel--3X3Wk 1.25s infinite linear;
}
@keyframes Mouse__mouseWheel--3X3Wk {
  0% {
    -webkit-transform: scaleY(0.4) translateY(0);
    transform: scaleY(0.4) translateY(0);
  }
  20% {
    -webkit-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
  }
  60% {
    -webkit-transform: scaleY(0.4) translateY(12px);
    transform: scaleY(0.4) translateY(12px);
  }
  to {
    -webkit-transform: scaleY(0.4) translateY(0);
    transform: scaleY(0.4) translateY(0);
  }
}
.no-scroll .mouse-to-banner {
  opacity: 0 !important;
}
/*-------------------------------------------
*Portfolio-section
--------------------------------------------*/
.list-item-portfolio .dark-bg {
  background-color: #02020296;
  position: absolute;
  z-index: 1;
  top: 0px;
  height: 100%;
  padding: 49px;
  width: 100%;
  transition: 0.4s;
}
.list-item-portfolio {
  position: relative;
}
.list-item-portfolio:hover .dark-bg {
  opacity: 0;
}
.list-item-portfolio:hover .action {
  opacity: 100 !important;
  top: 0px;
}
.action {
  transition: 0.9s;
}
span.more.with-icon {
  display: block;
  margin-top: 20px;
  color: #cdcbcb;
  font-weight: 600 !important;
}
.list-item-portfolio .action {
  position: absolute;
  top: 100px;
  padding: 49px;
  opacity: 0;
}
.list-item-portfolio .h2 {
  font-weight: 800 !important;
}
.dark-bg, .list-item-portfolio .action {
  color: #fff;
}
.dark-bg .h5, .action .h5 {
  font-size: 14px !important;
  display: block;
  letter-spacing: 7px;
  color: #a5a5a5;
}
/*-------------------------------------------
*Personel-works-section
--------------------------------------------*/
/*-------------------------------------------
*Clents-logos-section
--------------------------------------------*/
section.client-section {
  padding: 0px 0px 100px;
}
section.client-section img {
  box-shadow: 0px 0px 12px #f8f8f8;
}
/*-------------------------------------------
*Testimonials-section
--------------------------------------------*/
.testimonial-name {
  font-weight: 600 !important;
}
.site-testimonials .testi-text {
  color: #aeaeae;
}
.site-testimonials .carousel-item img {
  margin-bottom: 30px;
}
.points li {
  background-color: #000 !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 20px !important;
  display: block !important;
  border: none !important;
  margin: 0px 5px !important;
}
.points {
  margin: 30px 0px 0px !important;
  position: relative !important;
}
/*-------------------------------------------
*contact-form-section
--------------------------------------------*/
.smb-btn img {
  margin: 0px 10px !important;
  float: left;
}
#form-contact_message {
  height: 100px !important;
  display: block;
}
.field input, .field textarea {
  width: 100%;
  border: none !important;
  border-bottom: 1px solid #ededed !important;
  padding: 15px 0px;
}
.field {
  margin-bottom: 65px;
  position: relative;
}
.field label {
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #dbdbdb;
}
button.smb-btn {
  border: inherit;
  background: no-repeat;
  font-weight: 600;
}
input::placeholder, textarea::placeholder {
  color: black !important;
  font-size: 20px !important;
  font-weight: 600;
  opacity: 1;
}
.field input:focus-visible, .field textarea:focus-visible {
  outline: none;
}
form .field:not(.error) input[type="email"] + .input-bottom-line, form .field:not(.error) input[type="number"] + .input-bottom-line, form .field:not(.error) input[type="password"] + .input-bottom-line, form .field:not(.error) input[type="tel"] + .input-bottom-line, form .field:not(.error) input[type="text"] + .input-bottom-line, form .field:not(.error) textarea + .input-bottom-line {
  display: block;
  height: 1px;
  width: 0;
  position: absolute;
  background: #0f141e;
  bottom: 0;
  left: 0;
  transition: 0.25s;
}
form .field:not(.error) input[type="email"]:focus + .input-bottom-line, form .field:not(.error) input[type="number"]:focus + .input-bottom-line, form .field:not(.error) input[type="password"]:focus + .input-bottom-line, form .field:not(.error) input[type="tel"]:focus + .input-bottom-line, form .field:not(.error) input[type="text"]:focus + .input-bottom-line, form .field:not(.error) textarea:focus + .input-bottom-line {
  width: 100%;
}
form .field:not(.error) input[type="email"] + .input-bottom-line, form .field:not(.error) input[type="number"] + .input-bottom-line, form .field:not(.error) input[type="password"] + .input-bottom-line, form .field:not(.error) input[type="tel"] + .input-bottom-line, form .field:not(.error) input[type="text"] + .input-bottom-line, form .field:not(.error) textarea + .input-bottom-line {
  display: block;
  height: 1px;
  width: 0;
  position: absolute;
  background: #0f141e;
  bottom: 0;
  left: 0;
  transition: 0.25s;
}
/*-------------------------------------------
*Fooeter-section
--------------------------------------------*/
footer.site-footer {
  padding: 0px 0px 50px 0px;
}
.site-footer h3 {
  font-size: 22px !important;
  font-weight: 600;
  margin-bottom: 60px;
}
.site-footer a {
  color: black !important;
}
.site-footer ul li {
  list-style: none;
}
.site-footer ul {
  padding: 0;
}
.site-footer p, .site-footer a {
  color: #8f9091 !important;
}
hr.line-01 {
  border-bottom: 1px solid white !important;
  display: flex;
  height: 0px !important;
  width: 100%;
  margin-bottom: 100px;
}
a.top-scrol {
  display: block;
  text-align: right;
  width: 100%;
  position: relative;
  bottom: -36px;
  z-index: 1;
}
a.top-scrol svg {
  width: 25px;
}
/*-------------------------------------------
*General-Case-study-01
--------------------------------------------*/
.casestudy-details {
  position: absolute;
  width: 97.5%;
  padding: 5rem 4rem;
}
.case-study-bnr {
  padding: 18rem 0 10rem;
  background-size: 1590px !important;
  background-position: top center !important;
}
.case-study-bnr a {
  color: white;
  padding: 27px 42px 27px 0px;
}
.case-study-bnr a:hover {
  color: #ffffff75;
}
.case_study_page .container {
  width: 1080px !important;
}
.casestudy-details p {
  margin: 0px !important;
}
.casestudy-details b {
  font-size: 18px !important;
}
/*-------------------------------------------
*Aflac-Case-study-01
--------------------------------------------*/
.aflac-top-banner {
  background: url(../images/aflac_case_study_img/Afla-banner.png) no-repeat scroll;
}
.dark-blue-cont-area {
  padding: 0px 0px 100px;
}
.case-study-bnr .cs-banner-txt {
  margin-bottom: 20px;
  display: inline-block !important;
}
img.back-to-hm {
  position: relative;
  margin-left: -34px;
  margin-right: 8px;
}
/*--------------parlax-section-----------------*/
.aflac-elements-01 img, .aflac-elements-02 img {
  width: 100%;
}
.aflac-elements-01, .aflac-elements-02 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.aflac-elements-01 {
  z-index: 11;
}
.aflac-elements-02 {
  z-index: 1;
}
.full-size-img {
  position: relative;
  max-width: 4500px;
  margin: -140px auto 0px;
}
/*--------------details-box-----------------*/
.light-blue-cont-area {
  background: transparent linear-gradient(161deg, #012A79 0%, #065CB8 30%, #06BBF7 62%, #FFFFFF 82%, #00113b 66%) 0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 0px 0px 100px;
}
.blue-box {
  background-color: #012a79;
  border-left: 3px solid #f89627;
}
img.muti-screen-img {
  margin-top: 0px;
  z-index: 1;
  position: relative;
}
.white-cont-area {
  padding: 100px 0px
}
/*--------------Dark-blue-----------------*/
.dark-blue-cont-area {
  background-color: #00113b;
}
/*--------------Dark-blue-02-----------------*/
.dark-blue-cont-area-02 {
  padding: 0px 0px 100px;
  background: linear-gradient(-21deg, #00113b 25.5%, #ffffff 0%, #ffffff 76%);
}
section.l-dark-blue-section {
  background-color: #152f71;
  padding: 100px 0px;
}
.element-duck {
  width: 52%;
  position: absolute;
  right: -40px;
  top: -545px;
}
.flow-chart-area {
  margin-top: 30rem;
}
.c-sky-blue {
  color: #00f3fd;
}
/*------------L-Dark-blue-section-----------*/
/*------------Desktop Screens-----------*/
.btn_screens {
  margin-bottom: 40px;
}
/*------------review Screens-----------*/
.aflac-review-section {
  padding: 150px 0px;
  background-color: #F7F7F7;
}
.review-grid {
  background-color: white;
  padding: 30px;
  border: 1px solid #ddd;
  border-radius: 20px;
  font-size: 11px;
}
.review-grid p {
  line-height: 20px;
}
.review-grid span p {
  color: #019ed5 !important;
  font-size: 16px;
  margin-bottom: 0px !important;
}
.img-review {
  border-radius: 0px 0px 15px 15px !important;
  border: 0px !important;
  box-shadow: 0px 0px 19px #e1e1e1;
  color: #019ed5 !important;
}
/*-------------------------------------------
*Schneider-Case-study-02
--------------------------------------------*/
.schneider-top-banner {
  background: url(../images/schneider_case_study/Case-study-Schneider.jpg) no-repeat scroll 50% 45% !important;
  background-size: cover !important
}
.content-org-section-02 {
  padding: 6rem 0 !important;
}
.content-org-section-03 {
  padding: 0 0 6rem !important;
}
.team-snr {
  font-size: 20px;
  font-weight: 400;
}
.grey_bg {
  background: #e3e3e3;
  padding: 80px 35px;
}
.orange_bg {
  background-color: #FE6301;
  padding: 80px 35px;
}
.content-org-section-01 a {
  color: #000;
  transition: 0.9s;
}
.content-org-section-01 a:hover {
  color: #FE6301;
}
/*--------org-content-section01---------*/
.orange-box {
  background-color: #F85E14;
  border-left: 3px solid #fff;
}
.content-org-section-01 {
  padding: 0rem 0 6rem !important;
  background: linear-gradient(180deg, rgb(248, 94, 20) 3%, #F6F6F6 35%);
}
/*--------org-content-section02---------*/
.content-org-section-02 {
  background-color: #fff;
}
/*-------------------------------------------
*Project_page_style
--------------------------------------------*/
.sigle-pro-bnr span {
  margin-top: 180px;
}
.project-single p, .project-single li {
  font-size: 13px;
  line-height: initial;
}
.project-single .container {
  width: 900px;
}
.project-single {
  background-repeat: no-repeat !important;
  background-size: auto !important;
  background-position: top center !important;
}
.project-contet-section h3 {
  font-size: 27px !important;
}
.sigle-pro-bnr h3 {
  font-size: 30px !important;
}
.project-page-bnr {
  min-height: 550px;
}
.whit-line {
  border-color: #ffffff75;
}
.black-line {
  border-color: rgb(223 223 223);
}
/*-------------------------------------------
*All_Project_page
--------------------------------------------*/
.mt175_n {
  margin-top: -175px !important;
}
/*-------------------------------------------
*Sub_page_Section
--------------------------------------------*/
section.inner-page-banner {
  height: 330px;
  background-size: cover;
}
.inner-page-banner .container-fluid, .inner-page-banner .row {
  height: 100%;
}
.contact-page-section, .about-page-content {
  padding: 180px 0px 100px 0px;
}
/*-------------------------------------------
*Next_Style__Section
--------------------------------------------*/
.next-section .container, .next-section .row {
  height: 100%;
}
footer.next-section {
  height: 82vh;
}
.next-btm-text {
  display: flex;
  align-items: center;
  height: 100%;
  text-align: center;
  justify-content: center;
}
/*-------------------------------------------
*Scroll_bar_Section
--------------------------------------------*/
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgb(230, 230, 230) rgba(252, 252, 252, 0.048);
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0);
}
*::-webkit-scrollbar-thumb {
  background-color: rgb(233, 233, 233);
  border-radius: 0px;
  border: 3px solid rgba(255, 255, 255, 0);
}
/*-------------------------------------------
*password-protection-page
--------------------------------------------*/
.passwd-page {
  text-align: center;
  height: 100vh;
  align-items: center !important;
  display: flex;
  justify-content: center;
  background: #f2f2f2;
}
#login_form input {
  padding: 8px;
}

.pass-protection button img {
  position: absolute;
  right: 20px !important;
  top: 18px;
}
.pass-protection {
  display: inline-block;
  position: relative;

  padding: 4px;
}
.pass-protection input::placeholder {
  color: #d9d7d7 !important;
  font-size: 14px !important;
  font-weight: 300;
  letter-spacing: 2px !important;
}

.pass-protection :focus {
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
  outline-color: #3a3a3a;
}

#passwordModal button.btn-close {
    width: 6%;
    background: #f6f6f6;
}

#passwordModal button#submitPassword {
    background: black;
    border-color: grey;
}

/*-------------------------------------------
*Responssive css Section
--------------------------------------------*/
@media only screen and (max-width: 1210px) {
  .header {
    padding: 20px 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 40px !important;
  }
  h3 {
    font-size: 30px !important;
  }
  .bnr-text {
    margin-left: 16px;
  }
  .site-banner h6 {
    font-size: 24px;
  }
  .with-badge {
    font-size: 25px !important;
  }
  .content-org-section-01 {
    padding: 4rem 0 6rem !important;
  }
  .cs-banner-txt {
    margin-top: 28%;
  }
  .orange-box {
    background-color: #ff551d94;
  }
  .blue-box {
    background-color: #012a797a;
  }
  .light-blue-cont-area {
    padding: 0rem 0px 100px;
  }
  .dark-blue-cont-area-02 {
    padding: 0px 0px 100px;
    background: linear-gradient(-21deg, #00113b 35.2%, #ffffff 0%, #ffffff 76%);
  }
  .flow-chart-area {
    margin-top: 10rem;
  }
  .element-duck {
    right: 2px;
    top: -291px;
  }
  .dark-blue-cont-area {
    padding: 0px 0px 50px;
  }
  .white-cont-area {
    padding: 50px 0px 0px;
  }
  .aflac-review-section {
    padding: 50px 0px
  }
  .content-org-section-02, .content-org-section-03 {
    padding: 3.5rem 0 !important;
  }
  .sigle-pro-bnr span {
    margin-top: 300px;
  }
  .mt320_n {
    margin-top: 0px !important;
  }
  .project-single .container {
    width: 100%;
  }
  .project-single {
    background-size: 203%;
    background-position: -150px 116px;
  }
  .dark-header {
    background-color: white !important;
  }
  .casestudy-details {
    position: relative;
  }
  .aflac-top-banner {
    background-position: -632px top !important;
  }
}
@media only screen and (max-width: 498px) {
  h2 {
    font-size: 30px !important;
  }
  h3 {
    font-size: 25px !important;
  }
  h4 {
    font-size: 18px !important;
  }
  .site-banner h6 {
    font-size: 18px;
  }
  .with-badge {
    font-size: 23px !important;
  }
  .dark-blue-cont-area-02 {
    padding: 0px 0px 100px;
    background: linear-gradient(0deg, #00113b 49.2%, #ffffff 0%, #ffffff 76%);
  }
  .header__logo h6 {
    font-size: 20px;
  }
  a.header__logo p {
    font-size: 16px !important;
  }
  .aflac-top-banner {
    background-position: 59rem 0rem;
  }
}
@media only screen and (max-width: 575px) {
  .case_study_page .container {
    width: auto !important;
  }
}
@media only screen and (max-width: 454px) {
  h2 {
    font-size: 28px !important;
  }
  h3 {
    font-size: 23px !important;
  }
  .site-banner h6 {
    font-size: 16px;
  }
  .with-badge {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 362px) {
  h2 {
    font-size: 25px !important;
  }
  .with-badge {
    font-size: 18px !important;
  }
  .list-item-portfolio .dark-bg, .list-item-portfolio .action {
    padding: 30px;
  }
}