@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
* {
  padding: 0px;
  margin: 0px;
}

body {
  font-size: 14px;
  color: #333;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

img {
  max-width: 100%;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

a,
a:hover {
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
}

li,
ol {
  list-style: none;
}

button:focus {
  outline: none !important;
}

header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  padding: 10px 0;
}
header div#navigation ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
header div#navigation ul li a {
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.1px;
  text-decoration: none;
}
header ul.user-sec {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 25px;
}
header ul.user-sec li:first-child a {
  display: block;
  background: #239ee8;
  color: #FFF;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 8px;
  text-decoration: none;
}

section.banner-part {
  position: relative;
}
section.banner-part img.main-img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
section.banner-part .ban-tx {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
section.banner-part .ban-tx h5 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.625px;
  text-transform: uppercase;
  margin: 0 0 34px;
}
section.banner-part .ban-tx h2 {
max-width: 985px;
    color: #FFF;
    font-size: 55px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0px;
    margin: 0 auto 35px;
}
section.banner-part .ban-tx p {
  color: #FEFEFE;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.2px;
  margin: 0 0 35px;
}
section.banner-part .ban-tx a {
  background: #239ee8;
  color: #FFF;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 auto;
  text-decoration: none;
}
section.banner-part a.go-btn {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: auto;
  display: table;
}

section.body-cont1 {
  padding: 80px 0 100px;
  background: #fff;
  
}
section.body-cont1 a.btn {
background: #239ee8;
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    padding: 16px 20px;
    border-radius: 46px;
    margin: 30px auto;
    display: inline-block;
  
}
section.body-cont1 h2 {
    color:#000;
    text-align: center;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-family: 'Inter';
    }
section.body-cont1 h6 {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height:1.7;
    margin: 0 0 70px;
    font-family: 'Inter';
    }
section.body-cont1 .aos-animate {
  position: relative;
  z-index: 1;
}
section.body-cont1 .wrap {
  border-radius: 15px;
  position: relative;
  z-index: 1;margin-bottom: 30px;
}
section.body-cont1 img {
  width: 100%;
  border-radius: 15px 15px 0 0;
}
section.body-cont1 .decp {
  border-radius: 0px 0px 10px 10px;
  border: 0.8px solid #C5BDBD;
  background: #FFF;
  padding: 35px 18px;
  text-align: center;
  height: 200px;
}
section.body-cont1 h3 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
section.body-cont1 p {
  color: #7C7C7C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 4px 0 25px;
}
section.body-cont1 ul {
  text-align: left;
  margin: 0 0 30px;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
section.body-cont1 ul li {
    color: #2E2E2E;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  
    list-style: disc;
}
section.body-cont1 ul li i.fa-solid.fa-circle {
  font-size: 8px;
  color: #E5B556;
}
section.body-cont1 h4 {
  color: #000;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 20px;
}
section.body-cont1 h4 span {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
section.body-cont1 a {
    background: #239ee8; 
    color: #FFF; 
    font-size: 14px; 
    font-weight: 600; 
    padding:8px 27px; 
    border-radius: 6px; 
    margin: 0 auto; 
    text-decoration: none; 
    }

section.body-cont2 {
  position: relative;
  background-attachment: fixed;
  background-size: cover;
}
section.body-cont2:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.27);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
section.body-cont2 ul {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 200px 0 100px;
}
section.body-cont2 ul li {
  width: 100%;
  border-left: 4px solid #F7BE2C;
  padding-left: 30px;
}
section.body-cont2 ul li:first-child {
  padding: 0;
  border: 0;
}
section.body-cont2 ul h2 {
  color: #FFF;
  font-size: 56px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
section.body-cont2 ul p {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

section.body-cont3 {
  padding: 100px 0;
  background: #F6F6F6;
  background-image: url(../images/home-img12.svg);
  background-repeat: no-repeat;
  background-position: center bottom 121px;
}
section.body-cont3 h2 {
  color: #565353;
  text-align: center;
  font-size: 45px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
section.body-cont3 h6 {
  color: #565353;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 70px;
}
section.body-cont3 video {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  display: table;
  border-radius: 15px;
}
section.body-cont3 .sec1 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: end;
}
section.body-cont3 .sec1 img.img1 {
  margin: 45px 0 0;
}
section.body-cont3 .sec2 img.img1 {
  margin: 0 0 45px;
}
section.body-cont3 .box1 {
  border-radius: 20px;
  border: 1px solid var(--neutral-neutral-50, #EDEEF0);
  background: var(--Pure-White-FFFFFF, #FFF);
  box-shadow: 10px 25px 100px 0px rgba(0, 43, 107, 0.25);
  padding: 24px;
  text-align: center;
  max-width: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin: 25px 0;
}
section.body-cont3 .box1 h4 {
  color: var(--neutral-neutral-900, #1E242C);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  margin: 0;
}
section.body-cont3 .box1 p {
  color: var(--neutral-neutral-600, #414D60);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  max-width: 193px;
}
section.body-cont3 .box1 a {
  display: block;
  border-radius: 100px;
  border: 1px solid var(--primary-primary-400, #3385FF);
  background: var(--primary-primary-400, #3385FF);
  color: var(--Neutral-10, #FFF);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  padding: 8px 24px;
}
section.body-cont3 .box-2 {
  border-radius: 20px;
  border: 1px solid var(--neutral-neutral-50, #EDEEF0);
  background: var(--Pure-White-FFFFFF, #FFF);
  box-shadow: 10px 25px 100px 0px rgba(0, 43, 107, 0.25);
  padding: 16px;
  max-width: 260px;
  display: flex;
  align-items: center;
  gap: 15px;
}
section.body-cont3 .box-2 h4 {
  color: var(--neutral-neutral-900, #1E242C);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  margin: 0;
}
section.body-cont3 .box-2 h4 span {
  color: var(--neutral-neutral-600, #414D60);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: block;
}

section.body-cont4 {
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  padding: 100px 0;
}
section.body-cont4:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
 
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
section.body-cont4 .container {
  position: relative;
}
section.body-cont4 h2 {
  color: #333;
  font-family: Inter;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  max-width: 456px;
  margin: 0 0 30px;
}
section.body-cont4 a {
  background: #239ee8;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  padding: 10px 20px;
  border-radius: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  max-width: -moz-max-content;
  max-width: max-content;
  text-decoration: none;
}
section.body-cont4 p {
	color: #000000;
    font-size: 17px;
    font-style: normal;
    font-weight: 550;
    line-height: 160%;
    margin: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter';
	}
section.body-cont4 h3 {
  color:rgb(64, 135, 232);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
section.body-cont4 h6 {
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 0;
}
section.body-cont4 .experience-section{
	background-color: #f9f9f9;
    border: 1px solid #e9e9e9;
    text-align: center;
    padding:35px 0px 0px 0px;
    border-radius: 15px;
	}
section.body-cont4 .experience-section .experience-content{display: flex;}
section.body-cont4 .experience-section .experience-content .experts-text{
	border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #c2c2c2;
    padding: 0px 0px 0px 0px;
	}
section.body-cont4 .experience-section .experience-content .clients-text{
	border-bottom: 1px solid #d4d4d4;
    padding: 0px 0px 0px 0px;
	}	

section.body-cont4 .experience-section .experience-content .projects-text{
    border-right: 1px solid #c2c2c2;
    padding:17px 0px 0px 0px;
	}
section.body-cont4 .experience-section .experience-content .experience-text{
    padding:17px 0px 0px 0px;
	}	


.body-services{

}
.body-services .services-cara .about__card {
   padding:5rem 2rem;
    margin: 10px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	border-radius: 40px;
}
.about__card h4 {
    max-width: 250px;
    font-size: 1.5rem;
    font-weight: 500;
     color: #fff;
    line-height: 2rem;
}
.about__card p {
        margin-bottom: 0.5rem;
    color: #fff;
    font-weight: 200;
    font-size: 15px;
    line-height: 26px;
}

/* .body-services .services-cara .about__card .accordion-button{background-color:transparent !important; color:#fff;} */
/* .body-services .services-cara .about__card .accordion-button i{padding: 4px 0px 0px 12px;} */
/* .body-services .services-cara .about__card .accordion-item{background-color:transparent !important; border:0;} */

/* .body-services .services-cara .about__card .accordion-button::after { */
	/* flex-shrink: 0; */
	/* width:0; */
	/* height:0; */
	/* margin-left: none; */
	/* content: ""; */
	/* background-image:none */
	/* } */
	
/* .body-services .services-cara .about__card .accordion-button:focus { */
	/* z-index: 3; */
	/* border:0; */
	/* outline: 0; */
	/* box-shadow:none; */
	/* } */
/* .body-services .services-cara .about__card .accordion-button:active{transition:.8s;}	 */
/* .body-services .services-cara .about__card .accordion-button .accordion-body:active{transition:.8s;} */
/* .body-services .services-cara .about__card .accordion-button .accordion-body p{color:#fff;} */


.body-services .services-cara .about__card  .content {color: #333;line-height: 1.8;font-size: 1.1em;}
.body-services .services-cara .about__card .content .more-text {display: none;margin-top: 10px;line-height: 1.6;}
.body-services .services-cara .about__card .content .more-text.show {display: block;}
.body-services .services-cara .about__card .content .read-more-btn {
	background: none;
	border: none;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	padding: 0;
	margin-top: 10px;
	}
.body-services .services-cara .about__card .content .read-more-btn i{position: relative;top: 2px;left: 7px;}


section.body-cont5 {
  padding: 80px 0;
}
section.body-cont5 h2 {
  color: #565353;
  font-size: 45px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 48px;
}
section.body-cont5 ul li {
  display: flex;
  align-items: center;
  gap: 24px;
}
section.body-cont5 ul li:nth-child(2) {
  flex-direction: row-reverse;
  margin: 36px 0;
  justify-content: flex-end;
}
section.body-cont5 h3 {
  color: var(--primary-primary-900, #002B6B);
  font-size: 108px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin: 0;
  opacity: 0.15;
}
section.body-cont5 .decp {
  border-radius: 20px;
  border: 1px solid var(--neutral-neutral-50, #EDEEF0);
  background: var(--Pure-White-FFFFFF, #FFF);
  box-shadow: 10px 25px 100px 0px rgba(0, 43, 107, 0.25);
  display: flex;
  align-items: center;
  padding: 24px;
  gap: 18px;
  max-width: 457px;
}
section.body-cont5 h4 {
  color: var(--neutral-neutral-900, #1E242C);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
section.body-cont5 p {
  color: var(--neutral-neutral-600, #414D60);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}
section.body-cont5 .img-wap {
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  position: relative;
}
section.body-cont5 .img-wap img.img1 {
  position: absolute;
  left: 20px;
  bottom: 42px;
}

section.body-cont6 {
  padding: 100px 0;
  background: #F6F6F6;
}
section.body-cont6 h2 {
  color: #565353;
  text-align: center;
  font-size: 45px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
section.body-cont6 h6 {
  color: #565353;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 70px;
}
section.body-cont6 img {
  border-radius: 20px;
  margin: 0 0 20px;
}
section.body-cont6 h4 {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
section.body-cont6 p {
  color: #7C7C7C;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

section.body-cont7 {
  padding: 0 0 100px;
  background: #f6f6f6;
}
section.body-cont7 h2 {
  color: #3D3D3D;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
section.body-cont7 p {
  color: #666;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 0;
}
section.body-cont7 img {
  border-radius: 20px;
  width: 100%;
}
section.body-cont7 .wapp {
  position: relative;
  margin: 35px 0px;
}
section.body-cont7 .wapp h6 {
  position: absolute;
  left: 20px;
  bottom: 20px;
  color: #FFF;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

section.body-cont8 {
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  padding: 200px 0;
}
section.body-cont8:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.65);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
section.body-cont8 .container {
  position: relative;
}
section.body-cont8 img {
  margin-left: -28px;
}
section.body-cont8 .wrap {
  border-radius: 10px;
  background: rgba(39, 146, 114, 0.5);
  -webkit-backdrop-filter: blur(47px);
          backdrop-filter: blur(47px);
  padding-right: 25px;
  padding-top: 45px;
  display: flex;
  gap: 25px;
}
section.body-cont8 .wrap h3 {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 20px;
}
section.body-cont8 .wrap p {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  min-height: 80px;
}
section.body-cont8 .wrap a {
  background: #fff;
  border-radius: 200px;
  color: #239ee8;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 12px 26px;
  display: flex;
  align-items: center;
  gap: 15px;
  max-width: -moz-max-content;
  max-width: max-content;
}
section.body-cont9 {
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  padding: 100px 0;overflow: hidden;
}
section.body-cont9:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.65);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
section.body-cont9 .container {
  position: relative;
}

section.body-cont9 h2 {
 color: #ffffff;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 45px;
    text-align: center;
}
section.body-cont9 .owl-stage-outer {
  overflow: visible;
}
section.body-cont9 .item {
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 11px 15px 0px rgba(57, 90, 68, 0.3);
  padding: 80px 50px 30px;
  margin: 20px 10px;
}
section.body-cont9 .item .auth {
  display: flex;
  align-items: center;
  gap: 20px;
}
section.body-cont9 .item .auth img {
  max-width: 55px;
}
section.body-cont9 .item .auth h5 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 163.15%;
  margin: 0;
}
section.body-cont9 .item .auth h5 span {
  color: #828282;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.035px;
  display: block;
}
section.body-cont9 .star {
  color: orange;
  margin: 0 0 25px;
}
section.body-cont9 p {
  color: var(--Grey, #6D7D8B);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 163.15%;
  margin: 0 0 30px;
}

section.body-cont10 {
  background: #F6F6F6;
  padding: 100px 0;
}
section.body-cont10 h2 {
  color: #3D3D3D;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 20px;
}
section.body-cont10 h6 {
  color: #666;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 0 0 40px;
}
section.body-cont10 a.alll-btn {
  border-radius: 64px;
  background: #282828;
  display: inline-block;
  padding: 16px 24px;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
section.body-cont10 .wrap {
  border-radius: 25px;
  background: #454545;
  box-shadow: -7px 10px 10px 0px rgba(0, 0, 0, 0.3);
  padding: 24px;
}
section.body-cont10 .wrap a img {
  width: 100%;
  border-radius: 20px;
}
section.body-cont10 .wrap h5 {
  color: #9FFA00;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin: 30px 0 15px;
}
section.body-cont10 .wrap h3 {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 20px;
}
section.body-cont10 .wrap h3 a {
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.body-cont10 .wrap h3 a i.fa-solid.fa-arrow-up {
  transform: rotate(45deg) translate(0px, 0px);
}
section.body-cont10 .wrap p {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
section.body-cont10 .wrap .star {
  margin: 0 0 25px;
  color: #9FFA00;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
section.body-cont10 .wrap .star i.fa-solid.fa-star {
  color: #FF9B26;
  margin: 0 3px;
  font-size: 14px;
}
section.body-cont10 .wrap .star span.\31  {
  color: #969696;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
section.body-cont10 .wrap .auth {
  display: flex;
  align-items: center;
  gap: 15px;
}
section.body-cont10 .wrap .auth img {
  width: 40px;
  border-radius: 100%;
}
section.body-cont10 .wrap .auth h4 {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
section.body-cont10 .wrap .auth h4 span {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: block;
}
section.body-cont10 .wrap .auth .price {
  color: #9FFA00;
  text-align: right;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 208px;
}

section.body-cont11 {
  background: #F6F6F6;
  padding: 100px 0 100px;
}
section.body-cont11 h2 {
  color: #3D3D3D;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 15px;
}
section.body-cont11 h6 {
  color: #666;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 0 0 30px;
}
section.body-cont11 a {
  background: #282828;
  border-radius: 200px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 12px 26px;
  display: flex;
  align-items: center;
  gap: 15px;
  max-width: -moz-max-content;
  max-width: max-content;
}
section.body-cont11 .wrap {
  border-radius: 4px;
  border: 1px solid #AAA;
  margin: 0 0 20px;
  padding: 24px;
}
section.body-cont11 p {
  color: #666;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 24px 0 0;
}
section.body-cont11 .accordion-toggle {
  color: #222;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  /* 140% */
  letter-spacing: -0.4px;
  margin: 0;
  position: relative;
  cursor: pointer;
}
section.body-cont11 .accordion-toggle.active:after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  width: 12px;
  height: 12px;
  border-left: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  transform: rotate(135deg) translate(0px, 0px);
}
section.body-cont11 .accordion-toggle:before {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  width: 12px;
  height: 12px;
  border-left: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  transform: rotate(-45deg) translate(0px, 0px);
}
section.body-cont11 .accordion-toggle.active:before {
  display: none;
}
section.body-cont11 .accordion-content {
  display: none;
}

section.body-cont12 {
  padding: 60px 0;
}
section.body-cont12 .item img {
  width: auto;
  display: table;
  margin: 0 auto;
}

footer {
  background: #061a3c;
  padding: 80px 0 20px;
}
footer .menu{padding:0px;}
a.ft-logo {
    width: 170px;
    display: block;
}
footer p {
color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0.2px;
    max-width: 354px;
    margin: 25px 0 25px;
}
footer .social a {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: rgba(255, 255, 255, 0.7215686275);
  text-align: center;
  line-height: 35px;
  border-radius: 100px;
  color: #084298;
  font-size: 16px;
  margin-right: 18px;
}
footer h2 {
  color: #FFF;position: relative;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  margin: 0 0 35px;
}
footer h2:after {
content: "";
    width: 20px;
    position: absolute;
    bottom: -4px;
    background: #fff;
    height: 3px;
    left: 0;
    border-radius: 10px;
}
footer h2:before {
content: "";
    width: 70px;
    position: absolute;
    bottom: -4px;
    background: #fff;
    height: 3px;
    left: 24px;
    border-radius: 10px;
}
footer ul.menu li a {
	color: #FFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 34px;
	display: table;
	text-decoration: none;
	}
footer h6 {
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.4509803922);
  margin: 40px 0 0;
  padding: 20px 0 0;
}

section.inner-ban {
  position: relative;
  background: #162532;
}
section.inner-ban img {
  width: 100%;
  opacity: 0.4;
}
section.inner-ban .ban-tx {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 100px;
}
section.inner-ban .ban-tx h2 {
  font-size: 70px;
  color: #fff;
}
section.ab-body-cont1 ul {
    padding-left: 14px;
}
section.ab-body-cont1 ul li {
    list-style: disc;
	color: #000;
    font-size: 15px;
}
section.ab-body-cont1 {
  padding: 100px 0;
}
section.ab-body-cont1 img {
  width: 100%;
}
section.ab-body-cont1 h2 {
    color:#000000;
    text-align: left;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
section.ab-body-cont1 p {
	font-size:16px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 20px;
	color: #000;
	font-family: 'Inter';
	}
section.ab-body-cont1 h5 {
  font-size: 20px;
  font-weight: 600;
  line-height: 39px;
  margin: 30px 0 0;
  color: #000;
}

section.ab-body-cont1 a {
display: table;
    border: 1px solid #000;
    max-width: 167px;
    width: 100%;
    text-align: center;
    line-height: 47px;
   margin: 30px 20px 0px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    transition: all 0.5s ease-out;
}
section.ab-body-cont1 a:hover {
  background: #000;
  color: #fff;
}

section.ab-page {
  padding: 0 0 80px;
}
section.ab-page h2 {
  font-size: 60px;
  font-weight: 275;
  margin-bottom: 25px;
  text-transform: capitalize;
}
section.ab-page p {
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}

section.conmtact-page {
  padding: 80px 0;
}
section.conmtact-page h2 {
  font-size: 50px;
  font-weight: 275;
  color: #000;
  text-transform: capitalize;
}
section.conmtact-page p {
  font-size: 16px;
  line-height: 27px;
}
section.conmtact-page ul {
  margin: 40px 0;
}
section.conmtact-page ul li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 65px;
}
section.conmtact-page ul li span {
  font-size: 16px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  display: block;
  color: #000;
}
section.conmtact-page ul li a {
  font-size: 20px;
  font-weight: 600;
  line-height: 39px;
  text-align: left;
  color: #000;
  text-decoration: none;
}
section.conmtact-page ul li i.fas {
  width: 45px;
  height: 45px;
  border: 2px solid #239ee8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  background: #239ee8;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
section.conmtact-page h4 {
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #000;
}
section.conmtact-page h4 span {
  display: block;
  border-top: 1px solid #111;
  font-size: 16px;
  margin-top: 5px;
}
section.conmtact-page form {
  background: #000;
  padding: 25px;
  border-radius: 10px;
}
section.conmtact-page form label {
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  display: block;
  color: #fff;
}
section.conmtact-page form input:not([type=submit]),
section.conmtact-page form textarea {
  width: 100%;
  padding: 13px;
  border-radius: 5px;
  border: none;
  margin: 3px 0 22px;
  color: #000;
}
section.conmtact-page form textarea {
  height: 150px;
}
section.conmtact-page form input[type=submit] {
  border: none;
  display: table;
  margin: 0 auto;
  background: #239ee8;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  padding: 10px 60px;
  border-radius: 10px;
}

section.conmtact-page2 {
  font-size: 0;
}
section.conmtact-page2 iframe {
  width: 100%;
}

.modal-dialog {
  height: 100%;
  display: flex;
  align-items: center;
}
.modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}
.modal-dialog .modal-header {
  border-bottom: none;
  background: #fff;
  position: absolute !important;
  right: 0;
  z-index: 9;
  border-radius: 100%;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-dialog .modal-header .btn-close {
  padding: 0 !important;
  opacity: 1;
  margin: 0 !important;
}
.modal-dialog h4.modal-title {
  color: #565353;
  text-align: center;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.modal-dialog .logmod {
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.modal-dialog .logmod::after {
  clear: both;
  content: "";
  display: table;
}
.modal-dialog .logmod__wrapper {
  display: block;
  background: #FFF;
  position: relative;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
}
.modal-dialog .logmod__close {
  display: block;
  position: absolute;
  right: 50%;
  background: url("http://imgh.us/close_white.svg") no-repeat scroll 0% 0% transparent;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  top: -72px;
  margin-right: -24px;
  width: 48px;
  height: 48px;
}
.modal-dialog .logmod__container {
  overflow: hidden;
  width: 100%;
}
.modal-dialog .logmod__container::after {
  clear: both;
  content: "";
  display: table;
}
.modal-dialog .logmod__tab {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}
.modal-dialog .logmod__tab-wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.modal-dialog .logmod__tab.show {
  opacity: 1;
  height: 100%;
  visibility: visible;
}
.modal-dialog .logmod__tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-dialog .logmod__tabs::after {
  clear: both;
  content: "";
  display: table;
}
.modal-dialog .logmod__tabs li.current a {
  background: #FFF;
  color: #333;
}
.modal-dialog .logmod__tabs li a {
  /* width: 50%; */
  position: relative;
  float: left;
  text-align: center;
  background: #D2D8D8;
  line-height: 72px;
  height: 72px;
  text-decoration: none;
  color: #809191;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
}
.modal-dialog .logmod__tabs li a:focus {
  outline: dotted 1px;
}
.modal-dialog .logmod__heading {
  text-align: center;
  padding: 12px 0 12px 0;
}
.modal-dialog .logmod__heading-subtitle {
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #888;
  line-height: 48px;
}
.modal-dialog .logmod__form {
  border-top: 1px solid #e5e5e5;
}
.modal-dialog .logmod__alter {
  display: block;
  position: relative;
  margin-top: 7px;
}
.modal-dialog .logmod__alter::after {
  clear: both;
  content: "";
  display: table;
}
.modal-dialog .logmod__alter .connect:last-child {
  border-radius: 0 0 4px 4px;
}
.modal-dialog .connect {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 72px;
  line-height: 72px;
  text-decoration: none;
}
.modal-dialog .connect::after {
  clear: both;
  content: "";
  display: table;
}
.modal-dialog .connect:focus,
.modal-dialog .connect:hover,
.modal-dialog .connect:visited {
  color: #FFF;
  text-decoration: none;
}
.modal-dialog .connect__icon {
  vertical-align: middle;
  float: left;
  width: 70px;
  text-align: center;
  font-size: 22px;
}
.modal-dialog .connect__context {
  vertical-align: middle;
  text-align: center;
}
.modal-dialog .connect.facebook {
  background: #3b5998;
  color: #FFF;
}
.modal-dialog .connect.facebook a {
  color: #FFF;
}
.modal-dialog .connect.facebook .connect__icon {
  background: #283d68;
}
.modal-dialog .connect.googleplus {
  background: #dd4b39;
  color: #FFF;
}
.modal-dialog .connect.googleplus a {
  color: #FFF;
}
.modal-dialog .connect.googleplus .connect__icon {
  background: #b52f1f;
}
.modal-dialog .simform {
  position: relative;
}
.modal-dialog .simform__actions {
  padding: 15px;
  font-size: 14px;
}
.modal-dialog .simform__actions::after {
  clear: both;
  content: "";
  display: table;
}
.modal-dialog .simform__actions .sumbit {
  height: 48px;
  float: right;
  color: #FFF;
  width: 50%;
  font-weight: 700;
  font-size: 16px;
  background: #239ee8;
  margin-top: 7px;
}
.modal-dialog .simform__actions .sumbit::after {
  clear: both;
  content: "";
  display: table;
}
.modal-dialog .simform__actions-sidetext {
  display: inline-block;
  float: left;
  width: 50%;
  padding: 0 10px;
  margin: 9px 0 0 0;
  color: #8C979E;
  text-align: center;
  line-height: 24px;
}
.modal-dialog .simform__actions-sidetext::after {
  clear: both;
  content: "";
  display: table;
}
.modal-dialog .sminputs {
  border-bottom: 1px solid #E5E5E5;
}
.modal-dialog .sminputs::after {
  clear: both;
  content: "";
  display: table;
}
.modal-dialog .sminputs .input {
  display: block;
  position: relative;
  width: 50%;
  height: 71px;
  padding: 11px 24px;
  border-right: 1px solid #e5e5e5;
  border-bottom: none;
  float: left;
  background-color: #FFF;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.modal-dialog .sminputs .input.active {
  background: #eee;
}
.modal-dialog .sminputs .input.active .hide-password {
  background: #eee;
}
.modal-dialog .sminputs .input.full {
  width: 100%;
}
.modal-dialog .sminputs .input label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 12px;
  cursor: pointer;
  line-height: 24px;
}
.modal-dialog .sminputs .input input {
  postion: relative;
  display: inline-block;
  height: 24px;
  font-size: 15px;
  line-height: 19.2px;
  color: #555;
  border-radius: 4px;
  vertical-align: middle;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  color: rgba(75, 89, 102, 0.85);
}
.modal-dialog .sminputs .hide-password {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 15px;
  border-left: 1px solid #e4e4e4;
  font-size: 14px;
  background: #FFF;
  overflow: hidden;
  color: #444;
  cursor: pointer;
  margin-top: 12px;
  line-height: 48px;
}
.modal-dialog .btn,
.modal-dialog .simform__actions .sumbit {
  display: inline-block;
  line-height: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  border: none;
  outline: none;
  outline-offset: 0;
  font-weight: 400;
  box-shadow: none;
  min-width: 90px;
  padding: 10px 14px;
}
.modal-dialog .btn.full,
.modal-dialog .simform__actions .full.sumbit {
  width: 100%;
}
.modal-dialog .btn.lg,
.modal-dialog .simform__actions .lg.sumbit {
  min-width: 125px;
  padding: 17px 14px;
  font-size: 22px;
  line-height: 1.3;
}
.modal-dialog .btn.sm,
.modal-dialog .simform__actions .sm.sumbit {
  min-width: 65px;
  padding: 4px 12px;
  font-size: 14px;
}
.modal-dialog .btn.xs,
.modal-dialog .simform__actions .xs.sumbit {
  min-width: 45px;
  padding: 2px 10px;
  font-size: 10px;
  line-height: 1.5;
}
.modal-dialog .btn.circle,
.modal-dialog .simform__actions .circle.sumbit {
  overflow: hidden;
  width: 56px;
  height: 56px;
  min-width: 56px;
  line-height: 1;
  padding: 0;
  border-radius: 50%;
}
.modal-dialog .btn.circle.lg,
.modal-dialog .simform__actions .circle.lg.sumbit {
  width: 78px;
  height: 78px;
  min-width: 78px;
}
.modal-dialog .btn.circle.sm,
.modal-dialog .simform__actions .circle.sm.sumbit {
  width: 40px;
  height: 40px;
  min-width: 40px;
}
.modal-dialog .btn.circle.xs,
.modal-dialog .simform__actions .circle.xs.sumbit {
  width: 30px;
  height: 30px;
  min-width: 30px;
}
.modal-dialog .btn:focus,
.modal-dialog .simform__actions .sumbit:focus,
.modal-dialog .btn:active,
.modal-dialog .simform__actions .sumbit:active,
.modal-dialog .btn.active,
.modal-dialog .simform__actions .active.sumbit,
.modal-dialog .btn:active:focus,
.modal-dialog .btn.active:focus {
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
}
.modal-dialog .btn.red,
.modal-dialog .simform__actions .red.sumbit {
  background: #f44336;
  color: #FFF;
}
.modal-dialog .btn.red:active,
.modal-dialog .simform__actions .red.sumbit:active,
.modal-dialog .btn.red:focus,
.modal-dialog .simform__actions .red.sumbit:focus {
  background-color: #ef1d0d;
}
.modal-dialog .btn.red:hover,
.modal-dialog .simform__actions .red.sumbit:hover {
  background-color: #f32c1e;
}
.modal-dialog .btn.pink,
.modal-dialog .simform__actions .pink.sumbit {
  background: #E91E63;
  color: #FFF;
}
.modal-dialog .btn.pink:active,
.modal-dialog .simform__actions .pink.sumbit:active,
.modal-dialog .btn.pink:focus,
.modal-dialog .simform__actions .pink.sumbit:focus {
  background-color: #c61350;
}
.modal-dialog .btn.pink:hover,
.modal-dialog .simform__actions .pink.sumbit:hover {
  background-color: #d81558;
}
.modal-dialog .btn.purple,
.modal-dialog .simform__actions .purple.sumbit {
  background: #9C27B0;
  color: #FFF;
}
.modal-dialog .btn.purple:active,
.modal-dialog .simform__actions .purple.sumbit:active,
.modal-dialog .btn.purple:focus,
.modal-dialog .simform__actions .purple.sumbit:focus {
  background-color: #7b1f8a;
}
.modal-dialog .btn.purple:hover,
.modal-dialog .simform__actions .purple.sumbit:hover {
  background-color: #89229b;
}
.modal-dialog .btn.deep-purple,
.modal-dialog .simform__actions .deep-purple.sumbit {
  background: #673AB7;
  color: #FFF;
}
.modal-dialog .btn.deep-purple:active,
.modal-dialog .simform__actions .deep-purple.sumbit:active,
.modal-dialog .btn.deep-purple:focus,
.modal-dialog .simform__actions .deep-purple.sumbit:focus {
  background-color: #532f94;
}
.modal-dialog .btn.deep-purple:hover,
.modal-dialog .simform__actions .deep-purple.sumbit:hover {
  background-color: #5c34a4;
}
.modal-dialog .btn.indigo,
.modal-dialog .simform__actions .indigo.sumbit {
  background: #3F51B5;
  color: #FFF;
}
.modal-dialog .btn.indigo:active,
.modal-dialog .simform__actions .indigo.sumbit:active,
.modal-dialog .btn.indigo:focus,
.modal-dialog .simform__actions .indigo.sumbit:focus {
  background-color: #334293;
}
.modal-dialog .btn.indigo:hover,
.modal-dialog .simform__actions .indigo.sumbit:hover {
  background-color: #3849a2;
}
.modal-dialog .btn.blue,
.modal-dialog .simform__actions .blue.sumbit {
  background: #2196F3;
  color: #FFF;
}
.modal-dialog .btn.blue:active,
.modal-dialog .simform__actions .blue.sumbit:active,
.modal-dialog .btn.blue:focus,
.modal-dialog .simform__actions .blue.sumbit:focus {
  background-color: #0c7fda;
}
.modal-dialog .btn.blue:hover,
.modal-dialog .simform__actions .blue.sumbit:hover {
  background-color: #0d8aee;
}
.modal-dialog .btn.light-blue,
.modal-dialog .simform__actions .light-blue.sumbit {
  background: #03A9F4;
  color: #FFF;
}
.modal-dialog .btn.light-blue:active,
.modal-dialog .simform__actions .light-blue.sumbit:active,
.modal-dialog .btn.light-blue:focus,
.modal-dialog .simform__actions .light-blue.sumbit:focus {
  background-color: #028ac7;
}
.modal-dialog .btn.light-blue:hover,
.modal-dialog .simform__actions .light-blue.sumbit:hover {
  background-color: #0398db;
}
.modal-dialog .btn.cyan,
.modal-dialog .simform__actions .cyan.sumbit {
  background: #00BCD4;
  color: #FFF;
}
.modal-dialog .btn.cyan:active,
.modal-dialog .simform__actions .cyan.sumbit:active,
.modal-dialog .btn.cyan:focus,
.modal-dialog .simform__actions .cyan.sumbit:focus {
  background-color: #0093a6;
}
.modal-dialog .btn.cyan:hover,
.modal-dialog .simform__actions .cyan.sumbit:hover {
  background-color: #00a5bb;
}
.modal-dialog .btn.teal,
.modal-dialog .simform__actions .teal.sumbit {
  background: #009688;
  color: #FFF;
}
.modal-dialog .btn.teal:active,
.modal-dialog .simform__actions .teal.sumbit:active,
.modal-dialog .btn.teal:focus,
.modal-dialog .simform__actions .teal.sumbit:focus {
  background-color: #00685e;
}
.modal-dialog .btn.teal:hover,
.modal-dialog .simform__actions .teal.sumbit:hover {
  background-color: #007d71;
}
.modal-dialog .btn.green,
.modal-dialog .simform__actions .green.sumbit {
  background: #239ee8;
  color: #FFF;
}
.modal-dialog .btn.green:active,
.modal-dialog .simform__actions .green.sumbit:active,
.modal-dialog .btn.green:focus,
.modal-dialog .simform__actions .green.sumbit:focus {
  background-color: #3e8f41;
}
.modal-dialog .btn.green:hover,
.modal-dialog .simform__actions .green.sumbit:hover {
  background-color: #449d48;
}
.modal-dialog .btn.light-green,
.modal-dialog .simform__actions .light-green.sumbit {
  background: #8BC34A;
  color: #FFF;
}
.modal-dialog .btn.light-green:active,
.modal-dialog .simform__actions .light-green.sumbit:active,
.modal-dialog .btn.light-green:focus,
.modal-dialog .simform__actions .light-green.sumbit:focus {
  background-color: #74a838;
}
.modal-dialog .btn.light-green:hover,
.modal-dialog .simform__actions .light-green.sumbit:hover {
  background-color: #7eb73d;
}
.modal-dialog .btn.lime,
.modal-dialog .simform__actions .lime.sumbit {
  background: #CDDC39;
  color: #FFF;
}
.modal-dialog .btn.lime:active,
.modal-dialog .simform__actions .lime.sumbit:active,
.modal-dialog .btn.lime:focus,
.modal-dialog .simform__actions .lime.sumbit:focus {
  background-color: #b6c423;
}
.modal-dialog .btn.lime:hover,
.modal-dialog .simform__actions .lime.sumbit:hover {
  background-color: #c6d626;
}
.modal-dialog .btn.yellow,
.modal-dialog .simform__actions .yellow.sumbit {
  background: #FFEB3B;
  color: #FFF;
}
.modal-dialog .btn.yellow:active,
.modal-dialog .simform__actions .yellow.sumbit:active,
.modal-dialog .btn.yellow:focus,
.modal-dialog .simform__actions .yellow.sumbit:focus {
  background-color: #ffe60d;
}
.modal-dialog .btn.yellow:hover,
.modal-dialog .simform__actions .yellow.sumbit:hover {
  background-color: #ffe822;
}
.modal-dialog .btn.amber,
.modal-dialog .simform__actions .amber.sumbit {
  background: #FFC107;
  color: #FFF;
}
.modal-dialog .btn.amber:active,
.modal-dialog .simform__actions .amber.sumbit:active,
.modal-dialog .btn.amber:focus,
.modal-dialog .simform__actions .amber.sumbit:focus {
  background-color: #d8a200;
}
.modal-dialog .btn.amber:hover,
.modal-dialog .simform__actions .amber.sumbit:hover {
  background-color: #edb100;
}
.modal-dialog .btn.orange,
.modal-dialog .simform__actions .orange.sumbit {
  background: #FF9800;
  color: #FFF;
}
.modal-dialog .btn.orange:active,
.modal-dialog .simform__actions .orange.sumbit:active,
.modal-dialog .btn.orange:focus,
.modal-dialog .simform__actions .orange.sumbit:focus {
  background-color: #d17d00;
}
.modal-dialog .btn.orange:hover,
.modal-dialog .simform__actions .orange.sumbit:hover {
  background-color: #e68900;
}
.modal-dialog .btn.deep-orange,
.modal-dialog .simform__actions .deep-orange.sumbit {
  background: #FF5722;
  color: #FFF;
}
.modal-dialog .btn.deep-orange:active,
.modal-dialog .simform__actions .deep-orange.sumbit:active,
.modal-dialog .btn.deep-orange:focus,
.modal-dialog .simform__actions .deep-orange.sumbit:focus {
  background-color: #f33a00;
}
.modal-dialog .btn.deep-orange:hover,
.modal-dialog .simform__actions .deep-orange.sumbit:hover {
  background-color: #ff4409;
}
.modal-dialog .btn.brown,
.modal-dialog .simform__actions .brown.sumbit {
  background: #795548;
  color: #FFF;
}
.modal-dialog .btn.brown:active,
.modal-dialog .simform__actions .brown.sumbit:active,
.modal-dialog .btn.brown:focus,
.modal-dialog .simform__actions .brown.sumbit:focus {
  background-color: #5c4137;
}
.modal-dialog .btn.brown:hover,
.modal-dialog .simform__actions .brown.sumbit:hover {
  background-color: #694a3e;
}
.modal-dialog .btn.grey,
.modal-dialog .simform__actions .grey.sumbit {
  background: #9E9E9E;
  color: #FFF;
}
.modal-dialog .btn.grey:active,
.modal-dialog .simform__actions .grey.sumbit:active,
.modal-dialog .btn.grey:focus,
.modal-dialog .simform__actions .grey.sumbit:focus {
  background-color: #878787;
}
.modal-dialog .btn.grey:hover,
.modal-dialog .simform__actions .grey.sumbit:hover {
  background-color: #919191;
}
.modal-dialog .btn.blue-grey,
.modal-dialog .simform__actions .blue-grey.sumbit {
  background: #607D8B;
  color: #FFF;
}
.modal-dialog .btn.blue-grey:active,
.modal-dialog .simform__actions .blue-grey.sumbit:active,
.modal-dialog .btn.blue-grey:focus,
.modal-dialog .simform__actions .blue-grey.sumbit:focus {
  background-color: #4d6570;
}
.modal-dialog .btn.blue-grey:hover,
.modal-dialog .simform__actions .blue-grey.sumbit:hover {
  background-color: #566f7c;
}
.modal-dialog .special {
  color: #f44336;
  position: relative;
  text-decoration: none;
  transition: all 0.15s ease-out;
}
.modal-dialog .special:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0px;
  left: 0;
  background: #f00;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
.modal-dialog .special:hover {
  transition: all 0.15s ease-out;
}
.modal-dialog .special:hover:before {
  visibility: visible;
  transform: scaleX(1);
}
.modal-dialog #baseline {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-image: url(https://basehold.it/i/24);
}

section.Course-page {
  padding: 100px 0;
}
section.Course-page .course-box {
  background: #fff;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
section.Course-page .course-box p {
  font-size: 15px;
  margin: 20px 0;
}
section.Course-page .course-box h4 {
  color: #565353;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 12px;
}
section.Course-page .course-box ul li {
  color: #565353;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 10px;
}
section.Course-page .highlight-title {
  background: #239ee8;
  color: white;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 4px;
  font-weight: bold;
}
section.Course-page .price-tag {
  font-size: 28px;
  font-weight: 700;
  color: #239ee8;
}
section.Course-page .strike {
  text-decoration: line-through;
  color: gray;
  font-size: 16px;
}
section.Course-page .offer {
  background: #239ee8;
  color: white;
  padding: 2px 6px;
  font-size: 14px;
  border-radius: 4px;
}
section.Course-page .feature-list li {
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
  list-style: none;
}
/*section.Course-page .checkout-btn {*/
/*  background: #239ee8;*/
/*  color: white;*/
/*  border: none;*/
/*  padding: 10px 20px;*/
/*  font-weight: bold;*/
/*  border-radius: 25px;*/
/*  width: 100%;*/
/*}*/

section.Course-page .checkout-btn {
	background: #239ee8;
	color: white;
	border: none;
	padding: 10px 17px 10px 17px;
	font-weight: bold;
	border-radius: 25px;
	width: 100%;
	font-size: 14px;
	margin-bottom: 8px;	
	}
section.Course-page .button-section{
    margin-top: 22px;
	}
section.Course-page .download-btn {
	background: #239ee8;
	color: white;
	border: none;
	font-weight: bold;
	padding: 10px 17px 10px 17px;
	border-radius: 25px;
	width: 100%;
	white-space: nowrap;
	font-size: 14px;

	}

.career-box {
    width: 100%;position: relative;
    background: #fff;
    padding: 0px;
    border: 1px solid #dcdcdc;
    margin: 10px 0;
}
.career-box img {
    height: 155px !important;
    width: 100%;    max-width: 100% !important;
    margin: 0px 0 14px 0 !important;
}
.car_img{

}
.serv-box {
    display: inline-block;
}
.serv-box img {
    float: left;
    object-fit: cover;
}
.career-box .texts {
   border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    padding: 20px;
}
.career-box h4 {
    font-size: 20px !important;
    line-height: 26px !important;
    padding-bottom: 10px !important;
    color: #000;
}
ul.exprncList {
    padding: 0 !important;
}
.exprncList li {
    margin-bottom: 10px;list-style: none !important;
}
.exprncList li i {
    color: #dfaa47;
    margin-right: 8px;
    width: 11px;
}
.career-box h6 {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 6px;
}
.apsuBtn {
    width: auto;
    display: inline-block;

}
.btnlink {
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 2px;
    text-align: center;
    line-height: 50px;
    min-width: 250px;
    background: rgba(246, 138, 10, 1);
    color: #fff!important;
    border-radius: 30px;border: none !important;
    margin-top: 20px;
}






@media (max-width: 767px) {
  section.Course-page {
    padding: 30px 0;
  }
  section.Course-page .course-box {
    padding: 15px;
    margin: 0 0 25px;
  }
}/*# sourceMappingURL=style.css.map */



/*----- how-it-works  -----*/

.works-section{
	margin-top: -55px;
	padding:65px; /*100px;*/
	background-color: #f5f5f5;
	}
.works-section .heading{margin-top: -38px;margin-bottom: 46px;}
.works-section .heading h2{
	font-size: 38px;
    font-family: 'Inter';
    font-weight: 550;
	color: #000;
	}	
.works-section .heading  p{
	font-size: 18px;
    font-family: 'Inter';
    color: #000;
	}		
.works-section	.works-content {
	background-color: rgb(255, 255, 255);
    border-radius: 12px;
    box-shadow: rgb(201, 199, 199) 0px 0px 0px 0px;
    overflow: visible;
    cursor: inherit;
    border: 1px solid rgb(197, 197, 197);
    margin: 0px;
    padding:29px 5px 20px 56px;
    display: flex;
    flex-flow: wrap;
    justify-content: normal;
    align-items: center;
    gap: 8px 12px;
	height:140px;
	}

.works-section	.works-content img{    
	position: absolute;
	width: 38px;
	margin-left: -24px;
	margin-top: -15px;
	}
.works-section	.works-content h5{padding: 0px 11px 0px 28px;color: #000; font-weight:550;}
.works-section	.works-content p{margin-top: -8px;padding: 0px 11px 0px 28px;color: #000;font-size: 16px;}

/*----- how-it-works end -----*/


/*----- who-we-are-section -----*/

.who-we-are-section{padding:45px;}
.who-we-are-section .we-are-content .we-are-img img{
	object-fit: cover;
    width: 100%;
    height:315px;
	border-radius: 15px;
	}
.who-we-are-section .we-are-content .we-are-text{padding: 3px 0px 0px 30px;}
.who-we-are-section .we-are-content .we-are-text h2{
	font-size: 40px;
    font-family: 'Inter';
    font-weight: 550;
    color: #000;
	}
.who-we-are-section .we-are-content .we-are-text p{
	font-size: 18px;
    font-family: 'Inter';
    color: #000;
	}	
	
.who-we-are-section	.mission-section{
	display: flex;
    background-color: #ffffff;
    padding:25px 24px 20px 40px;
    margin-top: 40px;
    border-radius: 15px;
    border: 1px solid #e4e4e4;
    box-shadow: 0px 0px 19px -17px #000;
	}
.who-we-are-section	.mission-section .mission-content{border-left: 5px solid rgb(64, 135, 232);}	
.who-we-are-section	.mission-section .mission-content h3{
	padding: 0px 0px 0px 16px;
    color: #000;
    font-size: 23px;
    font-weight: 550;
    font-family: 'Inter';
	}
.who-we-are-section	.mission-section .mission-content p{
	color: #000;
    font-size: 15px;
    font-family: 'Inter';
    font-weight: 400;
    padding: 0px 37px 0px 16px;
	}
	
/*----- who-we-are-section end -----*/

/*------ why-choose-section ------*/

.why-choose-section{background-color: #f9f9f9;padding:45px;}
.why-choose-section .heading h2{
	font-size: 43px;
    font-weight: 550;
    color: #000;
    font-family: 'Inter';
	}
.why-choose-section .heading p{
	font-size: 19px;
    color: #000000;
    font-family: 'Inter';
	}	
.why-choose-section	.why-choose-content {
	margin: 0px;
    padding:0px 5px 20px 56px;
	}

.why-choose-section	.why-choose-content .choose-content{margin-bottom: 25px;}	

.why-choose-section	.why-choose-content .choose-content img{    
	position: absolute;
	width: 38px;
	margin-left: -24px;
	}
.why-choose-section	.why-choose-content .choose-content h5{
	padding:0px 11px 9px 28px; 
	color:#000; 
	font-weight:550;
	font-family: 'Inter';
	}
.why-choose-section	.why-choose-content .choose-content p{
	margin-top: -8px; 
	padding:0px 86px 0px 28px; 
	color: #000;
	font-size: 16px;
	}


/*------ why-choose-section end ------*/


/*----- customer-section ------*/


.customer-section{padding:45px;}
.customer-section .customer-heading{margin-bottom: 41px;}
.customer-section .customer-heading h2{    
	font-size: 40px;
	color: #000;
	font-family: 'Inter';
	padding: 0px 0px 7px 0px;
	}
.customer-section .customer-heading p{    
	padding: 0px 200px 0px 200px;
	color: #000;
	font-size: 19px;
	}
	
.customer-section .customer-content{
	background-color: #f6f6f6;
    border: 1px solid #ebebeb;
    padding: 15px 31px 19px 31px;
    border-radius: 15px;
	margin-bottom: 15px;
	}
.customer-section .customer-content p{
	color: #000;
    font-size:17px;
    margin-bottom: 22px;
    font-family: 'Inter';
	}	
.customer-section .customer-content	.customer-text{display: flex;}
.customer-section .customer-content	.customer-text img{    
	width: 66px;
    border-radius: 50%;
	margin: 0px 18px 0px 0px;
	}
.customer-section .customer-content	.customer-text .customer-name{padding: 10px 0px 0px 0px;}
.customer-section .customer-content	.customer-text .customer-name h3{    
	font-size: 16px;
	color: #000;
	font-family: 'Inter';
	margin-bottom: 5px;
	}
.customer-section .customer-content	.customer-text .customer-name span i{color: rgb(250, 184, 17);}

/*----- customer-section end ------*/


/*----- reachout-section ------*/

.reachout-section{    
	background-image: url(../images/reachout-bg.jpg);
	height:400px; /*500*/
	background-repeat: no-repeat;
	width: 100%;
	background-position: center;
	padding:65px;
	margin-bottom: 192px;
	}
.reachout-section .heading h2{
	color: #fff;
    font-size: 40px;
    font-family: 'Inter';
    font-weight: 550;
	}
.reachout-section .heading p{    
	color: #fff;
	font-size:16px;
	margin-top: 14px;
	}

.reachout-section .heading .follow-content h4{
	color: #fff;
    font-family: 'Inter';
    font-weight: 550;
	font-size: 21px;
    margin-top: 32px;
	}
.reachout-section .heading .follow-content ul{
	display: flex;
    align-items: center;
    justify-content: center;
	}
.reachout-section .heading .follow-content ul li{padding: 0px 11px 0px 3px;}	
.reachout-section .heading .follow-content ul li a i{
	color: #000000;
    background-color: #fff;
    padding: 9px;
    font-size: 18px;
    margin-top: 15px;
    border-radius: 50%;
    width: 36px;
	}

.reachout-section .contact{
	background-color: #fff;
    border:1px solid #ebebeb;
    text-align: center;
    padding:45px 0px 60px 0px;
    border-radius: 15px;
	margin-top: 65px;
	}
.reachout-section .contact span i{
	color: #4087e8;
    background-color: rgb(236, 243, 253);
    padding: 15px;
    font-size: 20px;
    border-radius: 11px;
    margin-bottom: 23px;
	}
.reachout-section .contact h6{
	font-size: 20px;
    font-weight: 550;
    font-family: 'Inter';
	}	
.reachout-section .contact a{color: #2f2f2f; font-size: 15px;    text-decoration: none;}



/*----- reachout-section end ------*/


/*------ gallery-section ------*/
.gallery-section{padding:126px;}

.gallery-section .heading h2{
	margin-top: -87px;
    margin-bottom: 40px;
    font-size: 40px;
    color: #000;
    font-family: 'Inter';
	}

.multi-img {
	height:368px;
	object-fit: cover;
	border-radius:2px;
	}

.carousel-control-prev-icon {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	background-color: #000;
	padding: 21px;
	}
.carousel-control-next-icon, .carousel-control-prev-icon {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	background-color: #000;
	padding: 21px;
	}

/*------ gallery-section end ------*/

/*------ Modal Section ------*/
.job-portal-body {
	font-family: 'Arial', sans-serif;
	padding: 20px;
	background: #f8f8f8;
}

.job-portal-modal-custom .modal-content {
	border-radius: 8px;
	border: none;
	box-shadow: 0 4px 20px rgba(0,0,0,0.15);
	max-width: 420px;
	margin: auto;
}

.job-portal-modal-custom .modal-header {
	border: none;
	padding: 20px 20px 0 20px;
	position: relative;
}

.job-portal-modal-custom .job-portal-btn-close {
	position: absolute;
	right: 15px;
	top: 15px;
	opacity: 0.5;
}

.job-portal-modal-custom .modal-body {
	padding: 30px 35px 35px 35px;
	background: white;
}

.job-portal-login-title {
	font-size: 26px;
	color: #333;
	margin-bottom: 10px;
	font-weight: 400;
}

.job-portal-login-title strong {
	font-weight: 600;
}

.job-portal-login-subtitle {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	line-height: 1.5;
}

.job-portal-mobile-input-group {
	display: flex;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 8px;
	transition: border-color 0.3s;
}

.job-portal-mobile-input-group:focus-within {
	border-color: #239ee8;
}

.job-portal-country-code {
	background: #f5f5f5;
	padding: 12px 15px;
	border-right: 1px solid #ddd;
	color: #666;
	font-size: 15px;
	display: flex;
	align-items: center;
}

.job-portal-mobile-input {
	flex: 1;
	border: none;
	padding: 12px 15px;
	font-size: 15px;
	outline: none;
}

.job-portal-mobile-input::placeholder {
	color: #999;
}

.job-portal-error-text {
	color: #e82323;
	font-size: 12px;
	margin-top: 5px;
	display: none;
}

.job-portal-terms-checkbox {
	display: flex;
	align-items: flex-start;
	margin: 20px 0;
}

.job-portal-terms-checkbox input[type="checkbox"] {
	margin-right: 10px;
	margin-top: 3px;
	width: 18px;
	height: 18px;
	accent-color: #239ee8;
	cursor: pointer;
}

.job-portal-terms-checkbox label {
	font-size: 13px;
	color: #666;
	line-height: 1.5;
	cursor: pointer;
}

.job-portal-terms-checkbox a {
	color: #239ee8;
	text-decoration: none;
	font-weight: 500;
}

.job-portal-terms-checkbox a:hover {
	text-decoration: underline;
}

.job-portal-btn-continue {
	width: 100%;
	padding: 14px;
	background: #239ee8;
	color: white;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;
	letter-spacing: 0.5px;
}

.job-portal-btn-continue:hover {
	background: #1b8bd1;
	box-shadow: 0 4px 12px rgba(35, 158, 232, 0.3);
}

.job-portal-btn-continue:disabled {
	background: #b3dff5;
	cursor: not-allowed;
}

.job-portal-help-link {
	text-align: center;
	margin-top: 20px;
	font-size: 13px;
	color: #666;
}

.job-portal-help-link a {
	color: #239ee8;
	text-decoration: none;
	font-weight: 500;
}

.job-portal-help-link a:hover {
	text-decoration: underline;
}

.job-portal-demo-trigger {
	padding: 12px 24px;
	background: #239ee8;
	color: white;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
}

.job-portal-demo-trigger:hover {
	background: #1b8bd1;
}

.job-portal-divider {
	display: flex;
	align-items: center;
	margin: 25px 0;
	color: #999;
	font-size: 13px;
}

.job-portal-divider::before,
.job-portal-divider::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid #ddd;
}

.job-portal-divider span {
	padding: 0 15px;
}

.job-portal-social-login {
	display: flex;
	gap: 10px;
	margin-top: 15px;
}

.job-portal-social-btn {
	flex: 1;
	padding: 12px;
	border: 1px solid #ddd;
	background: white;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 14px;
	color: #333;
}

.job-portal-social-btn:hover {
	border-color: #239ee8;
	background: #f8fcff;
}

.job-portal-icon-google {
	width: 18px;
	height: 18px;
}

/* Modal Extra Styling */
.profile-setup-modal {
    padding: 30px 35px;
    border-radius: 12px;
    position: relative;
}
/*-------edit mobile link-------------------*/
.edit-mobile-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;

    font-size: 13px;
    font-weight: 600;
    color: #1e88e5;
    text-decoration: none;

    padding: 4px 2px;
    transition: color 0.25s ease;
}

/* CSS arrow (same size always) */
.edit-mobile-link::before {
    content: "";
    width: 6px;
    height: 6px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-top: 1px;
    transition: transform 0.25s ease;
}

/* underline animation */
.edit-mobile-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    height: 2px;
    background: linear-gradient(90deg, #1e88e5, #42a5f5);
    transition: width 0.3s ease;
}

/* hover */
.edit-mobile-link:hover {
    color: #0d47a1;
}

.edit-mobile-link:hover::after {
    width: 100%;
}

/* arrow moves left slightly */
.edit-mobile-link:hover::before {
    transform: translateX(-4px) rotate(45deg);
}


/*-----------------------------------*/

/* Titles */
.profile-title {
    font-size: 18px;
    margin-top: 20px;
    font-weight: 600;
    color: #222;
}

.profile-subtitle {
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/* Input Box */
.input-box {
    width: 100%;
    padding: 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-bottom: 12px;
    outline: none;
}

.input-box:focus {
    border-color: #239ee8;
}

/* OTP Modal Styles */
.otp-icon-container {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: #e8f5e8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.otp-phone {
    width: 40px;
    height: 50px;
    background: #333;
    border-radius: 4px;
    position: relative;
}
.otp-phone::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 6px;
    width: 28px;
    height: 20px;
    background: #666;
    border-radius: 2px;
}
.otp-phone::after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    height: 12px;
    background: #666;
    border-radius: 1px;
}
.otp-checkmark {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    background: #239ee8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
}
.otp-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
	text-align: center;
}
.otp-subtitle {
    color: #666;
    font-size: 14px;
    margin-bottom: 30px;
	text-align: center;
}
.otp-inputs {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-bottom: 25px;
}
.otp-input {
    width: 50px;
    height: 50px;
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 6px;
    font-size: 18px;
    outline: none;
}
.otp-input:focus {
    border-color: #239ee8;
    font-weight: 600;
}
.otp-timer {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px;
	text-align: center;
}
.otp-timer span {
    color: #333;
    font-weight: 600;
}
.otp-verify-btn {
    width: 100%;
    background: #239ee8;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 13px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 20px;
}
.otp-links {
    font-size: 14px;
    margin-bottom: 0;
}
.otp-links span {
    color: #239ee8;
    font-weight: 600;
    cursor: pointer;
}
.otp-help {
    font-size: 14px;
    color: #666;
}


/*------ Modal Section ------*/

@media (max-width: 767px) {
.works-section {
	padding:66px 0px 66px 0px;
	margin-top: 0px;
	}
.works-section .works-content {
	padding: 0px 17px 0px 45px;
	height: 113px;
	margin-bottom: 13px;
	}
.works-section .works-content h5 {margin-bottom: -16px;}

.who-we-are-section {padding:0px;}
.who-we-are-section .mission-section {display:block;}

.why-choose-section {padding: 20px 0px 20px 11px;}

.customer-section {padding:37px 0px 37px 0px;}
.customer-section .customer-heading p {padding:0px;}

.reachout-section {padding:40px 0px 0px 0px;}
.reachout-section .contact {
	padding: 30px 0px 30px 0px;
	margin-top: 32px;
	}

.gallery-section {padding:0px;margin-top:826px;}
.multi-img {height: auto;}

section.body-cont4 .experience-section .experience-content {display:block;}
section.body-cont4 .experience-section .experience-content .experts-text {border:0;}
section.body-cont4 .experience-section .experience-content .clients-text {border:0;}
section.body-cont4 .experience-section .experience-content .projects-text {border:0;padding:0px;}

section.Course-page .button-section {display: block;}
section.Course-page .checkout-btn {margin-bottom:8px;}

}

@media (max-width: 1080px) {
header ul.user-sec li:first-child a {white-space: nowrap;}

.works-section .works-content h5 {font-size: 15px;}

}


/*--------Dashboard---------*/
.tutors-area {
    padding-top: 100px;
    padding-bottom: 90px;
    background-color: #f3f7fd;
    position: relative
}

.tutors-area .leftfilter {
    background: #ffffff;
    position: relative;
    margin-bottom: 18px;
    border-radius: 0px 0px 10px 10px;
}

.tutors-area .leftfilter h3 {
    background: #239ee8;
    color: #fff;
    padding: 10px;
    font-size: 20px;
    border-radius: 10px 10px 0px 0px;
    font-weight: 600;
}

.tutors-area .leftfilter .filter_block {
    padding: 10px 20px;
    margin-bottom: 0px
}

.tutors-area .leftfilter .filter_block label {
    font-size: 16px;
    color: #239ee8;
    margin-bottom: 4px;
    font-weight: 600
}

.tutors-area .leftfilter .filter_block input[type=text] {
    width: 100%;
    height: 40px;
    padding: 10px;
    color: #000;
    border-radius: 4px;
    border: 1px solid #c5c5c5;
}

.tutors-area .leftfilter .filter_block select {
    width: 100%;
    height: 40px;
    padding: 9px;
    color: #000;
    border-radius: 4px;
    border: 1px solid #c5c5c5;
}

.tutors-area .leftfilter .filter_block input[type=file] {
    width: 100%;
    height: 40px;
    padding: 5px 5px 5px 8px;
    color: #000;
    border-radius: 4px;
    border: 1px solid #c5c5c5;
}

.tutors-area .leftfilter .filter_block input[type=time] {
    width: 100%;
    height: 40px;
    padding: 5px 5px 5px 8px;
    color: #000;
    border-radius: 4px;
    border: 1px solid #c5c5c5;
}

.tutors-area .leftfilter .filter_block input:focus, textarea:focus, select:focus {
    border: 1px solid #239ee8 !important;
}

.tutors-area .leftfilter .filter_block p {
    margin: 10px 0
}

.tutors-area .leftfilter .filter_block p [type=radio]:checked,.tutors-area .leftfilter .filter_block p [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.tutors-area .leftfilter .filter_block p [type=radio]:checked+label,.tutors-area .leftfilter .filter_block p [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    font-size: 15px;
    display: inline-block;
    font-weight: 400;
    color: #000
}

.tutors-area .leftfilter .filter_block p [type=radio]:checked+label:before,.tutors-area .leftfilter .filter_block p [type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff
}

.tutors-area .leftfilter .filter_block p [type=radio]:checked+label:after,.tutors-area .leftfilter .filter_block p [type=radio]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #239ee8;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    transition: all .2s ease
}

.tutors-area .leftfilter .filter_block p [type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.tutors-area .leftfilter .filter_block p [type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.tutors-area .single-event {
    margin-bottom: 30px
}

.tutors-area .single-event .sortby {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.tutors-area .single-event .sortby label {
    width: 50%;
    text-align: right;
    padding-right: 7px
}

.tutors-area .single-event .sortby select {
    width: 50%;
    height: 34px;
    padding: 5px;
    color: #000;
    border-radius: 4px;
    border: 1px solid #c5c5c5
}

.tutors-area .single-event .te_profile {
    box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.1019607843);
    padding: 12px;
    border-radius: 14px;
    margin-bottom: 40px
}

.tutors-area .single-event .te_profile img {
    border-radius: 14px;
    margin: 0 0 15px
}

.tutors-area .single-event .te_profile h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #000;
    margin: 0
}

.tutors-area .single-event .te_profile h5 {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    margin: 0 0 5px;
    color: #868686
}

.tutors-area .single-event .te_profile h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    color: #ff7426
}

.tutors-area .single-event .te_profile .pro-btn {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tutors-area .single-event .te_profile .pro-btn li a {
    width: 100%;
    display: table;
    background: #239ee8;
    padding: 7px 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 13px
}

/*.tutors-area .single-event .te_profile .pro-btn li:last-child a{background:#014fbb}*/
.tutors-area .single-event #pagination {
    margin: 0;
    padding: 0;
    text-align: center
}

.tutors-area .single-event #pagination li {
    display: inline
}

.tutors-area .single-event #pagination li a {
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
    color: #000;
    border-radius: 5px;
    transition: background-color .3s
}

.tutors-area .single-event #pagination li a.active {
    background-color: #4caf50;
    color: #fff
}

.tutors-area .single-event #pagination li a:hover:not(.active) {
    background-color: #ddd
}

.tutors-area .single-event .event-box {
    box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 26%);
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 12px;
    background: #ffffff;
}

.tutors-area .single-event .info {
    padding: 10px 30px;
}

.tutors-area .single-event .info h2 {
    font-size: 36px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    font-weight: 600;
    position: relative;
    z-index: 1
}

.tutors-area .single-event .info h2 a {
    color: #232323
}

.tutors-area .single-event .info h5 {
    font-weight: 700;
    text-transform: capitalize
}

.tutors-area .single-event .info h3 {
    font-size: 27px
}

.tutors-area .single-event .info h3 a {
    margin-top: 10px;
    font-weight: 700;
    color: #232323
}

.tutors-area .single-event .info p {
    color: #666;
    margin: 0 0 15px;
    text-transform: none;
    font-weight: 400
}

.tutors-area .single-event .info ul.pro-sec {
    margin-top: 25px
}

.tutors-area .single-event .info ul.pro-sec li {
    margin-bottom: 13px;
    display: flex;
    font-size: 16px
}

.tutors-area .single-event .info ul.pro-sec li span {
    font-weight: 600;
    margin-right: 15px;
    width: 120px
}

.tutors-area .single-event .info ul.pro-sec li i {
    margin-right: 5px;
    color: #239ee8;
    font-size: 17px;
    min-width: 30px;
    position: relative
}

.tutors-area .single-event .content {
    padding: 30px
}

.tutors-area .single-event .content h3 {
    font-weight: 700;
    font-size: 25px;
    margin: 0 0 30px;
    color: #239ee8
}

.tutors-area .single-event .content ul.pro-btn li a {
    width: 100%;
    display: table;
    background: #239ee8;
    padding: 12px;
    text-align: center;
    border-radius: 50px;
    margin: 0 0 20px;
    color: #fff;
    font-weight: 600
}

.tutors-area .single-event .content ul.pro-btn li:last-child a {
    background: #014fbb
}
/*--------Dashboard---------*/

.my-profile-section{
   width: 100%;
   display: table;
   }
.profile-top-section{   
   width: 100%;
   height: 120px;
   position: relative;
   border-radius: 2px;
   background: #239ee8;
   border: solid 1px #e6e6e6;
   }
.profile-top-section .pic-coloum{
   height: 100%;
   }
.profile-top-section .edit-coloum{height: 100%;}
.edit_profile_sec{
    display: flex;
    gap : 5px;
    flex-direction : column;
}
.profile-top-section .profile-pic{
   width: 118px;
   height: 118px;
   background: #f7f6f6;
   position: absolute;
   bottom: -50px;
   left: 20px;
   border: solid 1px #bce8f1;
   overflow: hidden;
   border-radius: 100%;
   }
.profile-top-section .profile-pic img{
   width: 100%;
   max-width: 100%;
   padding: 3px;
   border-radius: 100%;
   }
.profile-top-section .person-name{
	position: absolute;
	bottom: 10px;
	left: 150px;
	font-size: 22px;
	text-transform: capitalize;
	color: white;
	}
.profile-top-section ul{
   margin: 0px;
   padding: 0px;
   float: right;
   position: absolute;
   bottom: 10px;
   right: 20px;
   }
.profile-top-section li{
   list-style-type: none;
   float: left;   
   }
.profile-top-section li a{
   width: 40px;
   height: 32px;
   display: table;
   color: #ffffff;
   font-size: 14px;
   line-height: 20px;
   text-align: center;
   text-decoration: none;
   padding: 6px;
   margin-left: 4px;
   border-radius: 2px; 
   border: solid 1px #ffffff;
   transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   }

.profile-top-section li a:hover{
   color: #ffffff;
   border-color: #ffffff;
   transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   }
.profile-top-section li a.edit-but{
   width: 115px;
   padding: 5px 5px 3px 5px;
   }
.profile-top-section li a.edit-but .fa{
   margin-right: 2px;
   }

.profile-details-section{
    width: 100%;
    display: table;
    margin-top: 80px;
    padding: 15px 0px;
    border: solid 5px #f5f5f5;
    background-color: #f5f5f5;
    border-radius: 5px;
    box-shadow: 0px 0px 15px -12px #000;
    }
.my-profile-section .pro-coloum-left{
	border-right: solid 1px #e6e6e6;
	padding-right: 10px;
    padding-left: 32px;
	}

.my-profile-section .pro-details-row{
   border-bottom: dashed 1px #e6e6e6;
}

.profile-details-section ul{
   width: 100%;
   display: table;
   padding: 0px;
   margin: 0px;
   }
.profile-details-section ul:first-child{}
.profile-details-section li{
   /*width: 50%;*/
   /*display: table;*/
   /*float: left;*/
   /*color: #a5a4a4;*/
   /*font-size: 13px;*/
   /*padding: 9px 0px;*/
    width: 50%;
    display: table;
    float: left;
    color: #626262;
    font-size: 13px;
    padding: 9px 0px;
   }
.profile-details-section li:first-child{
    /*width: 45%;*/
    /*color: #7f7f7f;*/
    /*font-weight: 600;*/
    width: 45%;
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    }
.profile-details-section li:nth-child(2){
   width: 5%;
   color: #7f7f7f;
   font-weight: 600;
   }
.about-me-sec{
   width: 100%;
   display: table;
   padding: 0px 15px;
   }
.about-me-sec li{border-bottom: none;}
.about-me-sec li:first-child{
   width: 20% !important;
}
.about-me-sec li:nth-child(2){width: 30px;text-align: center;}
.about-me-sec li:last-child{
   width: 76%;
   padding: 10px;
   line-height: 1.5;
   border-bottom: none;
   }

.back-profile{
   position: absolute;
   left: 16px;
   top: 13px;
   /*float: left;*/
   color: #ffffff;
   font-size: 11px;
   text-decoration: none;
   }
.back-profile:hover{
   color: #ffffff;
   text-decoration: none
}

/*Profile Edit section*/
.profile-edit-section{
   width: 100%;
   display: table;
   padding: 0px 0px;
   border: solid 1px #e6e6e6;
   margin-top: 17px;
   }
.inn-pro-edit{display: table;width: 100%;}
.profile-edit-section .pro-coloum-left{border-right: solid 1px #e6e6e6;}
.profile-edit-section .pro-details-row{
   padding: 10px 0px 15px 0px;
   border-bottom: dashed 1px #e6e6e6;
   }
.profile-edit-section .text-box, .profile-edit-section .textarea{
   font-size: 13px;
   border-radius: 2px;
   border-color: #e6e6e6;
   box-shadow: none;
   border-radius: 2px;
   }
.profile-edit-section .text-box::placeholder, .profile-edit-section .textarea::placeholder{font-size: 11px;}
.profile-edit-section .textarea{
   height: 100px;
}
.profile-edit-section .form-group{
   margin-bottom: 0px;
}
.profile-edit-section .form-group label{
   /*display: block;*/
   color: #7f7f7f;
   font-size: 13px;
   font-weight: 500;
   }
.profile-edit-section .form-group label span{color: #ff0000;font-size: 14px;}
.profile-edit-section input[type="radio"], .profile-edit-section input[type="checkbox"]{margin-top:4px;}

.pro-edit-img{
   width: 100%;
   display: table;
}
.profile-edit-section .pro-edit-img{
   max-width: 118px;
   max-height: 222px;
   background: #f7f6f6;
   border: solid 1px #bce8f1;
   overflow: hidden;
   }
.profile-edit-section .pro-edit-img img{
   width: 100%;
   max-width: 100%;
   /*padding: 3px;*/
}
.profile-edit-section .person-name{
   display: table;
   padding: 0px;
   margin: 0px auto;
   margin-top: 10px;
   text-align: center;
   }
.profile-edit-section .edit-profile-but{
   display: table;
   width: 100%;
   max-width: 100%;
   border: solid 1px #b77126;
   margin-top: 4px;
   padding: 7px 10px;
   color: #fff;
   font-size: 12px;
   text-align: center;
   text-decoration: none;
   border-radius: 2px;
   background: #f07d00;
   transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   }
.profile-edit-section .remove-but{
   width: 100%;
   max-width: 100%;
   padding: 7px 10px;
   font-size: 12px;
   text-align: center;
   text-decoration: none;
   border-radius: 2px;
   margin-top: 4px;
   }
.profile-edit-section .savepro-but{
   display: table;
   margin: 0 auto;
   padding: 6px 20px;
   color: #fff;
   text-align: center;
   background: #f07d00;
   transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   }
   
   
.profile-edit-section  .savetutor-but{
display: table;
margin: 0 auto;
padding: 6px 20px;
color: #fff;
text-align: center;
background: #f07d00;
transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
}  
   
.profile-edit-section .savepro-but:hover, .profile-edit-section .edit-profile-but:hover{
   color: #333333;
   background-color: #ebebeb;
   border-color: #adadad;
   transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   }
.active{
	background:#f2f2f2; /*#ebebeb;*/
}

.header-section .header-right{
   float: right;
   display: table;
   }
.header-section .header-right .button{
   float: left;
   font-size: 13px;
   /*margin-top: 6px;*/
   margin-right: 10px;
   text-decoration: none;
   outline: 0px;
   font-family: 'exo_2medium';
   }
.header-section .header-right .button:hover{
   color: #5d5d5d;
   background: #c0c0c0;
   }
.header-section .header-right .login-but{
   background: #3299c4;
   }
.header-section .header-right .login-but:focus{color: #fff;}
.header-section .header-right .reg-but{
   background: #f49f1f;
   margin-right: 0px;
   }


/*css for my account -----------------*/
.header-acc
{
	margin-top:10px;
}
.header-right ul{
   display: table;
   float: right;
   list-style-type: none;
   font-size: 12px;
   clear: both;
   margin-bottom: 6px;
   }
.header-right ul li{
	display:inline;
}
.header-acc ul li a{
	padding: 0px;
	color: #ecf0f0;
	font-weight: 700;
	/*background: #f4f4f5;
	padding: 7px 17px;
	border-radius: 32px;*/
	/* border: solid 1px #e8e8e8; */
	}
.header-acc ul li a .fa{
	color: #239ee8;
	font-size: 13px;
	}
.header-acc ul li a:hover{
	color: #f07d00;
	}
.link-left { margin-right: 2px; }
.link-right {margin-left: 2px; }

.welcomeuser-text{text-align: right;font-weight: 700;}

.upgrade-section
{
	float: right;
	width: 100%;
	margin-top: -11px;
	margin-bottom: 15px;
}

.upgrade-section a
{
    float: right;
    background: #097d9c;
    color: #fff !important;
    border-radius: 50px !important;
    font-size: 11px;
}

.upbtn:hover
{
    background-color: #4cd009 !important;
}

.datepicker
{
	z-index:1000000 !important;
}

 .dropdown-menu
{
   z-index:1000000 !important;
}


.pharmacy-row {
    margin-bottom: 12px;
}

.show-more-section {
    color: #333;
    text-align: center;
    border-color: #ddd;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.show-more-section a {
    display: block;
    color: #b5b5b5;
    padding: 10px 15px;
	border: solid 1px #e6e6e6;
	font-size: 15px;
}

.show-more-section:hover a {
    color: #828282;
}

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

.edit-profile input[type=file]
{
	width: 100%;
	background: #fff;
	border: solid 1px #c5c5c5;
	padding: 6px 22px;
	border-radius: 5px;
	margin: 0 0 2px;
	color: #000;
}

.pagination {
    margin: 0;
    display: block;
    line-height: 1
}

.pagination>li {
    float: left
}

.pagination>li:first-child>a {
    border-radius: 0px
}

.pagination>li:first-child>span {
    border-radius: 0px
}

.pagination>li:last-child>a {
    border-radius: 0px
}

.pagination>li:last-child>span {
    border-radius: 0px
}

.pagination>li+li {
    margin-left: 5px
}

.pagination>li>a,.pagination>li>span {
    color: #222;
    background: #fff;
    border-color: #f0f0f0;
    padding: 4px 10px;
	border: solid 1px #ddd;
}

.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus {
    color: #fff;
    background: #e25f3f;
    border-color: #e25f3f
}

.pagination>.active>a,.pagination>.active>span {
    color: #fff;
    background: #e25f3f;
    border-color: #e25f3f
}

.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span:hover,.pagination>.active>span:focus {
    color: #fff;
    background: #e25f3f;
    border-color: #e25f3f
}
/*----------------------------------------*/

.app-certification-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.app-certification-images img {
    width: 100%;
    height: 60px;
    object-fit: contain;
    background: white;
    padding: 8px;
    border-radius: 6px;
}
.coming-soon{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 375px;
    text-align: center;
}
.coming-soon h1{
    font-size: 48px;
    color: #333;
    font-weight: 600;
}


/*----- dashboard-profile -----*/

.dashboard-profile-btn{
    margin-left:40px; 
    margin-bottom:40px; 
    display:flex; 
    gap:20px;
}


@media (max-width: 767px) {
   .dashboard-profile-btn{
    margin-bottom: 40px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    padding: 10px 20px;
    margin-left:0px;
}


/*----- dashboard-profile-end -----*/



/*-- Floating Helpline Button --*/
 .help-button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    transition: all 0.3s ease;
    position: relative;
}

.help-button:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(52, 152, 219, 0.6);
}

.help-button.active {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.pulse-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid #3498db;
    border-radius: 50%;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}