@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/***** General CSS *****/



body {

  word-break: break-word;

  font: 15px/25px 'Poppins', sans-serif;

  color: #393939;

  overflow-x: hidden;

  font-family: "Open Sans", sans-serif;

}



a {

text-decoration: none;

color: #768bd4;

white-space: initial;
}



a:hover,

a:focus {

  text-decoration: none;

  color: #393939;

}



a:hover {

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

}



img {

  max-width: 100%;

}



input[type="text"]:focus,

textarea:focus,

input[type="password"]:focus,

select:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="tel"]:focus,

input[type="number"]:focus {

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  outline: none;

}



select,

input[type="text"],

input[type="password"],

input[type="email"],

input[type="url"],

input[type="number"],

textarea,

input[type="tel"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



ul {

  margin: 0 0 20px;

  padding: 0;

  list-style-type: none;

}



p {

  font-weight: 400;

  font-family: "Open Sans", sans-serif;

}





/***** Font Files *****/



@font-face {

  font-family: 'Fonts Awesome';

  src: url(../fonts/fontawesome-webfont.eot);

  src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");

  font-weight: 400;

  font-style: normal

}





/***** Custom Classes *****/



.noPadding {

  padding: 0;

}



.noLeft {

  padding-left: 0;

}



.noRight {

  padding-right: 0;

}



.centerCol {

  float: none;

  margin: 0 auto;

}



.theme-btn {

  font-size: 14px;

  line-height: 20px;

  font-weight: 500;

  padding: 15px 40px;

  color: #fff;

  margin: 20px 20px 20px 0;

  border-radius: 50px;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  text-transform: capitalize;

  border: 2px solid;

  text-transform: uppercase;

}



.theme-btn:hover {

  background-color: #fff;

  color: #28b16d;

  border-color: #28b16d;

}



.flexRow {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

}



.flexCol {

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  align-items: center;

}



h1 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 55px;

  line-height: 60px;

  color: #fff;

  font-weight: 500;

  margin: 0 0 17px;

}



h2 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 55px;

  line-height: 60px;

  color: #393939;

  font-weight: 500;

  margin: 0 0 30px;

}



h3 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 30px;

  line-height: 34px;

  color: #000000;

  font-weight: 600;

  margin: 0 0 28px;

}



h4 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 24px;

  line-height: 29px;

  color: #393939;

  font-weight: 500;

  margin: 0 0 13px;

}



h5 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 20px;

  line-height: 25px;

  color: #393939;

  font-weight: 500;

  margin: 0 0 20px;

}



h6 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 18px;

  line-height: 23px;

  color: #393939;

  font-weight: 500;

  margin: 0 0 22px;

}



select {

  background: #fff url('../images/arrow.png') no-repeat right;

  padding: 0 40px 0 30px;



}



::-webkit-input-placeholder {

  color: #575757;

}



::-moz-placeholder {

  color: #575757;

  opacity: 1;

}



:-ms-input-placeholder {

  color: #575757;

}



:-moz-placeholder {

  color: #575757;

  opacity: 1;

}





/*header css start */

header {

  position: absolute;

  top: 20px;

  left: 0;

  width: 100%;

  z-index: 9999;

  padding: 0px 4%;

}



.menuSec {

  padding: 0px 0;

}



.menuSec img {

margin: 0;

width: 80%;

/*background-color: #fff;*/

/*padding: 6px;*/
}

a.hed-ank {

    background-color: #fff;

    color: #9bd2c9;

    font-size: 20px;

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 5px;

    margin: 0 0 0 auto;

}

.menuSec ul {

  position: relative;

  list-style: none;

  padding: 0;

  margin: 0;

  /* text-align: right; */

  text-transform: capitalize;

  justify-content: space-between;

  display: flex;

}



.menuSec ul li {

  position: relative;

  display: inline-block;

  margin: 0;

  padding: 0;

}



.menuSec li ul {

  display: none;

}

.social-icon ul li i:hover {

    transition: 1s;

    background-color: #fff;

    border: unset;

    color: #000;

}

.menuSec ul li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 10px 0px;
  font-size: 16px;
  font-family: 'Open Sans';
  font-weight: 700;
}



.menuSec ul li a:after {

  content: '';

  position: absolute;

  top: 35%;

  right: 0;

  width: 1px;

  height: 13px;

  background-color: #393939;

  display: none;

}



a.btn-1 {

display: flex;

align-items: center;

gap: 20px;

background-color: #3566c2;

width: fit-content;

justify-content: center;

padding-right: 2px !important;

border-radius: 5px;

padding: 2px 22px;

color: #fff !important;
}



.menuSec a.btn-1 {

  display: flex;

  align-items: center;

  /* gap: 10px; */

  background-color: #f4faf8;

  width: fit-content;

  justify-content: center;

  margin: 0 0 0 auto;

  padding-right: 5px !important;

  border-radius: 5px;

  padding: 2px 22px;

}





.menuSec a.btn-1 span {

  font-size: 14px;

  padding: 15px 0px;

  color: #000;

  text-transform: uppercase;

}



a.btn-1 span {

  font-size: 14px;

  color: #000;

  font-weight: 600;

  text-transform: uppercase;

}



.menuSec a.btn-1 i {

font-size: 17px;

color: #fff;

background-color: #2261bd;

height: 45px;

width: 45px;

display: flex;

align-items: center;

justify-content: center;

border-radius: 5px;
}



a.btn-1 i {

  font-size: 17px;

  color: #000;

  background-color: #9bd2c9;

  height: 45px;

  width: 45px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 5px;

}



.menuSec ul li:last-child a {

  padding-right: 0px;

}



.menuSec ul li:last-child a:after {

  display: none;

}



.menuSec ul li a:hover,

.menuSec ul li a.active {

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  /* color: #28b16d; */

}



.menuSec li:hover>ul {

  display: block;

  position: absolute;

  z-index: 1000;

  background-color: #000000;

  left: 0px;

  width: 230px;

  text-align: left;

  top: 38px;

}



.menuSec li>ul>li>a {

  border: none;

  padding: 13px 20px !important;

  color: #fff !important;

  overflow: hidden;

  font-size: 13px;

  line-height: 20px;

}



.menuSec li>ul>li,

.menuSec li>ul>li>a {

  display: block;

  margin: 0;

}



.menuSec li>ul>li>a:before,

.menuSec li>ul>li>a:after {

  display: none;

}



.menuSec li:hover li {

  float: none;

}



.menuSec li:hover a {}



.menuSec li ul li a:hover {

  background-color: #ffffff;

  color: #000000 !important;

}



.menuSec ul ul ul {

  left: 100%;

  top: 0;

}



.menuSec ul:before,

.menuSec ul:after {

  content: " ";

  display: table;

}



.menuSec ul:after {

  clear: both;

}



.menuSec li>ul>li:hover>ul {

  left: 230px;

  top: 0px;

  width: 270px;

}



.droopdwon li:hover>ul {

  display: block;

  position: absolute;

  z-index: 1000;

  background-color: #000000;

  left: 0px;

  width: 230px;

  text-align: left;

  top: 40px;

}



.droopdwon {

  float: left;

}



.droopdwon li:hover li a:hover {

  background-color: #ffffff;

  color: #000 !important;

}



.menuSec .container {

  background-color: #9bd2c9;

  padding: 10px 20px;

  border-radius: 10px;

}

.menuSec .mein-bx-menu{

background-color: #2261bd;

padding: 12px 20px;

border-radius: 10px;
}

.menuSec .row {

  align-items: center;

}



/*header css start */







/*footer start*/

footer {

  padding: 80px 0px 0px 0px;

  background-color: #393939;

}



footer .container-fluid {

  padding: 0 4%;

}



.footer-logo p {

  font-size: 14px;

  color: #fff;

  width: 76%;

}



.ft-links input {

  width: 100%;

  padding: 15px;

  border-radius: 10px;

  background-color: unset;

  border: 1px solid #ddd;

  margin-bottom: 20px;

  color: #fff;

}



.ft-links h5 {

  font-size: 15px;

  color: #fff;

  font-weight: 600;

  text-transform: uppercase;

}



.ft-links ul li a {

  font-size: 14px;

  color: #fff;

}



.ft-links ul {

  column-count: 2;

  width: 70%;

}



.ft-links.tw ul {

  column-count: unset;

}



.ft-links ul li {

  padding-bottom: 25px;

}



.footer-logo img {

margin-bottom: 20px;

width: 90%;

/*background-color: #fff;*/

/*padding: 10px;*/
}



.footer-logo h6 {

  color: #ffffff;

  font-size: 15px;

  font-weight: 400;

}



.footer-logo ul {

  display: flex;

  align-items: center;

  gap: 10px;

}



.footer-logo ul li a i {

  font-size: 20px;

  color: #ffffff73;

  border: 1px solid;

  width: 45px;

  height: 45px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.ft-links.tw ul li p {

  font-size: 14px;

  color: #fff;

  margin: unset;

}



.ft-links.tw ul li p span {

  display: block;

}



.ft-links.tw ul li {

  display: flex;

  align-items: center;

  gap: 16px;

}



.ft-links.tw ul li i {

  font-size: 20px;

  color: #fff;

}



.ft-links button {

display: flex;

align-items: center;

gap: 20px;

background-color: #3f67c5;

width: fit-content;

justify-content: center;

border-radius: 5px;

padding: 3px 15px;

padding-right: 5px;

border: unset;
}



.ft-bot p {

  font-size: 14px;

  text-align: center;

  color: #fff;

  margin: 20px 0px;

  border-top: 1px solid #fff;

  padding-top: 20px;

}



.ft-links button span {

font-size: 14px;

/* padding: 15px 20px; */

color: #fff;

text-transform: uppercase;

font-weight: 500;
}





/*footer end*/

/*about start*/

.abt-img img {

  width: 100%;

}

.abt-txt form button span {
    color: #fff;
}

.abt-img {

  width: 88%;

  margin: 0 0 0 auto;

  position: relative;

  z-index: 11;

}



section.about-us {

  padding: 100px 0px;

}



section.about-us .row {

  align-items: center;

}



.abt-txt h3 {

  font-size: 46px;

  line-height: 1;

  font-weight: 700;

  color: #000000;

  text-transform: uppercase;

  position: relative;

  width: fit-content;

}



.abt-txt h3:before {

  position: absolute;

  bottom: -14px;

  left: -120px;

  content: '';

  width: 240px;

  height: 2px;

  background-color: #d3d3d3;

}



.abt-txt h3:after {

position: absolute;

bottom: -14px;

right: 0px;

content: '';

width: 113px;

height: 2px;

background-color: #3566c2;
}



.abt-txt h5 {

font-size: 27px;

line-height: 1;

color: #3566c2;

font-weight: 600;

text-transform: uppercase;
}



.abt-txt p {

  font-size: 14px;

  line-height: 28px;

  color: #737373;

  margin-bottom: 30px;

}



/*about end*/

/* all-in-one start */

section.all-in-one .container-fluid {

padding: 50px;

background-color: #698ee585;

margin: 0 auto;

width: 98%;

border-radius: 10px;
}



.all-in-one-tp h3 {

  font-size: 46px;

  margin: unset;

  line-height: 1;

  color: #000000;

  font-weight: 700;

  text-transform: uppercase;

}



.all-in-one-tp {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 20px;

  margin-bottom: 20px;

  border-bottom: 1px solid #00000069;

}



.main-bx-all-in img {

  width: 100%;

}



.main-bx-all-in {

  width: 90%;

  margin: 0 auto;

  border: 1px solid #e7eceb;

  border-radius: 10px;

  position: relative;

}



.all-in-bot a {

font-size: 14px;

color: #000;

text-decoration: underline;
}



.all-in-bot {

  padding: 20px;

}



.all-in-bot h5 {

font-size: 20px;

color: #3566c2;

text-transform: uppercase;

font-weight: 600;

margin-bottom: 10px;
}



.all-in-bot p {

  font-size: 14px;

  color: #6e7170;

}



/*all-in-one end*/

/*section.community start*/

section.community {

  padding: 100px 0px;

}



.community-txt {

  text-align: center;

  margin-bottom: 40px;

}



.community-txt h3 {

  font-size: 46px;

  line-height: 1;

  color: #000000;

  font-weight: 700;

  text-transform: uppercase;

}



section.community .btn-1 {

  /* display: block; */

  margin: 0 auto;

}



.com-bot-txt h4 {

  font-size: 25px;

  font-weight: 700;

  color: #000;

  text-transform: uppercase;

}



.com-bot-txt {

padding: 20px;

position: relative;

/* border: 1px solid #00000082; */

box-shadow: 0 0 3px #00000054;
}



.com-bot-txt p {

  font-size: 14px;

  color: #6e7170;

}



.com-bot-txt ul {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.com-bot-txt ul li {

  display: flex;

  align-items: center;

  gap: 10px;

}



.com-bot-txt ul li p {

  margin: unset;

}



.com-bot-txt ul li i {

color: #3f67c5;
}



/*section.community end*/

/*section.explore start*/

section.explore .container-fluid {

  margin: 0 auto;

  width: 98%;

  background-image: url(../images/explore-bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  border-radius: 10px;

  padding: 70px 50px;

  background-attachment: fixed;

}



.explore-txt {

  text-align: center;

  margin-bottom: 40px;

}



.explore-txt h4 {

  color: #000000;

  font-size: 27px;

  font-weight: 700;

}



.explore-txt h2 {

  font-size: 46px;

  color: #000000;

  font-weight: 700;

}



.exp-main-bx {

  padding: 40px 20px;

  border: 1px solid #779e97;

  width: 90%;

  border-radius: 10px;

}



.exp-main-bx ul {

  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 15px;

}



.exp-main-bx ul li h5 {

  font-size: 20px;

  color: #000;

  font-weight: 700;

  margin: unset;

  text-transform: uppercase;

}



.exp-main-bx p {

  font-size: 12px;

  line-height: 21px;

  font-weight: 600;

}



section.explore {

  padding-top: 100px;

}



/*section.explore end*/

/*banner start*/

img.banner-img {

  width: 100%;

  height: 850px;

  object-fit: cover;

}



section.banner {

  z-index: 1;

  padding: 0px 4%;

  overflow: hidden;

  position: relative;

  /*background-image: url(../images/banner.jpg);*/
  background-image: url(../images/buildimg.jpeg);

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  z-index: 1;

}



.add-padding {

  width: 100%;

  margin: 0px auto;

  max-width: 1600px;

}



.bann-txt {width: 100%;height: 100%;display: flex;overflow: hidden;min-height: 850px;padding-top: 0px;flex-direction: column;align-items: flex-start;justify-content: center;background-color: #ffffff69;border-radius: 0px 0px 100% 0px;position: relative;}



.bann-txt h4 {

  font-size: 59px;

  line-height: 1;

  color: #000000;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 10px;

}

section.banner::before {

    position: absolute;

    left: 0;

    height: 100%;

    width: 10%;

    background-color: #fff;

    content: '';

    z-index: -1;

}

.bann-txt ul {

  display: flex;

  align-items: center;

  gap: 30px;

}



.bann-txt ul li a {

  font-size: 14px;

  color: #000000;

  text-transform: uppercase;

  text-decoration: underline;

}



.bann-txt ul li a.btn-1 {

text-decoration: unset;

color: #fff !important;
}

.social-icon h6 {

    font-size: 14px;

    color: #000;

    margin: unset;

    position: relative;

}



section.banner::after {

position: absolute;

bottom: 40px;

left: -10px;

width: 12%;

background-color: #3162c0;

content: '';

height: 87px;
}

.bann-txt ul li a.btn-1 i {

background-color: #ffffff;

color: #3566c2;
}



.bann-txt h2 {font-size: 70px;line-height: 1;color: #2765bf;text-transform: uppercase;font-weight: 700;margin-bottom: 10px;}



.bann-txt p {

  font-size: 13px;

  line-height: 1;

  color: #000000;

  font-weight: 700;

  text-transform: uppercase;

  font-family: 'Poppins';

  margin-bottom: 20px;

}



.social-icon ul li i {

  font-size: 14px;

  color: #00000078;

  display: flex;

  align-items: center;

  width: 30px;

  height: 30px;

  border: 1px solid;

  border-radius: 50%;

  justify-content: center;

}



.social-icon ul {

  display: flex;

  gap: 10px;

  margin: unset;

}



.social-icon {

  display: flex;

  position: absolute;

  bottom: 50px;

  gap: 150px;

  align-items: center;

  background-color: #9bd2c9;

  z-index: 3;

  content: '';

  height: 87px;

  width: 59.7%;

  /* top: -19px; */

  /* left: -11%; */

  clip-path: polygon(0 0, 99% 0, 93% 100%, 0% 100%);

  display: flex;

  bottom: 40px;

  padding: 20px;

}



.social-icon ul li a {

  text-decoration: unset;

}

h4.ban-h4 {

    position: relative;

    width: fit-content;

}

h4.ban-h4::before{

position: absolute;

bottom: 29px;

right: -110px;

content: '';

width: 113px;

height: 2px;

background-color: #3162c0;
}

h4.ban-h4::after{

      position: absolute;

      bottom: 29px;

      right: -360px;

      content: '';

      width: 258px;

      height: 2px;

      background-color: #d3d3d3;

}

.social-icon h6::before {

    position: absolute;

    right: -60px;

    top: 10px;

    height: 2px;

    content: '';

    background-color: #111716;

    width: 48px;

}



.social-icon h6::after {

    position: absolute;

    top: 10px;

    background-color: #00000069;

    content: '';

    width: 80px;

    left: 136px;

    height: 2px;

}

/*banner end*/

/*chose start*/

section.choose {

    padding: 140px 0px 100px;

}

.chose-txt ul {

    display: flex;

    gap: 80px;

}

.chose-txt h3 {

    font-size: 46px;

    line-height: 1;

    font-weight: 700;

    color: #000000;

    position: relative;

}



.chose-txt h5 {

    font-size: 27px;

    line-height: 1;

    color: #9bd2c9;

    font-weight: 700;

    text-transform: uppercase;

}



.chose-txt p {

    font-size: 14px;

    color: #727272;

    width: 71%;

}



.chose-txt ul li {

    display: flex;

    align-items: center;

    gap: 10px;

}



.chose-txt ul li p {

    font-size: 14px;

    margin: unset;

    color: #000;

    font-weight: 700;

    width: 100%;

}

.chose-bx-main {

    background-image: url(../images/chose-bg.png);

    background-repeat: no-repeat;

    background-size: cover;

    border-radius: 10px;

    padding: 101px 30px 40px;

    position: relative;

}

.chose-bx-main::before {

    position: absolute;

    right: -70px;

    content: '';

    width: 40%;

    background-image: url(../images/chose-bf.png);

    background-repeat: no-repeat;

    background-size: cover;

    top: -53px;

    height: 671px;

    z-index: -1;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 20px;

}



.chose-txt h3:before {

    position: absolute;

    bottom: -14px;

    right: 0;

    content: '';

    width: 710px;

    height: 2px;

    background-color: #d3d3d3;

}

.com-main-img img {

    width: 100%;

    height: 290px;

    object-fit: cover;

    border-bottom-right-radius: 20%;

}



.com-main-img a:hover {

    background-color: #000;

}

.chose-txt h3:after {

    position: absolute;

    bottom: -14px;

    left: 0px;

    content: '';

    width: 113px;

    height: 2px;

    background-color: #9bd2c9;

}

.com-main-img {

    position: relative;

}



.com-main-img a {

position: absolute;

right: 10px;

background-color: #fff;

width: 50px;

height: 50px;

top: 169px;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

box-shadow: 0 0 2px #00000096;

z-index: 1;
}

.com-main-img a img{

  height: auto;

  width: auto;

}

.exp-main-bx:hover {

    transition: 1s;

    background-color: #f4faf8;

    border: unset;

}



.exp-main-bx:hover img {

  padding:10px;

  background-color: #9bd2c9;

  border-radius: 50%;

  object-fit: contain;

}

.main-bx-sm-img img {

    height: auto;

    width: auto;

}



.main-bx-sm-img {

    background-color: #f4faf8;

    border-radius: 50%;

    height: 90px;

    width: 90px;

    position: absolute;

    top: 184px;

    display: flex;

    align-items: center;

    justify-content: center;

    left: 35px;

}



.main-bx-sm-img:hover {

transition: 1s;

background-color: #3f67c5;
}

.ft-links ul li a:hover {

color: #3f67c5;

transition: 1s;
}

.footer-logo ul li a i:hover {

    border: unset;

    background-color: #9bd2c9;

    transition: 1s;

    color: #000;

}

a.btn-1:hover {

    background-color: #000;

    transition: 1s;

}



a.btn-1:hover span {

    color: #fff;

}

.main-bx-all-in:hover {

background-color: #4768c8;

transition: 1s;
}



.main-bx-all-in:hover h5 {

color: #fff;
}

.main-bx-all-in:hover p {

color: #fff;
}

.com-bot-txt:hover {

background-color: #3f67c5;

transition: 1s;

width: 96%;
}



.com-bot-txt:hover i {

    color: #000;

}



.com-bot-txt:hover p {

    color: #000;

}

/*inner-banner start*/

section.banner.inn::after {

    display: none;

}



section.banner.inn .bann-txt {

  min-height: 740px;

  width: 110%;

}

section.choose.inn {

    padding-top: unset;

    padding-bottom: 160px;

}

.abt-txt.bt {

    margin-left: 6%;

}

section.explore.inn .container-fluid {

    background-image: unset;

}



section.explore.inn .exp-main-bx:hover {

    background-color: #9bd2c9;

}

section.explore.inn .exp-main-bx:hover img{

background-color: #f4faf8;

}

section.explore.inn .explore-txt h5 {

    text-align: left;

    font-size: 13px;

    margin: unset;

    color: #000;

    text-transform: uppercase;

    font-weight: 700;

}



section.explore.inn .explore-txt {

    margin-bottom: 20px;

}

section.all-in-one.inn {

    padding: 100px 0px;

}

section.all-in-one.inn .container-fluid {

    background: unset;

}

section.banner.inn {

    height: 690px;

}

section.contact {

    padding: 100px 0px;

}

.abt-txt form input {

    width: 100%;

    padding: 12px;

    background-color: #fdfdfd;

    border: 1px solid #e5e5e5;

    margin-bottom: 20px;

}

.abt-txt form select {

    width: 100%;

    padding: 12px;

    background-color: #fdfdfd;

    border: 1px solid #e5e5e5;

    margin-bottom: 20px;

}

.abt-txt form textarea {

    width: 100%;

    padding: 12px;

    background-color: #fdfdfd;

    border: 1px solid #e5e5e5;

    margin-bottom: 20px;

    height: 150px;

}

.abt-txt form button {

display: flex;

align-items: center;

gap: 20px;

background-color: #4768c8;

width: fit-content;

justify-content: center;

padding-right: 2px !important;

border-radius: 5px;

padding: 2px 22px;

border:unset;
}

a.btn-1 span {

font-size: 14px;

font-weight: 600;

text-transform: uppercase;

color: #fff;
}

section.contact .abt-txt h3:before {

    width: 320px;

}

section.banner.inn.com .bann-txt {width: 100%;}

.community-txt h5 {

text-align: center;

font-size: 13px;

margin: unset;

color: #000;

text-transform: uppercase;

font-weight: 700;
}

.com-bot-txt.det:hover {

    background-color: unset;

    padding: 20px 20px;

    transition: unset;

    width: 96%;

}

section.det-douc .com-main-img img {

    width: 100%;

    height: 600px;

    object-fit: cover;

    border-bottom-right-radius: unset;

    border-top-right-radius: 60px;

}

.com-bot-txt.det:hover {

    display: unset;

}

section.det-douc {

    padding: 100px 0px;

}

.com-bot-txt.det ul {

    justify-content: unset;

    gap: 20px;

}



.com-bot-txt.det ul li i {

color: #3566c2;
}

/*login start*/

section.login {

    padding: 100px 0px;

}



.login-txt form input {

    width: 100%;

    margin-bottom: 10px;

    outline: none;

    padding: 12px 15px;

    border: 1px solid;

    color: #000;

    border-radius: 10px;

    background-color: #fff;

    border: 1px solid #e2e2e2;

}

.login-txt h3 {

    font-size: 40px;

    /* font-family: 'Barlow'; */

    text-align: center;

    line-height: 40px;

    text-transform: uppercase;

}

.login-txt {

    padding: 45px 25px 35px;

    border-radius: 10px;

    background-color: #fdfdfd;

    border: 2px solid #e8e8e8;

}

.login-txt ul {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

li.head {

    color: #000;

    font-size: 17px;

    font-weight: 600;

}

.login-txt ul li {

    display: flex;

    gap: 7px;

}

.login-txt form button {

width: 100%;

color: #fff;

border-radius: 10px;

padding: 14px 0px;

outline: none;

border: none;

margin-bottom: 20px;

font-size: 18px;

font-weight: 500;

/* font-family: 'Montserrat'; */

background-image: -webkit-linear-gradient(0deg, rgb(71 104 200 / 71%) 0%, rgb(71 104 200) 100%);

box-shadow: -3.119px 14.672px 38px 0px rgba(21, 21, 23, 0.21);
}

/*login end*/

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}

.exp-main-bx a {

    font-size: 14px;

    text-transform: uppercase;

    color: #000;

    text-decoration: underline;

}
.com-main-img a img {
    /* filter: invert(30%) sepia(90%) saturate(2500%) hue-rotate(210deg) brightness(90%) contrast(95%); */
    width: 20px;
    height: 20px;
    object-fit: contain;
}
a.btn-1 img {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* filter: hue-rotate(200deg) saturate(120%); */
    width: 49px;
    height: 46px;
    object-fit: contain;
}
.abt-txt form button img{
     background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
  width: 49px;
    height: 46px;
    object-fit: contain;
    border-radius: 7px;
}
.ft-links button img {
    width: 49px;
    height: 46px;
    object-fit: contain;
    background-color: #fff;
    padding: 15px;
    border-radius: 7px;
}
.ft-links ul li p span {
    display: block;
}
section.banner.inn.com.document-banner-main {
    background-image: url(../images/doucment-banner.jpg);
}

section.contact .abt-img img {
    height: 590px;
    object-fit: cover;
}
.abt-img img {
    height: 600px;
    object-fit: cover;
}