:root{
      --blue:#0645b5;
      --blue-dark:#063da0;
      --light-blue:#eaf6ff;
      --line:#79baf1;
      --text:#063fa9;
    }

    html{scroll-behavior:smooth;}
    body{
      margin:0;
      color:var(--text);
      background:#fff;
    }

    .navbar{
      min-height:76px;
      background:#fff;
      box-shadow:0 1px 8px rgba(0,0,0,.04);
    }
    .navbar-brand{
      font-size:38px;
      line-height:1;
      font-weight:700;
      color:var(--blue)!important;
      letter-spacing:-2px;
    }
    .navbar-light .navbar-nav .nav-link{
      color:var(--blue);
      font-size:14px;
      padding:10px 16px;
    }
    .login-btn{
      border:1px solid #78b5ed;
      color:var(--blue);
      border-radius:5px;
      padding:7px 14px!important;
      margin-left:10px;
    }
    .language-btn{
      border:1px solid #a5c5e8;
      color:var(--blue);
      border-radius:5px;
      padding:7px 12px!important;
      margin-left:8px;
    }
    .tagline{
      font-style:italic;
      font-family:cursive;
      font-size:17px;
      color:var(--blue);
      white-space:nowrap;
      margin-left:22px;
      transform: rotate(354deg);
    position: relative;
    top: -8px;
    }
.tagline::before{
      position: absolute;
    content: "";
    background: url(../images/newhome/line.svg);
    width: 140px;
    height: 46px;
    background-repeat: no-repeat;
    background-position: center bottom;
    transform: rotate(2deg);
    background-size: 100%;
    left: 31px;

}
    /* Hero */
    .hero{
      position:relative;
      min-height:605px;
      overflow:hidden;
      background:#eef8ff;
    }
    .hero-photo{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center top;
    }
    .hero-overlay{
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,
        rgba(238,248,255,.96) 0%,
        rgba(238,248,255,.80) 31%,
        rgba(238,248,255,.08) 54%,
        rgba(238,248,255,0) 100%);
    }
    .hero-content{
      position:relative;
      z-index:2;
      padding-top:85px;
      max-width:460px;
    }
    .hero h1{
      font-size:48px;
      line-height:1.03;
      font-weight:700;
      letter-spacing:-1px;
      margin-bottom:18px;
    }
    .short-line{
      width:47px;
      height:2px;
      background:#0b65d4;
      margin: 0 0 24px;
    }
    .hero p{
      font-size:18px;
      line-height:1.35;
      margin-bottom:0;
    }
    .hero-cards{
      display:flex;
      gap:25px;
      margin-top:22px;
    }
    .hero-card{
      width:92px;
      text-align:center;
      font-size:14px;
      line-height:1.35;
    }
    .hero-dot{
      width:48px;
      height:48px;
      margin:0 auto 8px;
      border-radius:50%;
      border:3px solid #8eb3db;
      box-shadow:inset 0 0 8px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.18);
    }
    .red{background:#ed1515;}
    .blue{background:#0560d5;}
    .green{background:#10b72f;}
    .hero-card strong{display:block;font-size:14px;}

    /* Tools */
    .tools{
      padding: 33px 0 24px;
      background:#fff;
      text-align:center;
    }
    .section-title{
      font-size:27px;
      line-height:1.2;
      font-weight:700;
      margin: 20px 0 25px;
    }
    .section-subtitle{
      font-size:16px;
      margin-bottom: 50px;
    }
    .tool{
      margin:0 0 20px;
    }
    .tool h3{color: #003fa4}
    p {color: #003fa4;}
    .tool-icon{
      width:74px;
      height:74px;
      margin:0 auto 10px;
      border-radius:50%;
      background:#e9f6ff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:35px;
      color:#064bb9;
    }
    .tool h3{
      font-size:17px;
      font-weight:700;
      margin:0 0 2px;
    }
    .tool p{
      font-size:16px;
      line-height:1.2;
      margin:0;
    }

    /* Idea */
    .idea{
      position:relative;
      min-height:300px;
      overflow:hidden;
    }
    .idea-photo{
      position:absolute;
      inset:0;
      width:60%;
      height:100%;
      object-fit:cover;
    }
    .idea-overlay{
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,
        rgba(255,255,255,.02) 0%,
        rgba(255,255,255,.08) 42%,
        rgba(238,248,255,.95) 58%,
        rgba(238,248,255,.98) 100%);
    }
    .ideacont{min-height: 300px}
    .idea-content{
      position:relative;
      z-index:2;
      margin-left:auto;
      padding:25px 0;
      max-width:470px;
    }
    .idea-content p{
      font-size:16px;
      line-height:1.4;
      margin-bottom:13px;
    }
    .idea-content strong{
      font-size:18px;
    }

    /* Benefits */
    .benefits{
      background:#eaf7ff;
      padding:22px 0;
    }
    .benefit{
      min-height:95px;
      text-align:center;
      border-right:1px solid #8ac6f4;
      padding:0 18px;
    }
    .benefit:last-child{border-right:0;}
    .benefit-icon{
      height:52px;
      margin-bottom:14px;
    }
    .benefit h3{
      font-size:17px;
      font-weight:700;
      margin:0 0 2px;
    }
    .benefit p{
      font-size:15px;
      line-height:1.2;
      margin:0;
    }

    /* Footer */
    footer{
      background:#fff;
      padding:18px 0;
    }
    .footer-brand{
      font-size:36px;
      font-weight:700;
      letter-spacing:-2px;
    }
    footer a{
      color:var(--blue);
      margin:0 13px;
      font-size:13px;
    }
    .footer-tag{
      font-size:14px;
    }
/***log section start**/    
    .logbg{
        background: url(../images/newhome/login_bg.png);
        background-size: 100% 100%;
    }
    .left-column
    {
        float: right;
            margin-top: 100px;
    }
    .right-column{    margin-top: 100px;}
    .left-message {
    padding-left: 65px;
}
    .left-message h2 {
    margin: 0;
    color: #426a9d;
    font-size: 19px;
    line-height: 1.75;
    font-weight: 600;
    letter-spacing: 3px;
    }
    .color-line {
    width: 175px;
    height: 4px;

    display: flex;

    margin-top: 27px;
}
.color-line span {
    flex: 1;
}

.line-blue {
    background: #1288ed;
}

.line-red {
    background: #ff5252;
}

.line-green {
    background: #26c76a;
}
.right-message {
    padding-left: 0px;

    color: #456493;
}

.right-message h2 {
    margin: 0;

    font-size: 47px;
    line-height: 1.22;

    font-weight: 300;
}

.right-line {
    width: 58px;
    height: 3px;

    margin: 25px 0 34px;

    background: #234d86;
}

.right-message p {
    margin: 0;

    color: #6c8eb5;

    font-size: 16px;
    line-height: 1.8;

    font-weight: 500;
    letter-spacing: 6px;
}
.newbanner img{width: 100%} 
.sitecontainer{max-width:85%}
@media (max-width: 1350px) and (max-height: 700px) {
    .logbg {
           background: url(../images/newhome/login_bg.png);
    background-size: cover;
    }
}
@media(max-width: 991px)
{
  .column3 .order1{order:1}
  .column3 .order2{order:2}
  .column3 .order3{order:3}
   .logbg{
        background: url(../images/newhome/login_mobile_bg.png);
        background-size: 100% 100%;
    }
    .right-message h2 {
    margin: 0;
    font-size: 17px;
    line-height: 1.22;
    font-weight: 400;}
    .right-line {
    width: 58px;
    height: 3px;
    margin: 15px 0 14px;
    background: #234d86;
}
.right-message p {
    margin: 0;
    color: #274c76;
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
    letter-spacing: 0;
}
.left-message h2 {
    margin: 0;
    color: #426a9d;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
}
.left-message {
    padding-left: 35px;
} 


.color-line{margin-top: 17px;width:70%;}
.left-column{float:none;}
.form-control {border: 1px solid #B4ACAC !important;padding: 15px 5px;height: 43px !important;}
label{margin-bottom: 5px}
.innerform {
        margin-top: 10px;
        padding: 22px !important;
    }
    .left-column,.right-column{margin-top: 0px;}
    .innerpage{    margin-top: -64px;}
    .sitecontainer{max-width:100%}
}
/***log section end **/  
/**flag section start **/
.language-dropdown .btn {
        display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 13px;
    background: rgba(255, 255, 255, .75);
    border: 1px solid #70b5e9;
    border-radius: 7px;
    color: #0b347e;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none;
    margin-left: 8px;
}

.language-dropdown .btn:focus {
    box-shadow: 0 0 0 2px rgba(0,123,255,.1);
}

.language-dropdown .dropdown-menu {
    min-width: 55px;
    padding: 7px;
    margin-top: 8px;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(20,55,100,.15);
}

.language-dropdown .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    border-radius: 7px;
    color: #163b75;
    font-size: 14px;
}

.language-dropdown .dropdown-item:hover,
.language-dropdown .dropdown-item.active {
    background: #edf6ff;
    color: #087ff5;
}

.flag-icon {
    width: 25px;
    height: 17px;
    object-fit: cover;
    border-radius: 2px;
}

/* Mobile */
@media (max-width: 767.98px) {
    .language-dropdown .btn {
        padding: 7px 10px;
        font-size: 13px;
    }

    .language-dropdown .dropdown-menu {
        min-width: 160px;
    }

    .flag-icon {
        width: 22px;
        height: 15px;
    }
}
/** flag section end **/  
    @media(max-width:991px){
      .tagline{display:none;}
      .hero{min-height:560px;}
      .hero-content{padding-top:55px;max-width:420px;}
      .hero h1{font-size:42px;}
      
    }


    @media(max-width:767px){
      .benefit:last-child{border-right:1px solid #8ac6f4; }
      .benefit {
        border: 1px solid #8ac6f4;
        padding-bottom: 25px;
        padding-top: 25px;
        margin-top: -1px;
        margin-left: -1px;
      }
      .navbar-brand{font-size:31px;}
      .hero{min-height:650px;}
      .hero-photo{object-position:67% top;opacity:.72;}
      .hero-overlay{
        background:linear-gradient(180deg,
          rgba(238,248,255,.96) 0%,
          rgba(238,248,255,.84) 50%,
          rgba(238,248,255,.20) 100%);
      }
      .hero-content{padding-top:45px;max-width:none;}
      .hero h1{font-size:39px;}
      .hero p{font-size:17px;}
      .hero-cards{gap:10px;}
      .hero-card{width:88px;}
      
      .idea-photo{object-position:left top;width: 100%;position: relative;}
      .idea-overlay{
        background:linear-gradient(180deg,
          rgba(255,255,255,0) 0%,
          rgba(255,255,255,.1) 45%,
          rgba(238,248,255,.98) 58%);
      }
      .ideacont{min-height: inherit;}
      .idea-content{max-width:none;min-height:inherit;}
      .footer-links{margin-top:12px;}
      .section-title {font-size: 20px;}
    }
    /* ==============================
   PLUSX2 RESPONSIVE HEADER
================================ */

.plus-header {
  min-height: 76px;
  background:transparent;
  padding: 0;
  position: relative;
  z-index: 1000;
  box-shadow:none;
}

.plus-header .navbar-brand {
  font-size: 38px;
  line-height: 1;
  font-weight: 700;
  color: #0645b5 !important;
  letter-spacing: -2px;
  padding: 20px 0;
}

.plus-header .nav-link {
  color: #0645b5 !important;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 15px !important;
}

.plus-header .nav-link:hover,
.plus-header .nav-link.active {
  color: #0084ff !important;
}

.mobile-header-actions {
  align-items: center;
  gap: 8px;
}

/* Mobile Login Icon */

.mobile-login {
  width: 38px;
  height: 38px;
  border: 1px solid #b9d5ee;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0645b5;
  text-decoration: none;
  font-size: 15px;
}

/* Mobile Language */

.mobile-language {
  height: 38px;
  min-width: 42px;
  padding: 0 9px;
  border: 1px solid #b9d5ee;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0645b5;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

/* Custom Hamburger */

.plus-header .navbar-toggler {
  width: 42px;
  height: 42px;
  padding: 8px;
  border: 0;
  outline: none !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}

.plus-header .navbar-toggler span {
  display: block;
  width: 24px;
  height: 2px;
  background: #0645b5;
  border-radius: 10px;
}

/* ==============================
   MOBILE
================================ */

@media (max-width: 991.98px) {

  .plus-header {
    min-height: 64px;
  }

  .plus-header .container {
    max-width: 100%;
    padding-left: 18px;
    padding-right: 12px;
  }

  .plus-header .navbar-brand {
    font-size: 29px;
    padding: 17px 0;
  }

  .plus-header .navbar-collapse {
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 10px 18px 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    border-top: 1px solid #edf3f8;
  }

  .plus-header .navbar-nav {
    align-items: stretch !important;
  }

  .plus-header .nav-item {
    width: 100%;
  }

  .plus-header .nav-link {
    padding: 13px 5px !important;
    border-bottom: 1px solid #edf3f8;
    font-size: 15px;
  }

  .plus-header .nav-item:last-child .nav-link {
    border-bottom: 0;
  }
}

/* ==============================
   SMALL MOBILE
================================ */
@media(max-width: 600px)
{
  .benefit{
    margin: 0px 21px 10px 21px;
  }
}
@media (max-width: 420px) {

  .plus-header .navbar-brand {
    font-size: 27px;
  }

  .mobile-login {
    width: 35px;
    height: 35px;
  }

  .mobile-language {
    height: 35px;
    min-width: 39px;
  }

  .plus-header .navbar-toggler {
    width: 36px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .plus-header .navbar-toggler span {
    width: 22px;
  }
}