@charset "UTF-8";

/* font family */



@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');



:root {

  --prime-color: #8F6AB4;

  --swiper-theme-color: #F24080 !important;

}



.colour-text {

  color: var(--prime-color);

}



html {

  line-height: 1.15;

  -webkit-text-size-adjust: 100%;

}



body {

  margin: 0;

}



main {

  display: block;

}



figure {

  margin: 0;

}



h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



hr {

  box-sizing: content-box;

  height: 0;

  overflow: visible;

}



pre {

  font-family: monospace, monospace;

  font-size: 1em;

}



a {

  background-color: transparent;

}



abbr[title] {

  border-bottom: none;

  text-decoration: underline;

  text-decoration: underline dotted;

}



code,

kbd,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}



small {

  font-size: 80%;

}



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sub {

  bottom: -0.25em;

}



sup {

  top: -0.5em;

}



img {

  border-style: none;

}



button,

input,

optgroup,

select,

textarea {

  font-family: inherit;

  font-size: 100%;

  line-height: 1.15;

  margin: 0;

}



button,

input {

  overflow: visible;

}



button,

select {

  text-transform: none;

}



button,

[type=button],

[type=reset],

[type=submit] {

  -webkit-appearance: button;

}



button::-moz-focus-inner,

[type=button]::-moz-focus-inner,

[type=reset]::-moz-focus-inner,

[type=submit]::-moz-focus-inner {

  border-style: none;

  padding: 0;

}



button:-moz-focusring,

[type=button]:-moz-focusring,

[type=reset]:-moz-focusring,

[type=submit]:-moz-focusring {

  outline: 1px dotted ButtonText;

}



fieldset {

  padding: 0.35em 0.75em 0.625em;

}



legend {

  box-sizing: border-box;

  color: inherit;

  display: table;

  max-width: 100%;

  padding: 0;

  white-space: normal;

}



progress {

  vertical-align: baseline;

}



textarea {

  overflow: auto;

}



[type=checkbox],

[type=radio] {

  box-sizing: border-box;

  padding: 0;

}



[type=number]::-webkit-inner-spin-button,

[type=number]::-webkit-outer-spin-button {

  height: auto;

}



[type=search] {

  -webkit-appearance: textfield;

  outline-offset: -2px;

}



[type=search]::-webkit-search-decoration {

  -webkit-appearance: none;

}



::-webkit-file-upload-button {

  -webkit-appearance: button;

  font: inherit;

}



details {

  display: block;

}



summary {

  display: list-item;

}



template {

  display: none;

}



[hidden] {

  display: none;

}



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

>>> Typography

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

body {

  background-color: #ffffff;

  font-size: 15px;

  color: #333;

  font-family: "Poppins", sans-serif;

  font-weight: normal;

  font-style: normal;

  line-height: 1.5;

  -webkit-font-smoothing: antialiased;

  word-wrap: break-word;

  scroll-behavior: smooth;

  transition: all 0.5s;

}

@media screen and (max-width: 767px) {

  body {

    font-size: 14px;

  }

}



p {

  line-height: 1.7;

  margin: 0 0 15px;

  word-wrap: break-word;

}

@media screen and (max-width: 767px) {

  p {

    font-size: 14px;

  }

}



dfn,

cite,

em,

i {

  font-style: italic;

}



blockquote,

pre {

  background-color: #fafafa;

  border-width: 0 0 0 3px;

  border-color: #d9d9d9;

  border-style: solid;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

  color: #2b2b2b;

  font-family: "Poppins", sans-serif;

  font-style: italic;

  margin: 0 0 15px 0;

  padding: 25px 22px;

  font-size: 18px;

}

blockquote p,

pre p {

  margin-bottom: 0;

}



blockquote {

  background-color: transparent;

  border-left: none;

  color: #111111;

  margin: 40px 0;

  text-align: center;

  position: relative;

  padding: 30px;

}

blockquote:before {

  background-color: #fff;

  color: #444444;

  content: "\f10d";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  font-size: 20px;

  float: left;

  margin-right: 20px;

  line-height: 1;

  font-style: normal;

  position: absolute;

  left: 50%;

  -webkit-transform: translate(-50%, 0);

  -moz-transform: translate(-50%, 0);

  -ms-transform: translate(-50%, 0);

  -o-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

  top: -10px;

  padding: 0 10px;

  z-index: 9;

}

blockquote:after {

  border-bottom: 2px solid #ddd;

  border-top: 2px solid #ddd;

  content: "";

  bottom: 0;

  content: "";

  display: block;

  left: 50%;

  -webkit-transform: translate(-50%, 0);

  -moz-transform: translate(-50%, 0);

  -ms-transform: translate(-50%, 0);

  -o-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

  position: absolute;

  top: 0;

  width: 200px;

}

blockquote p {

  font-size: 28px;

  line-height: 1.4;

}

blockquote cite {

  color: #8d8d8d;

  display: block;

  font-style: normal;

  font-size: 13px;

}



abbr,

acronym {

  border-bottom: 1px dotted #5e5e5e;

  cursor: help;

}



mark,

ins {

  text-decoration: none;

  padding-left: 5px;

  padding-right: 5px;

}



big {

  font-size: 125%;

}



b,

strong {

  font-weight: 700;

}



iframe {

  display: block;

  width: 100%;

}



img {

  height: auto;

  max-width: 100%;

  vertical-align: top;

}



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

# Heading

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

h1,

h2,

h3,

h4,

h5,

h6 {

  color: #111111;

  font-family: "Mulish", sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0 0 20px;

  line-height: 1.1;

}

h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: inherit;

}



h1 {

  font-size: 60px;

  font-weight: 900;

}



h2 {

  font-size: 42px;

  font-weight: 900;

}



h3 {

  font-size: 32px;

  font-weight: 800;

}



h4 {

  font-size: 24px;

  font-weight: 800;

}



h5 {

  font-size: 18px;

  font-weight: 700;

}



h6 {

  font-size: 15px;

  font-weight: 700;

}



@media screen and (max-width: 767px) {

  h1 {

    font-size: 34px;

  }



  h2 {

    font-size: 28px;

  }



  h3 {

    font-size: 22px;

  }



  h4 {

    font-size: 18px;

  }



  h5 {

    font-size: 15px;

  }



  h6 {

    font-size: 13px;

  }

}

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

# Lists

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

ul,

ol {

  margin: 0 0 1.5em 0.875em;

}



ul {

  list-style: disc;

}



ol {

  list-style: decimal;

}



li>ul,

li>ol {

  margin-bottom: 0;

  margin-left: 1.5em;

}



dt {

  font-weight: bold;

}



dd {

  margin: 0 1.5em 1.5em;

}



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

# Links

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

a {

  color: #0085BA;

  text-decoration: none;

  -webkit-transition: color 0.3s;

  -moz-transition: color 0.3s;

  -ms-transition: color 0.3s;

  -o-transition: color 0.3s;

  transition: color 0.3s;

}

a:hover,
a:focus,
a:active {

  color: #961040;

  text-decoration: none;

  outline: 0;

}

a:visited {

  text-decoration: none;

  outline: 0;

}



/* Text meant only for screen readers. */

.screen-reader-text {

  border: 0;

  clip: rect(1px, 1px, 1px, 1px);

  clip-path: inset(50%);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute !important;

  width: 1px;

  word-wrap: normal !important;

  /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}

.screen-reader-text:focus {

  background-color: #e6e6e6;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  clip-path: none;

  color: #2b2b2b;

  display: block;

  font-size: 14px;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

  /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

  outline: 0;

}



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

# Others

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

.container {

  max-width: 1170px;

  padding-left: 15px;

  padding-right: 15px;

}



.overlay,

.pattern-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.title-divider {

  position: relative;

  margin-bottom: 20px;

  height: 17px;

}

.title-divider:before {

  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpolyline points='0,18 12,6 24,18 '/%3E%3C/svg%3E");

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpolyline points='0,18 12,6 24,18 '/%3E%3C/svg%3E");

  background-repeat: repeat-x;

  content: "";

  width: 100px;

  height: 20px;

  position: absolute;

  bottom: 0;

  left: 0;

  -webkit-mask-size: 22px;

  mask-size: 22px;

  background-color: #F24080;

  background-size: 22px;

  -webkit-mask-repeat: repeat-x;

  mask-repeat: repeat-x;

}



.title-divider-center {

  position: relative;

  margin-bottom: 20px;

  height: 17px;

}

.title-divider-center:before {

  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpolyline points='0,18 12,6 24,18 '/%3E%3C/svg%3E");

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpolyline points='0,18 12,6 24,18 '/%3E%3C/svg%3E");

  background-repeat: repeat-x;

  content: "";

  width: 100px;

  height: 20px;

  position: absolute;

  bottom: 0;

  left: 0;

  -webkit-mask-size: 22px;

  mask-size: 22px;

  background-color: #F24080;

  background-size: 22px;

  -webkit-mask-repeat: repeat-x;

  mask-repeat: repeat-x;

  right: 0;

  margin-right: auto;

  margin-left: auto;

  line-height: 1;

}



.figure-round-border {

  border-radius: 25px;

  overflow: hidden;

}

.figure-round-border img {

  border-radius: 25px;

}



.counter-inner .counter-item {

  padding: 25px;

  text-align: center;

  border-right: 1px solid #d9d9d9;

}

.counter-inner .counter-item:last-child {

  border-right: 0;

}

@media screen and (max-width: 991px) {

  .counter-inner .counter-item {

    border-right: 0;

  }

  .counter-inner .counter-item:first-child {

    border-width: 0 1px 1px 0;

    border-style: solid;

    border-color: #d9d9d9;

  }

  .counter-inner .counter-item:last-child {

    border-width: 1px 0 0 1px;

    border-style: solid;

    border-color: #d9d9d9;

  }

}

@media screen and (max-width: 575px) {

  .counter-inner .counter-item {

    border-width: 1px 0 0 0px;

    border-style: solid;

    border-color: #d9d9d9;

  }

  .counter-inner .counter-item:first-child {

    border-width: 1px 0 0 0;

    border-style: solid;

    border-color: #d9d9d9;

  }

  .counter-inner .counter-item:last-child {

    border-width: 1px 0 0 0px;

    border-style: solid;

    border-color: #d9d9d9;

  }

}

.counter-inner .counter-item .counter-no {

  color: var(--prime-color);

  font-size: 52px;

  font-family: "Mulish", sans-serif;

  font-weight: 900;

  line-height: 1.2;

}

.counter-inner .counter-item .Completed {

  color: #F24080;

}



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

>>> table

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

table {

  color: #737373;

  margin: 0 0 1.5em;

  border-collapse: separate;

  border-spacing: 0;

  border-width: 1px 0 0 1px;

  width: 100%;

  font-size: 15px;

}

table thead tr {

  background-color: #262626;

}

table thead tr th {

  color: #383838;

}

table.table {

  color: #737373;

}



th {

  border-width: 0 1px 1px 0;

  font-weight: 700;

}



td {

  border-width: 0 1px 1px 0;

  border-bottom: 1px solid #e6e6e6;

}



th,
td {

  padding: 8px;

}



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

>>> form

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

form {

  position: relative;

}



input[type=text],

input[type=email],

input[type=url],

input[type=password],

input[type=search],

input[type=number],

input[type=tel],

input[type=range],

input[type=date],

input[type=month],

input[type=week],

input[type=time],

input[type=datetime],

input[type=datetime-local],

input[type=color] {

  height: 50px;

}

@media screen and (max-width: 575px) {

  input[type=text],

  input[type=email],

  input[type=url],

  input[type=password],

  input[type=search],

  input[type=number],

  input[type=tel],

  input[type=range],

  input[type=date],

  input[type=month],

  input[type=week],

  input[type=time],

  input[type=datetime],

  input[type=datetime-local],

  input[type=color] {

    height: 42px;

  }

}



input[type=text],

input[type=email],

input[type=url],

input[type=password],

input[type=search],

input[type=number],

input[type=tel],

input[type=range],

input[type=date],

input[type=month],

input[type=week],

input[type=time],

input[type=datetime],

input[type=datetime-local],

input[type=color],

select,

textarea {

  background-color: #f8f8f8;

  border: 1px solid #d9d9d9;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

  font-size: 15px;

  padding: 0 15px;

}

input[type=text]:focus,

input[type=email]:focus,

input[type=url]:focus,

input[type=password]:focus,

input[type=search]:focus,

input[type=number]:focus,

input[type=tel]:focus,

input[type=range]:focus,

input[type=date]:focus,

input[type=month]:focus,

input[type=week]:focus,

input[type=time]:focus,

input[type=datetime]:focus,

input[type=datetime-local]:focus,

input[type=color]:focus,

textarea:focus {

  border-color: var(--prime-color);

  outline: 0;

}

input[type=text]:-webkit-autofill,
input[type=text]:-webkit-autofill:hover,
input[type=text]:-webkit-autofill:focus,
input[type=text]:-webkit-autofill:active,

input[type=email]:-webkit-autofill,

input[type=email]:-webkit-autofill:hover,

input[type=email]:-webkit-autofill:focus,

input[type=email]:-webkit-autofill:active,

input[type=url]:-webkit-autofill,

input[type=url]:-webkit-autofill:hover,

input[type=url]:-webkit-autofill:focus,

input[type=url]:-webkit-autofill:active,

input[type=password]:-webkit-autofill,

input[type=password]:-webkit-autofill:hover,

input[type=password]:-webkit-autofill:focus,

input[type=password]:-webkit-autofill:active,

input[type=search]:-webkit-autofill,

input[type=search]:-webkit-autofill:hover,

input[type=search]:-webkit-autofill:focus,

input[type=search]:-webkit-autofill:active,

input[type=number]:-webkit-autofill,

input[type=number]:-webkit-autofill:hover,

input[type=number]:-webkit-autofill:focus,

input[type=number]:-webkit-autofill:active,

input[type=tel]:-webkit-autofill,

input[type=tel]:-webkit-autofill:hover,

input[type=tel]:-webkit-autofill:focus,

input[type=tel]:-webkit-autofill:active,

input[type=range]:-webkit-autofill,

input[type=range]:-webkit-autofill:hover,

input[type=range]:-webkit-autofill:focus,

input[type=range]:-webkit-autofill:active,

input[type=date]:-webkit-autofill,

input[type=date]:-webkit-autofill:hover,

input[type=date]:-webkit-autofill:focus,

input[type=date]:-webkit-autofill:active,

input[type=month]:-webkit-autofill,

input[type=month]:-webkit-autofill:hover,

input[type=month]:-webkit-autofill:focus,

input[type=month]:-webkit-autofill:active,

input[type=week]:-webkit-autofill,

input[type=week]:-webkit-autofill:hover,

input[type=week]:-webkit-autofill:focus,

input[type=week]:-webkit-autofill:active,

input[type=time]:-webkit-autofill,

input[type=time]:-webkit-autofill:hover,

input[type=time]:-webkit-autofill:focus,

input[type=time]:-webkit-autofill:active,

input[type=datetime]:-webkit-autofill,

input[type=datetime]:-webkit-autofill:hover,

input[type=datetime]:-webkit-autofill:focus,

input[type=datetime]:-webkit-autofill:active,

input[type=datetime-local]:-webkit-autofill,

input[type=datetime-local]:-webkit-autofill:hover,

input[type=datetime-local]:-webkit-autofill:focus,

input[type=datetime-local]:-webkit-autofill:active,

input[type=color]:-webkit-autofill,

input[type=color]:-webkit-autofill:hover,

input[type=color]:-webkit-autofill:focus,

input[type=color]:-webkit-autofill:active,

textarea:-webkit-autofill,

textarea:-webkit-autofill:hover,

textarea:-webkit-autofill:focus,

textarea:-webkit-autofill:active {

  -webkit-transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;

  -moz-transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;

  -ms-transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;

  -o-transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;

  transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;

  background-color: rgba(0, 0, 0, 0) !important;

}

input[type=text]::-webkit-input-placeholder,

input[type=email]::-webkit-input-placeholder,

input[type=url]::-webkit-input-placeholder,

input[type=password]::-webkit-input-placeholder,

input[type=search]::-webkit-input-placeholder,

input[type=number]::-webkit-input-placeholder,

input[type=tel]::-webkit-input-placeholder,

input[type=range]::-webkit-input-placeholder,

input[type=date]::-webkit-input-placeholder,

input[type=month]::-webkit-input-placeholder,

input[type=week]::-webkit-input-placeholder,

input[type=time]::-webkit-input-placeholder,

input[type=datetime]::-webkit-input-placeholder,

input[type=datetime-local]::-webkit-input-placeholder,

input[type=color]::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: #a7a7a7;

}

input[type=text]::-moz-placeholder,

input[type=email]::-moz-placeholder,

input[type=url]::-moz-placeholder,

input[type=password]::-moz-placeholder,

input[type=search]::-moz-placeholder,

input[type=number]::-moz-placeholder,

input[type=tel]::-moz-placeholder,

input[type=range]::-moz-placeholder,

input[type=date]::-moz-placeholder,

input[type=month]::-moz-placeholder,

input[type=week]::-moz-placeholder,

input[type=time]::-moz-placeholder,

input[type=datetime]::-moz-placeholder,

input[type=datetime-local]::-moz-placeholder,

input[type=color]::-moz-placeholder,

textarea::-moz-placeholder {

  /* Firefox 19+ */

  color: #a7a7a7;

}

input[type=text]:-ms-input-placeholder,

input[type=email]:-ms-input-placeholder,

input[type=url]:-ms-input-placeholder,

input[type=password]:-ms-input-placeholder,

input[type=search]:-ms-input-placeholder,

input[type=number]:-ms-input-placeholder,

input[type=tel]:-ms-input-placeholder,

input[type=range]:-ms-input-placeholder,

input[type=date]:-ms-input-placeholder,

input[type=month]:-ms-input-placeholder,

input[type=week]:-ms-input-placeholder,

input[type=time]:-ms-input-placeholder,

input[type=datetime]:-ms-input-placeholder,

input[type=datetime-local]:-ms-input-placeholder,

input[type=color]:-ms-input-placeholder,

textarea:-ms-input-placeholder {

  /* IE 10+ */

  color: #a7a7a7;

}



textarea {

  padding: 20px 10px;

  width: 100%;

}



select {

  border: 1px solid #d9d9d9;

  color: #383838;

  height: 55px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

  padding: 0 30px 0 10px;

}

select option {

  padding: 8px;

}

select:focus {

  outline: none;

}

@media screen and (max-width: 575px) {

  select {

    height: 42px;

  }

}



form label {

  font-weight: normal;

}



.search-form {

  position: relative;

}

.search-form input {

  width: 100%;

  padding: 0 55px 0 10px;

}

.search-form button {

  background-color: var(--prime-color);

  -webkit-border-radius: 0 30px 30px 0;

  -moz-border-radius: 0 30px 30px 0;

  -ms-border-radius: 0 30px 30px 0;

  border-radius: 0 30px 30px 0;

  color: #ffffff;

  font-size: 15px;

  border: none;

  position: absolute;

  right: 6px;

  top: 6px;

  padding: 13px;

  -webkit-transition: background-color 0.4s;

  -moz-transition: background-color 0.4s;

  -ms-transition: background-color 0.4s;

  -o-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.search-form button:hover {

  background-color: #961040;

}



.form-group {

  margin-bottom: 15px;

}

.form-group select {

  height: 48px;

}

.form-group select,

.form-group input:not([type=checkbox]):not([type=radio]):not([type=submit]) {

  width: 100%;

}

.form-group label {

  display: block;

  color: #383838;

  font-size: 15px;

  margin-bottom: 10px;

}

.form-group label.checkbox-list {

  position: relative;

  padding-left: 30px;

}

.form-group label .custom-checkbox {

  display: inline-block;

  width: 18px;

  height: 18px;

  border: 1px solid #e6e6e6;

  position: absolute;

  left: 0;

  top: 2px;

}

.form-group label .custom-checkbox:before {

  background-color: var(--prime-color);

  content: "\f00c";

  font-family: "Font Awesome 5 Free";

  height: 100%;

  width: 100%;

  position: absolute;

  left: 0;

  right: 0;

  opacity: 0;

  font-weight: 900;

  font-size: 10px;

  color: #fff;

  text-align: center;

}

.form-group label input[type=checkbox] {

  opacity: 0;

  position: absolute;

  z-index: -9;

}

.form-group label input:checked~.custom-checkbox {

  border-color: var(--prime-color);

}

.form-group label input:checked~.custom-checkbox:before {

  opacity: 1;

}



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

>>> button

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

.button-round-primary,

.button-round-secondary,

.button-round-white {

  font-size: 15px;

  line-height: 1.1;

  padding: 16px 28px;

  font-weight: 700;

  font-family: "Mulish", sans-serif;

  text-transform: uppercase;

}

@media screen and (max-width: 575px) {

  .button-round-primary,

  .button-round-secondary,

  .button-round-white {

    padding: 12px 20px;

  }

}



input[type=button],

input[type=reset],

input[type=submit] {

  border: none;

  background-color: var(--prime-color);

  color: #ffffff;

  cursor: pointer;

  padding: 15px 30px;

  font-weight: 500;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

  -webkit-transition: background-color 0.3s;

  -moz-transition: background-color 0.3s;

  -ms-transition: background-color 0.3s;

  -o-transition: background-color 0.3s;

  transition: background-color 0.3s;

  border: none;

}

input[type=button]:hover,
input[type=button]:active,
input[type=button]:focus,

input[type=reset]:hover,

input[type=reset]:active,

input[type=reset]:focus,

input[type=submit]:hover,

input[type=submit]:active,

input[type=submit]:focus {

  background-color: #961040;

}



.button-round-primary,

.button-round-secondary,

.button-round-white {

  -webkit-border-radius: 25px;

  -moz-border-radius: 25px;

  -ms-border-radius: 25px;

  border-radius: 25px;

  border: none;

  color: #0E3500;

  display: inline-block;

  position: relative;

  -webkit-transition: background-color 0.4s, color 0.4s;

  -moz-transition: background-color 0.4s, color 0.4s;

  -ms-transition: background-color 0.4s, color 0.4s;

  -o-transition: background-color 0.4s, color 0.4s;

  transition: background-color 0.4s, color 0.4s;

}



.button-round-primary {

  background-color: var(--prime-color);

  color: #ffffff;

}



.button-round-secondary {

  background-color: #F24080;

  color: #ffffff;

}



.button-round-white {

  background-color: #ffffff;

  color: #111111;

}



.button-round-primary:hover,
.button-round-primary:focus,
.button-round-primary:active,

.button-round-secondary:hover,

.button-round-secondary:focus,

.button-round-secondary:active,

.button-round-white:hover,

.button-round-white:focus,

.button-round-white:active {

  background-color: #961040;

  color: #ffffff;

}



.button-text {

  color: #0E3500;

  font-weight: 600;

  position: relative;

  line-height: 1.3;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.button-text:hover,
.button-text:focus,
.button-text:active {

  color: var(--prime-color);

}



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

>>> Default 

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

.semi-bold {

  font-weight: 600;

}



.bold {

  font-weight: 700;

}



.text-left {

  text-align: left;

}



.text-right {

  text-align: right;

}



.white-bg {

  background-color: #ffffff;

}



.bg-light-grey {

  background-color: #F8F8F8;

}



.primary-bg {

  background-color: var(--prime-color);

}



.secondary-bg {

  background-color: #F24080;

}



.bg-transparent-img {

  background-color: rgba(21, 21, 21, 0.75);

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.bg-transparent-img:before {

  background-color: rgba(21, 21, 21, 0.75);

  content: "";

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  z-index: -1;

}



.primary-color {

  color: var(--prime-color);

}



.secondary-color {

  color: #F24080;

}



.title-color {

  color: #111111;

}



.list-more-btn {

  padding-top: 20px;

}

.list-more-btn a {

  padding: 18px 30px;

}



.site-loader {

  background-color: #ffffff;

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 9999;

  text-align: center;

}

.site-loader .preloader-content {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 50px;

}



.rating-start-wrap {

  display: table;

  text-align: right;

}

.rating-start-wrap .rating-start {

  display: table;

  position: relative;

  font-size: 15px;

  letter-spacing: 4px;

}

.rating-start-wrap .rating-start:before {

  color: #ccd6df;

  content: "\f005\f005\f005\f005\f005";

  display: block;

  font-family: "Font Awesome 5 free";

  font-weight: 600;

}

.rating-start-wrap .rating-start span {

  display: block;

  left: 0;

  overflow: hidden;

  position: absolute;

  top: 0;

}

.rating-start-wrap .rating-start span:before {

  color: #F24080;

  content: "\f005\f005\f005\f005\f005";

  display: inline-block;

  font-family: "Font Awesome 5 free";

  font-weight: 600;

}



.social-links ul {

  margin: 0;

  padding: 0;

  font-size: 0;

}

.social-links li {

  display: inline-block;

  list-style: none;

  margin: 0 10px;

}

.social-links a {

  font-size: 16px;

  color: var(--prime-color);

  -webkit-transition: color 0.4s;

  -moz-transition: color 0.4s;

  -ms-transition: color 0.4s;

  -o-transition: color 0.4s;

  transition: color 0.4s;

}

.social-links a:hover,
.social-links a:focus,
.social-links a:active {

  color: #961040;

}



.social-icon-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: -5px;

}

.social-icon-wrap .social-icon {

  padding: 5px;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

}

.social-icon-wrap .social-icon a {

  background-color: var(--prime-color);

  -webkit-border-radius: 25px;

  -moz-border-radius: 25px;

  -ms-border-radius: 25px;

  border-radius: 25px;

  color: #ffffff;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}

.social-icon-wrap .social-icon a:hover {

  -webkit-filter: saturate(1.5) brightness(1.2);

  -moz-filter: saturate(1.5) brightness(1.2);

  -ms-filter: saturate(1.5) brightness(1.2);

  -o-filter: saturate(1.5) brightness(1.2);

  filter: saturate(1.5) brightness(1.2);

}

.social-icon-wrap .social-icon [class*=fa-] {

  width: 40px;

  text-align: center;

}

.social-icon-wrap .social-icon span {

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.12)), to(transparent));

  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.12), transparent);

  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.12), transparent);

  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.12), transparent);

  padding: 10px 15px;

}

.social-icon-wrap .social-facebook a {

  background-color: #3b5998;

}

.social-icon-wrap .social-pinterest a {

  background-color: #bd081c;

}

.social-icon-wrap .social-whatsapp a {

  background-color: #25d366;

}

.social-icon-wrap .social-linkedin a {

  background-color: #0077b5;

}

.social-icon-wrap .social-twitter a {

  background-color: #1da1f2;

}

.social-icon-wrap .social-google a {

  background-color: #dd4b39;

}



.to-top-icon {

  background-color: rgba(65, 36, 109, 0.7);

  color: #ffffff;

  font-size: 12px;

  display: none;

  line-height: 35px;

  text-align: center;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

  width: 35px;

  height: 35px;

  position: fixed;

  right: 15px;

  bottom: 15px;

  z-index: 99;

  -webkit-transition: background-color 0.3s, color 0.3s;

  -moz-transition: background-color 0.3s, color 0.3s;

  -ms-transition: background-color 0.3s, color 0.3s;

  -o-transition: background-color 0.3s, color 0.3s;

  transition: background-color 0.3s, color 0.3s;

}

.to-top-icon:hover {

  background-color: #961040;

  color: #ffffff;

}

@media screen and (max-width: 575px) {

  .to-top-icon {

    width: 25px;

    height: 25px;

    line-height: 25px;

    font-size: 13px;

    right: 10px;

    bottom: 10px;

  }

}





.tab-container {

  margin-top: 50px;

}



@media screen and (min-width: 768px) {



  .tab-container .responsive-tabs .card {

    border: none;

  }

  .tab-container .responsive-tabs .card .card-header {

    display: none;

  }

  .tab-container .responsive-tabs .card .collapse {

    display: block;

  }

}



@media screen and (max-width: 767px) {

  .tab-container .responsive-tabs .tab-pane {

    display: block !important;

    opacity: 1;

  }

}



.tab-content {

  padding: 30px;

  border-width: 0 1px 1px 1px;

  border-style: solid;

  border-color: #d4d4d4;

}

.tab-content ul {

  margin-bottom: 0;

}

.tab-content ul li {

  margin-bottom: 5px;

}

.tab-content ul li:last-child {

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .tab-content .card {

    box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2);

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    border-radius: 0px;

    margin-bottom: 20px;

    border: none;

  }

  .tab-content .card:last-child {

    margin-bottom: 0;

  }

  .tab-content .card .card-header {

    background-color: transparent;

    border: none;

    padding: 0;

    margin: 0;

  }

  .tab-content .card .card-header a {

    color: #383838;

    font-family: "Poppins", sans-serif;

    font-size: 15px;

    display: block;

    width: 100%;

    text-decoration: none;

    padding: 22px;

    font-weight: 600;

    position: relative;

    text-align: left;

  }

  .tab-content .card .card-header a:before {

    content: "\f106";

    display: block;

    font-weight: 900;

    font-family: "Font Awesome 5 Free";

    float: right;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    transform: translate(0, -50%);

    right: 15px;

  }

  .tab-content .card .card-header a.collapsed:before {

    content: "\f107";

  }

  .tab-content .card .card-body {

    font-size: 15px;

    padding: 0 20px 20px;

  }

}

@media screen and (max-width: 575px) {

  .tab-content {

    padding: 0;

    border: none;

  }

}



.progress-wrapper {

  padding-top: 35px;

}

.progress-wrapper .ab-progress {

  position: relative;

}

.progress-wrapper .ab-progress .progress-indecator-inner {

  position: absolute;

  top: -30px;

}

.progress-wrapper .ab-progress .progress-indecator-inner span {

  background-color: #F24080;

  color: #ffffff;

  padding: 2px 7px;

  font-size: 12px;

  display: inline-block;

  z-index: 1;

}

.progress-wrapper .ab-progress .progress-indecator-inner span:before {

  background-color: #F24080;

  content: "";

  width: 15px;

  height: 15px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, 0) rotate(45deg);

  -moz-transform: translate(-50%, 0) rotate(45deg);

  transform: translate(-50%, 0) rotate(45deg);

  z-index: -1;

}

.progress-wrapper .ab-progress .progress-indecator-inner .percent {

  position: absolute;

  left: -19px;

}

.progress-wrapper .ab-progress .progress-bar-wrap {

  background: #f4f4f4;

  border: none;

  height: 3px;

}

.progress-wrapper .progress-inline .ab-progress-bar {

  background: #F24080;

  box-shadow: none;

  height: 3px;

  position: relative;

}

@media screen and (max-width: 575px) {

  .progress-wrapper .progress-inline .progress-title {

    margin-bottom: 10px;

  }

}



.accordion-content .card {

  box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2);

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

  margin-bottom: 20px;

  border: none;

}

.accordion-content .card:last-child {

  margin-bottom: 0;

}

.accordion-content .card .card-header {

  background-color: transparent;

  border: none;

  padding: 0;

  margin: 0;

}

.accordion-content .card .card-header a {

  color: #292929;

  font-family: "Mulish", sans-serif;

  display: block;

  width: 100%;

  text-decoration: none;

  padding: 20px;

  font-weight: 700;

  position: relative;

  text-align: left;

}

.accordion-content .card .card-header a:before {

  content: "\f106";

  display: block;

  font-weight: 900;

  font-family: "Font Awesome 5 Free";

  float: right;

  position: absolute;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

  right: 15px;

  font-size: 24px;

}

.accordion-content .card .card-header a.collapsed:before {

  content: "\f107";

}

.accordion-content .card .card-body {

  font-size: 15px;

  padding: 0 20px 20px;

  color: #4D0367;

}

@media screen and (max-width: 767px) {

  .accordion-content .card .card-body {

    font-size: 14px;

  }

}



.slick-slider {

  position: relative;

}

.slick-slider .slick-prev {

  left: 15px;

}

.slick-slider .slick-prev:before {

  content: "\f053";

}

.slick-slider .slick-next {

  right: 15px;

}

.slick-slider .slick-next:before {

  content: "\f054";

}

.slick-slider .slick-prev,

.slick-slider .slick-next {

  z-index: 1;

  width: auto;

  height: auto;

}

.slick-slider .slick-prev:before,

.slick-slider .slick-next:before {

  background-color: rgba(0, 0, 0, 0.8);

  color: #ffffff;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  display: block;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  height: 40px;

  width: 40px;

  text-align: center;

  line-height: 40px;

  -webkit-transition: background-color 0.4s;

  -moz-transition: background-color 0.4s;

  -ms-transition: background-color 0.4s;

  -o-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.slick-slider .slick-prev:hover:before,
.slick-slider .slick-prev:focus:before,
.slick-slider .slick-prev:active:before,

.slick-slider .slick-next:hover:before,

.slick-slider .slick-next:focus:before,

.slick-slider .slick-next:active:before {

  background-color: #961040;

  color: #ffffff;

}



.slick-dots {

  list-style: none;

  margin: 0;

  padding: 0;

}

.slick-dots li {

  width: auto;

  height: auto;

  margin: 0 6px;

}

.slick-dots li button {

  background-color: #c6c6c6;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  width: 10px;

  height: 10px;

}

.slick-dots li button:before {

  display: none;

}

.slick-dots li button:hover {

  background-color: var(--prime-color);

}

.slick-dots li.slick-active button {

  background-color: var(--prime-color);

}



.video-button a {

  background-color: var(--prime-color);

  display: inline-block;

  position: relative;

  cursor: pointer;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  font-size: 18px;

  line-height: 70px;

  width: 70px;

  height: 70px;

  text-align: center;

  position: relative;

}

.video-button a i {

  color: #ffffff;

}

.video-button a:before,
.video-button a:after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);

  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);

  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);

  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);

  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);

  -webkit-animation: rippleOne 2s infinite;

  -moz-animation: rippleOne 2s infinite;

  -ms-animation: rippleOne 2s infinite;

  -o-animation: rippleOne 2s infinite;

  animation: rippleOne 2s infinite;

}



@-webkit-keyframes rippleOne {

  70% {

    box-shadow: 0 0 0 10px rgba(244, 68, 56, 0);

  }

  100% {

    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);

  }

}

@keyframes rippleOne {

  30% {

    box-shadow: 0 0 0 10px rgba(244, 68, 56, 0);

  }

  90% {

    box-shadow: 0 0 0 30px rgba(244, 68, 56, 0);

  }

  100% {

    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);

  }

}

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

>>> Pagination

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

/* .post-navigation-wrap {

  margin-top: 30px;

} */



.pagination {

  margin: 0;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

}

.pagination li {

  margin: 0 5px;

}

.pagination li a {

  color: #444444;

  display: inline-block;

  border: none;

  width: auto;

  height: auto;

  line-height: 1;

  text-align: center;

  border-radius: 100%;

  border-radius: 0;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pagination li a:hover {

  background-color: var(--prime-color);

  border-color: var(--prime-color);

  color: #ffffff;

}

.pagination li.active a {

  background-color: var(--prime-color);

  border-color: var(--prime-color);

  color: #ffffff;

}



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

>>> Clearing

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

.clearfix:before,
.clearfix:after {

  content: "";

  display: block;

  clear: both;

}



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

>>> Main Header 

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

.site-header {

  background-color: var(--prime-color);

  width: 100%;

  z-index: 10;

}



/*--- top header css start ---*/

.top-header {

  padding: 12px 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.11);

}

@media screen and (max-width: 991px) {

  .top-header {

    padding: 0;

  }

}



.header-contact-info {

  color: #fafafa;

}

.header-contact-info ul {

  font-size: 0px;

  list-style: none;

  margin: 0;

  padding: 0;

}

.header-contact-info ul li {

  display: inline-block;

  font-size: 13px;

  padding: 0 10px;

}

.header-contact-info ul li:last-child {

  padding-right: 0;

}

.header-contact-info ul li:first-child {

  padding-left: 0;

}

.header-contact-info ul li [class*=fa-] {

  margin-right: 5px;

}

.header-contact-info ul li a {

  color: #f8f8f8;

  display: block;

  font-size: 13px;

  line-height: 1.2;

  -webkit-transition: color 0.4s linear;

  -moz-transition: color 0.4s linear;

  -ms-transition: color 0.4s linear;

  -o-transition: color 0.4s linear;

  transition: color 0.4s linear;

}

.header-contact-info ul li a:hover,
.header-contact-info ul li a:focus,
.header-contact-info ul li a:active {

  color: #961040;

}

.header-contact-info ul li i {

  color: #F24080;

  font-size: 14px;

  font-weight: 900;

}



.header-social {

  display: -webkit-inline-box;

  display: -moz-inline-box;

  display: -webkit-inline-flex;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-align-content: center;

  -moz-align-content: center;

  -ms-align-content: center;

  align-content: center;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.header-social li {

  margin: 0 9px;

}

.header-social li:first-child {

  margin-left: 0;

}

.header-social li:last-child {

  margin-right: 0;

}

@media screen and (max-width: 479px) {

  .header-social li {

    margin: 0 6px;

  }

}

.header-social a {

  color: #d9d9d9;

  font-size: 15px;

  font-weight: 400;

  line-height: 1;

}

.header-social a:hover,
.header-social a:focus {

  color: #961040;

}

@media screen and (max-width: 767px) {

  .header-social a {

    font-size: 14px;

  }

}

@media screen and (max-width: 991px) {

  .header-social {

    padding: 8px 0;

  }

}



.header-search-icon {

  display: -webkit-inline-box;

  display: -moz-inline-box;

  display: -webkit-inline-flex;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-align-content: center;

  -moz-align-content: center;

  -ms-align-content: center;

  align-content: center;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  margin-left: 16px;

}

.header-search-icon .search-icon {

  background-color: transparent;

  border: none;

  border-radius: 0;

  color: #d9d9d9;

  padding: 0;

}

.header-search-icon .search-icon:hover,
.header-search-icon .search-icon:focus {

  outline: none;

  color: #961040;

}

@media screen and (max-width: 991px) {

  .header-search-icon .search-icon {

    border-width: 0 1px;

    border-style: solid;

    border-color: rgba(255, 255, 255, 0.11);

    padding: 15px;

  }

}

@media screen and (max-width: 575px) {

  .header-search-icon {

    margin-left: 0;

  }

  .header-search-icon .search-icon {

    padding-left: 12px;

  }

  .header-search-icon .search-icon i {

    font-size: 14px;

  }

}



.header-btn {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  white-space: nowrap;

  margin-left: 30px;

}

.header-btn a {

  font-size: 15px;

  padding: 8px 20px;

  font-weight: 400;

  line-height: 1.7;

}

@media screen and (max-width: 767px) {

  .header-btn {

    margin-left: 10px;

  }

}

@media screen and (max-width: 575px) {

  .header-btn {

    -webkit-justify-content: flex-end;

    -moz-justify-content: flex-end;

    -ms-justify-content: flex-end;

    justify-content: flex-end;

    -ms-flex-pack: flex-end;

  }

  .header-btn a {

    padding: 8px 20px;

  }

}

@media screen and (max-width: 479px) {

  .header-btn {

    margin: 0;

  }

}



/*---  header search css ---*/

.header-search-form {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.header-search-form {

  background-color: rgba(17, 17, 17, 0.5);

  position: fixed;

  width: 100%;

  height: 100%;

  left: 0;

  right: 0;

  top: 0;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

  -webkit-transition: transform 0.5s, opacity 0.5s, visibility 0.5s;

  -moz-transition: transform 0.5s, opacity 0.5s, visibility 0.5s;

  -ms-transition: transform 0.5s, opacity 0.5s, visibility 0.5s;

  -o-transition: transform 0.5s, opacity 0.5s, visibility 0.5s;

  transition: transform 0.5s, opacity 0.5s, visibility 0.5s;

  z-index: 999;

}

.header-search-form .header-search {

  position: relative;

}

.header-search-form input[type=text] {

  background-color: #ffffff;

  color: #292929;

  border: none;

  width: 100%;

  height: 52px;

  padding: 0 20px;

  text-align: center;

}

.header-search-form .search-close {

  color: #F24080;

  position: absolute;

  top: 20px;

  right: 20px;

  font-size: 18px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: background-color 0.4s;

  -moz-transition: background-color 0.4s;

  -ms-transition: background-color 0.4s;

  -o-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.header-search-form .search-close:hover,
.header-search-form .search-close:focus,
.header-search-form .search-close:active {

  color: #961040;

}

.header-search-form.search-in {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}







@media screen and (min-width: 992px) {

  .fixed-header {

    background-color: #ffffff;

    -webkit-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    -ms-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    -o-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);

    position: fixed;

    top: 0;

    width: 100%;

    left: 0;

    z-index: 999;

    padding: 20px 15px;

  }

}

@media screen and (max-width: 991px) {

  .fixed-header {

    background-color: transparent;

    position: relative;

  }

}



.fixed-header .header-icon-group .header-social ul li a i {

  color: #111111;

}

.fixed-header .header-icon-group .header-social ul li a i:hover {

  color: #961040;

}

.fixed-header .search-icon i {

  color: #111111;

}

.fixed-header .search-icon i:hover {

  color: #961040;

}

.fixed-header .site-title img {

  filter: invert(100%) saturate(100%) hue-rotate(154deg) sepia(19%) contrast(200%);

}

.fixed-header .site-title img:hover {

  opacity: 1;

  filter: invert(100%) saturate(100%) hue-rotate(277deg) sepia(19%) contrast(500%);

}



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

>>> Home banner section  

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

.home-banner {

  background-color: var(--prime-color);

  min-height: 720px;

  position: relative;

  z-index: 1;

}

.home-banner .banner-content {

  margin-right: 30px;

  padding-top: 32px;

  padding-bottom: 160px;

}

@media screen and (max-width: 991px) {

  .home-banner .banner-content {

    padding-bottom: 32px;

  }

}

@media screen and (max-width: 767px) {

  .home-banner .banner-content {

    margin-right: 0;

  }

}

@media screen and (max-width: 575px) {

  .home-banner .banner-content {

    padding: 30px 0;

  }

}

.home-banner .banner-content .banner-title h1 {

  color: #ffffff;

}

.home-banner .banner-content .banner-text p {

  color: #f8f8f8;

  margin-bottom: 35px;

}

.home-banner .banner-left,

.home-banner .banner-right {

  position: relative;

  z-index: 1;

}

@media screen and (max-width: 767px) {

  .home-banner .banner-left .banner-img,

  .home-banner .banner-right .banner-img {

    text-align: center;

  }

}

.home-banner .image-overlay {

  background-image: url(../images/educator-img4.png);

  opacity: 0.1;

  background-repeat: no-repeat;

  background-position: top right;

}

.home-banner .image-overlay-oval {

  background-image: url(../images/educator-img2.png);

  opacity: 0.8;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

}

.home-banner .overlay-image {

  background-image: url(../images/educator-img5.png);

  opacity: 0.5;

  background-position: bottom center;

  background-repeat: no-repeat;

  background-size: 13% auto;

}



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

>>> Home service section  

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

.home-service {

  margin: 110px 0;

  position: relative;

  z-index: 1;

}

@media screen and (max-width: 767px) {

  .home-service {

    margin: 80px 0;

  }

}

.home-service .pattern-overlay {

  background-image: url(../images/educator-img5.png);

  background-size: 11% auto;

  background-repeat: no-repeat;

  background-position: bottom right;

  opacity: 0.5;

}

.home-service .service-wrapper {

  position: relative;

  z-index: 1;

}

.home-service .service-wrapper .pattern-circle {

  background-image: url(../images/educator-img4.png);

  background-position: center center;

  background-repeat: no-repeat;

  opacity: 0.2;

}

.home-service .service-wrapper .service-content {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  grid-column-gap: 45px;

  margin-bottom: 45px;

}

@media screen and (max-width: 1199px) {

  .home-service .service-wrapper .service-content {

    grid-column-gap: 25px;

  }

}

@media screen and (max-width: 991px) {

  .home-service .service-wrapper .service-content {

    grid-column-gap: 30px;

    grid-row-gap: 45px;

    grid-template-columns: repeat(2, 1fr);

  }

}

@media screen and (max-width: 479px) {

  .home-service .service-wrapper .service-content {

    grid-template-columns: repeat(1, 1fr);

  }

}

.home-service .service-wrapper .service-content .section-head {

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.home-service .service-wrapper .service-content .section-head h2 {

  margin-bottom: 40px;

}

.home-service .service-wrapper .service-content .course-type {

  border: 2px dashed #d9d9d9;

  border-radius: 25px;

  padding: 40px;

  text-align: center;

}

.home-service .service-wrapper .service-content .course-type .course-icon {

  margin-bottom: 25px;

}

.home-service .service-wrapper .service-content .course-type .course-icon i {

  font-size: 50px;

  padding: 45px;

  display: inline-block;

  border-radius: 100%;

  background-color: #f8f8f8;

  color: var(--prime-color);

}

.home-service .service-wrapper .service-content .course-type .course-title {

  margin-bottom: 10px;

}

.home-service .service-wrapper .service-content .course-type .course-durations {

  margin-bottom: 0;

  color: #F24080;

}

.home-service .service-wrapper .service-content .course-form {

  grid-column: 3/span 2;

  padding: 50px;

  background-color: #f8f8f8;

  border-radius: 25px;

}

@media screen and (max-width: 991px) {

  .home-service .service-wrapper .service-content .course-form {

    grid-column: 1/span 2;

  }

}

@media screen and (max-width: 479px) {

  .home-service .service-wrapper .service-content .course-form {

    grid-column: 1;

    padding: 50px 20px;

  }

}

.home-service .service-wrapper .service-content .course-form input[type=text],

.home-service .service-wrapper .service-content .course-form input[type=email] {

  background-color: #ffffff;

  color: #4D0367;

  border: 1px solid rgba(242, 64, 128, 0.13);

  -webkit-border-radius: 25px;

  -moz-border-radius: 25px;

  -ms-border-radius: 25px;

  border-radius: 25px;

  padding: 12px 20px;

  height: 50px;

  margin-bottom: 15px;

  width: 100%;

}

.home-service .service-wrapper .service-content .course-form input[type=text]:focus,

.home-service .service-wrapper .service-content .course-form input[type=email]:focus {

  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);

  outline: 0;

}

.home-service .service-wrapper .service-content .course-form .button-round-secondary {

  width: 100%;

}



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

>>> Home about section  

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

.home-about-us {

  padding-top: 110px;

  position: relative;

  z-index: 1;

}

.home-about-us .container {

  position: relative;

}

@media screen and (max-width: 767px) {

  .home-about-us {

    padding-top: 80px;

  }

}

.home-about-us .pattern-overlay {

  background-image: url(../images/educator-img3.png);

  background-position: bottom center;

  background-repeat: no-repeat;

  background-size: 17% auto;

  opacity: 0.3;

}

.home-about-us .about-left-content {

  margin-right: 35px;

}

@media screen and (max-width: 991px) {

  .home-about-us .about-left-content {

    margin-right: 0;

    margin-bottom: 40px;

  }

}

.home-about-us .about-left-content .figure-round-border {

  text-align: center;

}

.home-about-us .about-left-content .figure-round-border img {

  margin-bottom: 35px;

  border-radius: 25px;

  width: 100%;

}

.home-about-us .about-left-content .skill-container {

  margin-bottom: 40px;

}

.home-about-us .about-left-content .skill-container .skill-wrapper {

  margin-bottom: 30px;

}

.home-about-us .about-left-content .skill-container .skill-wrapper .skill-titile {

  margin-bottom: 0;

  color: var(--prime-color);

}

.home-about-us .about-left-content .skill-container .skill-wrapper .progress-wrapper {

  padding-top: 10px;

}

.home-about-us .about-left-content .skill-container .skill-wrapper .progress-wrapper .progress-bar-wrap {

  background-color: #f8f8f8;

}

.home-about-us .about-left-content .skill-container .skill-wrapper .progress-wrapper .ab-progress-bar {

  background-color: var(--prime-color);

}

.home-about-us .about-left-content .skill-container .skill-wrapper .progress-wrapper .progress-indecator-inner .percent {

  background-color: transparent;

  color: black;

  font-family: "Mulish", sans-serif;

  font-size: 15px;

  font-weight: 700;

}

.home-about-us .about-left-content .skill-container .skill-wrapper .progress-wrapper .progress-indecator-inner .percent:before {

  content: none;

}

.home-about-us .about-left-content .regarding-us {

  display: flex;

  margin-bottom: 25px;

}

@media screen and (max-width: 575px) {

  .home-about-us .about-left-content .regarding-us {

    display: block;

  }

}

.home-about-us .about-left-content .regarding-us .left-content {

  padding-right: 30px;

}

.home-about-us .about-left-content .regarding-us .right-content {

  padding-left: 30px;

}

.home-about-us .about-left-content .regarding-us .qulifaction-content {

  border-width: 0 0 0 1px;

  border-style: solid;

  border-color: rgba(217, 217, 217, 0.47);

  width: 50%;

}

.home-about-us .about-left-content .regarding-us .qulifaction-content:first-child {

  border-width: 0;

}

@media screen and (max-width: 575px) {

  .home-about-us .about-left-content .regarding-us .qulifaction-content {

    width: 100%;

    padding: 10px;

    border-width: 1px 0 0 0;

  }

}

.home-about-us .about-left-content .regarding-us .qulifaction-content .qualification-tag {

  display: flex;

  align-items: center;

  padding-bottom: 5px;

}

.home-about-us .about-left-content .regarding-us .qulifaction-content .qualification-tag .qualifaction-icon {

  margin-right: 15px;

}

.home-about-us .about-left-content .regarding-us .qulifaction-content .qualification-tag .qualifaction-icon i {

  font-size: 35px;

  font-weight: 400;

  color: #F24080;

}

.home-about-us .about-left-content .regarding-us .qulifaction-content .qualification-tag .qualifaction-title h5 {

  margin-bottom: 0;

}

.home-about-us .about-right-content {

  margin-left: 34px;

}

.home-about-us .about-right-content .about-desc {

  margin-bottom: 35px;

}

.home-about-us .about-right-content .figure-round-border {

  text-align: center;

}

.home-about-us .about-right-content .figure-round-border img {

  width: 100%;

}

@media screen and (max-width: 991px) {

  .home-about-us .about-right-content {

    margin-left: 0;

    margin-top: 40px;

  }

}



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

>>> Home progress section  

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

.home-progress-section {

  background-image: url(../images/educator-img12.jpg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 300px 15px 100px 15px;

  position: relative;

  z-index: 1;

}

.home-progress-section .overlay {

  background-color: var(--prime-color);

  opacity: 0.92;

}

.home-progress-section .counter-inner .counter-item-wrap .counter-item {

  padding: 30px 18px;

  text-align: center;

  border-right: 1px solid rgba(255, 255, 255, 0.14);

}

.home-progress-section .counter-inner .counter-item-wrap .counter-item:last-child {

  border-right: 0;

}

@media screen and (max-width: 991px) {

  .home-progress-section .counter-inner .counter-item-wrap .counter-item {

    border-right: 0;

  }

  .home-progress-section .counter-inner .counter-item-wrap .counter-item:first-child {

    border-width: 0 1px 1px 0;

    border-style: solid;

    border-color: rgba(255, 255, 255, 0.14);

  }

  .home-progress-section .counter-inner .counter-item-wrap .counter-item:last-child {

    border-width: 1px 0 0 1px;

    border-style: solid;

    border-color: rgba(255, 255, 255, 0.14);

  }

}

@media screen and (max-width: 575px) {

  .home-progress-section .counter-inner .counter-item-wrap .counter-item {

    border-width: 1px 0 0 0px;

    border-style: solid;

    border-color: rgba(255, 255, 255, 0.14);

  }

  .home-progress-section .counter-inner .counter-item-wrap .counter-item:first-child {

    border-width: 1px 0 0 0;

    border-style: solid;

    border-color: rgba(255, 255, 255, 0.14);

  }

  .home-progress-section .counter-inner .counter-item-wrap .counter-item:last-child {

    border-width: 1px 0 0 0px;

    border-style: solid;

    border-color: rgba(255, 255, 255, 0.14);

  }

}

.home-progress-section .counter-inner .counter-item-wrap .counter-item .counter-no {

  color: #ffffff;

  font-size: 60px;

  font-weight: 900;

  font-family: "Mulish", sans-serif;

  line-height: 1.1;

}

.home-progress-section .counter-inner .counter-item-wrap .counter-item .Completed {

  font-family: "Mulish", sans-serif;

  font-size: 18px;

  font-weight: 700;

  color: #F24080;

  line-height: 1.1;

}



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

>>> Home contact section  

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

.contact-section {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  padding-bottom: 100px;

  padding-top: 100px;

  position: relative;

  z-index: 1;

}

.contact-section .video-button span {

  color: #ffffff;

  font-size: 16px;

  font-weight: 600;

  margin-left: 15px;

}

.contact-section .home-contact-form {

  background-color: rgba(65, 36, 109, 0.5);

  padding: 50px;

  /* Chrome, Safari, Edge, Opera */

  /* Firefox */

}

.contact-section .home-contact-form input {

  border: none;

}

.contact-section .home-contact-form input::-webkit-outer-spin-button,

.contact-section .home-contact-form input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

.contact-section .home-contact-form input[type=number] {

  -moz-appearance: textfield;

}

@media screen and (max-width: 575px) {

  .contact-section {

    padding-bottom: 70px;

    padding-top: 70px;

  }

  .contact-section .home-contact-form {

    margin-top: 40px;

    padding: 35px 20px;

  }

}



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

>>> Home team section  

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

.home-team-section {

  padding: 110px 0;

  background-color: #f8f8f8;

}

@media screen and (max-width: 767px) {

  .home-team-section {

    padding: 80px 0;

  }

}

.home-team-section .container {

  position: relative;

  z-index: 1;

}

.home-team-section .container .overlay {

  background-image: url(../images/educator-img4.png);

  background-position: top center;

  background-repeat: no-repeat;

  background-size: 15% auto;

  opacity: 0.3;

}

@media screen and (max-width: 767px) {

  .home-team-section .title-divider:before {

    right: 0;

    margin-left: auto;

    margin-right: auto;

  }

}

.home-team-section .team-section-title {

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .home-team-section .team-section-title {

    margin-bottom: 15px;

  }

}

.home-team-section .group-member {

  margin-top: 29px;

}

.home-team-section .group-member .team-img {

  border: 10px solid #fff;

  border-radius: 100%;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15) inset, 0px 0px 1px 1px rgba(0, 0, 0, 0.1);

  width: 100%;

  height: auto;

  overflow: hidden;

  text-align: center;

}

.home-team-section .group-member .team-content {

  margin-top: 20px;

}

.home-team-section .group-member .team-content h4 {

  margin-bottom: 5px;

}

.home-team-section .group-member .team-content p {

  color: #F24080;

}

.home-team-section .group-member .team-social-link ul li {

  margin-left: 6px;

  margin-right: 0;

}

.home-team-section .group-member .team-social-link ul li:first-child {

  margin-left: 0;

}

.home-team-section .group-member .team-social-link ul li a {

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  font-size: 13px;

}

.home-team-section .group-member .team-social-link ul li a i {

  color: #fff;

  display: block;

  width: 34px;

  height: 34px;

  line-height: 34px;

  position: relative;

  background-color: var(--prime-color);

  border-radius: 100%;

  text-align: center;

  vertical-align: middle;

}

.home-team-section .group-member .team-social-link ul li a:hover i {

  background-color: #961040;

}



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

>>> Home fact section  

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

.home-fact-section {

  margin-bottom: 130px;

  background-image: url(../images/educator-img12.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  position: relative;

  z-index: 1;

  padding: 30px 0;

}

@media screen and (max-width: 1199px) {

  .home-fact-section {

    padding: 0;

  }

}

@media screen and (max-width: 767px) {

  .home-fact-section {

    margin-bottom: 80px;

  }

}

@media screen and (max-width: 991px) {

  .home-fact-section {

    padding: 50px 0;

  }

}

.home-fact-section .overlay {

  background-color: var(--prime-color);

  opacity: 0.94;

  z-index: -1;

}

.home-fact-section .fact-section-head {

  padding-right: 40px;

}

@media screen and (max-width: 991px) {

  .home-fact-section .fact-section-head {

    padding-right: 0;

  }

}

.home-fact-section .fact-section-head .fact-section-title {

  color: #ffffff;

}

.home-fact-section .fact-section-head .fact-section-info {

  color: #d9d9d9;

}

.home-fact-section .fact-section-head .fact-list {

  margin-bottom: 35px;

}

.home-fact-section .fact-section-head .fact-list ul {

  margin: 0;

  padding: 0;

}

.home-fact-section .fact-section-head .fact-list ul li {

  list-style: none;

  color: #ffffff;

  margin-bottom: 12px;

  display: flex;

  font-weight: 700;

  font-family: "Mulish", sans-serif;

  line-height: 1.2;

}

.home-fact-section .fact-section-head .fact-list ul li:before {

  color: #F24080;

  content: "\eab0";

  font-family: "elementskit";

  font-weight: 400;

  font-size: 14px;

  margin-right: 5px;

}

.home-fact-section .fact-section-head .fact-list ul li:last-child {

  margin-bottom: 0;

}

.home-fact-section .fact-right-inner-wrap {

  margin: -50px -30px -50px -30px;

  background-color: transparent;

  position: relative;

}

@media screen and (max-width: 1199px) {

  .home-fact-section .fact-right-inner-wrap {

    margin: -20px 0 -20px 0;

  }

}

@media screen and (max-width: 991px) {

  .home-fact-section .fact-right-inner-wrap {

    margin-top: 20px;

  }

}

.home-fact-section .fact-right-inner-wrap .fact-inner-box {

  width: 100%;

  border-radius: 100%;

  overflow: hidden;

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-gap: 10px;

  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);

  align-items: center;

  align-content: center;

  aspect-ratio: 1/1;

}

@media screen and (max-width: 991px) {

  .home-fact-section .fact-right-inner-wrap .fact-inner-box {

    max-width: 600px;

    margin-left: auto;

    margin-right: auto;

  }

}

@media screen and (max-width: 575px) {

  .home-fact-section .fact-right-inner-wrap .fact-inner-box {

    aspect-ratio: auto;

    grid-template-columns: repeat(1, 1fr);

    border-radius: 0;

    grid-gap: 5px;

    margin-top: 40px;

  }

}

.home-fact-section .fact-right-inner-wrap .fact-inner-box .fact-content {

  position: relative;

  z-index: 1;

  background-color: #ffffff;

  display: flex;

  min-height: 300px;

  max-width: 100%;

}

@media screen and (max-width: 575px) {

  .home-fact-section .fact-right-inner-wrap .fact-inner-box .fact-content {

    min-height: auto;

  }

}

.home-fact-section .fact-right-inner-wrap .fact-inner-box .fact-content .circle-patten {

  background-image: url(../images/educator-img4.png);

  background-position: top center;

  background-repeat: no-repeat;

  opacity: 0.3;

}

.home-fact-section .fact-right-inner-wrap .fact-inner-box .fact-content .circle-c-patten {

  background-image: url(../images/educator-img3.png);

  background-position: top right;

  background-repeat: no-repeat;

  opacity: 0.3;

}

.home-fact-section .fact-right-inner-wrap .fact-inner-box .fact-content h4 {

  margin-bottom: 0;

  text-align: center;

  vertical-align: middle;

}

.home-fact-section .fact-right-inner-wrap .fact-inner-box .fact-image {

  background-repeat: no-repeat;

  background-size: cover;

  min-height: 300px;

  max-width: 100%;

}

.home-fact-section .fact-right-inner-wrap .fact-inner-box .top-left-content {

  padding: 30px 40px 0px 75px;

  align-items: center;

}

@media screen and (max-width: 1199px) {

  .home-fact-section .fact-right-inner-wrap .fact-inner-box .top-left-content {

    padding: 90px 15px 0px 60px;

  }

}

@media screen and (max-width: 575px) {

  .home-fact-section .fact-right-inner-wrap .fact-inner-box .top-left-content {

    padding: 15px 10px;

    border-radius: 100% 100% 0% 0%;

    justify-content: center;

  }

}

.home-fact-section .fact-right-inner-wrap .fact-inner-box .top-right-image {

  background-image: url(../images/educator-img27.jpg);

  background-position: center right;

}

.home-fact-section .fact-right-inner-wrap .fact-inner-box .bottom-left-image {

  background-image: url(../images/educator-img28.jpg);

  background-position: center left;

}

.home-fact-section .fact-right-inner-wrap .fact-inner-box .bottom-right-content {

  align-items: center;

  padding: 0px 70px 50px 20px;

}

@media screen and (max-width: 1199px) {

  .home-fact-section .fact-right-inner-wrap .fact-inner-box .bottom-right-content {

    padding: 0px 65px 85px 20px;

  }

}

@media screen and (max-width: 575px) {

  .home-fact-section .fact-right-inner-wrap .fact-inner-box .bottom-right-content {

    padding: 15px 10px;

    border-radius: 0% 0% 100% 100%;

    justify-content: center;

  }

}



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

>>> Home testimonial section  

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

.home-testimonial-section {

  margin: 110px 0;

}

@media screen and (max-width: 767px) {

  .home-testimonial-section {

    margin: 80px 0;

  }

}

.home-testimonial-section .testimonial-section-info {

  margin-bottom: 55px;

}

.home-testimonial-section .right-content {

  margin-left: 28px;

}

@media screen and (max-width: 991px) {

  .home-testimonial-section .right-content {

    margin-left: 0;

  }

}

.home-testimonial-section .left-content {

  margin-right: 28px;

}

@media screen and (max-width: 991px) {

  .home-testimonial-section .left-content {

    margin-right: 0;

  }

}

.home-testimonial-section .client-content {

  padding: 50px;

  border-radius: 25px;

  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);

  background-image: url(../images/educator-img1.png);

  background-position: 32% 70%;

  background-repeat: no-repeat;

  position: relative;

  z-index: 1;

}

@media screen and (max-width: 1199px) {

  .home-testimonial-section .client-content {

    background-position: 20% 70%;

  }

}

@media screen and (max-width: 991px) {

  .home-testimonial-section .client-content {

    margin-top: 30px;

    padding: 50px 20px;

    background-position: 49% 77%;

    background-size: auto;

  }

}

@media screen and (max-width: 767px) {

  .home-testimonial-section .client-content {

    background-position: 20% 70%;

  }

}

@media screen and (max-width: 479px) {

  .home-testimonial-section .client-content {

    background-position: 49% 77%;

    background-size: 27%;

  }

}

.home-testimonial-section .client-content .circle-patten {

  background-image: url(../images/educator-img4.png);

  background-position: bottom left;

  background-repeat: no-repeat;

  opacity: 0.15;

}

.home-testimonial-section .client-content .client-review {

  margin-bottom: 20px;

}

.home-testimonial-section .client-content .author-content {

  display: flex;

  justify-content: right;

  align-items: flex-end;

}

.home-testimonial-section .client-content .author-content .author-img {

  margin-left: 15px;

  height: 77px;

  width: 77px;

  border-radius: 50%;

  overflow: hidden;

}

.home-testimonial-section .client-content .author-content .author-img img {

  width: 100%;

  object-position: center;

  object-fit: cover;

}

@media screen and (max-width: 991px) {

  .home-testimonial-section .client-content .author-content {

    justify-content: space-between;

  }

}

@media screen and (max-width: 767px) {

  .home-testimonial-section .client-content .author-content {

    justify-content: right;

  }

}

@media screen and (max-width: 479px) {

  .home-testimonial-section .client-content .author-content {

    justify-content: space-between;

  }

}

.home-testimonial-section .client-content .author-info {

  text-align: right;

}

.home-testimonial-section .client-content .author-info .author-name {

  margin-bottom: 7px;

  line-height: 1;

}

.home-testimonial-section .client-content .author-info .author-title {

  font-size: 13px;

  color: #F24080;

  font-weight: 400;

  line-height: 1;

  display: inline-block;

}

.home-testimonial-section .testimonial-btn {

  margin-top: 70px;

}



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

>>> Home blog section  

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

.home-blog-section {

  margin-bottom: 110px;

}

@media screen and (max-width: 767px) {

  .home-blog-section {

    margin-bottom: 80px;

  }

}

.home-blog-section .overlay-wrapper {

  position: relative;

  z-index: 1;

}

.home-blog-section .overlay-wrapper .c-patten {

  background-image: url(../images/educator-img3.png);

  background-position: 100% 15%;

  background-repeat: no-repeat;

  opacity: 0.3;

}

.home-blog-section .blog-section-info {

  margin-bottom: 55px;

}

.home-blog-section .inner-blog-wrap {

  display: grid;

  grid-row-gap: 35px;

  grid-column-gap: 40px;

  grid-template-columns: repeat(3, 1fr);

}

@media screen and (max-width: 991px) {

  .home-blog-section .inner-blog-wrap {

    grid-template-columns: repeat(2, 1fr);

  }

  .home-blog-section .inner-blog-wrap .item-3 {

    grid-column: 1/span 2;

  }

}

@media screen and (max-width: 575px) {

  .home-blog-section .inner-blog-wrap {

    grid-template-columns: repeat(1, 1fr);

  }

  .home-blog-section .inner-blog-wrap .item-3 {

    grid-column: 1/span 1;

  }

}

.home-blog-section .inner-blog-wrap .post {

  border-radius: 25px;

  overflow: hidden;

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);

}

.home-blog-section .inner-blog-wrap .post:hover {

  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);

}

.home-blog-section .inner-blog-wrap .post:hover .feature-image:before {

  content: none;

}

.home-blog-section .inner-blog-wrap .post .feature-image {

  position: relative;

  z-index: 1;

  cursor: pointer;

}

.home-blog-section .inner-blog-wrap .post .feature-image:before {

  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), color-stop(75%, transparent));

  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent 75%);

  background-repeat: no-repeat;

  content: "";

  height: 100%;

  width: 100%;

  position: absolute;

  bottom: 0;

  opacity: 1;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.home-blog-section .inner-blog-wrap .post .feature-image .cat-meta {

  position: absolute;

  top: 20px;

  right: 20px;

}

.home-blog-section .inner-blog-wrap .post .feature-image .cat-meta a {

  padding: 7px 14px;

  background-color: #F24080;

  color: #ffffff;

  font-size: 12px;

  font-weight: 400;

  line-height: 1;

  border-radius: 20px;

  display: inline-block;

  text-transform: uppercase;

}

.home-blog-section .inner-blog-wrap .post .entry-content {

  padding: 35px 40px 35px 40px;

}

.home-blog-section .inner-blog-wrap .post .entry-content h4 {

  margin-bottom: 15px;

}

.home-blog-section .inner-blog-wrap .post .entry-content .blog-info {

  margin-bottom: 0;

  color: #777;

}



.slider-section {

  padding: 50px 0;

  background-color: #f8f8f8;

}

.slider-section .client-item figure {

  width: 124px;

}



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

>>> Home feature section  

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

.home-feature-section {

  margin-bottom: 135px;

}

@media screen and (max-width: 767px) {

  .home-feature-section {

    margin-bottom: 80px;

  }

}

.home-feature-section .title-divider:before {

  margin-left: auto;

  margin-right: auto;

  right: 0;

}

.home-feature-section .feature-section-info {

  margin-bottom: 55px;

}

.home-feature-section .feature-wrapper {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-column-gap: 60px;

  grid-row-gap: 80px;

}

@media screen and (max-width: 991px) {

  .home-feature-section .feature-wrapper {

    grid-template-columns: repeat(2, 1fr);

    grid-row-gap: 60px;

    grid-column-gap: 60px;

  }

}

@media screen and (max-width: 767px) {

  .home-feature-section .feature-wrapper {

    grid-template-columns: repeat(1, 1fr);

  }

}

.home-feature-section .feature-wrapper .feature-type {

  padding: 80px 40px 75px;

  border: 2px dashed #d9d9d9;

  border-radius: 25px;

  text-align: center;

  position: relative;

  z-index: 1;

}

.home-feature-section .feature-wrapper .feature-type .feature-icon {

  position: relative;

  z-index: 1;

  display: inline-block;

}

.home-feature-section .feature-wrapper .feature-type .feature-icon i {

  font-size: 100px;

  color: #F24080;

  font-weight: 400;

}

.home-feature-section .feature-wrapper .feature-type .feature-icon .meta-no {

  padding: 15px 20px 15px 20px;

  border: 5px solid #fff;

  border-radius: 100%;

  position: absolute;

  top: -20px;

  right: -35px;

  background-color: #F24080;

  color: #fff;

  margin-bottom: 0;

}

.home-feature-section .feature-wrapper .feature-type .feature-heading {

  margin-bottom: 15px;

  margin-top: 25px;

}

.home-feature-section .feature-wrapper .feature-type .feature-info {

  margin-bottom: 0px;

}

.home-feature-section .feature-wrapper .feature-type .right-arrow-link {

  display: inline-block;

  position: absolute;

  z-index: -1;

  bottom: 0;

  left: 50%;

  transform: translate(-50%, 50%);

}

.home-feature-section .feature-wrapper .feature-type .right-arrow-link i {

  padding: 20px;

  border-radius: 100%;

  background-color: #ffffff;

  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);

  color: #F24080;

}

.home-feature-section .feature-wrapper .feature-type .right-arrow-link:hover {

  animation-name: bounce;

  animation-duration: 1s;

  animation-iteration-count: infinite;

  animation-direction: alternate;

  animation-timing-function: ease-in-out;

}

.home-feature-section .feature-wrapper .feature-type .right-arrow-link:hover i {

  background-color: #961040;

  color: #ffffff;

}

.home-feature-section .feature-wrapper .feature-type:nth-child(even) .feature-icon i {

  color: var(--prime-color);

}

.home-feature-section .feature-wrapper .feature-type:nth-child(even) .feature-icon .meta-no {

  background-color: var(--prime-color);

}



@keyframes bounce {

  0% {

    transform: translate(-50%, 50%);

  }

  100% {

    transform: translate(-50%, 0%);

  }

}

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

>>> Home goal section  

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

.home-goal-section {

  background-color: #f8f8f8;

  margin-bottom: -200px;

}

.home-goal-section .inner-goal-image {

  margin-right: 10px;

  position: relative;

  z-index: 2;

}

.home-goal-section .inner-goal-image .video-play-image {

  position: relative;

  z-index: 1;

  border-radius: 25px;

  overflow: hidden;

}

.home-goal-section .inner-goal-image .video-play-image .overlay02 {

  opacity: 0.2;

  background-color: #111111;

  z-index: 2;

}

.home-goal-section .inner-goal-image .video-play-image .video-button {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 3;

}

.home-goal-section .inner-goal-image .video-play-image .video-button a {

  font-size: 30px;

  width: 100px;

  height: 100px;

  line-height: 100px;

  background-color: #F24080;

}

.home-goal-section .inner-goal-image .video-play-image .video-button a:before,
.home-goal-section .inner-goal-image .video-play-image .video-button a:after {

  box-shadow: 0 0 0 0 rgba(242, 64, 128, 0.6);

}

.home-goal-section .goal-content {

  padding: 45px;

  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);

  background-color: #FFF;

  border-radius: 25px;

  position: relative;

  z-index: 2;

}

@media screen and (max-width: 991px) {

  .home-goal-section .goal-content {

    margin-top: 30px;

  }

}

.home-goal-section .goal-content .pattern-overlay {

  background-image: url(../images/educator-img7.png);

  background-position: bottom right;

  background-repeat: no-repeat;

  opacity: 0.3;

}

.home-goal-section .goal-content .goal-info {

  margin-bottom: 35px;

}



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

>>> Home course section  

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

.home-course-section {

  padding: 110px 0 130px;

  background-color: #f8f8f8;

}

@media screen and (max-width: 767px) {

  .home-course-section {

    padding: 80px 0;

  }

}

.home-course-section .overlay-wrapper {

  position: relative;

  z-index: 1;

}

.home-course-section .overlay-wrapper .pattern-overlay {

  background-image: url(../images/educator-img6.png);

  background-position: bottom left;

  background-repeat: no-repeat;

  background-size: 12% auto;

}

.home-course-section .overlay-wrapper .overlay-circle {

  background-image: url(../images/educator-img3.png);

  background-repeat: no-repeat;

  background-position: 100% 10%;

  opacity: 0.4;

}

.home-course-section .title-divider:before {

  margin-left: auto;

  margin-right: auto;

  right: 0;

}

.home-course-section .course-section-info,

.home-course-section .section-title {

  text-align: center;

}

.home-course-section .course-section-info {

  margin-bottom: 55px;

}

.home-course-section .inner-course-wrap .row {

  row-gap: 20px;

}

.home-course-section .inner-course-wrap .post {

  border-radius: 25px;

  overflow: hidden;

}

.home-course-section .inner-course-wrap .post .feature-image {

  position: relative;

  z-index: 1;

}

.home-course-section .inner-course-wrap .post .feature-image img {

  width: 100%;

}

.home-course-section .inner-course-wrap .post .feature-image .bookmark-icon {

  position: absolute;

  top: 20px;

  right: 17px;

  text-align: center;

  padding: 10px;

  background-color: rgba(17, 17, 17, 0.47);

  border-radius: 100%;

}

.home-course-section .inner-course-wrap .post .feature-image .bookmark-icon:hover {

  background-color: #961040;

}

.home-course-section .inner-course-wrap .post .feature-image .bookmark-icon i {

  font-size: 16px;

  color: #ffffff;

  width: 1em;

  display: block;

}

.home-course-section .inner-course-wrap .post .feature-image .cat-meta {

  position: absolute;

  bottom: -15px;

  left: 30px;

  padding: 3px 15px;

  border-radius: 25px;

  background-color: #F24080;

}

.home-course-section .inner-course-wrap .post .feature-image .cat-meta a {

  color: #ffffff;

  line-height: 1.7;

}

.home-course-section .inner-course-wrap .post .entry-content {

  background-color: #fff;

  padding: 40px 30px 15px;

}

.home-course-section .inner-course-wrap .post .entry-content h4 {

  margin-bottom: 20px;

}

.home-course-section .inner-course-wrap .post .entry-content .rating-content {

  display: flex;

  align-items: center;

}

.home-course-section .inner-course-wrap .post .entry-content .rating-content .rating-info {

  margin-right: 10px;

  color: #787878;

  font-size: 13px;

  line-height: 1.2;

  display: inline-block;

}

.home-course-section .inner-course-wrap .post .entry-content .rating-content .rating-start-wrap {

  display: table;

  text-align: right;

}

.home-course-section .inner-course-wrap .post .entry-content .rating-content .rating-start-wrap .rating-start {

  display: table;

  position: relative;

  font-size: 14px;

  letter-spacing: 2px;

  line-height: 1;

}

.home-course-section .inner-course-wrap .post .entry-content .rating-content .rating-start-wrap .rating-start:before {

  color: #ccd6df;

  content: "\f005\f005\f005\f005\f005";

  display: block;

  font-family: "Font Awesome 5 free";

  font-weight: 600;

}

.home-course-section .inner-course-wrap .post .entry-content .rating-content .rating-start-wrap .rating-start span {

  display: block;

  left: 0;

  overflow: hidden;

  position: absolute;

  top: 0;

}

.home-course-section .inner-course-wrap .post .entry-content .rating-content .rating-start-wrap .rating-start span:before {

  color: #F24080;

  content: "\f005\f005\f005\f005\f005";

  display: inline-block;

  font-family: "Font Awesome 5 free";

  font-weight: 600;

}

.home-course-section .inner-course-wrap .post .entry-content .author-content {

  margin: 20px 0 15px;

  padding-bottom: 30px;

  border-bottom: 1px solid rgba(217, 217, 217, 0.47);

  display: flex;

  align-items: center;

}

.home-course-section .inner-course-wrap .post .entry-content .author-content .author-img {

  width: 41px;

  height: 41px;

  margin-right: 15px;

}

.home-course-section .inner-course-wrap .post .entry-content .author-content .author-img img {

  border-radius: 100%;

}

.home-course-section .inner-course-wrap .post .entry-content .author-content .author-name {

  margin-bottom: 0;

}

.home-course-section .inner-course-wrap .post .entry-content .entry-meta {

  display: flex;

  justify-content: space-between;

}

.home-course-section .inner-course-wrap .post .entry-content .entry-meta .student-number {

  font-size: 13px;

  line-height: 1;

}

.home-course-section .inner-course-wrap .post .entry-content .entry-meta .student-number i {

  margin-right: 11px;

  color: #F24080;

}

.home-course-section .inner-course-wrap .post .entry-content .entry-meta a {

  color: #111111;

  line-height: 1;

}

.home-course-section .inner-course-wrap .post .entry-content .entry-meta a:hover {

  color: #961040;

}

.home-course-section .inner-course-wrap .post .entry-content .entry-meta a i {

  margin-left: 10px;

}

.home-course-section .inner-course-wrap .inner-course:nth-child(even) .cat-meta {

  background-color: var(--prime-color);

}

.home-course-section .inner-course-wrap .inner-course:nth-child(even) .entry-content .rating-content .rating-start-wrap .rating-start span:before {

  color: var(--prime-color);

}

.home-course-section .inner-course-wrap .inner-course:nth-child(even) .entry-content .student-number i {

  color: var(--prime-color);

}

.home-course-section .course-bhn {

  margin-top: 70px;

  text-align: center;

}



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

>>> Main Footer  

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

.site-footer {

  background-image: url(../images/educator-img12.jpg);

  background-repeat: no-repeat;

  background-position: center center;

  position: relative;

  z-index: 1;

  padding-top: 100px;

  background-size: cover;

}

.site-footer .footer-overlay {

  background-color: var(--prime-color);

  opacity: 0.98;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: -1;

}

.site-footer .subscribe-section .subscribe-content {

  position: relative;

  z-index: 1;

  border-radius: 25px;

  padding: 40px;

  overflow: hidden;

}

@media screen and (max-width: 575px) {

  .site-footer .subscribe-section .subscribe-content {

    padding: 40px 20px;

  }

}

.site-footer .subscribe-section .subscribe-content .overlay {

  background-color: #F24080;

  opacity: 0.3;

}

.site-footer .subscribe-section .subscribe-content .subscribe-title {

  color: #ffffff;

  line-height: 1;

  margin-bottom: 12px;

}

.site-footer .subscribe-section .subscribe-content .subscribe-info {

  margin-bottom: 0;

  color: #d9d9d9;

}

.site-footer .subscribe-section .subscribe-content .form-content {

  margin-left: 100px;

  text-align: right;

}

@media screen and (max-width: 991px) {

  .site-footer .subscribe-section .subscribe-content .form-content {

    text-align: center;

    margin-left: auto;

    margin-right: auto;

    margin-top: 20px;

  }

  .site-footer .subscribe-section .subscribe-content .form-content input {

    margin-bottom: 10px;

  }

}

.site-footer .subscribe-section .subscribe-content .form-content input {

  padding: 12px 20px;

  max-width: 350px;

  height: 50px;

  margin-right: 12px;

  width: 100%;

}

@media screen and (max-width: 767px) {

  .site-footer .subscribe-section .subscribe-content .form-content input {

    min-width: 300px;

  }

}

@media screen and (max-width: 479px) {

  .site-footer .subscribe-section .subscribe-content .form-content input {

    min-width: 200px;

  }

}

.site-footer .subscribe-section .subscribe-content .form-content button {

  padding: 16px 28px;

  background-color: var(--prime-color);

  color: white;

  font-size: 15px;

  font-family: "Mulish", sans-serif;

  font-weight: 700;

  line-height: 1.2;

  border-radius: 25px;

  border: none;

}

.site-footer .top-footer {

  padding-top: 60px;

  padding-bottom: 60px;

}

.site-footer .top-footer .textwidget {

  font-size: 15px;

  color: #d9d9d9;

}

.site-footer .top-footer .img-textwidget {

  margin-bottom: 10px;

}

.site-footer .footer-logo {

  margin-bottom: 20px;

}

.site-footer .footer-social-links {

  margin-top: 25px;

}

.site-footer .footer-social-links ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

.site-footer .footer-social-links ul li {

  margin: 0 3px;

  display: inline-block;

}

.site-footer .footer-social-links ul li:first-child {

  margin-left: 0;

}

.site-footer .footer-social-links ul li:last-child {

  margin-right: 0;

}

.site-footer .footer-social-links ul li a {

  background-color: transparent;

  color: #d9d9d9;

  border-radius: 100%;

  border: 1px solid #a7a7a7;

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  display: block;

  font-size: 15px;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  font-size: 13px;

}

.site-footer .footer-social-links ul li a:hover {

  background-color: #961040;

  color: #ffffff;

  border-color: #961040;

}

@media screen and (max-width: 767px) {

  .site-footer .footer-social-links {

    margin-bottom: 30px;

  }

}

@media screen and (max-width: 575px) {

  .site-footer {

    padding-top: 50px;

  }

  .site-footer .top-footer {

    padding-top: 25px;

    padding-bottom: 25px;

  }

  .site-footer .bottom-footer {

    margin-top: 0;

  }

}

.site-footer .bottom-footer {

  padding: 20px 0;

  border-top: 1px solid rgba(167, 167, 167, 0.23);

}

.site-footer .bottom-footer .copy-right {

  color: #d9d9d9;

  font-size: 13px;

  font-weight: 1.2;

  font-weight: 400;

}

.site-footer .bottom-footer .legal-list {

  text-align: right;

}

.site-footer .bottom-footer .legal-list ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

.site-footer .bottom-footer .legal-list ul li {

  padding: 0 12px;

  display: inline-block;

  border-right: 1px solid rgba(167, 167, 167, 0.23);

}

.site-footer .bottom-footer .legal-list ul li:last-child {

  border-right: none;

  padding-right: 0;

}

.site-footer .bottom-footer .legal-list ul li:first-child {

  padding-left: 0;

}

.site-footer .bottom-footer .legal-list ul li a {

  color: #d9d9d9;

  font-size: 13px;

  font-weight: 1.2;

  font-weight: 400;

}

.site-footer .bottom-footer .legal-list ul li a:hover {

  color: #F24080;

}

@media screen and (max-width: 767px) {

  .site-footer .bottom-footer .copy-right {

    margin-bottom: 20px;

    text-align: center;

  }

  .site-footer .bottom-footer .legal-lsit {

    text-align: center;

  }

}



.top-footer .widget {

  margin-bottom: 0;

  color: #D9D9D9;

}

.top-footer .widget .widget-title {

  color: #ffffff;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.2;

  margin-bottom: 30px;

}

.top-footer .widget p {

  font-size: 15px;

}

.top-footer .widget ul li {

  margin-bottom: 20px;

}

.top-footer .widget ul li a {

  color: #D9D9D9;

  font-size: 15px;

}

.top-footer .widget ul li a:hover,
.top-footer .widget ul li a:focus,
.top-footer .widget ul li a:active {

  color: #F24080;

}

@media screen and (max-width: 991px) {

  .top-footer .widget {

    margin-bottom: 30px;

  }

}

.top-footer .school-time span {

  display: inline-block;

  margin-bottom: 10px;

  font-size: 14px;

}

.top-footer .school-time span i {

  font-size: 15px;

  color: #F24080;

  padding-right: 5px;

}

.top-footer .school-time a {

  padding: 14px 22px;

  display: inline-block;

  font-family: "Poppins", sans-serif;

  font-size: 15px;

  font-weight: 400;

  line-height: 1;

}



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

>>> Inner Banner  

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

.inner-banner-wrap {

  margin-bottom: 110px;

}

@media screen and (max-width: 767px) {

  .inner-banner-wrap {

    margin-bottom: 80px;

  }

}



.inner-baner-container {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  text-align: center;

  position: relative;

  padding: 150px 0;

}

.inner-baner-container:before {

  background-image: linear-gradient(180deg, var(--prime-color) 0%, var(--prime-color)E0 15%);

  content: "";

  display: block;

  opacity: 1;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  position: absolute;

}

.inner-baner-container .inner-banner-content {

  position: relative;

  color: #ffffff;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

.inner-baner-container .inner-title {

  color: #ffffff;

  line-height: 1.1;

  margin-bottom: 0;

}

.inner-baner-container .breadcrumb {

  background-color: transparent;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  margin: 0;

  padding: 0;

}

.inner-baner-container .breadcrumb li {

  color: #ffffff;

  font-size: 14px;

}

.inner-baner-container .breadcrumb li:before {

  color: inherit;

}

.inner-baner-container .breadcrumb li a {

  color: #ffffff;

}

.inner-baner-container .breadcrumb li a:hover {

  color: #961040;

}

.inner-baner-container .breadcrumb li.active {

  color: #b3b3b3;

}

.inner-baner-container .breadcrumb-content {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 20px;

}

@media screen and (max-width: 575px) {

  .inner-baner-container {

    padding: 80px 0;

  }

  .inner-baner-container .inner-title {

    font-size: 30px;

  }

  .inner-baner-container .inner-banner-content p {

    font-size: 15px;

  }

}



.policy-page-section {

  padding-bottom: 100px;

}



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

>>> feature-course-page Page  

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

.feature-page-section {

  padding: 110px 0;

}

@media screen and (max-width: 767px) {

  .feature-page-section {

    padding: 80px 0;

  }

}

.feature-page-section .inner-course-wrap .row {

  row-gap: 50px;

}



.course-result-section {

  padding-top: 110px;

  background-color: #ffffff;

}

@media screen and (max-width: 767px) {

  .course-result-section {

    padding-top: 80px;

  }

}

.course-result-section .left-content {

  position: relative;

  z-index: 1;

}

.course-result-section .left-content .zigzag-patten {

  background-image: url(../images/educator-img5.png);

  background-position: calc(100% - 50px) 100%;

  background-repeat: no-repeat;

  background-size: 22% auto;

  opacity: 0.3;

}

@media screen and (max-width: 991px) {

  .course-result-section .left-content .zigzag-patten {

    background-position: calc(100% - 50px) 100%;

  }

}

.course-result-section .feature-left-content {

  margin-right: 50px;

}

@media screen and (max-width: 991px) {

  .course-result-section .feature-left-content {

    margin-right: 0;

    margin-bottom: 40px;

  }

}

.course-result-section .feature-left-content .feature-course-desc {

  margin-bottom: 20px;

}

.course-result-section .feature-left-content .skill-container {

  margin-bottom: 40px;

}

.course-result-section .feature-left-content .skill-container .skill-wrapper {

  margin-bottom: 20px;

}

.course-result-section .feature-left-content .skill-container .skill-wrapper .skill-titile {

  margin-bottom: 0;

  color: var(--prime-color);

  line-height: 1;

}

.course-result-section .feature-left-content .skill-container .skill-wrapper .progress-wrapper {

  padding-top: 15px;

}

.course-result-section .feature-left-content .skill-container .skill-wrapper .progress-wrapper .ab-progress-bar {

  background-color: var(--prime-color);

}

.course-result-section .feature-left-content .skill-container .skill-wrapper .progress-wrapper .progress-indecator-inner .percent {

  background-color: transparent;

  color: black;

  font-family: "Mulish", sans-serif;

  font-size: 15px;

  font-weight: 700;

}

.course-result-section .feature-left-content .skill-container .skill-wrapper .progress-wrapper .progress-indecator-inner .percent:before {

  content: none;

}

.course-result-section .feature-right-content {

  position: relative;

  z-index: 1;

}

.course-result-section .feature-right-content .c-patten {

  background-image: url(../images/educator-img3.png);

  background-position: top left;

  background-repeat: no-repeat;

  opacity: 0.5;

}

.course-result-section .feature-right-content .circle-patten {

  background-image: url(../images/educator-img4.png);

  background-position: 100% 98%;

  background-repeat: no-repeat;

  background-size: auto;

  opacity: 1;

}

.course-result-section .feature-right-content .feature-image {

  margin-right: auto;

  margin-left: auto;

  text-align: center;

}



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

>>> portfolio-detail  

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

.portfolio-detail-section {

  padding-bottom: 110px;

  padding-top: 110px;

}

.portfolio-detail-section p {

  color: #4D0367;

  font-size: 15px;

  font-weight: 400;

}

.portfolio-detail-section h4 {

  color: #111111;

  font-weight: 700;

}

.portfolio-detail-section .portfolio-inner-detail h2 {

  margin-bottom: 20px;

}

.portfolio-detail-section .portfolio-inner-detail .project-summary ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0;

  padding: 0;

}

.portfolio-detail-section .portfolio-inner-detail .project-summary ul li {

  list-style: none;

  width: 50%;

  margin-bottom: 6px;

  color: #4D0367;

}

.portfolio-detail-section .portfolio-inner-detail .project-summary ul li i {

  color: var(--prime-color);

  margin-right: 5px;

}

.portfolio-detail-section .portfolio-inner-detail .project-summary ul li i:before {

  color: #F94C30;

  content: "\e9f2";

  font-family: "elementskit";

  font-weight: 400;

  font-size: 18px;

  margin-right: 10px;

}

@media screen and (max-width: 575px) {

  .portfolio-detail-section .portfolio-inner-detail .project-summary ul li {

    width: 100%;

  }

}

.portfolio-detail-section .portfolio-inner-detail .quote-wrapper {

  background-color: #f8f8f8;

  border-radius: 30px;

  margin-bottom: 30px;

  margin-top: 30px;

  padding: 18px 32px 35px 32px;

}

.portfolio-detail-section .portfolio-inner-detail .quote-wrapper blockquote:before {

  content: "“";

  font-size: 140px;

  color: #e6e9ec;

  font-weight: 900;

  line-height: 1;

  display: block;

  height: 0.6em;

  background-color: transparent;

  top: -50%;

}

.portfolio-detail-section .portfolio-inner-detail .quote-wrapper blockquote:after {

  display: none;

}

.portfolio-detail-section .gallery-slider {

  margin-top: 0px;

}

.portfolio-detail-section .portfolio-img {

  margin-bottom: 30px;

}

.portfolio-detail-section .portfolio-img img {

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

}

@media screen and (max-width: 575px) {

  .portfolio-detail-section {

    padding-bottom: 70px;

  }

}

.portfolio-detail-section .sidebar .video-widget {

  border-radius: 30px;

  overflow: hidden;

}

.portfolio-detail-section .sidebar .video-widget iframe {

  width: 100%;

  height: 150px;

  display: block;

}

.portfolio-detail-section .sidebar .widget-service {

  padding: 80px 30px 25px 30px;

  margin-top: -40px;

  margin-bottom: 50px;

  border-radius: 30px;

  box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25);

  background-color: white;

}

.portfolio-detail-section .sidebar .widget-service ul {

  margin: 0;

  padding: 0;

}

.portfolio-detail-section .sidebar .widget-service ul li {

  display: flex;

  align-items: center;

  margin-bottom: 20px;

  border-bottom: 1px solid #DDDDDD5C;

}

.portfolio-detail-section .sidebar .widget-service ul li:last-child {

  margin-bottom: 0;

  border-bottom: none;

}

.portfolio-detail-section .sidebar .widget-service ul li:nth-child(even) .service-icon i {

  background-color: var(--prime-color);

}

.portfolio-detail-section .sidebar .widget-service ul li .service-icon {

  margin-right: 15px;

}

.portfolio-detail-section .sidebar .widget-service ul li .service-icon i {

  font-size: 32px;

  color: #ffffff;

  background-color: #111111;

  padding: 22px;

  border-radius: 100%;

  text-align: center;

}

.portfolio-detail-section .sidebar .widget-service ul li .service-content h5 {

  color: #111111;

  margin-bottom: 10px;

  margin-top: 8px;

}

.portfolio-detail-section .sidebar .widget-service ul li .service-content p {

  color: #4D0367;

}

.portfolio-detail-section .sidebar .sidebar-download {

  padding: 30px;

  margin-bottom: 50px;

  border-radius: 30px;

  box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25);

  background-color: white;

}

.portfolio-detail-section .sidebar .sidebar-download .bg-title {

  margin-bottom: 25px;

  padding: 17px;

  background-color: var(--prime-color);

  color: #ffffff;

  border-radius: 30px;

  font-size: 18px;

}

.portfolio-detail-section .sidebar .sidebar-download p {

  margin-bottom: 32px;

}

.portfolio-detail-section .sidebar .sidebar-download a {

  display: inline-block;

  padding: 15px 30px;

  background-color: var(--prime-color);

  color: #ffffff;

  font-size: 15px;

  font-weight: 500;

  text-transform: uppercase;

  margin-bottom: 18px;

  border-radius: 30px;

  font-family: "Mulish", sans-serif;

}

.portfolio-detail-section .sidebar .sidebar-download a i {

  margin-left: 10px;

  color: white;

  font-size: 15px;

}

.portfolio-detail-section .sidebar .icon-list-content {

  padding: 30px;

  border-radius: 30px;

  box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.25);

  background-color: var(--prime-color);

}

.portfolio-detail-section .sidebar .icon-list-content .bg-title {

  margin-bottom: 30px;

  padding: 17px;

  background-color: #ffffff;

  color: #ffffff;

  border-radius: 30px;

  color: #111111;

}

.portfolio-detail-section .sidebar .icon-list-content ul li {

  margin-top: 14px;

  margin-bottom: 14px;

  color: #ffffff;

  display: flex;

  align-items: center;

  border-bottom: 1px solid #FFFFFF70;

}

.portfolio-detail-section .sidebar .icon-list-content ul li a {

  color: #ffffff;

  font-size: 15px;

  font-weight: 500;

}

.portfolio-detail-section .sidebar .icon-list-content ul li i {

  color: #ffffff;

}



.gallery-slider {

  margin-top: 50px;

}

.gallery-slider .slick-slide {

  margin: 0 10px;

}

.gallery-slider .slick-list {

  margin: 0 -10px;

}

.gallery-slider .slick-list img {

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  -ms-border-radius: 15px;

  border-radius: 15px;

}



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

>>> About Page  

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

.about-section {

  margin-bottom: 80px;

}

@media screen and (max-width: 575px) {

  .about-section {

    margin-bottom: 0;

  }

}

.about-section .about-describe {

  color: #111111;

}

.about-section .info-left {

  padding-right: 18px;

}

@media screen and (max-width: 767px) {

  .about-section .info-left {

    padding: 0;

  }

}

.about-section .info-right {

  padding-left: 18px;

}

@media screen and (max-width: 767px) {

  .about-section .info-right {

    padding: 0;

  }

}

.about-section .counter-inner {

  margin: 20px auto 40px;

}

.about-section .about-banner {

  position: relative;

}

@media screen and (min-width: 992px) {

  .about-section .about-banner .about-image {

    padding: 0 140px 0 80px;

  }

}

@media screen and (max-width: 991px) {

  .about-section .about-banner .about-image {

    margin-bottom: 30px;

  }

}

.about-section .about-banner .about-left-banner {

  display: flex;

  padding: 32px 25px 28px;

  background-color: var(--prime-color);

  border-radius: 25px;

  color: #ffffff;

  align-items: center;

}

.about-section .about-banner .about-left-banner .banner-icon {

  margin-right: 25px;

}

.about-section .about-banner .about-left-banner .banner-icon i {

  display: block;

  position: relative;

  font-size: 40px;

  height: 80px;

  width: 80px;

  line-height: 80px;

  border-radius: 100%;

  text-align: center;

  background-color: #ffffff;

  color: #F24080;

}

.about-section .about-banner .about-left-banner h3 {

  margin-bottom: 0;

  color: #ffffff;

}

@media screen and (min-width: 992px) {

  .about-section .about-banner .about-left-banner {

    border: 10px solid #ffffff;

    max-width: 418px;

    position: absolute;

    left: 0;

    bottom: 80px;

    z-index: 1;

  }

}

@media screen and (max-width: 991px) {

  .about-section .about-banner .about-left-banner {

    margin-bottom: 30px;

  }

}

@media screen and (max-width: 479px) {

  .about-section .about-banner .about-left-banner .banner-icon i {

    font-size: 28px;

    height: 50px;

    width: 50px;

    line-height: 50px;

  }

}

.about-section .about-banner .about-right-banner {

  text-align: center;

  padding: 40px;

  background-color: #ffffff;

  box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.03);

  border-radius: 25px;

}

.about-section .about-banner .about-right-banner h5 {

  color: #F24080;

  margin-bottom: 30px;

}

.about-section .about-banner .about-right-banner .video-button {

  margin-bottom: 40px;

}

.about-section .about-banner .about-right-banner .video-button a {

  font-size: 25px;

  height: 100px;

  width: 100px;

  line-height: 100px;

  background-color: #F24080;

}

.about-section .about-banner .about-right-banner .video-button a:before,
.about-section .about-banner .about-right-banner .video-button a:after {

  box-shadow: 0 0 0 0 rgba(242, 64, 128, 0.6);

}

.about-section .about-banner .about-right-banner p {

  color: #111111;

}

@media screen and (min-width: 992px) {

  .about-section .about-banner .about-right-banner {

    max-width: 343px;

    position: absolute;

    right: 0;

    bottom: 80px;

    z-index: 1;

  }

}



.about-slider {

  background-color: white;

  padding: 80px 0 80px;

}

@media screen and (max-width: 575px) {

  .about-slider {

    padding: 40px 0;

  }

}



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



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

>>> Career Page  

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

.blog-archive {

  padding-top: 110px;

  padding-bottom: 110px;

}

@media screen and (max-width: 767px) {

  .blog-archive {

    padding-top: 80px;

    padding-bottom: 80px;

  }

}

.blog-archive .grid-item:hover .feature-image:before {

  opacity: 0.5;

}

.blog-archive .grid-item .feature-image {

  position: relative;

  cursor: pointer;

  height: 270px;

  border-radius: 30px;

  overflow: hidden;

}

.blog-archive .grid-item .feature-image img {

  height: 100%;

  width: 100%;

  vertical-align: middle;

  object-fit: cover;

  object-position: center;

}

.blog-archive .grid-item h5 {

  margin-bottom: 16px;

}

.blog-archive .grid-item p {

  margin-bottom: 12px;

  color: #4D0367;

}

.blog-archive .grid-item .entry-meta {

  margin-bottom: 20px;

}

.blog-archive .grid-item .entry-meta a {

  color: var(--prime-color);

  font-size: 13px;

  font-weight: 600;

  line-height: 1.2;

  font-family: "Mulish", sans-serif;

}

.blog-archive .grid-item .entry-meta a:hover {

  color: #961040;

}

.blog-archive .sidebar .divider-wrapper {

  margin-bottom: 35px;

}

.blog-archive .sidebar .text-content .name-title h5 {

  margin-bottom: 20px;

  margin-top: 8px;

}

.blog-archive .sidebar .text-content .name-title h5 a {

  color: #111111;

  font-size: 20px;

}

.blog-archive .sidebar .text-content p {

  font-size: 15px;

  font-weight: 400;

  line-height: 1.7;

  color: #4D0367;

}

.blog-archive .sidebar .socialgroup ul li a {

  border: none !important;

  background-color: var(--prime-color);

  padding: 3px 9px;

}

.blog-archive .sidebar .socialgroup ul li a i {

  color: #ffffff;

  display: inline-block;

  position: relative;

  height: 1.2em;

  width: 1.2em;

  text-align: center;

  font-size: 12px;

}

.blog-archive .widget_latest_post .post-thumb {

  overflow: hidden;

  border-radius: 20px;

}

.blog-archive .widget_latest_post .post-content h5 {

  color: #292929;

  font-size: 15px;

  font-weight: 500;

  line-height: 1.2;

}

.blog-archive .widget_latest_post .entry-meta span a {

  font-size: 12px;

  line-height: 1.3;

}

.blog-archive .widget_social .social-icon a {

  background-color: var(--prime-color);

  display: flex;

  justify-content: center;

  align-items: center;

}

.blog-archive .widget_social .social-icon a:hover {

  filter: none;

  background-color: #961040;

}

.blog-archive .widget_social .social-icon a i {

  font-size: 20px;

  width: 45px;

  text-align: center;

}

.blog-archive .widget_social .social-icon a span {

  background-image: none;

}

@media screen and (max-width: 575px) {

  .blog-archive {

    padding-bottom: 50px;

  }

}



@media screen and (min-width: 992px) {

  .right-sidebar {

    padding-right: 40px;

  }

}



@media screen and (min-width: 992px) {

  .left-sidebar {

    padding-left: 40px;

  }

}



.grid-item .post {

  margin-bottom: 40px;

}



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

>>> single Page  

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

.inner-banner-wrap .entry-meta {

  border-top: 1px solid rgba(217, 217, 217, 0.23);

  border-bottom: 1px solid rgba(217, 217, 217, 0.23);

  margin-left: auto;

  margin-right: auto;

  display: table;

  padding-top: 15px;

  padding-bottom: 15px;

  margin-top: 30px;

}

.inner-banner-wrap .entry-meta span {

  padding: 0 15px;

  position: relative;

  color: #F24080;

}

.inner-banner-wrap .entry-meta span:before {

  color: rgba(217, 217, 217, 0.23);

  content: "|";

  font-size: 20px;

  position: absolute;

  right: 0;

  top: 0;

  line-height: 1;

}

.inner-banner-wrap .entry-meta span:last-child:before {

  display: none;

}

.inner-banner-wrap .entry-meta .posted-on a:before {

  content: "\f073";

  color: #F24080;

}

.inner-banner-wrap .entry-meta .byline a:before {

  content: "\f2bd";

  color: #F24080;

}

.inner-banner-wrap .entry-meta .comments-link a:before {

  content: "\f086";

  color: #F24080;

}

.inner-banner-wrap .entry-meta a {

  color: #ffffff;

  display: inline-block;

  line-height: 1.7;

}

.inner-banner-wrap .entry-meta a:before {

  font-family: "Font Awesome 5 Free";

  margin-right: 10px;

  font-weight: 900;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  color: var(--prime-color);

  font-size: 13px;

}

.inner-banner-wrap .entry-meta a:hover,
.inner-banner-wrap .entry-meta a:focus {

  color: #961040;

}



.single-post-section {

  margin-bottom: 110px;

}

@media screen and (max-width: 767px) {

  .single-post-section {

    margin-bottom: 80px;

  }

}

@media screen and (max-width: 575px) {

  .single-post-section {

    margin-bottom: 50px;

  }

}

.single-post-section .feature-image {

  margin-bottom: 20px;

  border-radius: 25px;

  overflow: hidden;

}

.single-post-section .single-content-wrap {

  margin-bottom: 20px;

}

.single-post-section .single-content-wrap p {

  margin-bottom: 0;

}

.single-post-section .meta-wrap {

  margin-bottom: 28px;

}

.single-post-section .meta-wrap .tag-links:before {

  content: "\f02c";

  color: #F24080;

  display: inline-block;

  font-family: "Font Awesome 5 Free";

  margin-right: 6px;

  font-weight: 900;

}

.single-post-section .meta-wrap .tag-links a {

  font-size: 15px;

  font-weight: 700;

  line-height: 1.2;

  font-family: "Mulish", sans-serif;

  color: #4D0367;

}

.single-post-section .post-socail-wrap .social-icon-wrap .social-icon a {

  display: flex;

  justify-content: center;

}

.single-post-section .post-socail-wrap .social-icon-wrap .social-icon a i {

  width: 24px;

  font-size: 13px;

  padding-left: 6px;

}

.single-post-section .post-socail-wrap .social-icon-wrap .social-icon a span {

  font-weight: 700;

  padding: 9px 30px 9px 6px;

  background-image: none;

}

.single-post-section .author-wrap {

  background-color: #f9f9f9;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 40px 40px 32px;

  margin-bottom: 22px;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  margin-top: 30px;

  border-radius: 25px;

}

.single-post-section .author-wrap:before,
.single-post-section .author-wrap:after {

  content: "";

  display: block;

  clear: both;

}

.single-post-section .author-wrap .author-thumb {

  width: 100px;

}

.single-post-section .author-wrap .author-thumb img {

  border-radius: 100%;

}

.single-post-section .author-wrap .author-content {

  width: -moz-calc(100% - 120px);

  width: -webkit-calc(100% - 120px);

  width: calc(100% - 120px);

  margin-left: 20px;

}

.single-post-section .author-wrap .author-content .author-name {

  margin-bottom: 12px;

  margin-top: 8px;

}

.single-post-section .author-wrap .author-content p {

  margin-bottom: 20px;

}

.single-post-section .author-wrap .author-content .button-text {

  color: #F24080;

  font-weight: 500;

}

.single-post-section .author-wrap .author-content .button-text:hover {

  color: #961040;

}

@media screen and (max-width: 575px) {

  .single-post-section .author-wrap {

    text-align: center;

    padding: 20px;

  }

  .single-post-section .author-wrap .author-thumb {

    margin-bottom: 20px;

    margin-left: auto;

    margin-right: auto;

  }

  .single-post-section .author-wrap .author-content {

    width: 100%;

    margin-left: 0;

  }

}

.single-post-section .divider-line {

  padding-top: 10px;

  padding-bottom: 30px;

}

.single-post-section .divider-line .st-line {

  width: 100%;

  border-top: 1px solid #AFAFAF2E;

  display: inline-block;

}



.comment-area .comment-title {

  margin-bottom: 25px;

}

.comment-area ol {

  margin: 0;

  padding: 0;

}

.comment-area ol ol {

  margin-left: 30px;

}

.comment-area ol li {

  list-style: none;

  margin-bottom: 30px;

}

.comment-area ol li:before,
.comment-area ol li:after {

  content: "";

  display: block;

  clear: both;

}

.comment-area .comment-thumb {

  width: 55px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  overflow: hidden;

  float: left;

}

.comment-area .comment-content {

  border: 1px solid #e6e6e6;

  width: -moz-calc(100% - 65px);

  width: -webkit-calc(100% - 65px);

  width: calc(100% - 65px);

  border-radius: 25px;

  float: right;

  padding: 20px;

}

.comment-area .comment-content .comment-header {

  margin-bottom: 10px;

}

.comment-area .comment-content p {

  margin-bottom: 15px;

}

.comment-area .comment-content h5 {

  display: inline-block;

  margin-bottom: 0;

}

.comment-area .comment-content .post-on {

  font-size: 13px;

  margin-left: 10px;

}

.comment-area .comment-content .reply {

  background-color: #F24080;

  font-size: 14px;

  color: #ffffff;

  padding: 5px 12px 6px;

  display: inline-block;

  line-height: 1.2;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.comment-area .comment-content .reply i {

  margin-right: 4px;

  font-size: 12px;

}

.comment-area .comment-content .reply:hover {

  background-color: #961040;

}

@media screen and (max-width: 575px) {

  .comment-area .comment-thumb {

    width: 25px;

  }

  .comment-area .comment-content {

    width: -moz-calc(100% - 35px);

    width: -webkit-calc(100% - 35px);

    width: calc(100% - 35px);

  }

}



.comment-form-wrap {

  padding-top: 5px;

}

.comment-form-wrap .comment-title {

  margin-top: 8px;

  margin-bottom: 16px;

  font-size: 52px;

}

.comment-form-wrap .rate-wrap {

  padding: 0 15px;

  margin-bottom: 15px;

}

.comment-form-wrap label {

  display: block;

  color: #292929;

  font-family: "Poppins", sans-serif;

  font-size: 15px;

  font-weight: 400;

  line-height: 1.7;

}

.comment-form-wrap input {

  border: none;

}

.comment-form-wrap input:not([type=submit]) {

  background-color: #F8F8F8;

  width: 100%;

}

.comment-form-wrap input[type=submit] {

  margin-top: 0px;

  background-color: #F24080;

}

.comment-form-wrap input[type=submit]:hover {

  background-color: #961040;

}

.comment-form-wrap input[type=checkbox] {

  width: auto;

}

.comment-form-wrap textarea {

  background-color: #F8F8F8;

  border: none;

}



.single-page-section {

  padding-bottom: 80px;

}

@media screen and (max-width: 575px) {

  .single-page-section {

    padding-bottom: 40px;

  }

}



.single-feature-img img {

  margin-bottom: 30px;

}



.secondary .sidebar .divider-wrapper {

  margin-bottom: 35px;

}

.secondary .sidebar .text-content .name-title h4 {

  margin-bottom: 20px;

  margin-top: 30px;

}

.secondary .sidebar .text-content .name-title h4 a {

  color: #111111;

  font-size: 20px;

}

.secondary .sidebar .text-content p {

  font-size: 15px;

  font-weight: 400;

  line-height: 1.7;

  color: #4D0367;

}

.secondary .sidebar .social-icon {

  margin-top: 28px;

}

.secondary .sidebar .social-icon ul {

  list-style-type: none;

  text-align: center;

}

.secondary .sidebar .social-icon ul li {

  display: inline-block;

}

.secondary .sidebar .social-icon ul li:hover a i {

  color: #961040;

}

.secondary .sidebar .social-icon ul li a i {

  color: #F24080;

  display: inline-block;

  text-align: center;

  font-size: 18px;

  height: 36px;

  width: 38px;

  line-height: 36px;

  transition: all 0.3s;

}

.secondary .widget_latest_post ul li {

  display: flex;

  align-items: center;

}

.secondary .widget_latest_post ul li .post-thumb {

  overflow: hidden;

  border-radius: 20px;

  margin-right: 15px;

}

.secondary .widget_latest_post .post-content h5 {

  color: #292929;

  font-size: 15px;

  font-weight: 500;

  line-height: 1.2;

}

.secondary .widget_latest_post .entry-meta span a {

  font-size: 12px;

  line-height: 1.3;

}

.secondary .widget_social {

  margin: 0px 50px;

}

.secondary .widget_social ul {

  text-align: center;

}

.secondary .widget_social ul li a {

  border-radius: 50%;

  border: none;

  background-color: #F24080;

}

.secondary .widget_social ul li a:hover {

  border-color: transparent;

}

.secondary .widget_social ul li a i {

  color: #ffffff;

}



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

>>> team Page  

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

.team-detail-section {

  padding-bottom: 110px;

  position: relative;

  z-index: 1;

}

@media screen and (max-width: 767px) {

  .team-detail-section {

    padding-bottom: 80px;

  }

}

.team-detail-section .zigzag-patten {

  background-image: url(../images/educator-img5.png);

  background-position: 100% 43%;

  background-repeat: no-repeat;

  background-size: 12% auto;

  opacity: 0.4;

}

.team-detail-section .author-img-wrapper .team-fig {

  border-radius: 30px;

  overflow: hidden;

}

.team-detail-section .author-img-wrapper .team-fig img {

  width: 100%;

  object-fit: cover;

  object-position: center;

}

.team-detail-section .author-img-wrapper .auther-quote {

  text-align: left;

  margin-right: 25px;

  background-color: var(--prime-color);

  padding: 30px;

  margin-top: -60px;

  position: relative;

  z-index: 1;

  border-radius: 30px;

}

.team-detail-section .author-img-wrapper .auther-quote blockquote {

  text-align: left;

  padding: 0;

  margin-bottom: 0;

  margin-top: 50px;

}

.team-detail-section .author-img-wrapper .auther-quote blockquote:before {

  content: "\f10d";

  font-size: 40px;

  color: #FFFFFFA3;

  font-weight: 900;

  line-height: 1;

  height: 0.6em;

  display: block;

  background-color: transparent;

  font-family: "Font Awesome 5 Free";

  position: absolute;

  top: -60px;

  left: 22px;

}

.team-detail-section .author-img-wrapper .auther-quote blockquote:after {

  display: none;

}

.team-detail-section .author-img-wrapper .auther-quote blockquote p {

  color: #f8f8f8;

  font-size: 15px;

  font-weight: 400;

  font-style: normal;

  line-height: 1.7;

}

.team-detail-section .author-bio-date {

  padding-left: 36px;

  position: relative;

  z-index: 1;

}

@media screen and (max-width: 991px) {

  .team-detail-section .author-bio-date {

    padding: 0;

    margin-top: 40px;

  }

}

.team-detail-section .author-bio-date .c-patten {

  background-image: url(../images/educator-img3.png);

  background-position: top center;

  background-repeat: no-repeat;

  opacity: 0.2;

}

.team-detail-section .author-bio-date .author-name {

  color: #111111;

}

.team-detail-section .author-bio-date .social-site-link {

  margin-bottom: 20px;

}

.team-detail-section .author-bio-date .social-site-link ul {

  padding: 0;

  margin: 0;

}

.team-detail-section .author-bio-date .social-site-link ul li {

  margin: 0 3px;

  display: inline-block;

}

.team-detail-section .author-bio-date .social-site-link ul li:first-child {

  margin-left: 0;

}

.team-detail-section .author-bio-date .social-site-link ul li:last-child {

  margin-right: 0;

}

.team-detail-section .author-bio-date .social-site-link ul li:hover a {

  border-color: #961040;

  background-color: #961040;

}

.team-detail-section .author-bio-date .social-site-link ul li:hover a i {

  color: #ffffff;

}

.team-detail-section .author-bio-date .social-site-link ul li a {

  padding: 8px;

  border-radius: 50%;

  border: 1px solid #F24080;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: white;

  transition: all 0.3s;

}

.team-detail-section .author-bio-date .social-site-link ul li a i {

  font-size: 15px;

  color: #F24080;

  height: 1em;

  width: 1em;

  position: relative;

  display: block;

  text-align: center;

}

.team-detail-section .author-bio-date .author-disc {

  margin-bottom: 15px;

}

.team-detail-section .author-bio-date .author-disc p {

  color: #4D0367;

}

.team-detail-section .author-bio-date .qualification .qualification-title {

  margin-top: 0;

  margin-bottom: 30px;

  color: #111111;

  text-transform: capitalize;

}

.team-detail-section .author-bio-date .qualification .experience-detail {

  margin-bottom: 20px;

}

.team-detail-section .author-bio-date .qualification .experience-detail .date {

  color: #111111;

  margin-bottom: 6px;

  color: #F24080;

}

.team-detail-section .author-bio-date .qualification .experience-detail span {

  color: #4D0367;

  font-size: 15px;

}

.team-detail-section .experience-info .experience-heading {

  color: #111111;

  margin-bottom: 18px;

}

.team-detail-section .experience-info p {

  margin-bottom: 15px;

  color: #4D0367;

}

.team-detail-section .experience-wrappered {

  display: flex;

  padding-top: 20px;

  align-items: center;

  position: relative;

  z-index: 1;

}

.team-detail-section .experience-wrappered .c-patten {

  background-image: url(../images/educator-img3.png);

  background-position: center bottom;

  background-repeat: no-repeat;

  opacity: 0.2;

}

.team-detail-section .experience-wrappered .experience-list ul {

  list-style-type: none;

  padding: 0;

  margin: 0;

}

.team-detail-section .experience-wrappered .experience-list ul li {

  color: #4D0367;

  padding-bottom: 6px;

  margin-top: 6px;

  font-family: "Mulish", sans-serif;

  vertical-align: middle;

  display: flex;

  align-items: center;

  line-height: 1.2;

  font-family: "Poppins", sans-serif;

}

.team-detail-section .experience-wrappered .experience-list ul li i {

  color: #F24080;

  font-size: 14px;

  padding-right: 12px;

}

.team-detail-section .experience-wrappered .skill-container {

  padding: 28px 35px 28px;

  background-color: #fafafa;

  border-radius: 30px;

}

.team-detail-section .experience-wrappered .skill-container .skill-wrapper {

  margin-bottom: 25px;

}

.team-detail-section .experience-wrappered .skill-container .skill-wrapper:last-child {

  margin-bottom: 0;

}

.team-detail-section .experience-wrappered .skill-container .skill-wrapper .skill-titile {

  color: #4D0367;

  margin-bottom: 5px;

  text-transform: capitalize;

  line-height: 1;

}

.team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper {

  padding-top: 0;

}

.team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-indecator-inner {

  top: 0;

}

.team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-indecator-inner .percent {

  left: -50px;

  padding: 0;

  line-height: 1;

  display: inline-block;

  font-size: 11px;

  background-color: transparent;

  top: 0;

  transform: translatey(15%);

}

.team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-indecator-inner .percent:before {

  display: none;

}

.team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-bar-wrap {

  height: 16px;

  border-radius: 30px;

  overflow: hidden;

  background-color: #d9d9d9;

}

.team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-bar-wrap .ab-progress-bar {

  background-color: #F24080;

  height: 16px;

  border-radius: 0px;

}



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

>>> career Page  

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

.vacancy-container {

  margin-bottom: 80px;

  padding-top: 55px;

}

.vacancy-container .vacancy-form {

  box-shadow: 0px 0px 30px 0px rgba(17, 17, 17, 0.15);

  background-color: #ffffff;

  padding: 40px 20px;

  text-align: center;

  border-radius: 30px;

}

.vacancy-container .vacancy-form h4 {

  background-color: var(--prime-color);

  color: white;

  padding: 14px;

  border-radius: 30px;

}

.vacancy-container .vacancy-form form {

  text-align: left;

  margin-top: 30px;

}

.vacancy-container .vacancy-form form p {

  margin-bottom: 20px;

}

.vacancy-container .vacancy-form textarea {

  border: none;

  padding: 17px;

  color: #4D0367;

}

.vacancy-container .vacancy-form input {

  width: 100%;

  border: none;

  padding: 17px;

  color: #4D0367;

  background-color: #f8f8f8;

  color: #4D0367;

}

.vacancy-container .vacancy-form input::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: #999;

}

.vacancy-container .vacancy-form input::-moz-placeholder {

  /* Firefox 19+ */

  color: #999;

}

.vacancy-container .vacancy-form input:-ms-input-placeholder {

  /* IE 10+ */

  color: #999;

}

.vacancy-container .vacancy-form input:not([type=submit]) {

  height: 59px;

}

.vacancy-container .vacancy-form input[type=submit] {

  background-color: #F24080;

  color: #ffffff;

  padding: 16px 28px;

  font-size: 15px;

  font-family: "Mulish", sans-serif;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.vacancy-container .vacancy-form input[type=submit]:hover {

  background-color: #961040;

}

@media screen and (min-width: 992px) {

  .vacancy-container .vacancy-form {

    margin-left: 20px;

  }

}



.vacancy-content {

  margin-bottom: 30px;

  padding: 39px;

  border: 2px dashed #d9d9d9;

  border-radius: 30px;

  position: relative;

  z-index: 1;

}

.vacancy-content .zigzag-patten {

  background-image: url(../images/educator-img5.png);

  background-position: bottom right;

  background-repeat: no-repeat;

  opacity: 0.2;

}

.vacancy-content .c-patten {

  background-image: url(../images/educator-img3.png);

  background-position: bottom right;

  background-repeat: no-repeat;

  opacity: 0.2;

}

.vacancy-content span {

  color: #F24080;

  margin-bottom: 25px;

  display: block;

}

.vacancy-content p {

  margin-bottom: 20px;

}



.vacancy-content-wrap [class*=col-]:first-child .vacancy-content,
.vacancy-content-wrap [class*=col-]:nth-child(4n+4) .vacancy-content,
.vacancy-content-wrap [class*=col-]:nth-child(4n+5) .vacancy-content {

  box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.25);

  border: none;

}

.vacancy-content-wrap [class*=col-]:first-child .vacancy-content .button-round-primary,
.vacancy-content-wrap [class*=col-]:nth-child(4n+4) .vacancy-content .button-round-primary,
.vacancy-content-wrap [class*=col-]:nth-child(4n+5) .vacancy-content .button-round-primary {

  background-color: #F24080;

}



.about-service-wrap {

  padding-top: 110px;

  padding-bottom: 90px;

  background-color: #f8f8f8;

  position: relative;

  z-index: 1;

}

@media screen and (max-width: 767px) {

  .about-service-wrap {

    padding-top: 80px;

    padding-bottom: 60px;

  }

}

.about-service-wrap .circle-patten {

  background-image: url(../images/educator-img4.png);

  background-position: center right;

  background-repeat: no-repeat;

  opacity: 0.3;

}

.about-service-wrap .section-disc {

  margin-left: 35px;

  margin-right: 0;

}

@media screen and (max-width: 991px) {

  .about-service-wrap .section-head {

    text-align: center;

  }

}

@media screen and (max-width: 991px) and (max-width: 991px) {

  .about-service-wrap .section-head .title-divider:before {

    right: 0;

    margin-right: auto;

    margin-left: auto;

  }

}

@media screen and (max-width: 991px) {

  .about-service-wrap .section-head .section-disc {

    text-align: left;

  }

}

@media screen and (max-width: 767px) {

  .about-service-wrap {

    padding-top: 80px;

    padding-bottom: 80px;

  }

}



@media screen and (max-width: 991px) {

  .carrer-page-section .section-disc {

    margin-left: 60px;

    margin-right: 60px;

  }

}

@media screen and (max-width: 767px) {

  .carrer-page-section .section-disc {

    margin-left: 0;

    margin-right: 0;

  }

}

.carrer-page-section .iconbox-container {

  margin-right: -15px;

  margin-left: -15px;

  margin-top: 50px;

}

@media screen and (max-width: 575px) {

  .carrer-page-section {

    padding-bottom: 40px;

  }

  .carrer-page-section .iconbox-container {

    padding-top: 10px;

  }

}



.iconbox-item-3 {

  padding: 0 15px;

  margin-bottom: 20px;

  width: 100%;

}

.iconbox-item-3:nth-child(even) .iconbox-icon {

  background-color: var(--prime-color);

}

@media screen and (min-width: 768px) {

  .iconbox-item-3 {

    width: 50%;

  }

}

@media screen and (min-width: 992px) {

  .iconbox-item-3 {

    width: 33.33%;

  }

}



.iconbox-border {

  border: 2px dashed #d9d9d9;

  padding: 25px;

  width: 100%;

  border-radius: 18px 25px 22px;

}

.iconbox-border .iconbox-icon {

  background-color: #F24080;

  color: #ffffff;

  font-size: 32px;

  width: 78px;

  height: 78px;

  line-height: 78px;

  text-align: center;

  border-radius: 25px;

}

.iconbox-border .iconbox-content {

  width: -moz-calc(100% - 78px);

  width: -webkit-calc(100% - 78px);

  width: calc(100% - 78px);

  padding-left: 20px;

}

.iconbox-border .iconbox-content h4 {

  margin-bottom: 10px;

}

.iconbox-border .iconbox-content p {

  margin-bottom: 0;

}



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

>>> career detail Page  

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

.career-detail-section {

  margin-bottom: 110px;

}

@media screen and (max-width: 767px) {

  .career-detail-section {

    margin-bottom: 80px;

  }

}

.career-detail-section i {

  font-style: normal;

}

.career-detail-section .job-description {

  background-color: var(--prime-color);

  border-radius: 30px;

  overflow: hidden;

}

.career-detail-section .job-description ul {

  margin: 0;

  padding: 0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  text-align: center;

  padding: 24px 0;

}

.career-detail-section .job-description li {

  color: #787878;

  list-style: none;

  display: inline-block;

  padding: 0 8px;

  width: 25%;

  font-size: 16px;

  font-weight: 600;

  border-right: 2px solid rgba(255, 255, 255, 0.23);

}

.career-detail-section .job-description li span {

  margin-bottom: 8px;

  font-size: 13px;

  font-weight: 600;

  font-family: "Mulish", sans-serif;

  line-height: 1.7;

  color: #ffffff;

}

.career-detail-section .job-description li h5,
.career-detail-section .job-description li h4 {

  margin-bottom: 0;

  color: #ffffff;

}

.career-detail-section .job-description li:last-child {

  border-right: none;

}

@media screen and (max-width: 575px) {

  .career-detail-section .job-description li {

    width: 100%;

    border-right: none;

    border-bottom: 1px solid rgba(255, 255, 255, 0.28);

    padding: 10px 0;

  }

  .career-detail-section .job-description li:last-child {

    border-bottom: none;

  }

}

@media screen and (min-width: 992px) {

  .career-detail-section .career-detail-container {

    padding-left: 20px;

  }

}

.career-detail-section .tab-container .nav-item a {

  color: #292929;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.2;

  font-family: "Mulish", sans-serif;

}

.career-detail-section .tab-container .tab-content {

  padding: 20px;

}

@media screen and (max-width: 767px) {

  .career-detail-section .tab-container .tab-content {

    border-width: 1px;

  }

}

@media screen and (max-width: 575px) {

  .career-detail-section .tab-container .tab-content {

    padding: 0;

  }

}

.career-detail-section .tab-container .tab-content .card-body {

  padding: 0;

}

@media screen and (max-width: 767px) {

  .career-detail-section .tab-container .tab-content .card-body {

    padding: 0 20px;

  }

}

.career-detail-section .tab-container .tab-content .card-body h5 {

  margin-top: 8px;

  margin-bottom: 16px;

  font-weight: 900;

}

.career-detail-section .tab-container .tab-content .card-body ul li {

  color: #4D0367;

}

.career-detail-section .sidebar .widget-bg:last-child {

  margin-bottom: 0;

}

.career-detail-section .sidebar .widget-bg .bg-title {

  background-color: #F24080;

}

.career-detail-section .sidebar .widget-bg ul li {

  color: #4D0367;

}

.career-detail-section .sidebar .widget-bg ul li i {

  font-size: 14px;

  color: #F24080;

}

.career-detail-section .sidebar .widget-bg ul li .list-txt {

  font-size: 15px;

  font-weight: 400;

  font-family: "Poppins", sans-serif;

  color: #4D0367;

}

.career-detail-section .sidebar .widget-bg .accordion-content .card .card-header a {

  padding: 18px;

  font-size: 18px;

  font-family: "Mulish", sans-serif;

  font-weight: 700;

  line-height: 1.2;

}

.career-detail-section .sidebar .widget-bg .accordion-content .collapse .card-body {

  color: #4D0367;

}

.career-detail-section .sidebar .widget-bg .widget-icon {

  background-color: var(--prime-color);

  margin-bottom: 25px;

}

.career-detail-section .sidebar .widget-bg p a {

  color: #F24080;

}

.career-detail-section .sidebar .widget-bg .or-style {

  color: #F24080;

  font-family: "Mulish", sans-serif;

  font-size: 18px;

  font-weight: 700;

  padding-left: 35px;

  padding-right: 35px;

}

.career-detail-section .sidebar .widget-bg .or-style:before,
.career-detail-section .sidebar .widget-bg .or-style:after {

  width: 25px;

  background-color: #F24080;

}



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

>>> course detail Page  

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

.course-detail-section {

  position: relative;

  z-index: 1;

  margin-bottom: 110px;

}

@media screen and (max-width: 767px) {

  .course-detail-section {

    margin-bottom: 80px;

  }

}

.course-detail-section .circle-patten {

  background-image: url(../images/educator-img4.png);

  background-position: bottom right;

  background-repeat: no-repeat;

  opacity: 0.7;

}

.course-detail-section i {

  font-style: normal;

}

@media screen and (max-width: 767px) {

  .course-detail-section .course-detail-inner {

    padding-bottom: 0;

  }

}

.course-detail-section .course-description {

  background-color: #ffffff;

  border-radius: 30px;

  overflow: hidden;

}

.course-detail-section .course-description .course-tag {

  padding: 20px 0;

}

.course-detail-section .course-description .pink-border {

  border-right: 2px solid rgba(242, 64, 128, 0.17);

}

.course-detail-section .course-description .pink-border:last-child {

  border-right: none;

}

@media screen and (max-width: 767px) {

  .course-detail-section .course-description .pink-border {

    padding: 10px 0;

    border-right: 0;

    border-bottom: 1px solid rgba(242, 64, 128, 0.17);

  }

  .course-detail-section .course-description .pink-border:last-child {

    border-bottom: none;

  }

  .course-detail-section .course-description .pink-border .rating-start-wrap {

    margin-right: auto;

    margin-left: auto;

  }

}

.course-detail-section .course-description span {

  margin-bottom: 8px;

  font-size: 13px;

  font-weight: 700;

  line-height: 1.2;

  color: #111111;

}

.course-detail-section .course-description h5 {

  letter-spacing: -0.4px;

  font-weight: 700;

  margin-bottom: 0;

}

.course-detail-section .course-description h3 {

  margin-bottom: 0;

  color: #F24080;

}

.course-detail-section .course-description .course-teach-tag .author-img {

  border-radius: 50%;

  overflow: hidden;

  text-align: center;

  width: 47px;

  margin-right: 15px;

}

.course-detail-section .course-description .course-teach-tag .author-img img {

  width: 100%;

}

.course-detail-section .course-description .course-teach-tag .author-name {

  margin-bottom: 2px;

}

.course-detail-section .course-description .course-teach-tag .tag-discription {

  margin-bottom: 0;

  font-weight: 400;

  line-height: 1;

}

.course-detail-section .course-description .rating-start-wrap {

  margin-top: 5px;

}

.course-detail-section .course-description .rating-start-wrap .rating-start {

  font-size: 14px;

  line-height: 1;

}

.course-detail-section .course-description .rating-start-wrap .rating-start span {

  font-size: 14px;

  line-height: 1;

  margin-bottom: 0;

}

.course-detail-section .course-description .rating-start-wrap .rating-start span:before {

  color: var(--prime-color);

}

@media screen and (min-width: 992px) {

  .course-detail-section .course-detail-container {

    padding-left: 20px;

  }

}

.course-detail-section .tab-container .nav-item a {

  color: #292929;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.7;

  font-family: "Mulish", sans-serif;

}

.course-detail-section .tab-container .tab-content {

  padding: 20px;

  background-color: #ffffff;

}

@media screen and (max-width: 767px) {

  .course-detail-section .tab-container .tab-content {

    border-width: 1px;

  }

}

@media screen and (max-width: 575px) {

  .course-detail-section .tab-container .tab-content {

    padding: 0;

  }

}

.course-detail-section .tab-container .tab-content .card-body {

  padding: 0;

}

@media screen and (max-width: 575px) {

  .course-detail-section .tab-container .tab-content .card-body {

    padding: 0 12px;

  }

}

.course-detail-section .tab-container .tab-content .card-body h5 {

  color: #111111;

  margin-bottom: 16px;

  margin-top: 8px;

  font-weight: 700;

  font-family: "Mulish", sans-serif;

}

.course-detail-section .tab-container .tab-content .card-body .instructor-detail strong,

.course-detail-section .tab-container .tab-content .card-body .instructor-detail em,

.course-detail-section .tab-container .tab-content .card-body .instructor-detail figure {

  margin-bottom: 20px;

  display: block;

}

.course-detail-section .tab-container .tab-content .card-body ul li {

  color: #4D0367;

}

.course-detail-section .sidebar .video-widget {

  border-radius: 25px;

  overflow: hidden;

}

.course-detail-section .sidebar .video-widget iframe {

  width: 80%;

  height: 150px;

  display: block;

  margin-right: auto;

  margin-left: auto;

  border-radius: 25px;

}

.course-detail-section .sidebar .brochure {

  margin-top: -70px;

  padding: 100px 30px 26px 30px;

}

.course-detail-section .sidebar .brochure .enroll-coures-btn {

  margin-top: 30px;

}

.course-detail-section .sidebar .brochure .enroll-coures-btn a {

  text-transform: none;

}

.course-detail-section .sidebar .widget-bg {

  background-color: #ffffff;

  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);

  border-radius: 25px;

}

.course-detail-section .sidebar .widget-bg ul li {

  color: #4D0367;

}

.course-detail-section .sidebar .widget-bg ul li i {

  font-size: 14px;

  color: #F24080;

}

.course-detail-section .sidebar .widget-bg ul li span {

  font-size: 15px;

  font-weight: 400;

  line-height: 1.7;

  font-family: "Poppins", sans-serif;

  color: #4D0367;

}

.course-detail-section .sidebar .widget-post-thumb {

  background-color: #F24080;

  padding: 40px 30px 26px 30px;

}

.course-detail-section .sidebar .widget-post-thumb .bg-title {

  font-weight: 700;

}

.course-detail-section .sidebar .widget-post-thumb ul li {

  display: flex;

  align-items: center;

  border-color: rgba(255, 255, 255, 0.23);

}

.course-detail-section .sidebar .widget-post-thumb ul li figure {

  width: 90px;

  border-radius: 10px;

  overflow: hidden;

  margin-right: 20px;

}

.course-detail-section .sidebar .widget-post-thumb ul li .post-content h5 {

  color: #ffffff;

}



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

>>> Gallery Page  

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

.gallery-section {

  margin-bottom: 110px;

}

@media screen and (max-width: 767px) {

  .gallery-section {

    margin-bottom: 80px;

  }

}

.gallery-section .gallery-container {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-gap: 30px;

}

@media screen and (max-width: 991px) {

  .gallery-section .gallery-container {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media screen and (max-width: 575px) {

  .gallery-section .gallery-container {

    grid-template-columns: repeat(1, 1fr);

  }

}

.gallery-section .gallery-container .single-gallery .gallery-img {

  text-align: center;

}

.gallery-section .gallery-container .single-gallery .gallery-img a {

  position: relative;

  z-index: 1;

  width: 100%;

  border-radius: 25px;

  overflow: hidden;

  display: inline-block;

}

.gallery-section .gallery-container .single-gallery .gallery-img a:before {

  content: "";

  transition: all 2s ease-in-out;

}

.gallery-section .gallery-container .single-gallery .gallery-img a:hover:before {

  content: "";

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  height: 100%;

  width: 100%;

  background-color: var(--prime-color);

  opacity: 0.4;

  z-index: -1;

  position: absolute;

  display: block;

  z-index: 0;

}

.gallery-section .gallery-container .single-gallery .gallery-img a img {

  border-radius: 25px;

}



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

>>> Team Page  

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

.team-page-section {

  background-color: #ffffff;

}

.team-page-section .group-member {

  margin-top: 0;

}

.team-page-section .group-member .row {

  row-gap: 25px;

}



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

>>> Testimonial Page  

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

.testimonial-section-page {

  margin-bottom: 110px;

  background-color: #ffffff;

}

.testimonial-section-page .row-space {

  row-gap: 50px;

}

.testimonial-section-page .client-content {

  background-color: #ffffff;

}

@media screen and (max-width: 767px) {

  .testimonial-section-page {

    margin-bottom: 80px;

  }

  .testimonial-section-page .row-space {

    row-gap: 30px;

  }

}



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

>>> FAQ Page  

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

.faq-page-container {

  padding-bottom: 110px;

}

@media screen and (max-width: 767px) {

  .faq-page-container {

    padding-bottom: 80px;

  }

}

@media screen and (min-width: 992px) {

  .faq-page-container .faq-content-wrap {

    padding-left: 20px;

  }

}

.faq-page-container .section-head p {

  margin-bottom: 30px;

  color: #4D0367;

}



.qsn-form-container {

  box-shadow: 0px 0px 30px 0px rgba(17, 17, 17, 0.15);

  padding: 30px;

  text-align: center;

  border-radius: 30px;

  position: relative;

  z-index: 1;

  /* Firefox */

}

.qsn-form-container .zigzag-patten {

  background-image: url(../images/educator-img5.png);

  background-position: bottom right;

  background-repeat: no-repeat;

  opacity: 0.3;

}

.qsn-form-container h4 {

  background-color: var(--prime-color);

  color: #ffffff;

  padding: 14px;

  border-radius: 30px;

}

.qsn-form-container p {

  margin-bottom: 20px;

}

.qsn-form-container form {

  padding-top: 10px;

  text-align: left;

}

.qsn-form-container input {

  padding: 15px;

  border: none;

  color: #4D0367;

}

.qsn-form-container input:not([type=submit]) {

  min-height: 59px;

  width: 100%;

}

.qsn-form-container input:not([type=submit]) {

  height: 59px;

}

.qsn-form-container textarea {

  padding: 15px;

  border: none;

  color: #4D0367;

}

.qsn-form-container input[type=submit] {

  color: #ffffff;

  background-color: #F24080;

  font-weight: 700;

  font-family: "Mulish", sans-serif;

}

.qsn-form-container input::-webkit-outer-spin-button,

.qsn-form-container input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

.qsn-form-container input[type=number] {

  -moz-appearance: textfield;

  appearance: textfield;

}

@media screen and (min-width: 992px) {

  .qsn-form-container {

    margin-left: 40px;

  }

}

@media screen and (max-width: 991px) {

  .qsn-form-container {

    margin-top: 40px;

  }

}

@media screen and (max-width: 479px) {

  .qsn-form-container {

    padding: 30px 20px;

  }

}



.faq-testimonial .faq-image {

  border-radius: 30px;

  position: relative;

  z-index: 1;

}

.faq-testimonial .faq-image .c-patten {

  background-image: url(../images/educator-img3.png);

  background-position: top left;

  background-repeat: no-repeat;

  opacity: 0.3;

}

.faq-testimonial .faq-image .circle-patten {

  background-image: url(../images/educator-img4.png);

  background-position: center right;

  background-repeat: no-repeat;

  opacity: 0.8;

}

.faq-testimonial .faq-image img {

  width: 100%;

}

.faq-testimonial .testimonial-content {

  background-color: #F24080;

  color: #ffffff;

  margin-right: 25px;

  margin-top: -50px;

  padding: 30px;

  position: relative;

  border-radius: 30px;

  width: 90%;

  z-index: 2;

}

@media screen and (max-width: 991px) {

  .faq-testimonial .testimonial-content {

    margin-left: auto;

    margin-right: auto;

  }

}

.faq-testimonial .testimonial-content i {

  font-size: 40px;

  margin-bottom: 12px;

  line-height: 1;

  color: #FFFFFFA3;

}

.faq-testimonial .testimonial-content .quot-title {

  color: #ffffff;

  margin-bottom: 6px;

}

.faq-testimonial .testimonial-content p {

  color: #f8f8f8;

}

.faq-testimonial .testimonial-content p:last-child {

  margin-bottom: 0;

}

@media screen and (max-width: 991px) {

  .faq-testimonial {

    margin-bottom: 40px;

  }

}



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

>>> Search Page  

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

.search-section .post {

  border: 1px solid #F5F5F5;

  margin-bottom: 30px;

  border-radius: 25px;

}

.search-section .post .entry-content {

  padding: 20px;

}

.search-section .post .entry-content h4 {

  margin-bottom: 5px;

}

.search-section .post .entry-content h4 a {

  color: #292929;

}

.search-section .post .entry-content .entry-meta {

  margin-bottom: 5px;

  margin-right: -8px;

  margin-left: -8px;

}

.search-section .post .entry-content .entry-meta .byline,

.search-section .post .entry-content .entry-meta .posted-on,

.search-section .post .entry-content .entry-meta .post-on,

.search-section .post .entry-content .entry-meta .comment-info {

  padding: 0 8px;

  position: relative;

  display: inline-block;

  line-height: 1;

  font-size: 12px;

  font-weight: 400;

}

.search-section .post .entry-content .entry-meta .byline:before,

.search-section .post .entry-content .entry-meta .posted-on:before,

.search-section .post .entry-content .entry-meta .post-on:before,

.search-section .post .entry-content .entry-meta .comment-info:before {

  content: "|";

  font-weight: 100;

  right: -4px;

  top: -3px;

  color: #a7a7a7;

  font-size: 16px;

  position: absolute;

  line-height: 1;

}

.search-section .post .entry-content .entry-meta .byline a,

.search-section .post .entry-content .entry-meta .posted-on a,

.search-section .post .entry-content .entry-meta .post-on a,

.search-section .post .entry-content .entry-meta .comment-info a {

  color: #a7a7a7;

}

.search-section .post .entry-content .entry-meta .comment-info:before {

  content: none;

}

.search-section .post p {

  color: #4D0367;

}

.search-section .button-container .button-text {

  color: #F24080;

  text-transform: uppercase;

  font-size: 15px;

  font-weight: 700;

  line-height: 1.2;

  font-family: "Mulish", sans-serif;

}

.search-section .button-container .button-text:after {

  content: "..";

  display: inline-block;

}

.search-section .button-container .button-text:hover {

  color: #961040;

}

@media screen and (max-width: 767px) {

  .search-section .button-container .button-text {

    font-size: 14px;

    font-weight: 500;

  }

}

/* .search-section .post-navigation-wrap {

  margin-top: 10px;

} */

.search-section .content-search-from {

  padding-top: 110px;

  padding-bottom: 110px;

}

@media screen and (max-width: 767px) {

  .search-section .content-search-from {

    padding: 80px 0;

  }

}

.search-section .content-search-from .section-title {

  margin: 5px auto 25px;

}

.search-section .content-search-from .search-form {

  margin-top: 40px;

  border-color: rgba(242, 64, 128, 0.2);

}

.search-section .content-search-from .search-form ::placeholder {

  /* Chrome, Firefox, Opera, Safari 10.1+ */

  color: #a7a7a7;

  opacity: 1;

  /* Firefox */

}

.search-section .content-search-from .search-form :-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #a7a7a7;

}

.search-section .content-search-from .search-form ::-ms-input-placeholder {

  /* Microsoft Edge */

  color: #a7a7a7;

}

.search-section .content-search-from .search-form .search-btn {

  padding: 17px;

  top: 0;

  right: 0;

  background-color: #F24080;

  transition: all 0.3s;

  height: 100%;

}

.search-section .content-search-from .search-form .search-btn:hover {

  background-color: #961040;

}

@media screen and (max-width: 575px) {

  .search-section .content-search-from .search-form .search-btn {

    padding: 12px;

  }

}



.pagination li {

  margin-left: 6px;

  margin-right: 6px;

  transition: all 0.5s;

}

.pagination li a {

  color: #4D0367;

  border: none;

  height: auto;

  width: auto;

  line-height: 1;

  text-align: center;

  border: none;

  transition: all 0.3s;

  font-size: 15px;

  font-weight: 400;

}

.pagination li:hover a {

  background-color: transparent;

  color: #961040;

  border: none;

  border-radius: 0;

}

.pagination li.active a {

  background-color: transparent;

  color: var(--prime-color);

}



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

>>> 404 Page  

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

.no-content-section {

  padding-top: 110px;

  padding-bottom: 180px;

  position: relative;

  z-index: 1;

}

@media screen and (max-width: 575px) {

  .no-content-section {

    padding-bottom: 70px;

  }

}



.circle-patten {

  background-image: url(../images/educator-img4.png);

  background-position: 20% 110px;

  background-repeat: no-repeat;

  opacity: 0.2;

}



.no-content-wrap {

  position: relative;

  text-align: center;

  z-index: 2;

}

.no-content-wrap .zigzag-patten {

  background-image: url(../images/educator-img5.png);

  background-position: bottom right;

  background-repeat: no-repeat;

  background-size: 15% auto;

  opacity: 0.4;

}

.no-content-wrap .title-wrap {

  position: relative;

}

.no-content-wrap span {

  color: #D9D9D9;

  font-size: 300px;

  font-family: "Mulish", sans-serif;

  font-weight: 900;

  line-height: 1.2;

}

.no-content-wrap h1 {

  font-size: 60px;

  margin-bottom: 0;

  position: absolute;

  -webkit-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  transform: translate(0, -50%);

  top: 50%;

  left: 0;

  right: 0;

  color: #111111;

}

.no-content-wrap p {

  font-size: 18px;

  font-weight: 700;

  margin-top: 35px;

  margin-bottom: 35px;

  line-height: 1.1;

  font-family: "Mulish", sans-serif;

  color: #111111;

}

.no-content-wrap .search-form-wrap {

  max-width: 830px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 46px;

}

.no-content-wrap .search-form-wrap .search-form {

  max-width: 650px;

  margin-left: auto;

  margin-right: auto;

}

.no-content-wrap .search-form-wrap .search-form input {

  padding: 0 55px 0 20px;

  border-color: #F24080;

}

.no-content-wrap .search-form-wrap .search-form button {

  padding: 10px 20px;

  top: 0;

  right: 0;

  height: 100%;

  background-color: #F24080;

}

@media screen and (max-width: 767px) {

  .no-content-wrap span {

    font-size: 224px;

  }

}

@media screen and (max-width: 575px) {

  .no-content-wrap span {

    font-size: 124px;

  }

  .no-content-wrap h1 {

    font-size: 22px;

  }

  .no-content-wrap p {

    font-size: 14px;

    margin-top: 40px;

  }

}



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

>>> Comming soon Page  

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

.comming-soon-section {

  background-size: cover;

  background-position: center center;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

}

.comming-soon-section * {

  color: #ffffff;

}

.comming-soon-section .primary-color {

  color: var(--prime-color);

}

.comming-soon-section .overlay {

  background-color: var(--prime-color);

  opacity: 0.58;

  z-index: 1;

}

.comming-soon-section .comming-soon-wrap {

  color: #ffffff;

  position: relative;

  z-index: 2;

}

.comming-soon-section .site-identity {

  text-align: center;

}

.comming-soon-section .site-identity img {

  max-width: 100%;

}

.comming-soon-section .comming-soon-content {

  margin-top: 70px;

  margin-bottom: 40px;

  text-align: center;

}

.comming-soon-section .comming-soon-content h2 {

  font-size: 60px;

  font-weight: 800;

  line-height: 1.1;

  margin-bottom: 30px;

}

.comming-soon-section .comming-soon-content h2:after {

  background-color: #ffffff;

  content: "";

  width: 90px;

  height: 4px;

  display: block;

  margin-left: auto;

  margin-right: auto;

  margin-top: 18px;

}

.comming-soon-section .comming-soon-content h6 {

  font-size: 18px;

  font-weight: 700;

  line-height: 1.2;

  text-transform: uppercase;

}

.comming-soon-section .time-counter-wrap {

  margin-bottom: 70px;

}

.comming-soon-section .time-counter {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  text-align: center;

}

.comming-soon-section .time-counter .counter-time {

  background-color: #F24080;

  width: 160px;

  margin: 15px;

  padding: 30px;

  border-radius: 25px;

}

.comming-soon-section .time-counter .counter-time span {

  font-size: 15px;

  color: #fff;

  display: block;

  font-weight: 400;

  line-height: 1.7;

}

.comming-soon-section .time-counter .counter-time [class*=counter-] {

  color: #ffffff;

  font-size: 55px;

  font-family: "Mulish", sans-serif;

  font-weight: 800;

  line-height: 1.1;

}

.comming-soon-section .social-icons {

  text-align: center;

}

.comming-soon-section .social-icons ul {

  margin: 0;

  padding: 0;

}

.comming-soon-section .social-icons li {

  list-style: none;

  display: inline-block;

  margin: 0 5px;

}

.comming-soon-section .social-icons a {

  border: 1px solid #ffffff;

  font-size: 15px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  color: #ffffff;

  display: block;

  width: 35px;

  height: 35px;

  line-height: 34px;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.comming-soon-section .social-icons a:hover {

  background-color: #961040;

  border-color: #961040;

  color: #ffffff;

}

.comming-soon-section .com-contact-info ul {

  font-size: 0px;

  list-style: none;

  margin: 0;

  padding: 0;

}

.comming-soon-section .com-contact-info ul li {

  display: inline-block;

  font-size: 15px;

  padding: 0 10px;

}

.comming-soon-section .com-contact-info ul li:last-child {

  padding-right: 0;

}

.comming-soon-section .com-contact-info ul li:first-child {

  padding-left: 0;

}

.comming-soon-section .com-contact-info ul li [class*=fa-] {

  margin-right: 5px;

}

.comming-soon-section .com-contact-info ul li a {

  color: #fcfcfc;

  display: block;

  -webkit-transition: color 0.4s linear;

  -moz-transition: color 0.4s linear;

  -ms-transition: color 0.4s linear;

  -o-transition: color 0.4s linear;

  transition: color 0.4s linear;

}

.comming-soon-section .com-contact-info ul li a:hover,
.comming-soon-section .com-contact-info ul li a:focus,
.comming-soon-section .com-contact-info ul li a:active {

  color: #961040;

}

@media screen and (min-width: 1200px) {

  .comming-soon-section {

    height: 100vh;

  }

}

@media screen and (max-width: 1199px) {

  .comming-soon-section {

    padding: 30px 0;

  }

}

@media screen and (max-width: 991px) {

  .comming-soon-section .comming-soon-footer {

    text-align: center;

  }

  .comming-soon-section .com-contact-info {

    margin-bottom: 20px;

  }

  .comming-soon-section .time-counter .counter-time [class*=counter-] {

    font-size: 42px;

  }

}

@media screen and (max-width: 575px) {

  .comming-soon-section .comming-soon-content h2 {

    font-size: 30px;

  }

}



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

>>> Contact Page  

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

.contact-page-section {

  padding: 0 0 110px;

}

.contact-page-section .map-section {

  border-radius: 25px;

  display: block;

  overflow: hidden;

}

.contact-page-section .contact-form-inner {

  position: relative;

  z-index: 1;

  margin-top: 100px;

}

.contact-page-section .contact-form-inner .zigzag-patten {

  background-image: url(../images/educator-img5.png);

  background-position: bottom center;

  background-repeat: no-repeat;

  background-size: 20% auto;

  opacity: 0.5;

}

.contact-page-section .contact-form-inner .contact-detail-container .section-disc {

  margin-bottom: 20px;

}

.contact-page-section .contact-form-inner .contact-detail-container .section-disc p {

  margin-bottom: 0;

}

.contact-page-section .contact-form-inner .contact-detail-container .contact-details-list {

  margin-right: 50px;

}

@media screen and (max-width: 991px) {

  .contact-page-section .contact-form-inner .contact-detail-container .contact-details-list {

    margin-right: 0;

  }

}

.contact-page-section .contact-form-inner .contact-detail-container .contact-details-list ul {

  padding: 0;

  margin: 0;

  list-style-type: none;

}

.contact-page-section .contact-form-inner .contact-detail-container .contact-details-list ul li {

  display: flex;

  align-items: center;

  margin-bottom: 20px;

  padding: 20px 50px 20px 30px;

  background-color: #f8f8f8;

  border-radius: 25px;

}

.contact-page-section .contact-form-inner .contact-detail-container .contact-details-list ul li .icon {

  margin-right: 30px;

  text-align: center;

  display: inline-block;

}

.contact-page-section .contact-form-inner .contact-detail-container .contact-details-list ul li .icon i {

  width: 80px;

  height: 80px;

  line-height: 80px;

  background-color: var(--prime-color);

  color: #ffffff;

  font-size: 40px;

  border-radius: 50%;

  display: inline-block;

  position: relative;

  margin-right: 0;

}

@media screen and (max-width: 575px) {

  .contact-page-section .contact-form-inner .contact-detail-container .contact-details-list ul li .icon i {

    width: 60px;

    height: 60px;

    line-height: 60px;

    font-size: 30px;

  }

}

.contact-page-section .contact-form-inner .contact-detail-container .contact-details-list ul li .details-content h5 {

  margin-bottom: 5px;

}

.contact-page-section .contact-form-inner .contact-detail-container .contact-details-list ul li .details-content span {

  display: inline-block;

}

@media screen and (max-width: 479px) {

  .contact-page-section .contact-form-inner .contact-detail-container .contact-details-list ul li {

    padding: 20px;

  }

  .contact-page-section .contact-form-inner .contact-detail-container .contact-details-list ul li .icon {

    margin-right: 10px;

  }

}

.contact-page-section .contact-form-inner .contact-from-wrap {

  position: relative;

  z-index: 2;

  border-radius: 25px;

  padding: 70px 50px 70px 50px;

  box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.03);

  background-color: #ffffff;

}

@media screen and (max-width: 479px) {

  .contact-page-section .contact-form-inner .contact-from-wrap {

    padding: 50px 20px;

  }

}

.contact-page-section .contact-form-inner .contact-from-wrap .circle-patten {

  background-image: url(../images/educator-img4.png);

  background-position: bottom right;

  background-repeat: no-repeat;

  opacity: 0.5;

}

.contact-page-section .contact-form-inner .contact-from-wrap .contact-from {

  display: flex;

  flex-wrap: wrap;

  margin-left: -10px;

  margin-right: -10px;

}

.contact-page-section .contact-form-inner .contact-from-wrap .contact-from .width-full {

  width: 100%;

}

.contact-page-section .contact-form-inner .contact-from-wrap .contact-from .width-full:last-child {

  margin-bottom: 0;

}

.contact-page-section .contact-form-inner .contact-from-wrap .contact-from p {

  width: 50%;

  padding: 0 15px;

  margin-bottom: 30px;

}

@media screen and (max-width: 575px) {

  .contact-page-section .contact-form-inner .contact-from-wrap .contact-from p {

    width: 100%;

    margin-bottom: 20px;

    padding: 0;

  }

}

.contact-page-section .contact-form-inner .contact-from-wrap .contact-from p input,

.contact-page-section .contact-form-inner .contact-from-wrap .contact-from p textarea,

.contact-page-section .contact-form-inner .contact-from-wrap .contact-from p select {

  border: 0;

  padding: 12px 20px;

  width: 100%;

}

.contact-page-section .contact-form-inner .contact-from-wrap .contact-from p input[type=submit] {

  width: 100%;

  min-height: 40px;

  padding: 16px 28px;

  background-color: #F24080;

}



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

>>> Shop Pages

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

.product-outer-wrap {

  padding-top: 110px;

  padding-bottom: 110px;

}

@media screen and (max-width: 991px) {

  .product-outer-wrap {

    padding-bottom: 80px;

    padding-top: 80px;

  }

}

.product-outer-wrap .product-notices-wrapper {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-pack: space-between;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-bottom: 40px;

}

.product-outer-wrap .product-notices-wrapper select,

.product-outer-wrap .product-notices-wrapper form {

  width: 100%;

}

@media screen and (min-width: 576px) {

  .product-outer-wrap .product-notices-wrapper p {

    margin-bottom: 0;

    font-size: 15px;

    color: #4D0367;

  }

  .product-outer-wrap .product-notices-wrapper form {

    width: auto;

  }

  .product-outer-wrap .product-notices-wrapper form select {

    width: auto;

    font-size: 16px;

    border-radius: 0;

    border: 1px solid #d9d9d9;

    color: #000;

    padding: 8px 16px;

    height: 50px;

  }

}



.product-inner-wrap {

  margin-bottom: 110px;

}

@media screen and (max-width: 991px) {

  .product-inner-wrap {

    margin-bottom: 80px;

  }

}



.single-product-outer-wrapper {

  padding: 120px 0 0;

}

@media screen and (max-width: 767px) {

  .single-product-outer-wrapper {

    padding: 80px 0 0;

  }

}



.product-toolbar {

  margin-bottom: 60px;

}

.product-toolbar .form-group {

  position: relative;

}

.product-toolbar .form-group i {

  position: absolute;

  width: 42px;

  height: 42px;

  line-height: 50px;

  text-align: center;

  right: 0;

  top: 0;

  border-left: 1px solid #e6e6e6;

}

.product-toolbar .form-group input[type=text] {

  padding-right: 55px;

}



.product-item {

  -webkit-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15);

  -ms-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15);

  -o-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15);

  box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15);

  margin-bottom: 25px;

  padding: 10px 10px 25px;

  border-radius: 30px;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.product-item .product-image {

  position: relative;

  overflow: hidden;

}

.product-item .product-image a {

  display: block;

  overflow: hidden;

  border-radius: 30px;

}

.product-item .product-image a img {

  -webkit-transition: linear 0.4s;

  -moz-transition: linear 0.4s;

  -ms-transition: linear 0.4s;

  -o-transition: linear 0.4s;

  transition: linear 0.4s;

  border-radius: 30px;

}

.product-item .product-image a:hover img {

  transform: scale(1.2) rotate(5deg);

  border-radius: 30px;

}

.product-item .product-content h4 {

  margin-bottom: 5px;

  padding: 25px 0 10px;

  color: #111111;

}

.product-item .product-content .product-cat a {

  color: #4a4a4a;

  font-size: 13px;

  margin-bottom: 10px;

  display: inline-block;

}

.product-item .product-content .product-cat a:hover {

  color: #961040;

}

.product-item .product-content .product-price {

  font-size: 24px;

  font-weight: 800;

  font-family: "Mulish", sans-serif;

  line-height: 1.2;

  padding: 0 20px;

  margin-bottom: 30px;

}

.product-item .product-content .product-price del {

  color: #787878;

  opacity: 0.5;

}

.product-item .product-content .product-price ins {

  color: #F24080;

  text-decoration: underline;

}

.product-item .product-content .button-round-secondary {

  padding: 10px 15px;

}

.product-item .onsale {

  background: var(--prime-color);

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

  color: #ffffff;

  font-size: 15px;

  font-weight: 400;

  right: 10px;

  line-height: 30px;

  padding: 0px 12px;

  display: block;

  position: absolute;

  top: 10px;

  z-index: 3;

  border-radius: 30px;

}

.product-item .onsale:after {

  content: "!";

}

.product-item .rate-wrap {

  padding: 20px 20px 0;

  border-top: 1px solid #e6e6e6;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-pack: space-between;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.product-item .button-round-primary {

  font-size: 15px;

  margin-top: 18px;

  padding: 10px 15px;

  text-transform: capitalize;

}

.product-item:hover {

  -webkit-transform: translate(0, -5px);

  -moz-transform: translate(0, -5px);

  -ms-transform: translate(0, -5px);

  -o-transform: translate(0, -5px);

  transform: translate(0, -5px);

}



.procduct-rate {

  display: inline-block;

  position: relative;

  font-size: 13px;

  letter-spacing: 3px;

  overflow: hidden;

}

@media screen and (max-width: 991px) {

  .procduct-rate {

    font-size: 12px;

  }

}

.procduct-rate:before {

  color: #ddd;

  content: "\f005\f005\f005\f005\f005";

  display: block;

  font-family: "Font Awesome 5 free";

}

.procduct-rate span {

  float: left;

  left: 0;

  overflow: hidden;

  padding-top: 1.5em;

  position: absolute;

  top: 0;

  z-index: 1;

}

.procduct-rate span:before {

  color: #FEBF00;

  content: "\f005\f005\f005\f005\f005";

  display: block;

  font-family: "Font Awesome 5 free";

  font-weight: 900;

  position: absolute;

  top: 0;

  left: 0;

}



.pagination li {

  margin-left: 0;

  margin-right: 0;

}

.pagination li:hover a,
.pagination li.active a {

  background-color: #961040;

  color: #ffffff;

}

.pagination li a {

  color: #4D0367;

  padding: 15px;

  background-color: #f8f8f8;

  line-height: 1;

  font-size: 15px;

  font-weight: 400;

  text-align: center;

  border-radius: 0;

}



.sidebar .divider-wrapper {

  display: flex;

  justify-content: center;

  margin-bottom: 35px;

}

.sidebar .search_widget form input {

  border-radius: 30px;

  height: 50px;

}

.sidebar .search_widget form .search-btn {

  font-size: 24px;

  top: 0;

  right: 0;

  font-size: 15px;

  border-radius: 0 30px 30px 0;

  background-color: #F24080;

  color: white;

  padding: 16px;

  height: 100%;

}

.sidebar .widget_category_product_thumb {

  margin-bottom: 40px;

}

.sidebar .widget_category_product_thumb ul li {

  padding: 10px;

}

.sidebar .widget_category_product_thumb ul li .count,

.sidebar .widget_category_product_thumb ul li h5 {

  color: #292929;

  font-family: "Mulish", sans-serif;

  font-size: 13px;

  font-weight: 600;

  line-height: 1.2;

}

.sidebar .widget.widget-product-thumb .product-thumb {

  border-radius: 30px;

  overflow: hidden;

  transform: scale(1.02);

}

.sidebar .widget.widget-product-thumb .product-content h5 a {

  color: #292929;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.1;

  font-family: "Mulish", sans-serif;

}

.sidebar .widget.widget-product-thumb .product-content .entry-meta span a {

  font-size: 12px;

  color: #adadad;

  line-height: 1.3;

}

.sidebar .gallery-colum-3 .gallery-item {

  padding: 9px;

}

.sidebar .gallery-colum-3 .gallery-item a {

  border-radius: 30px;

  overflow: hidden;

}



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

procduct details css

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

.sale-tag {

  position: absolute;

  top: -10px;

  left: -10px;

  background-color: #77a464;

  height: 42px;

  width: 42px;

  line-height: 42px;

  text-align: center;

  font-weight: 700;

  color: #ffffff;

  z-index: 1;

  border-radius: 50%;

  font-size: 13px;

}



.product-outer-wrap .product-thumbnails-outer {

  position: relative;

}



.single-product-item .feature-image img {

  margin: auto;

  border-radius: 25px;

}

.single-product-item .image-search-icon {

  position: absolute;

  top: 15px;

  right: 15px;

}

.single-product-item .image-search-icon a {

  background-color: #ffffff;

  border-radius: 100%;

  color: #383838;

  display: block;

  font-size: 17px;

  width: 36px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  -webkit-transition: background-color 0.3s, color 0.3s;

  -moz-transition: background-color 0.3s, color 0.3s;

  -ms-transition: background-color 0.3s, color 0.3s;

  -o-transition: background-color 0.3s, color 0.3s;

  transition: background-color 0.3s, color 0.3s;

}

.single-product-item .image-search-icon a:hover {

  background-color: #961040;

  color: #ffffff;

}



.product-thumb-nav .single-product-item {

  padding: 10px 5px 0 5px;

}

.product-thumb-nav .single-product-item .feature-image {

  border-radius: 30px;

  overflow: hidden;

}

.product-thumb-nav .single-product-item .feature-image img {

  opacity: 0.5;

}

.product-thumb-nav .slick-center .feature-image img {

  opacity: 1;

}

.product-thumb-nav.slick-slider .slick-prev:before,

.product-thumb-nav.slick-slider .slick-next:before {

  height: 25px;

  width: 25px;

  font-size: 12px;

  line-height: 25px;

}

.product-thumb-nav.slick-slider .slick-prev {

  left: 5px;

}

.product-thumb-nav.slick-slider .slick-next {

  right: 5px;

}



.product-summary .breadcrumb-content ul {

  margin-bottom: 20px;

}

.product-summary .breadcrumb-content ul li {

  padding: 0;

}

.product-summary .breadcrumb-content ul li:before {

  padding: 0 5px;

  line-height: 1.8;

  font-size: 12px;

}

.product-summary .breadcrumb-content ul li a {

  color: #767676;

  font-family: "Mulish", sans-serif;

  font-size: 15px;

  font-weight: 700;

  line-height: 1.1;

}

.product-summary .breadcrumb-content ul li:last-child a {

  color: #4D0367;

}

.product-summary h2 {

  color: #111111;

  font-weight: 900;

  font-size: 52px;

  margin-bottom: 20px;

}

.product-summary .product-price {

  font-family: "Mulish", sans-serif;

  font-size: 52px;

  font-weight: 900;

  margin-bottom: 35px;

  line-height: 1;

}

.product-summary .product-price ins {

  color: #F24080;

}

.product-summary .product-price del {

  opacity: 0.5;

  display: inline-block;

  color: #F24080;

  font-size: 42px;

}

.product-summary .product-desc {

  border-top: 1px solid #D9D9D9;

  margin-top: 30px;

  padding-top: 25px;

}

.product-summary .product-desc p {

  color: #4D0367;

}

.product-summary .cart-item input {

  border-radius: 5px;

  width: 55px;

  height: 45px;

  padding-right: 0;

  text-align: center;

  color: #494949;

  border: 1px solid #d9d9d9;

  background-color: #ffffff;

  padding: 0;

}

.product-summary .cart-item button {

  border: none;

  margin-left: 10px;

  padding: 14px 22px;

  background-color: #F24080;

  color: #ffffff;

  line-height: 1.2;

  font-weight: 700;

}

.product-summary .product-meta {

  border-top: 1px solid #D9D9D9;

  margin-top: 40px;

  padding-top: 30px;

}

.product-summary .product-meta [class*=-detail] {

  line-height: 1.2;

}

.product-summary .product-meta strong {

  color: #292929;

  font-family: "Mulish", sans-serif;

  font-size: 15px;

  font-weight: 700;

  text-transform: capitalize;

  margin-right: 5px;

}

.product-summary .product-meta a {

  font-family: "Poppins", sans-serif;

  font-size: 15px;

  font-weight: 500;

  line-height: 1.7;

  color: #4D0367;

}

.product-summary .product-meta a:hover {

  color: #961040;

}

.product-summary .product-meta span {

  color: #111111;

}

@media screen and (min-width: 992px) {

  .product-summary {

    margin-left: 20px;

  }

}

@media screen and (max-width: 767px) {

  .product-summary {

    margin-top: 40px;

  }

  .product-summary h2 {

    font-size: 30px;

  }

  .product-summary .product-price {

    font-size: 30px;

  }

}

@media screen and (max-width: 479px) {

  .product-summary h2 {

    margin-bottom: 12px;

  }

  .product-summary .product-price {

    margin-bottom: 12px;

  }

}



.product-tab-outer {

  padding-top: 110px;

  padding-bottom: 110px;

  background-color: #ffffff;

}

.product-tab-outer .tab-container .responsive-tabs ul {

  padding-left: 15px;

  border-bottom: 1px solid #d3ced2;

}

.product-tab-outer .tab-container .responsive-tabs ul li a {

  font-size: 18px;

  font-weight: 700;

  font-family: "Mulish", sans-serif;

  line-height: 1.1;

  padding: 15px 22px;

  color: #111111;

}

.product-tab-outer .tab-container .responsive-tabs ul li a.active {

  position: relative;

  z-index: 1;

  background-color: #fff;

  border-radius: 8px 8px 0 0;

  border: 1px solid #d3ced2;

  border-bottom: 1px solid #fff;

  margin-bottom: -1px;

  color: #F24080;

}

.product-tab-outer .tab-container .responsive-tabs ul li a:hover {

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

}

.product-tab-outer .tab-container .responsive-tabs .tab-content {

  background-color: #ffffff;

  border: 1px solid #d3ced2;

  border-top: 0;

  padding: 30px;

}

.product-tab-outer .tab-container .responsive-tabs .tab-content .card-body {

  background-color: #ffffff;

  padding: 16px;

}

.product-tab-outer .tab-container .responsive-tabs .tab-content .card-body h6 {

  color: #292929;

  font-weight: 700;

  line-height: 1.7;

  margin-bottom: 16px;

  margin-top: 8px;

}

.product-tab-outer .tab-container .responsive-tabs .tab-content .card-body p {

  color: #4D0367;

}

.product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form label {

  font-size: 15px;

  color: #292929;

  font-family: "Poppins", sans-serif;

  line-height: 1.7;

}

.product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form .procduct-rate:before {

  color: var(--prime-color);

}

.product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form .aggrement-tick input {

  display: inline-block;

  width: 15px;

  height: 15px;

}

.product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form .aggrement-tick label {

  display: inline;

  color: #111111;

}

.product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form input[type=submit] {

  border-radius: 0;

  color: #515151;

  padding: 10px 15px;

  margin-top: 0;

  background-color: #ebe9eb;

  font-size: 15px;

  font-weight: 700;

}

.product-tab-outer .tab-container .responsive-tabs .tab-content .card-body .comment-area .comment-form input[type=submit]:hover {

  background-color: #dfdcde;

}

@media screen and (max-width: 767px) {

  .product-tab-outer {

    padding-top: 80px;

    padding-bottom: 80px;

  }

  .product-tab-outer .tab-container .responsive-tabs .tab-content {

    padding: 0;

  }

  .product-tab-outer .tab-container .responsive-tabs .tab-content .card-body {

    padding: 0 22px;

  }

}



.product-outer-wrap .tab-container {

  margin-top: 0;

}

.product-outer-wrap .tab-container table {

  background-color: #f7f7f7;

  border: 1px solid #e6e6e6;

}

.product-outer-wrap .tab-container table th {

  color: #333;

  border-bottom: 1px solid #e6e6e6;

  border-right: 1px solid #e6e6e6;

}

.product-outer-wrap .tab-container table tr:last-child td {

  border-bottom: none;

}

.product-outer-wrap .tab-container table tr:last-child th {

  border-bottom: none;

}

.product-outer-wrap .rate-wrap {

  padding: 0;

}

.product-outer-wrap .comment-area {

  margin-top: 0;

}

@media screen and (max-width: 575px) {

  .product-outer-wrap .tab-content {

    padding: 30px 15px;

  }

}



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

Related product css

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

.related-product {

  margin-top: 80px;

}

.related-product .product-item {

  background-color: #ffffff;

}

.related-product .product-item .button-round-primary {

  margin-top: 25px;

}

@media screen and (max-width: 991px) {

  .related-product {

    margin-top: 60px;

  }

}



.related-title h3 {

  font-size: 35px;

  font-weight: 700;

  line-height: 1.1;

  margin-bottom: 40px;

  margin-top: 8px;

  color: #F24080;

}

@media screen and (max-width: 767px) {

  .related-title h3 {

    font-size: 25px;

  }

}



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

product cart css

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

.cart-section {

  margin-bottom: 100px;

}

@media screen and (max-width: 575px) {

  .cart-section {

    margin-bottom: 50px;

  }

}



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

product slider range for price css

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

#slider-range.ui-widget-content {

  background-color: #e6e6e6;

  border: none;

  height: 6px;

  margin-top: 20px;

}

#slider-range .ui-widget-header {

  background-color: #F24080;

}

#slider-range .ui-corner-all,
#slider-range.ui-widget-content {

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

}

#slider-range.ui-slider-horizontal .ui-slider-handle {

  margin-left: -1px;

  top: -6px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  background-color: #f8f8f8;

}

#slider-range .price-amout .button-round-secondary {

  border-radius: 25px;

}



.ui-widget-content {

  color: inherit;

}



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

>>> Shop cart

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

.carts-section {

  padding: 110px 0;

}

@media screen and (max-width: 767px) {

  .carts-section {

    padding: 80px 0;

  }

}



.cart-list-inner .left-item-total .table-responsive {

  padding: 35px;

  border-radius: 30px;

  background-color: #f8f8f8;

  margin-bottom: 30px;

}

@media screen and (max-width: 575px) {

  .cart-list-inner .left-item-total .table-responsive {

    padding: 35px 20px;

  }

}

@media screen and (max-width: 575px) {

  .cart-list-inner .left-item-total .table-responsive .update-btn {

    text-align: center;

  }

}

.cart-list-inner .table {

  border-width: 0;

  border-style: solid;

  border-color: #dee2e6;

}

.cart-list-inner .table thead tr th {

  background-color: #f8f8f8;

  border: none;

  color: #000;

  font-size: 18px;

  font-weight: 600;

}

.cart-list-inner .table tr .cartImage {

  display: block;

  overflow: hidden;

  width: 55px;

  margin-right: 0px;

}

.cart-list-inner .table tr td {

  color: #4D0367;

  font-family: "Mulish", sans-serif;

  vertical-align: middle;

  border-bottom: 1px solid #dee2e6;

  border-right: none;

  border-left: none;

  border-top: none;

  position: relative;

  padding: 20px 20px 20px 0;

  font-size: 13px;

  font-weight: 600;

  line-height: 1.7;

}

.cart-list-inner .table tr td .close {

  background-color: transparent;

  font-size: 24px;

  float: left;

  border: none;

  padding: 0;

  position: relative;

  top: 15px;

  margin-right: 10px;

}

.cart-list-inner .table tr td input {

  width: 40px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  border-radius: 3px;

  font-size: 13px;

  font-weight: 600;

  height: 24px;

  text-align: center;

  color: #4D0367;

  border-width: 1px;

  border-color: #d5d8dc;

  border-style: solid;

  padding: 2px;

}

.cart-list-inner .table tr td .product-name {

  color: #F24080;

  font-weight: 400;

}

@media screen and (max-width: 575px) {

  .cart-list-inner .table {

    display: block;

  }

  .cart-list-inner .table thead,

  .cart-list-inner .table tbody,

  .cart-list-inner .table th,

  .cart-list-inner .table td,

  .cart-list-inner .table tr {

    display: block;

  }

  .cart-list-inner .table thead tr {

    position: absolute;

    top: -9999px;

    left: -9999px;

  }

  .cart-list-inner .table tr {

    border: 1px solid #e6e6e6;

    margin-top: 20px;

  }

  .cart-list-inner .table tr:first-child {

    margin-top: 0px;

  }

  .cart-list-inner .table td {

    border: none;

    border-bottom: 1px solid #e6e6e6;

    position: relative;

    text-align: center;

  }

  .cart-list-inner .table td .close {

    margin: 0;

    left: 10px;

  }

  .cart-list-inner .table td .cartImage {

    margin: auto;

  }

  .cart-list-inner .table td:before {

    display: block;

    white-space: nowrap;

    content: attr(data-column);

    color: #111111;

    font-weight: 600;

    margin-bottom: 10px;

    font-size: 15px;

  }

}

.cart-list-inner .updateArea {

  padding: 35px;

  border-radius: 30px;

  background-color: #f8f8f8;

}

@media screen and (max-width: 991px) {

  .cart-list-inner .updateArea {

    margin-bottom: 30px;

  }

}

@media screen and (max-width: 575px) {

  .cart-list-inner .updateArea {

    padding: 35px 25px;

  }

}

.cart-list-inner .updateArea .input-group-wrapper {

  display: flex;

  align-items: center;

  margin-bottom: 0;

  width: auto;

}

.cart-list-inner .updateArea .input-group-wrapper .form-control {

  width: auto;

  display: inline-block;

  padding: 15px;

  border-radius: 30px;

  margin-right: 30px;

  color: #4D0367;

  flex: 2;

  background-color: #ffffff;

  border: none;

}

.cart-list-inner .updateArea .input-group-wrapper .form-control ::-webkit-input-placeholder {

  /* Edge */

  color: #a7a7a7;

}

.cart-list-inner .updateArea .input-group-wrapper .form-control :-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #a7a7a7;

}

.cart-list-inner .updateArea .input-group-wrapper .form-control ::placeholder {

  color: #a7a7a7;

}

.cart-list-inner .updateArea .input-group-wrapper .form-control:focus {

  border: none;

  box-shadow: none;

}

@media screen and (max-width: 767px) {

  .cart-list-inner .updateArea .input-group-wrapper .form-control {

    text-align: center;

  }

}

.cart-list-inner .updateArea a {

  padding: 18px 20px;

  font-weight: 700;

  font-size: 15px;

  line-height: 1.2;

  font-family: "Mulish", sans-serif;

  width: auto;

  border-radius: 30px;

  flex: 1;

  text-align: center;

}

.cart-list-inner .updateArea a.update-btn {

  float: right;

}

@media screen and (max-width: 575px) {

  .cart-list-inner .updateArea .input-group-wrapper {

    width: 100%;

    display: block;

  }

  .cart-list-inner .updateArea .input-group-wrapper .form-control {

    margin-right: 0;

    margin-bottom: 10px;

    width: 100%;

  }

  .cart-list-inner .updateArea a {

    display: inline-block;

    text-align: center;

    margin-bottom: 10px;

    padding: 15px 30px;

  }

  .cart-list-inner .updateArea a.update-btn {

    float: none;

  }

}

@media screen and (max-width: 767px) {

  .cart-list-inner .updateArea {

    text-align: center;

  }

}

.cart-list-inner .updateArea .input-group-wrapper input {

  height: 55px;

}

@media screen and (max-width: 767px) {

  .cart-list-inner .updateArea a.update-btn {

    float: none;

    margin-top: 15px;

  }

}

@media screen and (max-width: 575px) {

  .cart-list-inner .updateArea a.update-btn {

    margin-top: 0;

  }

}

.cart-list-inner .right-total form .balance-amt-wrapper {

  padding: 35px;

  background-color: #f8f8f8;

  border-radius: 30px;

}

.cart-list-inner .right-total form .balance-amt-wrapper .balance-title {

  margin-bottom: 16px;

  color: #111111;

}

.cart-list-inner .right-total form .balance-amt-wrapper .checkBtnArea {

  padding-top: 15px;

}

.cart-list-inner .right-total form .balance-amt-wrapper .button-round-secondary {

  width: 100%;

  text-align: center;

  padding: 15px;

}

.cart-list-inner .totalAmountArea ul {

  margin: 0;

  padding: 0;

}

.cart-list-inner .totalAmountArea ul li {

  padding: 12px 12px 9px 0px;

  border-bottom: 1px solid #d9d9d9;

  font-family: "Mulish", sans-serif;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.2;

  color: #787878;

}

.cart-list-inner .totalAmountArea ul li:last-child {

  border-bottom: none;

}

.cart-list-inner .totalAmountArea ul li strong {

  font-weight: 600;

}

.cart-list-inner .totalAmountArea ul li span {

  display: inline-block;

  float: right;

}

.cart-list-inner .totalAmountArea ul li .grandTotal {

  font-weight: 700;

}



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

>>> categories Pages

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

.categories-section {

  margin-bottom: 110px;

  position: relative;

  z-index: 1;

}

@media screen and (max-width: 767px) {

  .categories-section {

    margin-bottom: 80px;

  }

}

.categories-section .pattern-overlay {

  background-image: url(../images/educator-img5.png);

  background-size: 11% auto;

  background-repeat: no-repeat;

  background-position: bottom right;

  opacity: 0.5;

}

.categories-section .service-wrapper {

  position: relative;

  z-index: 1;

}

.categories-section .service-wrapper .pattern-circle {

  background-image: url(../images/educator-img4.png);

  background-position: center center;

  background-repeat: no-repeat;

  opacity: 0.2;

}

.categories-section .service-wrapper .service-content {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  grid-gap: 45px;

}

@media screen and (max-width: 991px) {

  .categories-section .service-wrapper .service-content {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media screen and (max-width: 575px) {

  .categories-section .service-wrapper .service-content {

    grid-template-columns: repeat(1, 1fr);

  }

}

.categories-section .service-wrapper .course-type {

  border: 2px dashed #d9d9d9;

  border-radius: 25px;

  padding: 40px;

  text-align: center;

}

.categories-section .service-wrapper .course-type .course-icon {

  margin-bottom: 25px;

}

.categories-section .service-wrapper .course-type .course-icon i {

  font-size: 50px;

  padding: 45px;

  display: inline-block;

  border-radius: 100%;

  background-color: #f8f8f8;

  color: var(--prime-color);

}

.categories-section .service-wrapper .course-type .course-title {

  margin-bottom: 10px;

}

.categories-section .service-wrapper .course-type .course-durations {

  margin-bottom: 0;

  color: #F24080;

}



.categories-goal-section {

  background-color: #ffffff;

}



.categories-progress-section {

  background-color: #f8f8f8;

  padding: 300px 15px 100px 15px;

}

.categories-progress-section .counter-inner .counter-item {

  border-color: rgba(242, 64, 128, 0.2);

}

@media screen and (max-width: 991px) {

  .categories-progress-section .counter-inner .counter-item {

    border-color: rgba(242, 64, 128, 0.2);

  }

}

@media screen and (max-width: 575px) {

  .categories-progress-section .counter-inner .counter-item {

    border-color: rgba(242, 64, 128, 0.2);

  }

}

.categories-progress-section .counter-inner .counter-item .counter-no {

  color: var(--prime-color);

  font-size: 60px;

}

.categories-progress-section .counter-inner .counter-item .Completed {

  color: #F24080;

  font-family: "Mulish", sans-serif;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.1;

}



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

>>> Legal notice Pages

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

.policy-page-section {

  padding: 110px 0;

}

@media screen and (max-width: 767px) {

  .policy-page-section {

    padding: 80px;

  }

}

.policy-page-section .policy-inner h3,
.policy-page-section .policy-inner h4 {

  color: #F24080;

}

.policy-page-section .policy-inner p {

  color: #4D0367;

  margin-bottom: 10px;

  font-weight: 400;

  font-size: 15px;

  font-family: "Poppins", sans-serif;

  line-height: 1.5;

}

.policy-page-section .policy-inner ul li {

  color: #4D0367;

  font-family: "Mulish", sans-serif;

  font-size: 13px;

  font-weight: 600;

}



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

>>> Archive Pages

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

.single-post-section .right-sidebar .inner-blog-wrap {

  display: grid;

  grid-row-gap: 35px;

  grid-column-gap: 40px;

  grid-template-columns: repeat(2, 1fr);

}

@media screen and (max-width: 767px) {

  .single-post-section .right-sidebar .inner-blog-wrap {

    grid-template-columns: repeat(1, 1fr);

  }

}

.single-post-section .right-sidebar .inner-blog-wrap .post {

  border-radius: 25px;

  overflow: hidden;

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);

  transition: all 0.4s ease-out;

}

.single-post-section .right-sidebar .inner-blog-wrap .post:hover {

  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);

}

.single-post-section .right-sidebar .inner-blog-wrap .post:hover .feature-image {

  transition: all 1s ease-out;

}

.single-post-section .right-sidebar .inner-blog-wrap .post:hover .feature-image:before {

  content: none;

}

.single-post-section .right-sidebar .inner-blog-wrap .post .feature-image {

  position: relative;

  z-index: 1;

  cursor: pointer;

  border-radius: 0;

  margin-bottom: 0;

}

.single-post-section .right-sidebar .inner-blog-wrap .post .feature-image:before {

  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), color-stop(75%, transparent));

  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent 75%);

  background-repeat: no-repeat;

  content: "";

  height: 100%;

  width: 100%;

  position: absolute;

  bottom: 0;

  opacity: 1;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.single-post-section .right-sidebar .inner-blog-wrap .post .feature-image .cat-meta {

  position: absolute;

  top: 20px;

  right: 20px;

}

.single-post-section .right-sidebar .inner-blog-wrap .post .feature-image .cat-meta a {

  padding: 7px 14px;

  background-color: #F24080;

  color: #ffffff;

  font-size: 12px;

  font-weight: 400;

  line-height: 1;

  border-radius: 20px;

  display: inline-block;

}

.single-post-section .right-sidebar .inner-blog-wrap .post .entry-content {

  padding: 35px 40px 32px 40px;

}

.single-post-section .right-sidebar .inner-blog-wrap .post .entry-content h4 {

  margin-bottom: 15px;

}

.single-post-section .right-sidebar .inner-blog-wrap .post .entry-content .blog-info {

  margin-bottom: 0;

  color: #777;

}



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

>>> Compatibility  

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

.widget {

  margin-bottom: 20px;

}

.widget a {

  display: block;

}

.widget .widget-title {

  margin-bottom: 30px;

}

.widget ul {

  margin: 0;

  padding: 0;

}

.widget ul li {

  list-style: none;

}

.widget ul li a {

  color: #383838;

}

.widget ul li a:hover {

  color: #961040;

}

.widget.author_widget {

  text-align: center;

}

.widget.author_widget .profile .avatar {

  margin-bottom: 14px;

}

.widget.author_widget .profile .avatar a {

  display: block;

  position: relative;

  overflow: hidden;

}

.widget.author_widget .profile .avatar a:before {

  position: absolute;

  top: 0;

  left: -75%;

  z-index: 2;

  display: none;

  content: "";

  width: 50%;

  height: 100%;

  background: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);

  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);

  -webkit-transform: skewX(-25deg);

  transform: skewX(-25deg);

}

.widget.author_widget .profile .avatar a:hover:before,
.widget.author_widget .profile .avatar a:focus:before,
.widget.author_widget .profile .avatar a:active:before {

  -webkit-animation: shine 1s;

  animation: shine 1s;

  display: block;

}

.widget.author_widget .name-title {

  margin-bottom: 20px;

}

.widget.author_widget .text-content p:last-child {

  margin-bottom: 0;

}

.widget.author_widget .socialgroup {

  margin-top: 25px;

}

.widget.author_widget .socialgroup ul {

  margin: 0;

}

.widget.author_widget .socialgroup ul li {

  list-style: none;

  border-bottom: none;

  display: inline-block;

  margin: 0 3px;

  padding: 0;

}

.widget.author_widget .socialgroup ul li a {

  color: var(--prime-color);

  display: block;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  text-align: center;

  padding: 3px 9px;

  border: 1px solid var(--prime-color);

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}

.widget.author_widget .socialgroup ul li a:hover,
.widget.author_widget .socialgroup ul li a:focus,
.widget.author_widget .socialgroup ul li a:active {

  border-color: #961040;

  color: #961040;

}

.widget.author_widget .profile .avatar {

  width: 50%;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

  background: #fff;

}

.widget.author_widget .profile .avatar img {

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

}

.widget.author_widget .widget-content.text-center .profile .avatar {

  margin-left: auto;

  margin-right: auto;

}

.widget.author_widget .widget-content.text-right .profile .avatar {

  margin-left: auto;

}

.widget.widget-post-thumb li {

  margin-bottom: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid #e6e6e6;

}

.widget.widget-post-thumb li:before,
.widget.widget-post-thumb li:after {

  content: "";

  display: block;

  clear: both;

}

.widget.widget-post-thumb li:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.widget.widget-post-thumb li a {

  color: inherit;

}

.widget.widget-post-thumb .post-thumb {

  width: 100px;

  float: left;

  position: relative;

}

.widget.widget-post-thumb .post-content {

  float: right;

  width: -moz-calc(100% - 120px);

  width: -webkit-calc(100% - 120px);

  width: calc(100% - 120px);

}

.widget.widget-post-thumb .post-content h6 {

  font-weight: 700;

  margin-bottom: 5px;

}

.widget.widget-post-thumb .post-content p {

  margin-bottom: 0;

  font-size: 14px;

}

.widget.widget-post-thumb .post-content .entry-meta {

  margin-left: -8px;

  margin-right: -8px;

}

.widget.widget-post-thumb .post-content .entry-meta span {

  padding: 0 8px;

  position: relative;

}

.widget.widget-post-thumb .post-content .entry-meta span:before {

  color: #B6B6B6;

  content: "|";

  font-size: 13px;

  position: absolute;

  right: 0;

  top: 0;

}

.widget.widget-post-thumb .post-content .entry-meta span:last-child:before {

  display: none;

}

.widget.widget-post-thumb .post-content .entry-meta a {

  color: #adadad;

  display: inline-block;

  font-size: 13px;

  line-height: 1.1;

}

.widget.widget-post-thumb .post-content .entry-meta a:hover,
.widget.widget-post-thumb .post-content .entry-meta a:focus {

  color: #961040;

}

.widget.widget_tag_cloud .tagcloud {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: -5px;

}

.widget.widget_tag_cloud .tagcloud a {

  background-color: #F6F6F6;

  color: #383838;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  padding: 5px 15px;

  margin: 5px;

  text-align: center;

  -webkit-transition: background-color 0.4s;

  -moz-transition: background-color 0.4s;

  -ms-transition: background-color 0.4s;

  -o-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.widget.widget_tag_cloud .tagcloud a:hover {

  background-color: #961040;

  color: #ffffff;

}

.widget.widget_recent_post li {

  margin-bottom: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid rgba(135, 135, 135, 0.3);

}

.widget.widget_recent_post li:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.widget.widget_recent_post li a {

  color: inherit;

}

.widget.widget_recent_post li h5 {

  font-family: "Mulish", sans-serif;

  font-weight: 600;

  line-height: 1.3;

  margin-bottom: 10px;

}

.widget.widget_recent_post li .entry-meta {

  margin-left: -8px;

  margin-right: -8px;

}

.widget.widget_recent_post li .entry-meta span {

  padding: 0 8px;

  position: relative;

}

.widget.widget_recent_post li .entry-meta span:before {

  color: #B6B6B6;

  content: "|";

  font-size: 13px;

  position: absolute;

  right: 0;

  top: 0;

}

.widget.widget_recent_post li .entry-meta span:last-child:before {

  display: none;

}

.widget.widget_recent_post li .entry-meta a {

  color: #CCC;

  display: inline-block;

  font-size: 13px;

  line-height: 1.1;

}

.widget.widget_recent_post li .entry-meta a:hover,
.widget.widget_recent_post li .entry-meta a:focus {

  color: #961040;

}

.widget .gallery,

.widget .insta-gallery {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: -5px;

}

.widget .gallery .gallery-item,

.widget .insta-gallery .gallery-item {

  padding: 5px;

}

.widget .gallery .gallery-item a,

.widget .insta-gallery .gallery-item a {

  display: block;

  position: relative;

  overflow: hidden;

}

.widget .gallery .gallery-item a:before,

.widget .insta-gallery .gallery-item a:before {

  background-color: rgba(0, 0, 0, 0.3);

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: absolute;

  opacity: 0;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.widget .gallery .gallery-item a:hover:before,
.widget .gallery .gallery-item a:focus:before,
.widget .gallery .gallery-item a:active:before,

.widget .insta-gallery .gallery-item a:hover:before,

.widget .insta-gallery .gallery-item a:focus:before,

.widget .insta-gallery .gallery-item a:active:before {

  opacity: 1;

}

.widget .gallery.gallery-colum-3 .gallery-item,

.widget .insta-gallery.gallery-colum-3 .gallery-item {

  width: 33.33%;

}

.widget.widget_social {

  margin-top: 20px;

}

.widget.widget_social .social-icon {

  width: 50%;

}

.widget.widget_category ul li {

  border-bottom: 1px solid #f2f2f2;

  margin-bottom: 10px;

  padding-bottom: 10px;

  color: #888888;

  text-align: right;

}

.widget.widget_category ul li:last-child {

  border-bottom: none;

  margin-bottom: 0;

  padding-bottom: 0;

}

.widget.widget_category ul li a {

  float: left;

}

.widget.search_widget {

  position: relative;

}

.widget.search_widget input {

  width: 100%;

  padding: 0 55px 0 10px;

}

.widget.search_widget button {

  background-color: var(--prime-color);

  color: #ffffff;

  -webkit-border-radius: 0 25px 25px 0;

  -moz-border-radius: 0 25px 25px 0;

  -ms-border-radius: 0 25px 25px 0;

  border-radius: 0 25px 25px 0;

  font-size: 14px;

  border: none;

  position: absolute;

  right: 6px;

  top: 7px;

  padding: 13px;

  -webkit-transition: background-color 0.4s;

  -moz-transition: background-color 0.4s;

  -ms-transition: background-color 0.4s;

  -o-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.widget.search_widget button:hover {

  background-color: #961040;

}

.widget.widget_social ul {

  margin: -2px;

}

.widget.widget_social ul li {

  display: inline-block;

  margin: 2px;

}

.widget.widget_social ul li a {

  border: 1px solid #e6e6e6;

  display: block;

  line-height: 40px;

  height: 40px;

  text-align: center;

  width: 40px;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}

.widget.widget_social ul li a:hover {

  background-color: #961040;

  border-color: #961040;

  color: #ffffff;

}

.widget.price_handel_widget .price-amout {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-pack: space-between;

  margin-top: 25px;

}

.widget.price_handel_widget .price-amout input {

  background-color: transparent;

  display: inline-block;

  width: 70px;

  border: none;

  font-size: 15px;

  padding: 0;

  text-align: right;

  height: 42px;

}

.widget.price_handel_widget .price-label {

  border: 1px solid #e6e6e6;

  padding: 0 10px;

}

.widget.price_handel_widget button {

  border: none;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

  padding: 8px 20px;

  font-weight: normal;

}

.widget.widget_text ul {

  margin-top: 20px;

}

.widget.widget_text ul li {

  margin-bottom: 10px;

  padding-left: 25px;

  position: relative;

}

.widget.widget_text ul li:last-child {

  margin-bottom: 0;

}

.widget.widget_text ul li i {

  color: var(--prime-color);

  position: absolute;

  left: 0;

  top: 4px;

}

.widget.widget_newslatter .newslatter-form {

  margin-top: 24px;

}

.widget.widget_newslatter .newslatter-form input {

  width: 100%;

  margin-bottom: 15px;

}

.widget.widget_newslatter .newslatter-form [type=submit] {

  padding: 17px 30px;

  margin-bottom: 0;

}

.widget.widget-product-thumb li {

  margin-bottom: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid #e6e6e6;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.widget.widget-product-thumb li:before,
.widget.widget-product-thumb li:after {

  content: "";

  display: block;

  clear: both;

}

.widget.widget-product-thumb li:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.widget.widget-product-thumb li a {

  color: inherit;

}

.widget.widget-product-thumb .product-thumb {

  width: 80px;

  float: left;

  position: relative;

  border-radius: 30px;

}

.widget.widget-product-thumb .product-content {

  float: right;

  padding-left: 20px;

  width: -moz-calc(100% - 80px);

  width: -webkit-calc(100% - 80px);

  width: calc(100% - 80px);

}

.widget.widget-product-thumb .product-content h5 {

  color: #151515;

  font-size: 15px;

  font-weight: 600;

  margin-bottom: 5px;

  font-family: "Poppins", sans-serif;

}

.widget.widget-product-thumb .product-content .entry-meta {

  margin-left: -8px;

  margin-right: -8px;

}

.widget.widget-product-thumb .product-content .entry-meta span {

  padding: 0 8px;

  position: relative;

}

.widget.widget-product-thumb .product-content .entry-meta span:before {

  color: #B6B6B6;

  content: "|";

  font-size: 13px;

  position: absolute;

  right: 0;

  top: 0;

}

.widget.widget-product-thumb .product-content .entry-meta span:last-child:before {

  display: none;

}

.widget.widget-product-thumb .product-content .entry-meta a {

  color: #787878;

  display: inline-block;

  font-size: 13px;

  line-height: 1.1;

}

.widget.widget-product-thumb .product-content .entry-meta a:hover,
.widget.widget-product-thumb .product-content .entry-meta a:focus {

  color: #961040;

}

.widget.widget_category_product_thumb {

  margin-bottom: 40px;

}

.widget.widget_category_product_thumb ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: -5px;

}

.widget.widget_category_product_thumb li {

  padding: 5px;

}

.widget.widget_category_product_thumb li .product-thumb {

  margin-bottom: 10px;

  border-radius: 30px;

  overflow: hidden;

}

.widget.widget_category_product_thumb li .product-thumb a {

  display: block;

  position: relative;

}

.widget.widget_category_product_thumb li .product-thumb a:before {

  background-color: rgba(0, 0, 0, 0.3);

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: absolute;

  opacity: 0;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}

.widget.widget_category_product_thumb li .product-thumb a:hover:before,
.widget.widget_category_product_thumb li .product-thumb a:focus:before,
.widget.widget_category_product_thumb li .product-thumb a:active:before {

  opacity: 1;

}

.widget.widget_category_product_thumb li .product-content {

  text-align: center;

}

.widget.widget_category_product_thumb li .product-content h5 {

  margin-bottom: 0;

  display: inline-block;

  color: #292929;

  font-family: "Mulish", sans-serif;

  font-size: 15px;

  font-weight: 700;

  line-height: 1.2;

}

.widget.widget_category_product_thumb li .product-content .count {

  color: #F24080;

  font-family: "Mulish", sans-serif;

  font-weight: 600;

  font-size: 13px;

}

.widget.widget_category_product_thumb.colum-3 li {

  width: 33.33%;

}

.widget.widget_category_product_thumb.colum-2 li {

  width: 50%;

}



.sidebar .widget {

  margin-bottom: 50px;

}

.sidebar .widget .widget-title {

  display: table;

  text-transform: uppercase;

  font-size: 13px;

  text-align: center;

  line-height: 1.2em;

  margin-left: auto;

  margin-right: auto;

  padding-left: 50px;

  padding-right: 50px;

  position: relative;

}

.sidebar .widget .widget-title:before,
.sidebar .widget .widget-title:after {

  background-color: #d6d6d6;

  content: "";

  position: absolute;

  top: 50%;

  width: 40px;

  height: 1px;

}

.sidebar .widget .widget-title:before {

  left: 0;

}

.sidebar .widget .widget-title:after {

  right: 0;

}

.sidebar .widget .widget-title-dash-border {

  padding: 5px 25px;

  border-radius: 25px;

  border: 1px dashed #d9d9d9;

  margin-bottom: 35px;

  color: #F24080;

  display: inline-block;

}

.sidebar .widget:last-child {

  margin-bottom: 0;

}

.sidebar .widget-map iframe {

  height: 280px;

}

.sidebar .widget-bg-image {

  background-size: cover;

  background-repeat: no-repeat;

  border: none;

  position: relative;

  overflow: hidden;

  z-index: 1;

}

.sidebar .widget-bg-image:before {

  background-color: #151515;

  opacity: 0.7;

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}

.sidebar .widget-bg-image * {

  color: #ffffff;

}

.sidebar .information-content {

  margin-bottom: 50px;

  padding: 50px 30px;

}

.sidebar .information-content .button-round-primary {

  margin-top: 20px;

  display: inline-block;

}

.sidebar .icon-list-content ul {

  text-align: left;

  padding: 0;

  margin: 0;

}

.sidebar .icon-list-content ul li {

  list-style: none;

  padding-bottom: 10px;

  margin-bottom: 10px;

  border-bottom: 1px solid rgba(65, 36, 109, 0.25);

}

.sidebar .icon-list-content ul li:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.sidebar .icon-list-content ul li i {

  color: var(--prime-color);

  margin-right: 8px;

  font-size: 18px;

}

.sidebar .icon-list-content ul li a {

  color: #F24080;

  line-height: 1.3;

  font-weight: 600;

}

.sidebar .icon-list-content ul li a:hover {

  color: #961040;

}

.sidebar .widget-detail li {

  -webkit-align-items: end;

  -moz-align-items: end;

  -ms-align-items: end;

  -ms-flex-align: end;

  align-items: end;

  margin-bottom: 15px;

}

.sidebar .widget-detail li:last-child {

  margin-bottom: 0;

}

.sidebar .widget-detail li h5 {

  font-size: 16px;

  margin-bottom: 0;

  margin-right: 10px;

  font-weight: 500;

}

.sidebar .widget-detail li span {

  color: #787878;

  font-size: 15px;

  font-weight: 600;

  line-height: 1.5;

}

.sidebar .widget-from p {

  margin-bottom: 20px;

}

.sidebar .widget-from input:not([type=submit]) {

  width: 100%;

}

@media screen and (max-width: 991px) {

  .sidebar {

    margin-top: 50px;

  }

}



.sidebar .widget-bg {

  background-color: #F8F8F8;

  margin-bottom: 50px;

  padding: 30px;

  border-radius: 30px;

}

.sidebar .widget-bg .bg-title {

  background-color: var(--prime-color);

  color: #ffffff;

  padding: 17px;

  text-align: center;

  margin-bottom: 25px;

  border-radius: 30px;

}

.sidebar .sidebar-list ul {

  padding: 0;

  margin: 0;

}

.sidebar .sidebar-list li {

  list-style: none;

  margin-bottom: 8px;

}

.sidebar .sidebar-list li i {

  color: #F24080;

  margin-right: 10px;

  font-size: 14px;

}

.sidebar .faq-widget .accordion .card button {

  font-size: 15px;

  font-weight: 600;

  padding: 18px;

  text-transform: capitalize;

}

.sidebar .widget-icon {

  background-color: var(--prime-color);

  border-radius: 100%;

  color: #ffffff;

  height: 100px;

  width: 100px;

  text-align: center;

  line-height: 100px;

  font-size: 48px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 20px;

}

.sidebar .or-style {

  color: var(--prime-color);

  display: table;

  font-size: 18px;

  font-weight: 400;

  position: relative;

  margin-left: auto;

  margin-right: auto;

  padding-left: 70px;

  padding-right: 70px;

  margin-bottom: 20px;

}

.sidebar .or-style:before,
.sidebar .or-style:after {

  background-color: var(--prime-color);

  content: "";

  width: 60px;

  height: 1px;

  position: absolute;

  top: 50%;

  display: inline-block;

}

.sidebar .or-style:before {

  left: 0;

}

.sidebar .or-style:after {

  right: 0;

}

.sidebar .upload-widget .button-primary {

  margin-top: 20px;

}



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

>>> cheakout page

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

.checkout-section {

  padding: 110px 0;

}

@media screen and (max-width: 575px) {

  .checkout-section {

    padding: 80px 0;

  }

}

.checkout-section .cheakout-title {

  color: var(--prime-color);

}



.checkout-field-wrap {

  padding: 40px;

  margin-bottom: 24px;

  background-color: #f8f8f8;

  border-radius: 30px;

}

.checkout-field-wrap .coupon-field {

  border-bottom: 1px solid #e6e6e6;

  margin-bottom: 25px;

}

.checkout-field-wrap .coupon-field label {

  display: block;

  margin-bottom: 10px;

  color: #4D0367;

  font-size: 13px;

  font-weight: 600;

  line-height: 1.2;

  vertical-align: middle;

  font-family: "Mulish", sans-serif;

}

.checkout-field-wrap .coupon-field label a {

  color: inherit;

}

.checkout-field-wrap .coupon-field .form-group {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  margin-left: -10px;

  margin-right: -10px;

}

.checkout-field-wrap .coupon-field .form-group input:not([type=checkbox]):not([type=radio]):not([type=submit]) {

  width: auto;

  height: 50px;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

  background-color: #ffffff;

  border-radius: 30px;

  border: none;

  color: #4D0367;

}

.checkout-field-wrap .coupon-field .form-group input[type=submit] {

  line-height: 1;

  height: 50px;

  padding: 0 30px;

  background-color: #F24080;

}

.checkout-field-wrap .coupon-field .form-group input {

  margin: 0 15px;

}

.checkout-field-wrap .coupon-field .form-group .coupon-txt {

  margin-bottom: 15px;

}

.checkout-field-wrap .coupon-field .form-group .coupon-btn {

  margin-bottom: 15px;

}

.checkout-field-wrap .label-star {

  color: #F24080;

  text-decoration: none;

  border-bottom: none;

}

.checkout-field-wrap .form-group {

  margin-bottom: 30px;

}

.checkout-field-wrap .form-group label {

  display: block;

  margin-bottom: 15px;

  color: #4D0367;

  font-size: 13px;

  font-weight: 600;

  line-height: 1.2;

  vertical-align: middle;

  font-family: "Mulish", sans-serif;

}

.checkout-field-wrap .form-group input:not([type=checkbox]):not([type=radio]):not([type=submit]) {

  width: 100%;

  height: 50px;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

  background-color: #ffffff;

  border-radius: 30px;

  border: none;

  color: #4D0367;

  padding: 16px;

}

.checkout-field-wrap .form-group select {

  border: none;

  color: #a7a7a7;

  font-size: 15px;

  background-color: #ffffff;

}

.checkout-field-wrap .form-group select option {

  color: #4D0367;

}

.checkout-field-wrap .form-group input[type=submit] {

  line-height: 1;

  height: 55px;

  padding: 0 30px;

}

.checkout-field-wrap .form-group ::-webkit-input-placeholder {

  /* Edge */

  color: #a7a7a7;

}

.checkout-field-wrap .form-group :-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #a7a7a7;

}

.checkout-field-wrap .form-group ::placeholder {

  color: #a7a7a7;

}

.checkout-field-wrap .last-form-group {

  margin-bottom: 0;

}

.checkout-field-wrap .inner-form-group {

  margin-bottom: 15px;

}

.checkout-field-wrap .inner-form-group input {

  width: 100%;

  height: 55px;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

  background-color: #ffffff;

  border-radius: 30px;

  border: none;

  color: #4D0367;

  padding: 16px;

  margin-bottom: 10px;

}

.checkout-field-wrap .inner-form-group ::-webkit-input-placeholder {

  /* Edge */

  color: #a7a7a7;

}

.checkout-field-wrap .inner-form-group :-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #a7a7a7;

}

.checkout-field-wrap .inner-form-group ::placeholder {

  color: #a7a7a7;

}

@media screen and (max-width: 575px) {

  .checkout-field-wrap {

    padding: 20px;

  }

  .checkout-field-wrap .coupon-field .form-group input[type=submit] {

    margin-top: 15px;

  }

}



.special-notes-wrap {

  margin-bottom: 0;

  padding: 40px;

  background-color: #f8f8f8;

  border-radius: 30px;

}

@media screen and (max-width: 479px) {

  .special-notes-wrap {

    padding: 40px 20px;

  }

}

.special-notes-wrap .Information-title {

  color: var(--prime-color);

}

.special-notes-wrap .form-group {

  margin-bottom: 0;

}

.special-notes-wrap .form-group label {

  display: block;

  margin-bottom: 10px;

  color: #4D0367;

  font-size: 13px;

  font-weight: 600;

  line-height: 1.2;

  vertical-align: middle;

  font-family: "Mulish", sans-serif;

}

.special-notes-wrap .form-group textarea {

  background-color: #ffffff;

  padding: 16px;

  color: #4D0367;

  border: none;

}

.special-notes-wrap .form-group textarea ::-webkit-input-placeholder {

  /* Edge */

  color: #a7a7a7;

}

.special-notes-wrap .form-group textarea :-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #a7a7a7;

}

.special-notes-wrap .form-group textarea ::placeholder {

  color: #a7a7a7;

}



.widget-table-summary cheakout-title {

  margin-bottom: 30px;

}

.widget-table-summary table thead tr {

  background-color: transparent;

}

.widget-table-summary table thead tr th {

  padding-bottom: 16px;

  border: none;

  font-weight: 700;

  font-size: 15px;

  font-family: "Mulish", sans-serif;

  line-height: 1.2;

  color: #787878;

}

.widget-table-summary table tbody tr td {

  color: #4D0367;

  border-right: none;

  font-size: 13px;

}

.widget-table-summary table tbody tr td strong {

  color: #787878;

  font-size: 15px;

}

.widget-table-summary table tbody tr:last-child td {

  border-bottom: none;

}



.widget-paymet-bank .form-group label {

  color: #4D0367;

  margin-bottom: 0;

}

.widget-paymet-bank .form-group .desc {

  padding: 20px;

  font-size: 13px;

  background-color: #efefef;

  margin-top: 15px;

}

.widget-paymet-bank .custom-radio-field img {

  width: 150px;

  margin-top: -5px;

}

.widget-paymet-bank .button-round {

  width: 100%;

  border: none;

  display: block;

  margin-top: 25px;

  text-align: center;

}



hr {

  height: 0px !important;

}



.navbar {

  background-color: #8f6ab4 !important;

}



.nav-item a {

  color: #fff !important;

  font-weight: 600;

}

.navbar-nav {

  display: contents !important;

}

.navbar-collapse {

  justify-content: center;

}

.collapse {
  visibility: visible
}

.nav-item {

  margin: 0px 13px;

}



.foot-title {

  color: #fff;

}

.grey_wrapper {

  background-color: #f8f8f8;

  padding: 100px 0px !important;

}



.fact-content h4 {

  font-size: 21px;

}



.home-fact-section .fact-right-inner-wrap .fact-inner-box .top-left-content {

  padding: 30px 40px 0px 75px;

  align-items: center;

}



.home-fact-section .fact-right-inner-wrap .fact-inner-box .top-right-content {

  padding: 30px 75px 0px 40px;

  align-items: center;

}



.home-fact-section .fact-right-inner-wrap .fact-inner-box .bottom-right-content {

  align-items: center;

  padding: 0px 70px 50px 20px;

}



.home-fact-section .fact-right-inner-wrap .fact-inner-box .bottom-left-content {

  align-items: center;

  padding: 0px 20px 50px 70px;

}



nav {

  position: fixed;

  top: 0;

}



.home-feature-section {

  padding: 80px 0px;

  margin: 0;

}

.navbar-toggler:focus {

  box-shadow: unset !important;

}



@media screen and (max-width: 1000px) {

  .navbar-collapse {

    /* background: #f6f6f6ed; */
    background: white;
    position: absolute;
    z-index: 100;



  }

  .nav-item a {

    color: #000 !important;

    text-align: center;

    border-bottom: 1px solid #cec4c4;

  }

  .img-cont {

    width: 50%;

  }

  .nav-main {

    margin-top: 20px;

    width: 50%;

    padding: 3px 0;

    text-align: center;

    border-top: 1px solid rgba(255, 255, 255, 0.11);

    border-bottom: 1px solid rgba(255, 255, 255, 0.11);

  }

  .navbar-toggler-icon {

    filter: invert(1);

  }

  .navbar-toggler {

    color: #fff !important;
    position: relative;

  }

  .navbar-light .navbar-toggler {

    border: none !important;

  }

}



.banner-title {

  color: #fff;

  font-size: 32px;

  font-weight: 700;

  font-family: "Mulish", sans-serif;

  margin-bottom: 10px;

}



.banner-title2 {

  color: #feb846;

  font-size: 28px;

  font-weight: 700;

  font-family: "Mulish", sans-serif;

  margin-bottom: 10px;

}



.banner-title3 {

  color: #fff;

  font-size: 24px;

  font-weight: 700;

  font-family: "Mulish", sans-serif;

  margin-bottom: 10px;

}



.inner-banner {

  background-color: var(--prime-color);

  position: relative;

  z-index: 1;

  color: #FFF;

}



.inner-title2 {

  color: #25a7f5;

  font-weight: 500;

}



.inner-title2 span {

  color: #333;

}



.testimonial-items {

  background-color: #fff;

  padding: 20px;

  border-radius: 10px;

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

  display: flex;

  gap: 20px;

}



.testimonial-items img {

  width: 140px;

  height: 140px;

  border-radius: 50%;

  object-fit: cover;

}



.testimonial-items span {

  display: block;

  width: 140px;

  height: 140px;

  border-radius: 50%;

  background: var(--prime-color);

  text-align: center;

  line-height: 140px;

  color: #FFF;

  font-size: 48px;

}



.testimonial-items h4 {

  font-size: 20px;

  font-weight: 700;

  color: #333;

  margin-bottom: 15px;

}



.testimonial-image {

  width: 140px;

  flex-shrink: 0;

}



/* .nav-link.active, .nav-link:hover, .nav-link:focus {

  border-bottom: 2px solid var(--prime-color);

} */



@media screen and (max-width: 479px) {

  .testimonial-items {

    flex-direction: column;

    text-align: center;

  }



  .testimonial-items .testimonial-image {

    display: block;

    margin: auto;

  }

}