/* START TOOLTIP STYLES */
[tooltip-green] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip-green]::before,
[tooltip-green]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip-green]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip-green]::after {
  content: attr(tooltip-green); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  width: 10em;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #9e9e9e;
  color: #003800;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip-green]:hover::before,
[tooltip-green]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip-green='']::before,
[tooltip-green='']::after {
  display: none !important;
}


/* START TOOLTIP STYLES */
[tooltip-yellow] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip-yellow]::before,
[tooltip-yellow]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip-yellow]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip-yellow]::after {
  content: attr(tooltip-yellow); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  width: 10em;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #9e9e9e;
  color: #ffff00;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip-yellow]:hover::before,
[tooltip-yellow]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip-yellow='']::before,
[tooltip-yellow='']::after {
  display: none !important;
}

/* START TOOLTIP STYLES */
[tooltip-red] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip-red]::before,
[tooltip-red]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip-red]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip-red]::after {
  content: attr(tooltip-red); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  width: 10em;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #9e9e9e;
  color: #ff0000;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip-red]:hover::before,
[tooltip-red]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip-red='']::before,
[tooltip-red='']::after {
  display: none !important;
}
/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #9e9e9e;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

/*============
font-family: 'Poppins', sans-serif;
=============*/
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    display: inline-block;
}

p,
ul,
li {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: #F4F4F6;
}

/* ------------------------------------------------------------ */
/* --------------------Start Seminar Area CSS------------------ */
/* ------------------------------------------------------------ */
.filter-logo-area {
    padding: 90px 0px;
    text-align: center;
}

.filter-logo-area .filter-logo-image {
    height: 45px;
    width: 400px;
}

.main-seminar-area {}

.left-area {}

/* seminar Item Css */


.seminar-item {
    margin-bottom: 30px;
}

.seminar-item .flex-box {
    display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	border-radius: 10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	background: #fff;
	position: relative;
	z-index: 9999;
}

.seminar-image-area {
    flex-basis: 40%;
}

.seminar-image-area .seminar-image {
    width: 100%;
    height: 135px;
    border-radius: 10px 0px 0px 10px;
}

.seminar-text-area {
    flex-basis: 60%;
    padding: 20px 30px;
}

.seminar-text-area .seminar-heading-text {
    font-size: 13px;
    font-weight: 700;
    color: #2E3F50;
    line-height: 14px;
    padding-bottom: 12px;
    margin: 0 !important;
}

/* button CSS */
.seminar-details-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.seminar-details-area .termine-button {
    border: none;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #63B52F;
    border-radius: 35px;
    padding: 10px 20px;
    text-decoration: none;
}

.seminar-details-area .termine-button .termin-icon {
    height: 22px;
    width: 22px;
}

.seminar-details-area .termine-button .termin-button-text {
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    line-height: 18px;
    margin: 0 !important;
}

.seminar-details-area .details-button {
    border: none;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: 35px;
    padding: 10px 20px;
    border: 1px solid #354755;
}

.seminar-details-area .details-button .details-icon {
    height: 18px;
    width: 15px;
    margin-right: 10px;
}

.seminar-details-area .details-button .details-button-text {
    font-size: 12px;
    font-weight: 500;
    color: #354755;
    line-height: 18px;
    margin: 0 !important;
}

.up-arrow {
    display: none;
}




.group-item {
    margin-bottom: 30px;
    width: 100%;
}

.group-link {
    display: block;
    text-decoration: none;
    color: inherit;
    width: 100%;
}

.group-link .group-item {
    cursor: pointer;
}

.group-item .flex-box {
    display: flex;
	justify-content: flex-start;
	align-items: center;
	border-radius: 10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	background: #fff;
	position: relative;
	z-index: 9999;
}

.group-image-area {
    flex-basis: 40%;
}

.group-image-area .group-image {
    width: 100%;
    max-height: 147px;
    border-radius: 10px 0px 0px 10px;
    margin: 1px;
    object-fit: cover;
}

.group-text-area {
    flex-basis: 60%;
    padding: 20px 30px;
}

.group-text-area .group-heading-text {
    font-size: 18px;
    font-weight: 700;
    color: #2E3F50;
    line-height: 25px;
    letter-spacing: 0.2px;
    padding-bottom: 12px;
    margin: 0 !important;
    text-align: center;
    
}
.group-text-area .group-normal-text {
    font-size: 11px;
    font-weight: 500;
    color: #2E3F50;
    line-height: 14px;
    padding-bottom: 12px;
    margin: 0 !important;
}

/* button CSS */
.group-details-area {
    display: flex;
    justify-content: center;
    align-items: center;
}

.group-details-area .termine-button {
    border: none;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #63B52F;
    border-radius: 35px;
    padding: 10px 20px;
    text-decoration: none;
}

.group-details-area .termine-button .termin-icon {
    height: 22px;
    width: 22px;
}

.group-details-area .termine-button .termin-button-text {
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    line-height: 18px;
    margin: 0 !important;
}

.group-details-area .details-button {
    border: none;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: 35px;
    padding: 10px 20px;
    border: 1px solid #354755;
}

.group-details-area .details-button .details-icon {
    height: 18px;
    width: 15px;
    margin-right: 10px;
}

.group-details-area .details-button .details-button-text {
    font-size: 12px;
    font-weight: 500;
    color: #354755;
    line-height: 18px;
    margin: 0 !important;
}



/*///End button CSS */
/* End seminar Item Css */
@media only screen and (max-width: 1400px) and (min-width:1200px) {
    .seminar-text-area {
        flex-basis: 60%;
        padding: 17px 20px;
    }
      .group-text-area {
        flex-basis: 60%;
        padding: 17px 20px;
    }
	.filter-item-m {
		margin-top:-3px;
	}
}
@media only screen and (max-width: 991px) and (min-width: 769px) {
	.filter-item-m {
		margin-top:-6px;
	}
}
@media only screen and (min-width: 1025px) {
.sticky-header {
    background: white;
    position: sticky;
    z-index: 99;
    top: 0 !important;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
	.sticky-header {
    background: white;
    position: sticky;
    z-index: 99;
    top: 9% !important;
	}
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .filter-logo-area {
        padding: 35px 0px;
        text-align: center;
    }

    .seminar-details-area .termine-button {
        padding: 10px 8px;
    }
	.filter-item-m {
		margin-top:-3px;
	}

    .seminar-text-area {
        flex-basis: 60%;
        padding: 20px 6px;
    }
}

@media all and (max-width:768px) {
    .seminar-image-area {
        flex-basis: 40%;
        display: none;
    }
	.filter-item-m {
		margin-top:-7px;
	}

    .seminar-text-area {
        flex-basis: 100%;
        padding: 20px 30px;
    }
}

@media all and (max-width:577px) {
    .filter-logo-area {
        padding: 35px 0px;
        text-align: center;
    }
.filter-item-m {
		margin-top:-7px;
	}
    .seminar-text-area .seminar-heading-text {
        font-size: 17px;
        line-height: 20px;
        padding-bottom: 15px;
    }

    .seminar-details-area .termine-button {
        padding: 10px 7px;
    }

    .seminar-details-area .details-button {
        padding: 10px 10px;
    }
}

@media all and (max-width:481px) {
    .filter-logo-area .filter-logo-image {
        height: 35px;
        width: 95%;
    }
.filter-item-m {
		margin-top:-7px;
	}
    .seminar-text-area .seminar-heading-text {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 15px;
    }

    .seminar-details-area .termine-button {
        padding: 7px 7px;
    }

    .seminar-details-area .details-button {
        padding: 6px 10px;
    }

    .seminar-details-area .termine-button .termin-button-text {
        font-size: 12px;
        line-height: 10px;
    }

    .seminar-details-area .details-button .details-button-text {
        font-size: 12px;
        line-height: 10px;
    }

    .seminar-details-area .termine-button .termin-icon {
        height: 15px;
        width: 15px;
    }

    .seminar-details-area .details-button .details-icon {
        height: 15px;
        width: 13px;
        margin-right: 4px;
    }
}

/* Start Seminar Item Dropdown */
.seminar-dorpdown-area {
    padding: 40px 30px 20px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	margin-top: -25px;
	display: none;
	background: #fff;
}

.seminar-dorpdown-area .seminar-dropdown-heading {
    font-size: 17px;
    font-weight: 600;
    color: #2E3F50;
    line-height: 25px;
    padding-bottom: 0px;
}

.seminar-dorpdown-area .seminar-dropdown-details-text {
    font-size: 14px;
    font-weight: 400;
    color: #2E3F50;
    line-height: 25px;
    padding-bottom: 0px;
}

.seminar-dorpdown-area .seminar-list-heading-text {
    font-size: 14px;
    font-weight: 500;
    color: #2E3F50;
    line-height: 30px;
    padding: 12px 0px;
}

.seminar-dorpdown-area .seminar-list-ul {}

.seminar-dorpdown-area .seminar-list-ul .seminar-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.seminar-dorpdown-area .seminar-list-ul .seminar-list .right-icon {
    height: 15px;
    width: 15px;
    margin-right: 10px;
}

.seminar-dorpdown-area .seminar-list-ul .seminar-list .seminar-list-text {
    font-size: 15px;
    font-weight: 500;
    color: #2E3F50;
    line-height: 19px;
}

/* End Seminar Item Dropdown */
/* ------------------------------------------------------------ */
/* ----------------------End Seminar Area CSS------------------ */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* --------------------Start Notice Board CSS------------------ */
/* ------------------------------------------------------------ */
.main-notice-board-area {
    margin: 40px 0px;
}

.notice-borad-left {
    background-color: #e3001b;
    padding: 20px;
}

.noitce-board {}

.noitce-board .notice-board-heading-text {
    font-size: 35px;
    font-weight: 500;
    color: #ffffff;
    line-height: 30px;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.noitce-board .noitce-details {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    line-height: 30px;
    padding: 15px 0px;
    width: 60%;
}

.noitce-board .noitce-details .mark-date {
    font-weight: 500;
}

.notice-borad-right {}

.notice-borad-right .rsa-image {
    height: 100%;
    width: 100%;
}

/* ------------------------------------------------------------ */
/* ----------------------End Notice Board CSS------------------ */
/* ------------------------------------------------------------ */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!>>>>>>>>>PAGE TWO START<<<<<<<<<<!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* ------------------------------------------------------------ */
/* -------------------------Start Filter CSS------------------- */
/* ------------------------------------------------------------ */
/*Start Filter Icon CSS*/
.mian-fiter-section {
    padding: 55px 0px;
}

@media only screen and (min-width: 1025px) {
    .mian-fiter-section {
        position: sticky;
        top: 0;
        z-index: 99;
        background: #ffffff;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
    .mian-fiter-section {
        position: sticky;
        top: 9%;
        z-index: 99;
        background: #ffffff;
    }
}

.filter-icon-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-item {
    text-align: center;
    cursor: pointer;
}

.filter-item .filte-name {
    font-size: 18px;
    font-weight: 400;
    color: #2E3F50;
    margin-bottom: 7px;
}

.filter-item .filter-image {
    height: 40px;
    width: 30px;
    cursor: pointer;
}

.filter-item-active {
    margin-top: -6px;
}

.filter-item-active .filte-name {
    font-weight: 500;
}

/* Filter Icon CSS End */
/*Start Filter Input CSS */
.filter-input-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-input-item {}

.select-width {
    flex-basis: 45%;
    margin-right: 5%;
    padding-left: 30px;
}

.input-width {
    flex-basis: 20%;
}

.filter-input-item .input-label {
    font-size: 16px;
    color: #58585A;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 7px;
    padding-left: 10px;
}

.filter-input-item .input-select {
    border: 1px solid #e3001b;
    background: #fff;
    padding: 5px 10px;
    border-radius: 35px;
    font-size: 16px;
    color: #58585A;
    font-weight: 400;
    line-height: 18px;
    width: 100%;
}

.filter-input-item .input-select .input-option {
    border: 1px solid #e3001b;
    background: #fff;
    padding: 5px 10px;
    border-radius: 35px;
    font-size: 16px;
    color: #58585A;
    font-weight: 400;
    line-height: 18px;
    width: 35%;
}

select.input-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #20d492;
    color: #fff;
    width: 100%;
    padding: 10px 20px;
    font-size: 22px;
}

select.input-select {
    color: #000;
    padding: 0 10px;
}

.select-width::after {
    content: '\25BC';
    position: absolute;
    top: 17px;
    right: 1px;
    bottom: 0;
    font-size: 24px;
    border: none;
    background: none;
    color: #e40b0b;
    padding: 10px 10px;
    pointer-events: none;
}

.select-width {
    position: relative;
}

.filter-input-item .input-text-fild {
    border: 1px solid #e3001b;
    background: #fff;
    padding: 5px 10px;
    border-radius: 35px;
    font-size: 16px;
    color: #58585A;
    font-weight: 400;
    line-height: 18px;
    width: 100%;
}

/* Filter Input CSS End*/
/* ------------------------------------------------------------ */
/* --------------------------End Filter CSS--------------------- */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* --------------Start Seminar Filter Full width CSS----------- */
/* ------------------------------------------------------------ */
/* seminar Item Css */


/* .seminar-filter-item {
    margin-bottom: 30px;
} */

.seminar-filter-item .flex-box-two {
    /* display: flex;
    justify-content: space-between; */
    align-items: center;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    position: relative;
    background: #ffffff;
    padding: 5px;
}

.la-salle-green-box .flex-box-two {
    position: relative;
}

.la-salle-green-box .flex-box-two::before {
    position: absolute;
    content: "";
    clear: both;
    top: 0;
    left: -25px;
    width: 25px;
    height: 100%;
    border-radius: 10px 0px 0px 10px;
    background-color: #64b62f;
}

.la-salle-green-box .flex-box-two {
    position: relative;
    padding: 5px;
}

.la-salle-red-box .flex-box-two {
    position: relative;
    padding: 5px;
}

.la-salle-red-box .flex-box-two::before {
    position: absolute;
    content: "";
    clear: both;
    top: 0;
    left: -25px;
    width: 25px;
    height: 100%;
    border-radius: 10px 0px 0px 10px;
    background-color: #E42729;
}

.yellow-box .flex-box-two::before {
    position: absolute;
    content: "";
    clear: both;
    top: 0;
    left: -25px;
    width: 25px;
    height: 100%;
    border-radius: 10px 0px 0px 10px;
    background-color: #ffba00;
}

.seminar-filter-image-area {
    flex-basis: 20%;
}

.seminar-filter-image-area .seminar-filter-image {
    width: 100%;
    height: 100%;
}

.seminar-filter-text-area {
    flex-basis: 35%;
    padding: 20px 30px;
}

.seminar-filter-text-area .seminar-filter-heading-text {
    font-size: 16px;
    font-weight: 700;
    color: #2E3F50;
    line-height: 21px;
    padding-bottom: 20px;
    margin: 0 !important;
}

.calander-location-area {
    flex-basis: 20%;
}

.calander-location-area .calander-location-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* padding-bottom: 15px; */
    width: 100%;
}

.calander-location-area .calander-location-item .icon {
    height: 25px;
    width: 25px;
    margin-right: 10px;
}

.calander-location-area .calander-location-item .p-text {
    font-size: 15px;
    font-weight: 500;
    color: #2E3F50;
    line-height: 20px;
    margin: 0;
    width: 100%;
}

/* button CSS */
.seminar-filter-button-area {
    flex-basis: 25%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 20px;
    gap: 20px;
}

.seminar-filter-button-area .buchung-button-green {
    border: none;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #63B52F;
    border-radius: 5px;
    padding: 10px 20px;
    width: 100%;
}
.seminar-filter-button-area .buchung-button-yellow {
    border: none;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffba00;
    border-radius: 5px;
    padding: 10px 20px;
	margin-left:5px;
    width: 100%;
}

.seminar-filter-button-area .buchung-button-red {
    border: none;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e3001a;
    border-radius: 5px;
    padding: 10px 20px;
    width : 100%;
}

.seminar-filter-button-area .buchung-button .buchung-icon {
    height: 22px;
    width: 22px;
}
.main-seminar-filter-section{
    margin-bottom: 30px;
}

.seminar-filter-button-area .buchung-button .buchung-button-text {
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    line-height: 12px;
    margin: 0 !important;
}

.seminar-filter-button-area .details-filter-button {
    border: none;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: 5px;
    padding: 8px 20px;
    border: 1px solid #354755;
    width: 100%;
}

.seminar-filter-button-area .termine-button {
    border: none;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: 35px;
    padding: 10px 20px;
    border: 1px solid #354755;
}

.seminar-filter-button-area .details-filter-button .details-filter-icon {
    height: 22px;
    width: 22px;
    margin-right: 10px;
}
.seminar-filter-button-area .termine-button .termin-icon {
    height: 22px;
    width: 22px;
    margin-right: 10px;
}

.seminar-filter-button-area .details-filter-button .details-filter-button-text {
    font-size: 14px;
    font-weight: 500;
    color: #354755;
    line-height: 18px;
    margin: 0 !important;
}

.seminar-filter-button-area .termine-button .termin-button-text {
    font-size: 14px;
    font-weight: 500;
    color: #e3001b;
    line-height: 18px;
    margin: 0 !important;
}

.up-arrow-01 {
    display: none;
}

/*///End button CSS */
/* End seminar Item Css */
/* Start Seminar Filter Item Dropdown */
.seminal-filter-dropdown-box {
	margin-top: -25px;
	padding: 60px 30px 40px;
	border-radius: 10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	display: none;
	width: 99%;
}

.flex-box-three {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.seminar-filter-dorpdown-area {
    flex-basis: 90%;
}

.seminar-filter-dorpdown-area .seminar-filter-dropdown-heading {
    font-size: 16px;
    font-weight: 600;
    color: #2E3F50;
    line-height: 20px;
    padding-bottom: 5px;
    width: 85%;
}

.seminar-filter-dorpdown-area .seminar-filter-dropdown-details-text {
    font-size: 14px;
    font-weight: 400;
    color: #2E3F50;
    line-height: 20px;
    padding-bottom: 0px;
}

.seminar-filter-dorpdown-area .seminar-filter-list-heading-text {
    font-size: 15px;
    font-weight: 500;
    color: #2E3F50;
    line-height: 30px;
    padding: 10px 0px;
}

.seminar-filter-dorpdown-area .seminar-filter-list-ul {}

.seminar-filter-dorpdown-area .seminar-filter-list-ul .seminar-filter-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.seminar-filter-dorpdown-area .seminar-filter-list-ul .seminar-filter-list .right-icon {
    height: 15px;
    width: 15px;
    margin-right: 10px;
}

.seminar-filter-dorpdown-area .seminar-filter-list-ul .seminar-filter-list .seminar-filter-list-text {
    font-size: 15px;
    font-weight: 500;
    color: #2E3F50;
    line-height: 20px;
}

.seminar-filter-dorpdown-area .lehrgangsinhalt-ul {
    list-style: disc;
}

.seminar-filter-dorpdown-area .lehrgangsinhalt-ul .lehrgangsinhalt-list {
    font-size: 14px;
    font-weight: 400;
    color: #2E3F50;
    line-height: 20px;
    padding-bottom: 11px;
}

.dropdown-filter-show {
    display: block;
}

.hotel-details-area {
    flex-basis: 30%;
}

.hotel-details-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 7px;
  flex-basis: 10%;
}

.hotel-details-item .details-icon {
    height: 30px;
    width: 30px;
    margin-right: 10px;
}

.hotel-details-item .details-text {
    font-size: 15px;
    font-weight: 600;
    color: #2E3F50;
    line-height: 20px;
    display: block;
    margin: 0 !important;
}

.hotel-details-item .details-text .time-text {
    font-size: 14px;
    font-weight: 400;
    color: #2E3F50;
    line-height: 20px;
    display: block;
	margin:0 !important;
}
.hotel-details-text-area { 
  flex-basis: 90%;
  padding-left: 5px;
}

.hotel-image-area {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-basis: 20%;
}

.hotel-details-text-area .hotel-name-text {
    font-size: 15px;
    font-weight: 600;
    color: #2E3F50;
    display: block;
    padding-bottom: 7px;
    margin: 0;
}

.hotel-details-text-area .hotel-address {
    font-size: 14px;
    font-weight: 400;
    color: #2E3F50;
    line-height: 20px;
    display: block;
    margin: 0;
}

.hotel-details-text-area .hotel-image {
    height: auto;
    width: 100%;
    margin-top: 20px;
}

.custom-width-one {
    flex-basis: 70%;
}

.custom-width-two {
    flex-basis: 30%;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .seminar-filter-dorpdown-area .seminar-filter-dropdown-heading {
        font-size: 16px;
        line-height: 20px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-dropdown-details-text {
        font-size: 14px;
        line-height: 20px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-list-heading-text {
        font-size: 14px;
        padding: 10px 0px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-list-ul .seminar-filter-list .seminar-filter-list-text {
        font-size: 14px;
        line-height: 20px;
    }

    .hotel-details-item .details-text {
        font-size: 14px;
        line-height: 18px;
    }

    .hotel-details-item .details-text .time-text {
        font-size: 14px;
        line-height: 20px;
    }

    .hotel-details-text-area .hotel-address {
        font-size: 14px;
        line-height: 20px;
    }

    .hotel-details-text-area .hotel-image {
        height: 175px;
        width: auto;
    }

    .seminar-filter-text-area .seminar-filter-heading-text {
        font-size: 16px;
        line-height: 24px;
    }

    .seminar-filter-button-area .details-filter-button {
        padding: 7px 16px;
    }

    .seminar-filter-button-area .buchung-button {
        padding: 7px 16px;
		margin-left:5px;
    }

    .seminar-filter-button-area .buchung-button .buchung-icon {
        height: 22px;
        width: 22px;
    }

    .seminar-filter-button-area .buchung-button .buchung-button-text {
        font-size: 11px;
        line-height: 11px;
		font-weight: 700;
		padding:1px !important;
		
		
    }

    .seminar-filter-button-area {
        padding-right: 9px;
    }

    .calander-location-area .calander-location-item .p-text {
        font-size: 14px;
        margin: 0 !important;
    }

    .hotel-details-text-area .hotel-name-text {
        font-size: 14px;
        padding-bottom: 7px;
    }

    .seminar-filter-text-area .seminar-filter-heading-text {
        font-size: 16px;
        line-height: 24px;
    }

    .seminar-filter-dorpdown-area .lehrgangsinhalt-ul .lehrgangsinhalt-list {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 20px;
    }

    .filter-input-item .input-label {
        font-size: 15px;
    }

    .filter-item .filte-name {
        font-size: 15px;
    }

    .seminar-filter-button-area {
        flex-basis: 30%;
    }
}

@media all and (max-width:991px) {
    .filter-input-area {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .filter-input-item {
        flex-basis: 100%;
        margin-bottom: 20px;
    }

    .filter-input-item .input-text-fild {
        width: 100%;
    }

    .calander-location-area .calander-location-item .icon {
        height: 20px;
        width: 20px;
        margin-right: 5px;
    }

    .calander-location-area .calander-location-item .p-text {
        font-size: 14px;
        line-height: 20px;
        margin: 0 !important;
    }

    .flex-box-three {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .seminar-filter-dorpdown-area {
        flex-basis: 100%;
        margin-bottom: 35px;
    }

    .flex-box-three {
        flex-wrap: wrap;
    }

    .seminar-filter-item .flex-box-two {
        flex-wrap: wrap;
    }

    .hotel-details-area {
        flex-basis: 50%;
        margin-bottom: 35px;
    }

    .hotel-image-area {
        flex-basis: 50%;
        margin-bottom: 35px;
    }

    .calander-location-area {
        flex-basis: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 30px;
        padding-right: 11%;
        padding-left: 6%;
    }

    .seminar-filter-button-area {
        flex-basis: 100%;
        padding-right: 0px;
        padding: 5px 30px;
    }

    .seminar-filter-text-area {
        flex-basis: 100%;
        padding: 5px 30px;
    }

    .seminar-filter-image-area {
        flex-basis: 0;
        display: none;
    }

    .seminar-filter-text-area .seminar-filter-heading-text {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 0px;
    }

    .calander-location-area .calander-location-item {
        padding-bottom: 0px;
        padding-left: 20px;
    }

    .seminar-filter-item .flex-box-two {
        padding: 10px 0px;
    }

    .hotel-details-item .details-icon {
        height: 20px;
        width: 20px;
        margin-right: 5px;
    }

    .hotel-details-text-area .hotel-image {
        height: auto;
        width: 45%;
        margin-top: 20px;
    }

    .filter-icon-area {
        margin-bottom: 25px;
    }

    .flex-box-three {
        padding-top: 0;
        padding-bottom: 0;
    }

    .seminar-filter-dorpdown-area .lehrgangsinhalt-ul .lehrgangsinhalt-list {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 10px;
    }

    .custom-width-one {
        flex-basis: 100%;
    }

    .custom-width-two {
        flex-basis: 100%;
    }

    .select-width {
        flex-basis: 100%;
        margin-right: 0;
        padding-left: 0;
    }

    .filter-item .filte-name {
        font-size: 16px;
        font-weight: 400;
        color: #2E3F50;
        margin-bottom: 7px;
    }

    .hotel-details-item .details-text {
        font-size: 14px;
        font-weight: 600;
        color: #2E3F50;
        line-height: 20px;
        display: block;
    }

    .hotel-details-text-area .hotel-name-text {
        font-size: 14px;
        font-weight: 600;
        color: #2E3F50;
        display: block;
        padding-bottom: 7px;
    }
}

@media all and (max-width:769px) {
    .seminar-filter-dorpdown-area .seminar-filter-dropdown-heading {
        font-size: 16px;
        line-height: 23px;
        padding-bottom: 15px;
    }

    .seminar-filter-text-area .seminar-filter-heading-text {
        font-size: 16px;
        line-height: 16px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-dropdown-details-text {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 10px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-list-heading-text {
        font-size: 15px;
        line-height: 0px;
        padding: 13px 0px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-list-ul .seminar-filter-list .seminar-filter-list-text {
        font-size: 15px;
        line-height: 18px;
    }

    .hotel-details-item .details-text {
        font-size: 16px;
        line-height: 10px;
    }

    .hotel-details-item .details-text .time-text {
        font-size: 15px;
        line-height: 18px;
    }

    .hotel-details-text-area .hotel-address {
        font-size: 15px;
        line-height: 18px;
    }

    .hotel-details-text-area .hotel-image {
        height: auto;
        width: 75%;
        margin-top: 20px;
    }
}

@media all and (max-width:577px) {
    .hotel-details-item .details-text .time-text {
        font-size: 15px;
        line-height: 22px;
    }

    .hotel-details-text-area .hotel-image {
        height: auto;
        width: 80%;
        margin-top: 20px;
    }
}

@media all and (max-width:481px) {

    .group-text-area .group-heading-text {
        font-size: 13px;
        font-weight: 600;
        color: #2E3F50;
        line-height: 13px;
        letter-spacing: 0.2px;
        padding: 0px;
        margin: 0 !important;
        text-align: center;
        
    }


    .hotel-details-area {
        flex-basis: 50%;
        margin-bottom: 0px;
        width: 50%;
    }

    .hotel-details-item .details-text {
        font-size: 14px;
        line-height: 10px;
    }

    .hotel-details-text-area .hotel-name-text {
        font-size: 14px;
        line-height: 10px;
    }

    .hotel-details-item .details-text .time-text {
        font-size: 12px;
        line-height: 22px;
    }

    .hotel-details-text-area .hotel-address {
        font-size: 12px;
        line-height: 22px;
    }

    .hotel-details-item .details-icon {
        height: 15px;
        width: 15px;
        margin-right: 5px;
    }

    .hotel-details-item {
        margin-bottom: 20px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-dropdown-heading {
        font-size: 18px;
        line-height: 17px;
        padding-bottom: 15px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-dropdown-details-text {
        font-size: 14px;
        line-height: 15px;
        padding-bottom: 10px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-list-heading-text {
        font-size: 14px;
        line-height: 18px;
        padding: 13px 0px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-list-ul .seminar-filter-list .seminar-filter-list-text {
        font-size: 14px;
        line-height: 0px;
    }

    .seminar-filter-text-area .seminar-filter-heading-text {
        font-size: 17px;
        line-height: 17px;
    }

    .calander-location-area .calander-location-item .p-text {
        font-size: 14px;
        line-height: 13px;
    }

    .calander-location-area .calander-location-item .icon {
        height: 15px;
        width: 15px;
        margin-right: 5px;
    }

    .seminar-filter-button-area .details-filter-button {
        padding: 5px 10px;
    }

    .seminar-filter-button-area .buchung-button {
        padding: 5px 10px;
    }

    .seminar-filter-button-area .buchung-button .buchung-icon {
        height: 15px;
        width: 15px;
    }

    .seminar-filter-button-area .details-filter-button .details-filter-icon {
        height: 15px;
        width: 11px;
        margin-right: 5px;
    }

    .hotel-details-text-area .hotel-image {
        height: auto;
        width: 85%;
        margin-top: 20px;
    }

    .seminar-filter-dorpdown-area {
        margin-bottom: 10px;
    }

    .filter-input-item .input-label {
        font-size: 15px;
        line-height: 18px;
    }

    .filter-input-item .input-select {
        font-size: 14px;
        line-height: 18px;
    }

    .filter-input-item .input-text-fild {
        font-size: 14px;
        line-height: 18px;
        width: 100%;
    }

    .seminal-dropdown-box {
        padding: 30px 6px 20px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-dropdown-heading {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 15px;
    }
}

@media all and (max-width:400px) {
    .seminal-filter-dropdown-box {
        padding: 30px 2px 20px;
    }
    .group-text-area .group-heading-text {
        font-size: 9px;
        
    }
}

@media all and (max-width:377px) {
    .hotel-details-item .details-text {
        font-size: 11px;
        line-height: 10px;
    }

    .hotel-details-text-area .hotel-name-text {
        font-size: 11px;
        line-height: 10px;
    }

    .hotel-details-item {
        margin-bottom: 10px;
    }

    .flex-box-three {
        padding: 30px 5px 20px;
    }

    .hotel-details-text-area .hotel-image {
        height: auto;
        width: 53%;
        margin-top: 10px;
    }
}

@media all and (max-width:358px) {
    .hotel-details-item .details-text {
        font-size: 12px;
        line-height: 14px;
    }
    .group-text-area .group-heading-text {
        font-size: 9px;
        
    }
    .hotel-details-text-area .hotel-name-text {
        font-size: 12px;
        line-height: 14px;
    }

    .hotel-details-item .details-icon {
        height: 15px;
        width: 15px;
        margin-right: 1px;
    }

    .hotel-details-item .details-text .time-text {
        font-size: 12px;
        line-height: 22px;
    }

    .hotel-details-text-area .hotel-address {
        font-size: 12px;
        line-height: 14px;
    }

    .hotel-details-item .details-text .time-text {
        font-size: 12px;
        line-height: 14px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-list-ul .seminar-filter-list .seminar-filter-list-text {
        font-size: 13px;
        line-height: 17px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-list-heading-text {
        font-size: 13px;
        line-height: 15px;
        padding: 13px 0px;
    }

    .seminar-filter-dorpdown-area .seminar-filter-dropdown-heading {
        font-size: 15px;
        line-height: 16px;
        padding-bottom: 15px;
    }

    .seminar-filter-text-area .seminar-filter-heading-text {
        font-size: 15px;
        line-height: 16px;
    }
}

/* End Semina Filter Item Dropdown */
/* ------------------------------------------------------------ */
/* -----------------End Seminar Filter Full width CSS----------- */
/* ------------------------------------------------------------ */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!>>>>>>>>>FAQ PAGE START<<<<<<<<<<!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.mian-faq-section {
    padding: 90px 0px;
}

.faq-heading {
    padding: 60px 0px;
}

.faq-heading .faq-heading-text {
    font-size: 40px;
    font-weight: 600;
    color: #2E3F50;
    line-height: 30px;
    text-align: center;
}

.faq-area {
    border: 1px solid #2E3F50;
    padding: 0;
}

.faq-item {}

.faq-item-heading .faq-text {
    font-size: 20px;
    font-weight: 600;
    color: #2E3F50;
    line-height: 30px;
    text-align: left;
    cursor: pointer;
    padding: 5px 10px;
    /* border: 1px solid #2E3F50; */
}

.faq-item-heading .faq-text .plus {
    font-weight: 800;
    margin-right: 7px;
}

.faq-item-heading .faq-text .minus {
    font-weight: 800;
    margin-right: 7px;
    color: #e3001b;
    display: none;
}

.faq-acive {
    color: #e3001b !important;
}

.faq-acive .minus {
    display: inline-block !important;
}

.faq-acive .plus {
    display: none !important;
}

.faq-body {
    padding: 5px 10px;
    /* border: 1px solid #2E3F50; */
}

.faq-body .faq-body-heading-text {
    font-size: 20px;
    font-weight: 600;
    color: #2E3F50;
    line-height: 30px;
    padding: 10px 0px;
}

.faq-body .faq-body-text {
    font-size: 16px;
    font-weight: 400;
    color: #2E3F50;
    line-height: 30px;
    padding: 10px 0px;
}

.faq-body .faq-link {
    font-size: 16px;
    font-weight: 400;
    color: #e32829;
    line-height: 30px;
    padding: 10px 0px;
}

.faq-body .faq-body-list-heading {
    font-size: 18px;
    font-weight: 600;
    color: #2E3F50;
    line-height: 30px;
    padding: 10px 0px;
}

.faq-body .faq-body-ul {
    padding-left: 30px;
}

.faq-body .faq-body-ul .body-list {
    font-size: 16px;
    font-weight: 500;
    color: #e32829;
    line-height: 30px;
    padding: 10px 0px;
}

.faq-body .faq-body-ul .body-list::before {
    content: "\2022";
    color: #2E3F50;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    background: no-repeat;
    border: none;
}

.accordion-button:not(.collapsed)::after {
    display: none;
}

.accordion-button:not(.collapsed)::before {
    display: none;
}

.accordion-button::after {
    display: none;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    box-shadow: none;
    background: none;
}

@media all and (max-width:769px) {
    .faq-item-heading .faq-text {
        font-size: 18px;
    }

    .faq-body .faq-body-heading-text {
        font-size: 18px;
    }

    .faq-body .faq-body-text {
        font-size: 14px;
        line-height: 25px;
    }

    .faq-body .faq-link {
        font-size: 14px;
        line-height: 30px;
    }
}

@media all and (max-width:577px) {
    .faq-area {
        width: 98%;
        margin: 0 auto;
    }
}

@media all and (max-width:769px) {
    .faq-item-heading .faq-text {
        font-size: 16px;
    }

    .faq-body .faq-body-heading-text {
        font-size: 16px;
    }

    .faq-body .faq-body-text {
        font-size: 14px;
        line-height: 25px;
    }

    .faq-body .faq-link {
        font-size: 14px;
        line-height: 30px;
    }
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!>>>>>>>>>CONTACT PAGE START<<<<<<<<<<!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.main-contact-section {
    padding: 90px 0px;
}

.contact-box {
    border: 1.5px solid #747aa3;
    padding: 15px;
}

.contact-step {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0px 10%;
}

.contact-step::after {
    position: absolute;
    content: "";
    clear: both;
    top: 13px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #999cb4;
    z-index: -1;
}

.contact-step-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.contact-step-item .step-number {
    font-size: 17px;
    font-weight: 600;
    color: #e32829;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #e32829;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.step-active {
    background-color: #e32829 !important;
    color: #fff !important;
}

.contact-step-item .step-name {
    font-size: 16px;
    font-weight: 600;
    color: #747aa3;
    margin-top: 5px;
}

.main-contact-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-area {
    flex-basis: 50%;
}

.form-area .contact-form-heading-text {
    font-size: 32px;
    font-weight: 600;
    color: #747aa3;
    line-height: 32px;
    padding: 15px 0px;
}

.form-group {
    padding-bottom: 20px;
}

.form-group .form-group-label {
    font-size: 16px;
    font-weight: 400;
    color: #747aa3;
    line-height: 20px;
    padding-bottom: 5px;
}

.form-group .form-group-input {
    font-size: 16px;
    font-weight: 400;
    color: #747aa3;
    line-height: 20px;
    padding: 10px;
    width: 100%;
}

.submit-area {
    flex-basis: 50%;
    text-align: center;
}

.human-verify {
    border: 1px solid #747aa3;
    padding: 10px;
    width: 50%;
    margin: 0 auto;
}

.human-verify .verify-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.verify-box .verify-icon {
    height: 35px;
    width: 30px;
    margin-right: 10px;
}

.verify-box .human-text {
    font-size: 16px;
    font-weight: 400;
    color: #747aa3;
    line-height: 20px;
}

.human-verify .captcha {
    font-size: 12px;
    font-weight: 400;
    color: #747aa3;
    line-height: 20px;
    display: block;
    text-align: right;
}

.submit-area .submit-button {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    line-height: 20px;
    border: none;
    background-color: #e32829;
    border-radius: 3px;
    padding: 15px 20px;
    text-align: center;
    margin-top: 20px;
}

@media all and (max-width:991px) {
    .main-contact-form {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .form-area {
        flex-basis: 100%;
    }

    .submit-area {
        flex-basis: 100%;
        text-align: center;
        margin-top: 35px;
    }
}

@media all and (max-width:481px) {
    .human-verify {
        border: 1px solid #747aa3;
        padding: 10px;
        width: 100%;
        margin: 0 auto;
    }

    .form-area .contact-form-heading-text {
        font-size: 29px;
    }
}

@media all and (max-width:481px) {
    .form-area .contact-form-heading-text {
        font-size: 25px;
    }

    .submit-area .submit-button {
        font-size: 17px;
    }
}

@media all and (max-width:340px) {
    .form-area .contact-form-heading-text {
        font-size: 20px;
    }

    .contact-step-item .step-name {
        font-size: 14px;
        margin-top: 5px;
    }

    .form-group .form-group-label {
        font-size: 14px;
        padding-bottom: 5px;
    }

    .form-group .form-group-input {
        font-size: 14px;
    }

    .verify-box .human-text {
        font-size: 14px;
    }
}