@font-face {font-family: "Guardian Egyp Regular"; src: url("https://avonflavours.com/fonts/9f267d7e77d5e399f5d28fa7985f8235.eot"); src: url("https://avonflavours.com/fonts/9f267d7e77d5e399f5d28fa7985f8235.eot?#iefix") format("embedded-opentype"), url("https://avonflavours.com/fonts/9f267d7e77d5e399f5d28fa7985f8235.woff2") format("woff2"), url("https://avonflavours.com/fonts/9f267d7e77d5e399f5d28fa7985f8235.woff") format("woff"), url("https://avonflavours.com/fonts/9f267d7e77d5e399f5d28fa7985f8235.ttf") format("truetype"), url("https://avonflavours.com/fonts/9f267d7e77d5e399f5d28fa7985f8235.svg#Guardian Egyp Regular") format("svg"); }

@font-face {
  font-family: "GuardianEgyp-Black";
  src: url("https://avonflavours.com/fonts/GuardianEgyp-Black.eot");
  src: url("https://avonflavours.com/fonts/GuardianEgyp-Black.eot?#iefix") format("embedded-opentype"), url("https://avonflavours.com/fonts/GuardianEgyp-Black.otf") format("opentype"), url("https://avonflavours.com/fonts/GuardianEgyp-Black.svg") format("svg"), url("https://avonflavours.com/fonts/GuardianEgyp-Black.ttf") format("truetype"), url("https://avonflavours.com/fonts/GuardianEgyp-Black.woff") format("woff"), url("https://avonflavours.com/fonts/GuardianEgyp-Black.woff2") format("woff2");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon/icomoon.eot?srf3rx);
  src: url(../fonts/icomoon/icomoon.eot?srf3rx#iefix) format("embedded-opentype"), url(../fonts/icomoon/icomoon.ttf?srf3rx) format("truetype"), url(../fonts/icomoon/icomoon.woff?srf3rx) format("woff"), url(../fonts/icomoon/icomoon.svg?srf3rx#icomoon) format("svg");
  font-weight: 400;
  font-style: normal
}

html {
  background: #fff
}

body {
  font-family: Lato;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.8;
  color: #222;
  background: #fff
}

body.fh5co-overflow {
  overflow-x: auto
}

::-webkit-selection {
  color: #fff;
  background: #f7c873
}

::-moz-selection {
  color: #fff;
  background: #f7c873
}

.conbox {
  background: #c80611;
  min-height: 300px
}

.conbox .conset {
  padding: 25px 30px 10px 30px
}

.conbox .conset2 {
  padding: 25px 30px 10px 30px
}

.conbox .conset i {
  color: #fff;
  padding-right: 5px;
  font-size: 28px;
  font-weight: 100;
  vertical-align: middle;
  min-width: 35px;
  float: left;
  margin-top: 3px
}

.changed .nav>li>a:focus {
  color: #000 !important
}

.changed .nav>li>a:hover {
  color: #000 !important
}

.dkchange .nav>li>a:hover {
  color: #000 !important;
 
}

.dkchange .nav>li>a:focus {
  color: #000 !important
}

.futmen {
  display: flex;
  list-style: none;
  margin-top: 30px;
  float: right
}

.futmen li {
  padding-left: 10px
}

.futmen li:after {
  content: " | ";
  padding-left: 10px
}

.futmen li:last-child:after {
  content: " "
}

.futmen li a {
  color: #000;
  font-size: 20px;
  font-weight: 400
}

.futmen li a:hover {
  color: #cb158c
}

.conset2 {
  border-left: solid 2px #ca158a;
  padding: 10px;
  margin-top: 15px
}

.conset2 i {
  color: #000;
  padding: 4px 7px 5px 6px;
  font-size: 20px;
  font-weight: 100;
  vertical-align: middle;
  min-width: 35px;
  text-align: center
}

.social {
  border-radius: 50%;
  border: 1px solid;
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px
}

.conbox .conset p {
  color: #fff;
  margin-left: 50px;
  margin-bottom: 0
}

::selection {
  color: #fff;
  background: #f7c873
}

a {
  color: #5f5f5f;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

a:active,
a:focus,
a:hover {
  color: #05b3e9;
  outline: 0;
  text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #666
}

p {
  margin-bottom: 30px
}

.fa-dot-new:before {
  content: "|"
}

@media screen and (min-width:768px) {
  .navbar-brand-centered {
    position: absolute;
    left: 50%;
    display: block;
    width: 160px;
    text-align: center
  }

  .navbar>.container .navbar-brand-centered,
  .navbar>.container-fluid .navbar-brand-centered {
    margin-left: -90px
  }
}

.navbar-brand {
  float: left;
  padding: 10px 10px;
  font-size: 18px;
  line-height: 74px;
  height: 74px
}

.navbar-nav {
  margin: 35px 100px 35px 100px
}

.navbar {
  position: fixed;
  width: 100%;
  background-color: transparent;
  z-index: 10;
  border-radius: 0;
  border-color: transparent;
  margin-bottom: 0;
  border: none
}

.navbar-default .navbar-nav>li>a {
  color: #777
}

.dkchange .nav>li>a {
  color: #000;
  border-bottom: 4px solid transparent;
  text-transform: uppercase
}

.dkchange .nav>li>a:after {
  color: #000;
  content: "|";
  position: absolute;
  margin-left: 25px
}

.dkchange .nav>li:nth-child(2) a:after {
  color: #000;
  content: none
}

.changeclass .nav>li>a {
  color: #fff;
  border-bottom: 4px solid transparent;
  text-transform: uppercase
}

.changeclass .nav>li>a:hover {
  
}

.changed .nav>li>a:hover {

}

.changeclass .nav>li>a:after {
  color: #fff;
  content: "|";
  position: absolute;
  margin-left: 25px
}

.changed .nav>li:nth-child(2) a:after {
  color: #000;
  content: none
}

.sliderbtn:hover {
  text-transform: uppercase;
  color: #000;
  border: 1px solid #e0b403;
  border-radius: 0;
  padding: 10px 35px !important;
  line-height: 1;
  background: rgba(255, 255, 255, .69);
  font-size: 22px
}

.sliderbtn {
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #e0b403;
  border-radius: 0;
  padding: 10px 35px !important;
  line-height: 1;
  background: 0 0;
  font-size: 22px
}

.sliderbtn:hover span i {
  color: #000
}

.sliderbtn span i {
  font-size: 16px !important;
  padding-left: 15px !important
}

.sliderbtn span i {
  font-size: 16px !important;
  padding-left: 15px !important
}

.changed .nav>li>a {
  text-transform: uppercase
}

.changed .nav>li>a:after {
  color: #000;
  content: "|";
  position: absolute;
  margin-left: 25px
}

.changeclass .nav>li:nth-child(2) a:after {
  color: #fff;
  content: none
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  background-color: transparent;
  color: #fff
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.btn.btn-md {
  padding: 10px 20px !important
}

.btn.btn-lg {
  padding: 18px 36px !important
}

.btn:active,
.btn:focus,
.btn:hover {
  box-shadow: none !important;
  outline: 0 !important
}

.btn-primary {
  background: #f7c873;
  color: #fff;
  border: 2px solid #f7c873
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  background: #f6bf5b !important;
  border-color: #f6bf5b !important
}

.btn-primary.btn-outline {
  background: 0 0;
  color: #f7c873;
  border: 2px solid #f7c873
}

.btn-primary.btn-outline:active,
.btn-primary.btn-outline:focus,
.btn-primary.btn-outline:hover {
  background: #f7c873;
  color: #fff
}

.btn-success {
  background: #58ca7e;
  color: #fff;
  border: 2px solid #58ca7e
}

.btn-success:active,
.btn-success:focus,
.btn-success:hover {
  background: #45c46f !important;
  border-color: #45c46f !important
}

.btn-success.btn-outline {
  background: 0 0;
  color: #58ca7e;
  border: 2px solid #58ca7e
}

.btn-success.btn-outline:active,
.btn-success.btn-outline:focus,
.btn-success.btn-outline:hover {
  background: #58ca7e;
  color: #fff
}

.btn-info {
  background: #1784fb;
  color: #fff;
  border: 2px solid #1784fb
}

.btn-info:active,
.btn-info:focus,
.btn-info:hover {
  background: #0477f4 !important;
  border-color: #0477f4 !important
}

.btn-info.btn-outline {
  background: 0 0;
  color: #1784fb;
  border: 2px solid #1784fb
}

.btn-info.btn-outline:active,
.btn-info.btn-outline:focus,
.btn-info.btn-outline:hover {
  background: #1784fb;
  color: #fff
}

.btn-warning {
  background: #fed330;
  color: #fff;
  border: 2px solid #fed330
}

.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover {
  background: #fece17 !important;
  border-color: #fece17 !important
}

.btn-warning.btn-outline {
  background: 0 0;
  color: #fed330;
  border: 2px solid #fed330
}

.btn-warning.btn-outline:active,
.btn-warning.btn-outline:focus,
.btn-warning.btn-outline:hover {
  background: #fed330;
  color: #fff
}

.btn-danger {
  background: #fb4f59;
  color: #fff;
  border: 2px solid #fb4f59
}

.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover {
  background: #fa3641 !important;
  border-color: #fa3641 !important
}

.btn-danger.btn-outline {
  background: 0 0;
  color: #fb4f59;
  border: 2px solid #fb4f59
}

.btn-danger.btn-outline:active,
.btn-danger.btn-outline:focus,
.btn-danger.btn-outline:hover {
  background: #fb4f59;
  color: #fff
}

.btn-outline {
  background: 0 0;
  border: 2px solid gray;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
  box-shadow: none
}

.carousel-indicators {
  position: absolute;
  bottom: 300px;
  z-index: 15;
  width: 30px;
  margin-left: 20px;
  list-style: none;
  text-align: center;
  left: 95%
}

.carousel-indicators li {
  display: block;
  width: 14px;
  height: 14px;
  margin-bottom: 10px
}

.carousel-indicators .active {
  width: 16px;
  height: 16px;
  margin-bottom: 10px;
  background-color: #fff
}

#carousel-example-generic .carousel-caption1 h1 {
  color: #fff;
  font-weight: 700;
  font-size: 45px
}

#carousel-example-generic .carousel-caption1 p {
  text-transform: uppercase;
  color: #fff
}

#carousel-example-generic .carousel-caption1 .btn {
  text-transform: uppercase;
  color: #c5c9ce;
  border: 1px solid #c5c9ce;
  border-radius: 30px;
  padding: 10px 20px !important
}

#carousel-example-generic .carousel-caption1 {
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 10px;
  vertical-align: middle
}

.item {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.slidsocial i {
  font-size: 20px;
  color: #c5c9ce;
  padding: 5px;
  margin-right: 5px
}

.slidsocial {
  margin-top: -20px
}

.slidediv {
  color: #c5c9ce;
  background: linear-gradient(90deg, #4f7598e0 13%, #6f6898a6 50%, #35264d91 60%);
  border-radius: 25px;
  border: 2px solid #fff;
  border-top: none;
  width: 150px;
  margin-top: -220px
}

.slidediv .btn {
  font-size: 20px;
  color: #c5c9ce;
  background: linear-gradient(90deg, #4f7598e0 13%, #6f6898a6 50%, #35264d91 60%);
  border-radius: 25px;
  border: 2px solid #fff;
  margin-top: -1px;
  width: 147px
}

.slidediv p {
  padding: 10px;
  margin-bottom: 0;
  line-height: normal;
  font-size: 16px
}

.navbar-form .form-control {
  width: 100px;
  border-radius: 15px;
  padding: 10px;
  height: 35px
}

.dropdown .fa-user-circle {
  font-size: 26px;
  color: #a4a5a6
}

.navbar-form .formbtn {
  background: 0 0;
  border: none;
  position: absolute;
  z-index: 10000;
  margin-left: -31px;
  margin-top: 1px;
  color: #a4a5a6;
  font-size: 19px
}

.custom-form {
  padding-top: 10px;
  padding-bottom: 20px
}

.custom-form .form-control {
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid #a4a5a6;
  width: 100%;
  font-size: 18px;
  font-weight: 300;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
  padding: 10px 10px
}

.form-control:active,
.form-control:focus {
  outline: 0;
  box-shadow: none;
  border-color: #f7c873
}

.dftbtn {
  text-transform: uppercase;
  color: #f28a27;
  border: 1px solid #e0b403;
  border-radius: 0;
  padding: 15px 25px !important;
  line-height: 1;
  font-size: 18px
}

.about h1 {
  color: #bdca41
}

.about p {
  font-weight: 500;
  margin-top: 30px
}

.about span {
  min-width: 150px;
  color: #666;
  font-weight: 700;
  margin: 15px
}

.about span:hover i {
  transition: .4s ease-out all .1s;
  transform: translateX(5px)
}

.about span i {
  vertical-align: middle;
  font-size: 23px;
  color: #cd2930
}

.secbg {
  background: #bdca41;
  padding-top: 50px;
  padding-bottom: 90px
}

.secbg h1 {
  color: #fff !important;
  margin-bottom: 70px
}

.secbg p {
  color: #fff !important
}

.secbg span {
  color: #fff !important;
  margin: 0;
  font-size: 17px
}

.secbg2 {
  background: #fff;
  padding-top: 20px;
  padding-bottom: 20px
}

.secbg2 p {
  color: #000 !important;
  font-family: Lato
}

.secbg2 span {
  color: #000 !important;
  margin: 0;
  font-size: 17px
}

.dftwhtbtn {
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  padding: 10px 35px !important;
  line-height: 1
}

.box-c .custom-underline3::after {
  bottom: -10px;
  height: 3px !important;
  width: 40%;
  left: 0;
  background: linear-gradient(90deg, #cf1394 5%, #bf1b77 20%, #c62961 35%, #b12950 48%, #b8363c 52%, #d1413e 65%, #d85128 80%, #fb710b 95%);
  transition: .4s ease-out all .1s
}

.box-c:hover .custom-underline3::after {
  width: 90%;
  left: 0;
  transition: .5s ease all
}

.custom-underline3,
.custom-underline3:active,
.custom-underline3:focus,
.custom-underline3:hover {
  text-decoration: none
}

.custom-underline3::after {
  content: "";
  position: absolute
}

.custom-underline3 {
  position: relative;
  display: inline-block;
  text-align: center;
  font-family: Guardian Egyp Regular !important;
  margin-bottom: 30px
}

.box-c .custom-underline::after {
  bottom: -10px;
  height: 3px !important;
  width: 40%;
  left: 30%;
  background-color: #cd2930;
  transition: .4s ease-out all .1s
}

.box-c:hover .custom-underline::after {
  width: 90%;
  left: 5%;
  transition: .5s ease all
}

.custom-underline,
.custom-underline:active,
.custom-underline:focus,
.custom-underline:hover {
  text-decoration: none
}

.custom-underline::after {
  content: "";
  position: absolute
}

.custom-underline {
  position: relative;
  display: inline-block;
  text-align: center;
  font-family: Guardian Egyp Regular !important;
  margin-bottom: 30px
}

.brdlft {
  border-left: 2px dotted #666;
  padding: 0 14px 0 14px
}

.custom-underline2 {
  font-weight: 700;
  color: #ca0813;
  border-bottom: 2px dotted #666;
  width: fit-content;
  padding-bottom: 10px
}

.custom-underline2 {
  position: relative;
  display: inline-block;
  text-align: center
}

#finsp {
  padding-bottom: 30px
}

#finsp .finsp {
  border-right: 2px dotted #ca0813;
  margin-top: 30px;
  min-height: 258px
}

#finsp .nb {
  border-right: none
}

.nobright {
  border-right: none !important
}

.finsp span {
  display: inline-flex;
  padding-bottom: 22px;
  font-weight: 600;
  color: #8f8f90
}

.finsp span i {
  font-size: 22px;
  color: #ca0813;
  font-weight: 500;
  padding-right: 13px;
  margin-top: 5px;
  vertical-align: middle
}

#fh5co-header {
  width: 100%;
  border-bottom: 1px solid #dee1e8;
  background: 0 0
}

@media screen and (max-width:1200px) {
  #fh5co-header {
    padding-left: 15px;
    padding-right: 15px
  }
}

#fh5co-header .fh5co-nav-toggle {
  position: absolute;
  top: .5em;
  left: 3em;
  z-index: 99
}

@media screen and (max-width:1200px) {
  #fh5co-header .fh5co-nav-toggle {
    top: .5em;
    left: 10px
  }
}

@media screen and (max-width:768px) {
  #fh5co-header .fh5co-nav-toggle {
    top: 1.5em;
    right: -300px
  }

  .hrtbs {
    display: block !important
  }

  .abtfr {
    padding: 50px 10px !important
  }

  .avlogo {
    padding: 10px
  }

  #exTab2 {
    padding-top: 112px !important
  }
}

.avlogo1 {
    width: 110px
  }


@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
  .dropdown-menu {
    left: 0 !important
  }

  .ccontiv {
    min-height: 200px !important;
    padding: 10px
  }

  .gtu a:after {
    margin-left: 5px !important
  }

  .dkchange .nav>li>a:after {
    margin-left: 18px
  }

  .navbar-nav>li {
    min-width: 135px
  }

  .sidebar2 {
    padding: 20px 12px 20px 12px !important
  }

  .avlogo2 {
    margin-top: -6px;
    width: 46%
  }

  .avlogo1 {
    width: 110px
  }

  #exTab2 {
    padding-top: 130px !important
  }
}

#fh5co-header .fh5co-social {
  position: absolute !important;
  right: 3em !important;
  top: -.5em;
  z-index: 99;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

@media screen and (max-width:1200px) {
  #fh5co-header .fh5co-social {
    right: 15px !important;
    top: 3.2em
  }
}

@media screen and (max-width:768px) {
  #fh5co-header .fh5co-social {
    right: 15px !important;
    top: 1.5em
  }

  .ccontiv {
    border-right: 1px solid #fff !important;
    min-height: 209px !important;
    padding: 10px
  }
}

@media screen and (max-width:480px) {
  #fh5co-header .fh5co-social {
    right: inherit !important;
    left: inherit !important;
    top: -.7em;
    right: 6% !important
  }
}

@media screen and (max-width:360px) {
  #fh5co-header .fh5co-social {
    right: inherit !important;
    left: inherit !important;
    top: -.7em;
    right: 3% !important
  }
}

@media screen and (max-width:768px) {
  #fh5co-header {
    padding-left: 15px;
    padding-right: 15px
  }
  
  .futer ul{padding-left:0px}
  
}

@media screen and (min-width:768px) {
  .mbchange {
    display: none !important
  }

  .dkchange {
    display: block !important;
    background: #fff;
    border-bottom: 2px solid #dee1e8;
    padding-bottom: 10px
  }

  .feedback-form {
    right: 15px
  }
}

@media screen and (max-width:767px) {
  .hrtbs {
    padding-left: 0
  }

  .dkchange {
    display: none !important
  }

  .changeclass {
    display: none !important
  }

  .slidediv {
    margin-left: -59%;
    top: 0
  }

  .chages {
    display: block !important
  }

  #carousel-example-generic .carousel-caption1 h1 {
    color: #fff;
    font-size: 20px
  }

  #carousel-example-generic .carousel-caption1 p {
    text-transform: initial;
    color: #fff;
    font-size: 15px;
    margin-bottom: 5px
  }

  #carousel-example-generic .carousel-caption1 {
    left: 0;
    right: 0
  }

  #carousel-example-generic .carousel-caption1 .btn {
    padding: 4px 10px !important;
    text-transform: initial
  }

  .xxmr {
    margin-top: -15px !important;
    margin-left: 15px;
    float: right
  }

  #fh5co-footer p {
    text-align: center
  }

  .carousel-indicators {
    display: none
  }

  .dropdown-menu>li>a {
    padding: 10px 15px !important
  }

  .dftwhtbtn {
    padding: 10px 21px !important
  }

  .dftbtn {
    padding: 10px 21px !important
  }

  .nav-tabs>li {
    float: none
  }

  #finsp .finsp {
    min-height: 160px;
    border-right: none;
    margin-top: 5px
  }

  .brdlft {
    border-left: none;
    padding: 0
  }

  .about p {
    margin-bottom: 20px
  }

  .finsp span {
    padding-bottom: 10px
  }

  .AnaLY .imgsec {
    border-right: 1px dotted #ffffff00 !important
  }

  .Mohan {
    background-size: contain !important;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-bottom: 10px !important
  }

  .Mohan .divs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-left: 15px !important;
    margin-right: 15px !important
  }

  .Mohan h2 {
    color: #fff;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 22px
  }

  .Mohan h6 {
    margin-top: 6px;
    margin-bottom: 6px
  }

  .Mohan span i {
    padding: 5px 5px 5px 6px !important;
    width: 25px !important;
    height: 25px !important;
    font-size: 12px
  }

  .Ajay {
    background-size: contain !important;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-bottom: 10px !important
  }

  .Ajay .divs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-left: 15px !important;
    margin-right: 15px !important
  }

  .Ajay h2 {
    color: #fff;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 22px
  }

  .Ajay h6 {
    margin-top: 6px;
    margin-bottom: 6px
  }

  .Ajay span i {
    padding: 5px 5px 5px 6px !important;
    width: 25px !important;
    height: 25px !important;
    font-size: 12px
  }

  .Amol {
    background-size: contain !important;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-bottom: 10px !important
  }

  .Amol .divs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-left: 15px !important;
    margin-right: 15px !important
  }

  .Amol h2 {
    color: #fff;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 22px
  }

  .Amol h6 {
    margin-top: 6px;
    margin-bottom: 6px
  }

  .Amol span i {
    padding: 5px 5px 5px 6px !important;
    width: 25px !important;
    height: 25px !important;
    font-size: 12px
  }

  .Vikas {
    background-size: contain !important;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-bottom: 10px !important
  }

  .Vikas .divs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-left: 15px !important;
    margin-right: 15px !important
  }

  .Vikas h2 {
    color: #fff;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 22px
  }

  .Vikas h6 {
    margin-top: 6px;
    margin-bottom: 6px
  }

  .Vikas span i {
    padding: 5px 5px 5px 6px !important;
    width: 25px !important;
    height: 25px !important;
    font-size: 12px
  }

  #finsp {
    padding-bottom: 0
  }

  p {
    margin-bottom: 15px
  }

  .SDo {
    margin-bottom: 10px
  }

  .custom-form {
    padding-bottom: 10px
  }

  .lbreadcumb6 {
    padding-top: 0 !important;
    padding: 9px 0 !important
  }

  .fdds {
    margin-top: 13px
  }

  .conset2 {
    padding: 8px
  }

  .testimonial_text:after {
    bottom: 58px !important
  }
}

#testimonials {
  margin: 15px auto;
  padding: 20px 0 50px 0;
  position: relative
}

#testimonials .testimonial {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  text-align: center
}

#test_container {
  position: relative;
  overflow: hidden
}

#testimonials .testimonial_text {
  font-size: 14px;
  font-family: verdana;
  font-style: italic
}

#testimonials .testimonial_text p {
  background: #fff url(quote.png) no-repeat 17px 21px;
  padding: 10px;
  border-radius: 20px;
  border: 4px solid #cd2930
}

.testimonial_text:after {
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  border-style: none none solid solid;
  border-width: 0;
  position: absolute;
  bottom: 69px;
  left: 50%;
  transform: skewY(45deg);
  border-right: 4px solid #cd2930;
  border-bottom: 4px solid #cd2930
}

#testimonials .testimonial_name {
  font-size: 17px;
  margin: 18px auto 3px;
  color: #000
}

#testimonials .testimonial_designation {
  font-size: 12px;
  line-height: 14px;
  font-family: verdana
}

#t_pagers {
  position: absolute;
  left: 45%;
  bottom: -5px;
  z-index: 2;
  text-align: center
}

#t_pagers .pager {
  display: inline-block;
  text-decoration: none;
  width: 10px;
  min-height: 10px;
  margin-right: 5px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer
}

#t_pagers .pager.active {
  background: #c12127
}

.img__wrap {
  position: relative;
  height: 200px;
  margin-bottom: 10px;
  text-align: center;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .76);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .76);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .76)
}

.img__wrap>.img__img {
  border-bottom: 3px solid #c12127
}

.img__description_layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(193, 33, 39, .8);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .2s, visibility .2s
}

.img__wrap:hover .img__description_layer {
  visibility: visible;
  opacity: 1
}

.img__description {
  transition: .2s;
  transform: translateY(1em);
  text-align: center;
  padding: 0 15px
}

.img__wrap:hover .img__description {
  transform: translateY(0);
  text-align: center;
  padding: 0 15px
}

.xxmr {
  margin-top: -60px
}

#fh5co-header #fh5co-logo {
  text-align: center
}

#fh5co-header #fh5co-logo a {
  color: #000
}

#fh5co-header #fh5co-logo a sup {
  font-size: 20px;
  top: -20px
}

.fh5co-post-next,
.fh5co-post-prev {
  position: fixed;
  z-index: 999;
  top: 50%;
  height: 50px;
  margin-top: -25px;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

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

  .fh5co-post-next,
  .fh5co-post-prev {
    position: relative;
    text-align: center;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1
  }
}

.fh5co-post-next span,
.fh5co-post-prev span {
  vertical-align: base;
  width: 100px
}

.fh5co-post-next span i,
.fh5co-post-prev span i {
  top: 7px;
  position: relative;
  font-size: 30px;
  color: #000
}

.fh5co-post-prev {
  left: 0;
  margin-left: -25px
}

.fh5co-post-prev:hover {
  margin-left: 10px;
  color: #000
}

@media screen and (max-width:768px) {
  .fh5co-post-prev {
    margin-left: 15px;
    float: left
  }
}

.fh5co-post-next {
  right: 0;
  margin-right: -25px
}

.fh5co-post-next:hover {
  margin-right: 10px;
  color: #000
}

@media screen and (max-width:768px) {
  .fh5co-post-next {
    margin-right: 15px;
    float: right
  }
}

.fh5co-post-entry.single-entry .fh5co-article-title {
  font-size: 80px
}

@media screen and (max-width:992px) {
  .fh5co-post-entry.single-entry .fh5co-article-title {
    font-size: 56px
  }
}

@media screen and (max-width:768px) {
  .fh5co-post-entry.single-entry .fh5co-article-title {
    font-size: 34px
  }
}

.fh5co-post-entry article {
  text-align: center;
  float: left;
  margin-bottom: 110px;
  padding-left: 3em;
  padding-right: 3em
}

@media screen and (max-width:1200px) {
  .fh5co-post-entry article {
    margin-bottom: 80px;
    padding-left: 15px;
    padding-right: 15px
  }
}

@media screen and (max-width:992px) {
  .fh5co-post-entry article {
    margin-bottom: 80px;
    padding-left: 15px;
    padding-right: 15px
  }
}

@media screen and (max-width:768px) {
  .fh5co-post-entry article {
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px
  }
}

.fh5co-post-entry article a img {
  opacity: 1;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.fh5co-post-entry article a:hover img {
  opacity: .4
}

.fh5co-post-entry article figure {
  margin-bottom: 30px
}

.fh5co-post-entry article h2 {
  font-family: "Playfair Display", times, serif;
  font-size: 34px;
  color: #000;
  margin-bottom: 30px
}

.fh5co-post-entry article h2 a {
  color: #000
}

@media screen and (max-width:992px) {
  .fh5co-post-entry article h2 {
    font-size: 26px
  }
}

@media screen and (max-width:768px) {
  .fh5co-post-entry article h2 {
    font-size: 24px;
    margin-bottom: 20px
  }
}

.fh5co-post-entry article .fh5co-meta {
  font-size: 16px;
  font-family: "Playfair Display", arial, sans-serif;
  color: #999;
  margin-bottom: 20px;
  display: block
}

@media screen and (max-width:480px) {
  .fh5co-post-entry article .fh5co-meta {
    margin-bottom: 10px
  }
}

.fh5co-post-entry article .fh5co-meta.fh5co-date {
  text-transform: uppercase;
  letter-spacing: 2px
}

.fh5co-post-entry article .content-article {
  padding-top: 4em
}

.fh5co-post-entry article .content-article a {
  text-decoration: underline
}

.fh5co-post-entry article .content-article blockquote {
  border-left: none;
  padding-left: 0
}

.fh5co-post-entry article .content-article blockquote p {
  font-family: "Playfair Display", times, serif;
  font-size: 27px;
  font-style: italic;
  line-height: 1.5
}

.fh5co-post-entry article .content-article blockquote p cite {
  padding-top: 20px;
  display: block;
  font-size: 16px;
  font-style: normal;
  color: gray
}

.fh5co-post-entry article .fh5co-highlight {
  border: 4px solid #f2f2f2;
  padding: 30px;
  width: 100%;
  margin-bottom: 30px
}

.fh5co-post-entry article .fh5co-highlight.right {
  float: right;
  margin-left: 30px
}

.fh5co-post-entry article .fh5co-highlight.left {
  float: left
}

.fh5co-post-entry article .fh5co-highlight h4 {
  font-size: 14px;
  letter-spacing: 2px;
  color: #b3b3b3;
  text-transform: uppercase;
  font-family: "Playfair Display", arial, sans-serif
}

.fh5co-post-entry article .fh5co-highlight p {
  font-family: "Playfair Display", times, serif;
  color: #000;
  font-size: 20px
}

.fh5co-social {
  padding: 0;
  margin: 30px 0 0 0;
  position: relative
}

.fh5co-social li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline
}

.fh5co-social li a {
  font-size: 20px;
  padding: 4px;
  color: #a4a5a6
}

figure figcaption {
  padding-top: 15px;
  font-size: 14px;
  color: #999
}

#fh5co-offcanvas {
  background: #dc1928;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  opacity: 0;
  display: none
}

@media screen and (max-width:768px) {
  #fh5co-offcanvas {
    padding-top: 0;
    width: 100%
  }
}

#fh5co-offcanvas .fh5co-close-offcanvas {
  position: absolute;
  right: 0;
  font-size: 22px;
  overflow: hidden;
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background: #dc1928;
  width: 100%;
  text-align: center;
  padding: 8px 7px
}

#fh5co-offcanvas .fh5co-close-offcanvas:hover {
  width: 85px;
  color: #000
}

#fh5co-offcanvas .fh5co-close-offcanvas>span {
  color: #fbd206;
  border: 1px solid #fbd206;
  border-radius: 50%;
  padding: 10px 12.5px
}

#fh5co-offcanvas .fh5co-close-offcanvas>span>span {
  top: -3px;
  position: relative;
  font-size: 18px
}

#fh5co-offcanvas .fh5co-bio,
#fh5co-offcanvas .fh5co-menu {
  padding: 0 0 80px 36px
}

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

  #fh5co-offcanvas .fh5co-bio,
  #fh5co-offcanvas .fh5co-menu {
    width: 100%;
    padding: 0 0 6px 0
  }
}

#fh5co-offcanvas .fh5co-bio {
  text-align: center;
  float: left
}

#fh5co-offcanvas .fh5co-bio figure {
  text-align: center;
  display: block;
  margin-bottom: 30px
}

#fh5co-offcanvas .fh5co-bio img {
  width: 180px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%
}

#fh5co-offcanvas .fh5co-bio p {
  font-size: 16px
}

#fh5co-offcanvas .heading {
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ccc;
  margin-bottom: 0;
  margin-top: 0
}

#fh5co-offcanvas .fh5co-menu ul {
  padding: 0;
  margin: 0
}

#fh5co-offcanvas .fh5co-menu ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
  padding-top: 13px;
  padding-bottom: 13px
}

#fh5co-offcanvas .fh5co-menu ul li:after {
  height: 1px !important;
  width: 15%;
  left: 42%;
  background-color: #fbd206;
  transition: .4s ease-out all .1s;
  content: "";
  position: absolute;
  margin-top: 3px
}

.nsdrop li:after {
  background-color: #fff !important
}

#fh5co-offcanvas .fh5co-menu ul li:hover {
  background: linear-gradient(100deg, #d02b32 46%, #ed3f49 77%)
}

#fh5co-offcanvas .fh5co-menu ul li:hover a {
  color: #fff
}

#fh5co-offcanvas .fh5co-menu ul li a i {
  float: right;
  padding-right: 20px;
  margin-top: 7px;
  margin-bottom: 7px
}

#fh5co-offcanvas .fh5co-menu ul li a {
  color: #fff;
  display: block;
  width: 100%;
  text-transform: uppercase;
  text-align: center
}

.nsdrop {
  margin-left: 10px !important
}

.gsdrop {
  right: 0;
  left: auto
}

.nsdrop li {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important
}

.nsdrop li a {
  color: #000 !important
}

.nsdrop li:hover a {
  color: #fff !important
}

#fh5co-footer {
  padding: 10px 0;
  text-align: center;
  background: #cf1394;
  background: -moz-linear-gradient(90deg, #cf1394 5%, #bf1b77 20%, #c62961 35%, #b12950 48%, #b8363c 52%, #d1413e 65%, #d85128 80%, #fb710b 95%);
  background: -webkit-linear-gradient(90deg, #cf1394 5%, #bf1b77 20%, #c62961 35%, #b12950 48%, #b8363c 52%, #d1413e 65%, #d85128 80%, #fb710b 95%);
  background: linear-gradient(90deg, #cf1394 5%, #bf1b77 20%, #c62961 35%, #b12950 48%, #b8363c 52%, #d1413e 65%, #d85128 80%, #fb710b 95%);
  color: #fff
}

#fh5co-footer p {
  margin-bottom: 0;
  font-size: 16px
}

#fh5co-footer p a {
  color: #dcdbdb;
  font-size: 15px
}

.js .animate-box,
.js .to-animate,
.js .to-animate-2 {
  opacity: 0
}

.fh5co-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none
}

.fh5co-nav-toggle.active i::after,
.fh5co-nav-toggle.active i::before {
  background: #f7c873
}

.fh5co-nav-toggle:active,
.fh5co-nav-toggle:focus,
.fh5co-nav-toggle:hover {
  outline: 0;
  border-bottom: none !important
}

.fh5co-nav-toggle i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  width: 25px;
  height: 3px;
  color: #535659;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #535659;
  transition: all .2s ease-out
}

.fh5co-nav-toggle i::after,
.fh5co-nav-toggle i::before {
  content: '';
  width: 25px;
  height: 3px;
  background: #535659;
  position: absolute;
  left: 0;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s
}

.fh5co-nav-toggle i::before {
  top: -7px
}

.fh5co-nav-toggle i::after {
  bottom: -7px
}

.fh5co-nav-toggle:hover i::before {
  top: -10px
}

.fh5co-nav-toggle:hover i::after {
  bottom: -10px
}

.fh5co-nav-toggle.active i {
  background: 0 0
}

.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg)
}

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg)
}

.fh5co-nav-toggle {
  position: absolute;
  top: 18px;
  left: 0;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: block;
  height: 44px;
  width: 25px;
  border-bottom: none !important
}

@media screen and (max-width:768px) {
  .fh5co-nav-toggle {
    display: block
  }
}

.fh5co-animated {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.rp-b {
  padding-bottom: 40px
}

.cp-l {
  padding-left: 50px
}

@media screen and (max-width:992px) {
  .cp-l {
    padding-left: 15px
  }
}

.cp-r {
  padding-right: 50px
}

@media screen and (max-width:992px) {
  .cp-r {
    padding-right: 15px
  }
}

@media screen and (max-width:480px) {
  .col-xxs-12 {
    width: 100%;
    float: none
  }
}

.dashedright {
  border-right: 2px dashed #b70808
}

.dashedbottom {
  border-bottom: 2px dashed #b70808;
  padding-bottom: 30px
}

.nav>li>a {
  position: relative;
  display: block;
  font-family: Guardian Egyp Regular;
  margin-left: 17px;
  border: none;
  border-bottom: 4px solid #fff
}

.dropdown-menu>li>a {
  padding: 10px 10px
}

.dropdown-menu {
  padding: 0 0
}

.dropdown-menu .fa-long-arrow-right {
  color: #c12127;
  vertical-align: middle;
  font-size: 22px
}

.dropdown-menu>li>a:hover .fa-long-arrow-right {
  color: #fff
}

.dropdown-menu>li>a:focus .fa-long-arrow-right {
  color: #fff
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #dc1928
}

.nav>li>a:hover {
  text-decoration: none;
  color: #dc1928;
  border-color: #fff #fff #dc1928
}

.nav-tabs li h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 600;
  color: #a4a5a6
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  border-bottom: 4px solid #cc148f;
  cursor: default;
  text-align: left;
  border-top: none;
  border-right: none;
  border-left: none;
  color: #cc148f
}

.tab-content>.tab-pane h3 {
  color: #b70808;
  padding: 10px 15px 10px 15px;
  border: 1px solid #b70808;
  border-radius: 30px;
  width: fit-content;
  line-height: 25px
}

.tab-content>.tab-pane h4 {
  color: #b70808;
  padding: 10px 3px 10px 3px;
  line-height: 25px;
  font-size: 24px
}

.tab-content>.tab-pane h6 {
  color: #b70808;
  padding: 23px 0 0 0;
  line-height: 20px;
  font-size: 20px
}

.tab-content>.tab-pane h4 span {
  color: #b70808;
  padding: 10px 3px 10px 3px;
  border-bottom: 1px dashed #847f7f;
  width: fit-content
}

.tab-content>.tab-pane h5 {
  color: #505050;
  padding: 5px 5px 5px 5px;
  line-height: 25px;
  font-size: 18px
}

.BuIt {
  background: url(../images/BusinessIntelligence.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover
}

.BuIt h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: 70px
}

.BuIt h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.nav-tabs {
  border-bottom: 1px solid #fff
}

.BuIt p {
  color: #fff
}

.AcS {
  background: url(../images/AccountingServices.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 1px
}

.AcS h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: 70px
}

.AcS h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.AcS p {
  color: #fff
}

.SyDe {
  background: url(../images/SystemDesign.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover
}

.SyDe h2 {
  color: #000;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.SyDe h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.SyDe p {
  color: #000
}

.NeS {
  background: url(../images/NewSystem.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 1px
}

.NeS h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.NeS h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.NeS p {
  color: #fff
}

.ComM {
  background: url(../images/ComplianceManagement.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 1px
}

.ComM h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: 70px
}

.ComM h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.ComM p {
  color: #fff
}

.FiMa {
  background: url(../images/Financial-Management.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 1px
}

.bodtr {
  border-bottom: 2px dotted grey;
  padding-bottom: 10px
}

.FiMa h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: 70px
}

.FiMa h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.FiMa p {
  color: #fff
}

.IncS {
  background: url(../images/IncorporationSetUp.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 1px
}

.IncS h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: 70px
}

.IncS h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.IncS p {
  color: #fff
}

.Migra {
  background: url(../images/Migration.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 1px
}

.bodtr {
  border-bottom: 2px dotted grey;
  padding-bottom: 10px
}

.Migra h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.Migra h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.Migra p {
  color: #fff
}

.ERPC {
  background: url(../images/ERPCorrection.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 1px
}

.bodtr {
  border-bottom: 2px dotted grey;
  padding-bottom: 10px
}

.ERPC h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.ERPC h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.ERPC p {
  color: #fff
}

.BuSt {
  background: url(../images/business-strategy.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 1px
}

.BuSt h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.BuSt h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.BuSt p {
  color: #fff
}

.FiSt {
  background: url(../images/FiSt.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover
}

.FiSt h2 {
  color: #666;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.FiSt h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.FiSt h4 {
  color: #666 !important;
  font-size: 21px !important
}

.FiSt h5 {
  color: #666 !important;
  font-size: 23px !important;
  font-weight: 700
}

.FiSt p {
  color: #fff
}

.BpRe {
  background: url(../images/BusinessProcess.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 1px
}

.BpRe h2 {
  color: #d22d34;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: 70px
}

.BpRe h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.BpRe p {
  color: #211f1f
}

.LoSt {
  background: url(../images/LoSt.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover
}

.LoSt h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.LoSt h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.LoSt p {
  color: #fff
}

.LoSt .imgsec span {
  color: #fff;
  font-weight: 100
}

.AnaLY {
  background: url(../images/Analytics.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover
}

.AnaLY h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.AnaLY h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.AnaLY p {
  color: #fff
}

.AnaLY .imgsec span {
  color: #fff;
  font-weight: 500;
  padding-bottom: 13px
}

.AnaLY .imgsec {
  border-right: 1px dotted #fff
}

.AnaLY .imgsec ul {
  list-style: none;
  padding-left: 0;
  color: #fff
}

.BooK {
  padding-top: 10px;
  padding-bottom: 20px
}

.BooK h2 {
  color: #000;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.BooK h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.BooK p {
  color: #fff
}

.BooK .imgsec span {
  color: #fff;
  font-weight: 500;
  padding-bottom: 13px
}

.BooK .imgsec {
  border-right: 1px dotted #fff
}

.BooK .imgsec ul {
  list-style: none;
  padding-left: 0;
  color: #fff
}

.FinRp {
  background: url(../images/FinancialReporting.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover
}

.FinRp h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.FinRp h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.FinRp p {
  color: #fff
}

.FinRp .imgsec span {
  color: #fff;
  font-weight: 500;
  padding-bottom: 13px
}

.FinRp .imgsec {
  border-right: 1px dotted #fff
}

.FinRp .imgsec ul {
  list-style: none;
  padding-left: 0;
  color: #fff
}

.DasB {
  background: url(../images/Dashboards.jpg) no-repeat center center;
  padding-top: 10px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover
}

.DasB h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.DasB h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.LoSt h4 {
  color: #fff !important;
  font-size: 23px !important
}

.DasB p {
  color: #fff
}

.DasB .imgsec span {
  color: #fff;
  font-weight: 500;
  padding-bottom: 13px
}

.DasB .imgsec {
  border-right: 1px dotted #fff
}

.DasB .imgsec ul {
  list-style: none;
  padding-left: 0;
  color: #fff
}

.Mohan {
  background-image: url(../images/Mohan2.jpg);
  background-size: cover;
  padding-top: 10px;
  padding-bottom: 20px
}

.Mohan h2 {
  color: #fff
}

.Mohan h6 {
  color: #fff
}

.Mohan span {
  color: #fff
}

.Mohan i {
  color: #fff
}

.Mohan .fa-ul i {
  color: #c12127
}

.Mohan span i {
  border: 1px solid #fff;
  padding: 6px 5px 5px 9px;
  border-radius: 50%;
  width: 35px;
  height: 35px
}

.Mohan .divs {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: 50px;
  margin-right: 50px
}

.Ajay {
  background-image: url(../images/Ajay2.jpg);
  background-size: cover;
  padding-top: 10px;
  padding-bottom: 20px
}

.Ajay h2 {
  color: #fff
}

.Ajay h6 {
  color: #fff
}

.Ajay span {
  color: #fff
}

.Ajay i {
  color: #fff
}

.Ajay .fa-ul i {
  color: #c12127
}

.Ajay span i {
  border: 1px solid #fff;
  padding: 6px 5px 5px 9px;
  border-radius: 50%;
  width: 35px;
  height: 35px
}

.Ajay .divs {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: 50px;
  margin-right: 50px
}

.Amol {
  background-image: url(../images/Amol2.jpg);
  background-size: cover;
  padding-top: 10px;
  padding-bottom: 20px
}

.Amol h2 {
  color: #fff
}

.Amol h6 {
  color: #fff
}

.Amol span {
  color: #fff
}

.Amol i {
  color: #fff
}

.Amol .fa-ul i {
  color: #c12127
}

.Amol span i {
  border: 1px solid #fff;
  padding: 6px 5px 5px 9px;
  border-radius: 50%;
  width: 35px;
  height: 35px
}

.Amol .divs {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: 50px;
  margin-right: 50px
}

.Vikas {
  background-image: url(../images/Vikas2.jpg);
  background-size: cover;
  padding-top: 10px;
  padding-bottom: 20px
}

.Vikas h2 {
  color: #fff
}

.Vikas h6 {
  color: #fff
}

.Vikas span {
  color: #fff
}

.Vikas i {
  color: #fff
}

.Vikas .fa-ul i {
  color: #c12127
}

.Vikas span i {
  border: 1px solid #fff;
  padding: 6px 5px 5px 9px;
  border-radius: 50%;
  width: 35px;
  height: 35px
}

.Vikas .divs {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: 50px;
  margin-right: 50px
}

.SDo {
  border-bottom: 3px dotted grey;
  padding-bottom: 16px;
  padding-top: 16px
}

.SDo>.divsa>a {
  padding: 5px 9px 6px 9px;
  border: 1px solid;
  border-radius: 50%;
  width: 35px;
  height: 35px
}

.txtspan {
  color: #b70808;
  padding: 10px 3px 10px 3px;
  border-bottom: 1px dashed #847f7f;
  width: fit-content;
  font-weight: 700
}

.fa-ul2>li {
  position: relative
}

.fa-ul2 {
  list-style-type: none;
  margin-left: 1.7em;
  padding-left: 0
}

.fa-ul2>li>span>i {
  color: #c12127;
  font-weight: 500
}

.SDo>.divsa>.gtnt {
  padding: 10px;
  border-radius: 25px;
  border: 2px solid #c12127;
  color: #c12127;
  font-weight: 600
}

.SDo img {
  width: 90px;
  margin-top: -7rem
}

.SDo>.divsa {
  display: inline-block
}

.SDo h4 {
  color: #000;
  font-weight: 600
}

.AudA {
  padding-top: 10px;
  padding-bottom: 20px
}

.AudA h2 {
  color: #000;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.AudA h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.AudA h4 {
  color: #fff !important;
  font-size: 21px !important
}

.AudA p {
  color: #fff
}

.AudA .imgsec span {
  color: #fff;
  font-weight: 500;
  padding-bottom: 13px
}

.AudA .imgsec {
  border-right: 1px dotted #fff
}

.AudA .imgsec ul {
  list-style: none;
  padding-left: 0;
  color: #fff
}

.tab-content>.active p {
  margin-bottom: 20px;
  margin-top: 20px
}

.lbreadcumb p {
  color: #fff
}

.lbreadcumb {
  background: #929394;
  padding-top: 30px;
  padding-bottom: 30px;
  background-size: cover;
  background-image: url(../images/Mid-Banner.jpg)
}

.qlybg {
  background-image: url(../images/QualityAssurance.jpg)
}

.rndbg {
  background-image: url(../images/R&D.jpg)
}

.infbg {
  background-image: url(../images/infra.png)
}

.lbreadcumb h2 {
  color: #fff;
  font-size: 45px;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: 55px;
  text-align: center;
  padding: 120px 0;
  font-family: Playfair Display
}

.lbreadcumb2 {
  background: #c12127;
  padding-top: 10px;
  padding-bottom: 10px
}

.lbreadcumb2 h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.lbreadcumb2 p {
  color: #fff
}

.lbreadcumb2 .nav-tabs {
  border-bottom: none
}

.lbreadcumb2 .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  color: #000 !important;
  border-bottom: 4px solid #c12127
}

.lbreadcumb3 .nav-tabs>li.active>a,
.lbreadcumb3 .nav-tabs>li.active>a:active,
.lbreadcumb3 .nav-tabs>li.active>a:focus,
.lbreadcumb3 .nav-tabs>li.active>a:hover {
  color: #fff;
  border-bottom: none;
  cursor: default;
  text-align: left;
  border-top: none;
  border-right: none;
  border-left: none
}

.lbreadcumb2 .nav>li>a {
  position: relative;
  display: block;
  padding: 10px 10px 10px 10px;
  margin-left: 0;
  border: none;
  color: #fff;
  min-height: 30px;
  border-bottom: 4px solid #c12127
}

.lbreadcumb2 .nav>li>a>i {
  vertical-align: middle;
  font-size: 20px
}

.lbreadcumb3 {
  background: #cf1394;
  background: -moz-linear-gradient(90deg, #cf1394 5%, #bf1b77 20%, #c62961 35%, #b12950 48%, #b8363c 52%, #d1413e 65%, #d85128 80%, #fb710b 95%);
  background: -webkit-linear-gradient(90deg, #cf1394 5%, #bf1b77 20%, #c62961 35%, #b12950 48%, #b8363c 52%, #d1413e 65%, #d85128 80%, #fb710b 95%);
  background: linear-gradient(90deg, #cf1394 5%, #bf1b77 20%, #c62961 35%, #b12950 48%, #b8363c 52%, #d1413e 65%, #d85128 80%, #fb710b 95%);
  padding-top: 3px;
  padding-bottom: 3px
}

.lbreadcumb3 h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 2px
}

.lbreadcumb3 p {
  color: #fff
}

.lbreadcumb4 .nav-tabs {
  border-bottom: none
}

.lbreadcumb4 .nav>li>a {
  position: relative;
  display: block;
  padding: 10px 10px 10px 10px;
  margin-left: 0;
  border: none;
  color: #fff;
  min-height: 30px;
  border-bottom: none;
  font-family: Lato
}

.lbreadcumb3 .nav-tabs {
  border-bottom: none
}

.lbreadcumb3 .nav>li>a {
  position: relative;
  display: block;
  padding: 10px 10px 10px 10px;
  margin-left: 0;
  border: none;
  color: #fff;
  min-height: 30px;
  border-bottom: none;
  font-family: Lato
}

.aftdi .nav>li>a:after {
  content: "|";
  font-size: 20px;
  padding-left: 10px;
  margin-right: -10px;
  font-weight: 100;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  float: right
}

.aftdi .nav>li>a:hover {
  border-bottom: none
}

.aftli .nav>li>a:after {
  content: "|";
  font-size: 44px;
  margin-left: 15px;
  margin-right: -15px;
  float: right;
  position: relative;
  top: -18px;
  line-height: 29px;
  font-weight: 100;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block
}

.asdr:after {
  content: " " !important
}

.lbreadcumb3 .nav>li>a>i {
  font-size: 20px;
  padding-left: 10px;
  margin-right: 0;
  font-weight: 700
}

.lbreadcumb4 {
  background: #ef751b;
  background: -moz-linear-gradient(90deg, #ef751b 0, #f07e20 19%, #f28b27 44%, #f7a738 80%);
  background: -webkit-linear-gradient(90deg, #ef751b 0, #f07e20 19%, #f28b27 44%, #f7a738 80%);
  background: linear-gradient(90deg, #ef751b 0, #f07e20 19%, #f28b27 44%, #f7a738 80%);
  padding-top: 3px;
  padding-bottom: 3px
}

.lbreadcumb5 {
  background: #f6f1de;
  padding-top: 10px;
  padding-bottom: 10px
}

.lbreadcumb6 {
  background: #ececec;
  padding-top: 10px;
  padding-bottom: 10px
}

.lbreadcumb6 .custom-form .form-control {
  background: #ececec
}

.DoS {
  text-align: center
}

.DoS h4 {
  line-height: 22px;
  color: #69696d;
  font-weight: 600
}

.DoS h3 {
  line-height: 22px;
  color: #000;
  font-weight: 600
}

.BusSta {
  padding-top: 10px;
  padding-bottom: 20px
}

.lbreadcumb a:last-child {
  margin-left: 12px
}

.lbreadcumb a {
  color: #d22d34;
  font-weight: 100
}

.lbreadcumb a span {
  color: #fff;
  margin-left: 10px
}

.lbreadcumb h2 span {
  border-bottom: 1.5px dotted #d22d34;
  width: max-content;
  padding-bottom: 10px
}

.CompM .arrli ul {
  color: #7b7b7b
}

.pt-17 {
  padding-top: 17rem
}

.uls ul li {
  list-style: none;
  padding-left: 0;
  margin-bottom: 20px
}

.uls ul li:before {
  content: '';
  width: 35px;
  height: 35px;
  position: absolute;
  background-image: url(../images/4.jpg);
  background-size: cover;
  background-position: center;
  left: 0
}

.ulinw h5 {
  color: #838586;
  font-size: 20px
}

.ulinw ul li {
  list-style: none;
  padding-left: 0;
  margin-bottom: 4px
}

.ulinw ul {
  padding-left: 0
}

.ulinw {
  border-right: 1px dashed #bd1f1f
}

.ulinw:last-child {
  border-right: 1px dashed #fff;
  padding-bottom: 20px
}

.imgsec {
  margin-bottom: 10px;
  margin-top: 10px
}

.imgsec img {
  width: 80px;
  height: auto
}

.imgsec span {
  color: #888;
  font-weight: 700;
  display: inline-flex;
  width: 268px;
  vertical-align: middle
}

.arrli ul {
  list-style: none;
  color: #fff;
  margin-left: 1.5em
}

.arrli>ul>li>span {
  color: #c12127
}

.darrli ul {
  list-style: none;
  color: #000;
  margin-left: 1.5em
}

.darrli>ul>li>span {
  color: #c12127
}

.changeclass {
  display: block
}

.change {
  display: none
}

.chages {
  display: none
}

.changed {
  display: block;
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 10
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
  .nav>li>a {
    padding: 10px 5px 10px 5px;
    margin-left: 6px
  }

  .navbar-nav {
    margin: 39.75px -4.5px
  }

  .nav-tabs>li>a {
    margin-right: 0
  }

  .nav-tabs>li {
    max-width: 250px
  }
}

.captchas {
  margin-top: 33px
}

.captchas small {
  color: #8a8a8a
}

.captchas small a {
  color: #8a8a8a
}

@media screen and (max-width:767px) {
  .captchas small {
    line-height: 1
  }

  .captchas small a {
    line-height: 1
  }

  .teem img {
    padding: 10px
  }

  .fdlt>li {
    margin-top: 5px !important;
    margin-bottom: 4px !important
  }

  .lbreadcumb4 .nav>li {
    display: inline-flex
  }
}

#exTab2 {
  padding-top: 145px
}

.space15 {
  height: 15px
}

.feedback-form {
  position: fixed;
  top: 15%;
  right: 0;
  z-index: 100;
  min-height: 450px
}

.feedback-form-show {
  right: 0 !important
}

.feedback_form_area {
  position: relative;
  display: none;
  overflow: hidden;
  background: rgba(189, 189, 189, .9)
}

.feedback_form_area_inner {
  width: 300px;
  min-height: 360px;
  color: #fff;
  padding: 15px
}

.feedback_form_area h3 {
  color: #000;
  margin-top: 0
}

.custom-inp {
  width: 100%;
  height: 35px;
  padding-left: 5px;
  color: #fff;
  border: 1px #fff solid;
  background: 0 0
}

.custom-inp-txt {
  width: 100%;
  height: 100px;
  padding: 5px;
  color: #fff;
  border: 1px #fff solid;
  background: 0 0
}

.feedback-form-btn {
  position: absolute;
  left: -69px;
  color: #fff;
  transform: rotate(90deg);
  top: 35%;
  background: #c12127;
  border: #c12127;
  font-size: 14px;
  font-weight: 100;
  text-transform: capitalize;
  padding: 5px 5px
}

.feedback-form-btn:active:before,
.feedback-form-btn:focus:before,
.feedback-form-btn:hover:before {
  content: '';
  position: absolute;
  top: 0;
  right: 108px;
  border-bottom: 30px solid #ffffff00;
  border-right: 20px solid #000;
  width: 0
}

.feedback-form-btn:before {
  content: '';
  position: absolute;
  top: 0;
  right: 108px;
  border-bottom: 30px solid #ffffff00;
  border-right: 20px solid #c12127;
  width: 0
}

.feedback-form-btn:active:after,
.feedback-form-btn:focus:after,
.feedback-form-btn:hover:after {
  content: '';
  position: absolute;
  top: 0;
  right: -18px;
  border-bottom: 30px solid #ffffff00;
  border-left: 20px solid #000;
  width: 0
}

.feedback-form-btn:after {
  content: '';
  position: absolute;
  top: 0;
  right: -18px;
  border-bottom: 30px solid #ffffff00;
  border-left: 20px solid #c12127;
  width: 0
}

.feedback-form-btn:active,
.feedback-form-btn:focus,
.feedback-form-btn:hover {
  color: #fff;
  background: #000;
  border: #000
}

@media only screen and (max-width:320px) {
  .feedback_form_area_inner {
    width: 260px;
    min-height: 360px;
    color: #fff;
    padding: 15px
  }
}

.content {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden
}

.content .content-overlay {
  background: rgba(11, 19, 61, .7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out 0s;
  -moz-transition: all .4s ease-in-out 0s;
  transition: all .4s ease-in-out 0s
}

.content:hover .content-overlay {
  opacity: 1
}

.content-image {
  width: 100%
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s
}

.content-details2 {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 45%;
  left: 50%;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s
}

.content:hover .content-details {
  top: 65%;
  left: 50%;
  opacity: 1
}

.content:hover .content-details2 {
  top: 45%;
  left: 50%;
  opacity: 1
}

.content:hover .content-details2 .content-title::after {
  bottom: 0;
  height: 2px !important;
  width: 20%;
  left: 39%;
  background-color: #cd2930;
  transition: .4s ease-out all .1s;
  content: "";
  position: absolute
}

.content-details2 h3 {
  color: #fff;
  font-weight: 500;
  font-family: Guardian Egyp Regular;
  margin-bottom: .5em;
  font-size: 33px
}

.content-details h3 {
  color: #fff;
  font-weight: 500;
  letter-spacing: .15em;
  margin-bottom: .5em;
  text-transform: uppercase
}

.content-details p {
  color: #fff;
  font-size: 22px
}

.fadeIn-bottom {
  top: 80%
}

.topbar .brf{font-family: Font Awesome\ 5 Brands; font-weight: 100;}
.topbar2 .brf{font-family: Font Awesome\ 5 Brands; font-weight: 100;}


.topbar2 ul {
  display: inline-flex;
  list-style: none;
  float: right;
  margin-bottom: -20px
}

.topbar2 ul li {
  padding-right: 5px;
  padding-left: 5px;
  color: #000
}

.topbar2 ul li a {
  color: #000;
  font-size: 17px
}

.topbar2 ul li a:after {
  content: "|";
  padding-left: 5px
}

.topbar ul {
  display: inline-flex;
  list-style: none;
  float: right;
  margin-bottom: -20px
}

.topbar ul li {
  padding-right: 5px;
  padding-left: 5px;
  color: #fff
}

.topbar ul li a {
  color: #fff;
  font-size: 17px
}

.topbar ul li a:after {
  content: "|";
  padding-left: 5px
}

.sidebar {
  background: #5362ac;
  background: -moz-linear-gradient(90deg, #5362ac 20%, #5766af 40%, #5a68b0 60%, #5e6bb2 80%);
  background: -webkit-linear-gradient(90deg, #5362ac 20%, #5766af 40%, #5a68b0 60%, #5e6bb2 80%);
  background: linear-gradient(90deg, #5362ac 20%, #5766af 40%, #5a68b0 60%, #5e6bb2 80%);
  list-style: none;
  padding-left: 30px;
  padding: 20px 30px 20px 30px
}

.sidebar li a {
  padding: 5px 10px;
  color: #fff;
  font-family: Guardian Egyp Regular
}

.sidebar li a:hover {
  font-weight: 700;
  padding: 5px 10px;
  color: #fff;
  border-left: 1px solid
}

.sidebar li.active a {
  font-weight: 700;
  padding: 5px 10px;
  color: #fff;
  border-left: 1px solid
}

.sidebar li {
  margin: 5px 0
}

.sidebar2 {
  background: #f24e85;
  background: -moz-linear-gradient(90deg, #f24e85 20%, #f34b8b 40%, #f34797 60%, #f442a3 80%);
  background: -webkit-linear-gradient(90deg, #f24e85 20%, #f34b8b 40%, #f34797 60%, #f442a3 80%);
  background: linear-gradient(90deg, #f24e85 20%, #f34b8b 40%, #f34797 60%, #f442a3 80%);
  list-style: none;
  padding-left: 30px;
  padding: 20px 30px 20px 30px
}

.sidebar2 li a {
  padding: 5px 10px;
  color: #fff;
  font-family: Guardian Egyp Regular
}

.sidebar2 li a:hover {
  font-weight: 700;
  padding: 5px 10px;
  color: #fff;
  border-left: 1px solid
}

.sidebar2 li.active a {
  font-weight: 700;
  padding: 5px 10px;
  color: #fff;
  border-left: 1px solid
}

.sidebar2 li {
  margin: 5px 0
}

.cconddtiv {
  border-right: 1px solid #fff !important
}

.ccontiv {
  border-right: 1px solid #fbd209;
  min-height: 289px;
  padding: 10px
}

.ccontiv h4 {
  font-weight: 600;
  font-family: Guardian Egyp Regular
}

.ccontiv p {
  margin-bottom: 5px;
  font-size: 17px
}

.fdlt>li {
  float: none !important;
  display: inline-flex;
  margin-top: -3px;
  margin-bottom: -3px;
  width: 175px
}

.fdlt>li>a {
  padding-left: 36px !important
}

.ccontiv span {
  font-weight: 400
}

.c1 {
  color: #aa5a24 !important
}

.c2 {
  color: #81bc42 !important
}

.c3 {
  color: #ff3131 !important
}

.c4 {
  color: #05b3e9 !important
}

.c5 {
  color: #729210 !important
}

.c6 {
  color: #224f7e !important
}

.c7 {
  color: #ae3817 !important
}

.c8 {
  color: #e39a01 !important
}

.c9 {
  color: #48884a !important
}

.c10 {
  background: #bf1a77;
  background: -moz-linear-gradient(90deg, #bf1a77 0, #c3236a 50%, #c72b5f 100%);
  background: -webkit-linear-gradient(90deg, #bf1a77 0, #c3236a 50%, #c72b5f 100%);
  background: linear-gradient(90deg, #bf1a77 0, #c3236a 50%, #c72b5f 100%)
}

.c11 {
  background: #b12950;
  background: -moz-linear-gradient(90deg, #b12950 0, #b53045 50%, #b8373c 100%);
  background: -webkit-linear-gradient(90deg, #b12950 0, #b53045 50%, #b8373c 100%);
  background: linear-gradient(90deg, #b12950 0, #b53045 50%, #b8373c 100%)
}

.c12 {
  background: #d1413e;
  background: -moz-linear-gradient(90deg, #d1413e 0, #d44933 50%, #d95225 100%);
  background: -webkit-linear-gradient(90deg, #d1413e 0, #d44933 50%, #d95225 100%);
  background: linear-gradient(90deg, #d1413e 0, #d44933 50%, #d95225 100%)
}

.hrtbs {
  list-style: none;
  display: inline-flex;
  margin-bottom: 0
}

.hrtbs li {
  padding: 10px 30px
}

.hrtbs li a {
  font-family: Guardian Egyp Regular
}

.hrtbs li.active a {
  color: #ff459e;
  font-weight: 700;
  font-family: GuardianEgyp-Black
}

.abtfr {
  -webkit-box-shadow: 0 2px 24px 0 #454545;
  -moz-box-shadow: 0 2px 24px 0 #454545;
  box-shadow: 0 2px 24px 0 #454545;
  padding: 50px 100px;
  background: #fff
}

.lateshri {
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 22px !important
}

.ConfeBg {
  background: #c702ac;
  background: -moz-linear-gradient(90deg, #c702ac 10%, #d6217f 30%, #e74749 50%, #f5641d 70%, #fe7604 90%);
  background: -webkit-linear-gradient(90deg, #c702ac 10%, #d6217f 30%, #e74749 50%, #f5641d 70%, #fe7604 90%);
  background: linear-gradient(90deg, #c702ac 10%, #d6217f 30%, #e74749 50%, #f5641d 70%, #fe7604 90%)
}

.BeveBg {
  background: #f4943b;
  background: -moz-linear-gradient(90deg, #f4943b 10%, #f7a527 25%, #f6ad18 40%, #d5821e 55%, #b75c24 70%, #aa4b27 85%);
  background: -webkit-linear-gradient(90deg, #f4943b 10%, #f7a527 25%, #f6ad18 40%, #d5821e 55%, #b75c24 70%, #aa4b27 85%);
  background: linear-gradient(90deg, #f4943b 10%, #f7a527 25%, #f6ad18 40%, #d5821e 55%, #b75c24 70%, #aa4b27 85%)
}

.PhaBg {
  background: #ff4158;
  background: -moz-linear-gradient(90deg, #ff4158 10%, #ff505c 25%, #ff6662 40%, #ff8069 55%, #ff9c71 70%, #ffae76 85%);
  background: -webkit-linear-gradient(90deg, #ff4158 10%, #ff505c 25%, #ff6662 40%, #ff8069 55%, #ff9c71 70%, #ffae76 85%);
  background: linear-gradient(90deg, #ff4158 10%, #ff505c 25%, #ff6662 40%, #ff8069 55%, #ff9c71 70%, #ffae76 85%)
}

.SavBg {
  background: #77b940;
  background: -moz-linear-gradient(90deg, #77b940 10%, #89c253 25%, #9acb66 40%, #acd479 55%, #bada8a 70%, #c8e09a 85%);
  background: -webkit-linear-gradient(90deg, #77b940 10%, #89c253 25%, #9acb66 40%, #acd479 55%, #bada8a 70%, #c8e09a 85%);
  background: linear-gradient(90deg, #77b940 10%, #89c253 25%, #9acb66 40%, #acd479 55%, #bada8a 70%, #c8e09a 85%)
}

.SnaBg {
  background: #00a286;
  background: -moz-linear-gradient(90deg, #00a286 10%, #00a890 25%, #00b09e 40%, #0fb9ac 55%, #52c5b8 70%, #7ecec1 85%);
  background: -webkit-linear-gradient(90deg, #00a286 10%, #00a890 25%, #00b09e 40%, #0fb9ac 55%, #52c5b8 70%, #7ecec1 85%);
  background: linear-gradient(90deg, #00a286 10%, #00a890 25%, #00b09e 40%, #0fb9ac 55%, #52c5b8 70%, #7ecec1 85%)
}

.ConvBg {
  background: #49419a;
  background: -moz-linear-gradient(90deg, #49419a 10%, #544da0 25%, #5e58a6 40%, #6561ab 55%, #716bb1 70%, #7771b4 85%);
  background: -webkit-linear-gradient(90deg, #49419a 10%, #544da0 25%, #5e58a6 40%, #6561ab 55%, #716bb1 70%, #7771b4 85%);
  background: linear-gradient(90deg, #49419a 10%, #544da0 25%, #5e58a6 40%, #6561ab 55%, #716bb1 70%, #7771b4 85%)
}

.RagesBg {
  background: #e89d00;
  background: -moz-linear-gradient(90deg, #e89d00 10%, #eca501 25%, #f3b202 40%, #f9be04 55%, #fec608 70%, #fdbd0d 85%);
  background: -webkit-linear-gradient(90deg, #e89d00 10%, #eca501 25%, #f3b202 40%, #f9be04 55%, #fec608 70%, #fdbd0d 85%);
  background: linear-gradient(90deg, #e89d00 10%, #eca501 25%, #f3b202 40%, #f9be04 55%, #fec608 70%, #fdbd0d 85%)
}

.teem .collapsed h4 {
  color: #4d4d4d;
  padding: 10px 3px 10px 3px;
  line-height: 25px;
  font-size: 24px
}

.teem p:active,
.teem p:focus,
.teem p:hover {
  color: #000
}

.teem .collapsed h5 {
  color: #4d4d4d;
  padding: 0 3px 20px 3px;
  margin-top: 0;
  margin-bottom: 0
}

.teem h4 {
  color: #e4424c;
  padding: 10px 3px 10px 3px;
  line-height: 25px;
  font-size: 24px
}

.teem h5 {
  color: #e4424c;
  padding: 0 3px 20px 3px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display
}

.teem {
  margin-top: 10px;
  border-bottom: 2px solid #fcc438
}

.assdtt {
  color: #a81465 !important
}

.card-body p {
  padding-top: 7px;
  padding-bottom: 7px
}

.nvsd {
  margin-right: 2px;
  line-height: 1.42857;
  position: relative;
  display: block;
  padding: 10px 10px 10px 10px;
  margin-left: 0;
  border: none;
  color: #fff;
  min-height: 30px;
  border-bottom: none;
  font-family: Lato
}

.futer ul li a {
  color: #000000;
}