.circle-section-two {
  background: var(--section-two-circle);
}

.what-we-do .single-block .icon {
  width: 221px;
  height: 221px;
}

.short-banner {
  background: var(--section-three);
}

/* .inner-page-banner {
    margin-bottom: 0px;
    background: none;
}

.inner-page-banner .opacity {
    background: none;
    padding: 200px 0 30px 0;
}

.inner-page-banner .opacity h1 {
    color: black;
} */

/*header.theme-menu-wrapper.menu-style-two #mega-menu-wrapper .nav>li>a {
    color: black;
}
*/
header.theme-menu-wrapper.menu-style-two
  #mega-menu-wrapper
  .nav
  > li.black-li
  > a.black-menu {
  color: black;
}

header.theme-menu-wrapper.menu-style-two
  #mega-menu-wrapper
  .nav
  > li.black-li
  > a.black-menu2 {
  color: black;
}

header.theme-menu-wrapper {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .header-wrapper .container {
    display: flex;
    justify-content: space-around;
  }
}

.menu-style-two #mega-menu-wrapper .navbar-toggle .icon-bar {
  /*background: #2f2304 !important;*/
  background: orange !important;
  cursor: pointer;
}

@media (max-width: 991px) {
  .theme-menu-wrapper.menu-style-two .logo {
    top: -23px;
    width: 70px;
    left: 10px;
  }

  .theme-menu-wrapper.fixed.menu-style-two .logo {
    top: -15px;
    width: 70px;
    left: 10px;
  }
}

header.theme-menu-wrapper.fixed #mega-menu-wrapper .nav > li.menu-list > a {
  padding-bottom: 0px;
}

.theme-menu-wrapper.fixed {
  padding-top: 10px;
}

.theme-menu-wrapper.fixed.menu-style-two {
  background: #ffffff;
}

@media (max-width: 991px) {
  .menu-style-two #mega-menu-wrapper .navbar-collapse {
    background: #ffffff;
  }
}

.scroll-top {
  background: #fc7e29;
}

.p-color,
.what-we-do .single-block:hover h5 a,
.more-about-us .main-content .main-wrapper h4:before,
.home-service-section .theme-title a:hover,
.home-service-section ul li:hover div h5 a,
.testimonial-section .main-container .item .wrapper p:before,
.home-blog-section .single-blog:hover > a,
footer .footer-logo h5 a:hover,
footer .footer-list ul li a:hover,
footer .footer-subscribe ul li a:hover,
#theme-main-banner.banner-one .camera_prev:before,
#theme-main-banner.banner-one .camera_next:before,
.our-team-styleOne .single-team-member .image .opacity ul li a,
.service-version-one .single-service:hover a,
.service-version-two .single-service:hover .text a,
.gullu-portfolio .single-item:hover .opacity a.view-more,
.portfolio-details .page-changer li a:hover,
.our-blog .single-blog:hover .text > a,
.our-blog .single-blog.solid-color:hover .text > a,
.our-blog.blog-v3 .single-blog:hover .text h5 a,
.our-blog.blog-v2 .single-blog:hover .text h5 a,
.blog-details .tag-option ul li a:hover,
.blog-details .comment-area .comment-section .comment button:hover,
.contact-us .contact-address > a:hover,
.contact-us .contact-address ul li a:hover,
.shop-page .shop-sidebar .sidebar-categories li a:hover,
.shop-page .shop-product-wrapper .single-product:hover h6 a,
.shop-page .shop-product-wrapper .single-product > a:hover,
.shop-page .shop-sidebar .popular-product li:hover .text a,
header.theme-menu-wrapper.menu-style-two
  #mega-menu-wrapper
  .nav
  .login-button
  a:hover,
.theme-modal-box .modal-content .modal-body form ul li label:before {
  color: #fc7e29;
}

.p-bg-color,
header.theme-menu-wrapper #mega-menu-wrapper .nav .login-button a:hover,
.our-portfolio .theme-title a:hover,
.home-service-section .theme-title a:hover:before,
.pricing-plan-one .nav-tabs > li.active > a,
.pricing-plan-one .nav-tabs > li.active > a:hover,
.pricing-plan-one .nav-tabs > li.active > a:focus,
.banner-two .watch-video a:hover,
.our-team-styleOne .title a:hover,
.our-blog.blog-v2 .load-more:hover,
.bootstrap-select.btn-group .dropdown-menu li.selected a,
.bootstrap-select.btn-group .dropdown-menu li:hover a,
.shop-details .procuct-details .product-info > div > a.cart-button,
.shop-details .procuct-details .product-info > div > a.wishlist-button:hover,
#mega-menu-wrapper .navbar-toggle .icon-bar {
  background: #fc7e29;
}

.theme-menu-wrapper.fixed .logo {
  transform: none;
}

header.theme-menu-wrapper #mega-menu-wrapper .nav .login-button a:hover,
.our-portfolio .theme-title a:hover,
.banner-two .watch-video a:hover,
.our-team-styleOne .title a:hover,
header.theme-menu-wrapper.menu-style-two
  #mega-menu-wrapper
  .nav
  .login-button
  a:hover,
.gullu-portfolio .single-item .opacity a.view-more:hover:before,
.our-blog.blog-v2 .load-more:hover,
.contact-us .contact-address ul li a:hover,
.shop-page .shop-sidebar .sidebar-search input:focus,
.shop-details .procuct-details .product-info > div > a.cart-button,
.shop-details .procuct-details .product-info > div > a.wishlist-button:hover {
  border-color: #fc7e29;
}

.our-blog .single-blog .text h5 a.color-one span:before {
  background: rgba(252, 126, 38, 0.33);
}

.what-we-do .single-block .icon {
  border: none;
}

.what-we-do .single-block .icon.middle-block:before,
.what-we-do .single-block .icon.middle-block:after {
  content: none;
}

.our-team-styleOne .title {
  text-align: center;
}

.blog-main-post ul {
  list-style-type: inherit;
  margin: auto;
  padding-inline-start: 20px;
}

/* ==========================
Page programs
=============================*/
/* Font */
@import url("https://fonts.googleapis.com/css?family=Quicksand:400,700");

/* Design */
*,
*::before,
*::after {
  box-sizing: border-box;
}

.main {
  max-width: 1200px;
  margin: 0 auto;
}

.btn {
  color: #ffffff;
  padding: 0.8rem;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 4px;
  font-weight: 400;
  display: block;
  width: 100%;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
}

.btn:hover {
  background-color: rgba(255, 255, 255, 0.12);
  color:orange;
}

.cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cards_item {
  display: flex;
  padding: 1rem;
}

@media (min-width: 40rem) {
  .cards_item {
    width: 50%;
  }
}

@media (min-width: 56rem) {
  .cards_item {
    width: 33.3333%;
  }
}

.card {
  background-color: #0d2143;
  border-radius: 0.25rem;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.card_content {
  padding: 1rem;
  /*background: linear-gradient(to bottom left, #f28a35 20%, #ffd899 100%);*/
  /*background: linear-gradient(to bottom, #f28a35 70%, #ffd899 100%);*/
  background: #0d2143;
}

.card_title {
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin: 0px;
}

.card_text {
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  font-weight: 400;
}
.made_by {
  font-weight: 400;
  font-size: 13px;
  margin-top: 35px;
  text-align: center;
}

/* div.tab-content.float-left {
  height: 234px;
} */

/*=============================================================*/
/*cool link*/
/*============================================================= */

.cool-link::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: orange;
  transition: width 0.3s;
}

.cool-link:hover::after {
  width: 100%;
  transition: width .3s;
}

/*=============================================================*/
/*modal page program*/
/*============================================================= */



.columnModal {
  float: left;
  width: 50%;
  padding: 5px;
}



/* Clearfix (clear floats) */
.rowModal::after {
  content: "";
  clear: both;
  display: table;
}

.modal p{
    color:black;
}