/** Font Icons **/
/** Fonts **/
/*!
 * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/** Font Icons **/
/** Fonts **/

.portfolio_section {
  background: transparent linear-gradient(180deg, #d9d9d9 0%, #ffffff 77%, #d4d4d4 100%) 0% 0% no-repeat padding-box;
  padding: 58px 0;
  margin-top: 99px;
}
@media only screen and (max-width: 992px) {
  .portfolio_section {
    padding: 32px 0;
    margin-top: 48px;
  }
}
.portfolio_section .portfolio_slide .carousel-indicators {
  margin-bottom: 2px;
}
@media only screen and (min-width: 768px) {
  .portfolio_section .portfolio_slide .carousel-indicators {
    margin: 0;
    right: auto;
  }
}
@media only screen and (min-width: 992px) {
  .portfolio_section .portfolio_slide .carousel-indicators {
    bottom: 40px;
  }
}
.portfolio_section .portfolio_slide .carousel-indicators li {
  width: 48px;
  height: 8px;
  background-color: #8f8f8f;
  border-radius: 8px;
  border: none;
}
.portfolio_section .portfolio_slide .carousel-inner .carousel-item .portfolio_box {
  display: flex;
  margin: 0 -15px;
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .portfolio_section .portfolio_slide .carousel-inner .carousel-item .portfolio_box {
    flex-wrap: wrap;
  }
}
.portfolio_section .portfolio_slide .carousel-inner .carousel-item .portfolio_box .portfolio_content_box,
.portfolio_section .portfolio_slide .carousel-inner .carousel-item .portfolio_box .portfolio_img {
  padding: 0 15px;
}
@media only screen and (max-width: 992px) {
  .portfolio_section .portfolio_slide .carousel-inner .carousel-item .portfolio_box .portfolio_img {
    order: 1;
  }
}
.portfolio_section .portfolio_slide .carousel-inner .carousel-item .portfolio_box .portfolio_img img {
  border-radius: 10px;
}
@media only screen and (min-width: 992px) {
  .portfolio_section .portfolio_slide .carousel-inner .carousel-item .portfolio_box .portfolio_content_box {
    max-width: 726px;
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .portfolio_section .portfolio_slide .carousel-inner .carousel-item .portfolio_box .portfolio_content_box {
    order: 2;
    margin-top: 20px;
  }
}
.portfolio_section
  .portfolio_slide
  .carousel-inner
  .carousel-item
  .portfolio_box
  .portfolio_content_box
  .portfolio_text {
  padding-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .portfolio_section
    .portfolio_slide
    .carousel-inner
    .carousel-item
    .portfolio_box
    .portfolio_content_box
    .portfolio_text {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .portfolio_section
    .portfolio_slide
    .carousel-inner
    .carousel-item
    .portfolio_box
    .portfolio_content_box
    .portfolio_text {
    text-align: center;
  }
}
.portfolio_section
  .portfolio_slide
  .carousel-inner
  .carousel-item
  .portfolio_box
  .portfolio_content_box
  .portfolio_text
  h3 {
  font: normal normal 56px/1.1 "Raleway-Regular";
}
.portfolio_section
  .portfolio_slide
  .carousel-inner
  .carousel-item
  .portfolio_box
  .portfolio_content_box
  .portfolio_text
  h3
  strong {
  font-family: "Raleway-Bold";
  display: block;
}
@media only screen and (max-width: 992px) {
  .portfolio_section
    .portfolio_slide
    .carousel-inner
    .carousel-item
    .portfolio_box
    .portfolio_content_box
    .portfolio_text
    h3 {
    font-size: 20px;
  }
}
.portfolio_section
  .portfolio_slide
  .carousel-inner
  .carousel-item
  .portfolio_box
  .portfolio_content_box
  .portfolio_text
  p {
  font: normal normal 18px/1.1 "Proxima-Nova-Light";
  margin-top: 6px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 992px) {
  .portfolio_section
    .portfolio_slide
    .carousel-inner
    .carousel-item
    .portfolio_box
    .portfolio_content_box
    .portfolio_text
    p {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .portfolio_section
    .portfolio_slide
    .carousel-inner
    .carousel-item
    .portfolio_box
    .portfolio_content_box
    .portfolio_text
    .tab-button-box {
    text-align: left;
  }
}
.portfolio_section
  .portfolio_slide
  .carousel-inner
  .carousel-item
  .portfolio_box
  .portfolio_content_box
  .portfolio_text
  .tab-button-box
  .btn {
  font-weight: normal;
  max-width: 312px;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .portfolio_section .portfolio_slide .carousel-inner .carousel-item .portfolio_box .portfolio_img {
    max-width: 680px;
    width: 100%;
  }
}

.package_banner .package_grpahic {
  display: none;
}
.package_banner .package_grpahic img {
  max-height: 440px;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  .package_banner .package_grpahic {
    display: block;
  }
}

/* .package_banner .comman-banner-content .comman-banner-text .package_content h2
 {
  line-height: 0.9;
} */

.package_banner .comman-banner-content .comman-banner-text .package_content h2 {
  font: normal normal 50px/1.25 "Raleway-Regular";
  color: #ffffff;
}
@media only screen and (max-width: 1540px) {
  .package_banner .comman-banner-content .comman-banner-text .package_content h2 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 768px) {
  .package_banner .comman-banner-content .comman-banner-text .package_content h2 {
    font-size: 24px;
  }
}

.package_banner .comman-banner-content .comman-banner-text .package_content .package_info p {
  font: normal normal 18px/1.2 "Proxima-Nova-Light";
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  .package_banner .comman-banner-content .comman-banner-text .package_content .package_info p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) {
  .package_banner.package_landing_page {
    padding-bottom: 40px;
  }
  .package_banner.package_landing_page .package_grpahic img {
    max-height: auto;
    margin-top: 70px;
  }
}

.packages_section .packages_services {
  padding: 72px 0;
}
@media only screen and (max-width: 992px) {
  .packages_section .packages_services {
    padding: 48px 0;
  }
}
.packages_section .packages_services .service_inside {
  max-width: 1330px;
  margin: 0 auto;
  width: 100%;
}
.packages_section .packages_services .service_inside h2 {
  font: normal normal 70px/1 "JennaSue";
  color: #ffa402;
}
@media only screen and (max-width: 1540px) {
  .packages_section .packages_services .service_inside h2 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 768px) {
  .packages_section .packages_services .service_inside h2 {
    font-size: 24px;
  }
}
.packages_section .packages_services .service_inside h3 {
  font: normal normal 50px/1.3 "Raleway-SemiBold";
}
@media only screen and (max-width: 1540px) {
  .packages_section .packages_services .service_inside h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 768px) {
  .packages_section .packages_services .service_inside h3 {
    font-size: 18px;
  }
}
.packages_section .packages_services .service_inside p {
  font: normal normal 18px/1.4 "Proxima-Nova-Light";
  margin: 6px 0 0;
}
@media only screen and (min-width: 992px) {
  .packages_section .packages_services .service_inside p span {
    display: block;
  }
}
@media only screen and (max-width: 992px) {
  .packages_section .packages_services .service_inside p {
    font-size: 16px;
  }
}

.packages_section .package_pricing_section {
  background-image: url(../images/brandbook_bg.png);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  padding: 0 0 80px;
  margin-top: 100px;
}
@media only screen and (max-width: 992px) {
  .packages_section .package_pricing_section {
    padding: 48px 0;
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) {
  .packages_section .package_pricing_section .package_pricing_inside .row {
    margin-right: -20px;
    margin-left: -20px;
  }
  .packages_section .package_pricing_section .package_pricing_inside .row [class*="col-"] {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .packages_section .package_pricing_section .package_pricing_inside.seo_row .row {
    margin-right: -5px;
    margin-left: -5px;
  }
  .packages_section .package_pricing_section .package_pricing_inside.seo_row .row [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
  }
}
.packages_section .package_pricing_section .package_pricing_inside .color_white {
  color: #ffffff;
}
.packages_section .package_pricing_section .package_pricing_inside .color_black {
  color: #232222;
}
.packages_section .package_pricing_section .package_pricing_inside .package_card {
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .packages_section .package_pricing_section .package_pricing_inside .package_card {
    margin-top: -100px;
  }
}
@media only screen and (max-width: 992px) {
  .packages_section .package_pricing_section .package_pricing_inside .package_card {
    margin: 8px 0;
  }
}
.packages_section .package_pricing_section .package_pricing_inside .package_card .package_header {
  padding: 19px 12px 18px;
}
.packages_section .package_pricing_section .package_pricing_inside .package_card .package_header h4 {
  font: normal normal 25px/1.7 "Raleway-SemiBold";
}
@media only screen and (max-width: 1540px) {
  .packages_section .package_pricing_section .package_pricing_inside .package_card .package_header h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .packages_section .package_pricing_section .package_pricing_inside .package_card .package_header h4 {
    font-size: 16px;
  }
}
.packages_section .package_pricing_section .package_pricing_inside .package_card .package_header .package_name {
  font: normal normal 18px/1.1 "Proxima-Nova-Regular";
}
@media only screen and (max-width: 992px) {
  .packages_section .package_pricing_section .package_pricing_inside .package_card .package_header .package_name {
    font-size: 16px;
  }
}
.packages_section .package_pricing_section .package_pricing_inside .package_card .package_body {
  padding: 56px 36px 28px;
}
.packages_section .package_pricing_section .package_pricing_inside .package_card .package_body .package_price {
  font: normal normal 600 80px/1 Arial;
}
@media only screen and (max-width: 1540px) {
  .packages_section .package_pricing_section .package_pricing_inside .package_card .package_body .package_price {
    font-size: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .packages_section .package_pricing_section .package_pricing_inside .package_card .package_body .package_price {
    font-size: 32px;
  }
}
.packages_section .package_pricing_section .package_pricing_inside .package_card .package_body .package_features {
  margin-top: 26px;
}
.packages_section
  .package_pricing_section
  .package_pricing_inside
  .package_card
  .package_body
  .package_features
  .feature_list
  li {
  padding: 14px 0;
  font: normal normal 18px/1.1 "Proxima-Nova-Regular";
}
@media only screen and (max-width: 992px) {
  .packages_section
    .package_pricing_section
    .package_pricing_inside
    .package_card
    .package_body
    .package_features
    .feature_list
    li {
    font-size: 16px;
  }
}
.packages_section
  .package_pricing_section
  .package_pricing_inside
  .package_card
  .package_body
  .package_features
  .feature_list
  li:not(:last-child) {
  border-bottom: 1px solid #c7c7c7;
}
.packages_section .package_pricing_section .package_pricing_inside .package_card_blue {
  background: #02a7c1;
  color: #ffffff;
}
.packages_section .package_pricing_section .package_pricing_inside .package_card_blue .package_header {
  background: #016d7e;
}
.packages_section .package_pricing_section .package_pricing_inside .package_card_yellow {
  background: #ffc34b;
  color: #ffffff;
}
.packages_section .package_pricing_section .package_pricing_inside .package_card_yellow .package_header h4,
.packages_section .package_pricing_section .package_pricing_inside .package_card_yellow .package_header .package_name {
  color: #232222;
}
.packages_section
  .package_pricing_section
  .package_pricing_inside
  .package_card_yellow
  .package_body
  .package_features
  .feature_list
  li:not(:last-child) {
  border-color: #ffffff;
}
.packages_section .package_pricing_section .package_pricing_inside .package_card_yellow .package_header {
  background: #ffa402;
}
.packages_section .package_pricing_section .package_pricing_inside .package_card_red {
  background: #e1453a;
  color: #ffffff;
}
.packages_section .package_pricing_section .package_pricing_inside .package_card_red .package_header {
  background: #c22b21;
}
.packages_section .package_pricing_section .package_pricing_inside .package_card_green {
  background: #008000;
  color: #ffffff;
}
.packages_section .package_pricing_section .package_pricing_inside .package_card_green .package_header {
  background: #005900;
}

.packages_section .package_feature_comparison {
  padding-top: 60px;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1540px) {
  .packages_section .package_feature_comparison {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .packages_section .package_feature_comparison {
    padding-top: 32px;
  }
}
.packages_section .package_feature_comparison h3 {
  font: normal normal 42px/1.5 "Raleway-SemiBold";
  text-align: center;
}
@media only screen and (max-width: 1540px) {
  .packages_section .package_feature_comparison h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 768px) {
  .packages_section .package_feature_comparison h3 {
    font-size: 18px;
  }
}
.packages_section .package_feature_comparison .table-responsive {
  margin-top: 20px;
}
.packages_section .package_feature_comparison .table-responsive .table {
  margin-bottom: 0;
}
.packages_section .package_feature_comparison .table-responsive .table thead td,
.packages_section .package_feature_comparison .table-responsive .table thead th,
.packages_section .package_feature_comparison .table-responsive .table tbody td,
.packages_section .package_feature_comparison .table-responsive .table tbody th {
  padding: 14px;
  font: normal normal 16px/1.1 "Proxima-Nova-Regular";
}
.packages_section .package_feature_comparison .table-responsive .table thead th,
.packages_section .package_feature_comparison .table-responsive .table tbody th {
  font-size: 18px;
}
.packages_section .package_feature_comparison .table-responsive .table thead td,
.packages_section .package_feature_comparison .table-responsive .table tbody td {
  font-weight: 500;
}
.packages_section .package_feature_comparison .table-responsive .table tfoot tr td {
  padding: 0;
  min-width: 140px;
}
.packages_section .package_feature_comparison .table-responsive .table tfoot tr td .btn {
  border-radius: 0;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
}
.packages_section .package_feature_comparison .table-responsive .table tfoot tr td .btn:hover,
.packages_section .package_feature_comparison .table-responsive .table tfoot tr td .btn:focus {
  box-shadow: none;
}
.packages_section .package_feature_comparison .table-responsive .table tfoot tr td .btn-orange {
  border-color: #e16339;
  background-color: #e16339;
  color: #ffffff;
}
.packages_section .package_feature_comparison .table-responsive .table tfoot tr td .btn .fas {
  font-size: 14px;
  margin-left: 6px;
}
.packages_section .package_feature_comparison .table-responsive .table thead tr th {
  background-color: #eeeded;
}
.packages_section .package_feature_comparison .table-responsive .table tbody tr:nth-child(even) td {
  background-color: rgba(0, 0, 0, 0.03);
}
.packages_section .package_feature_comparison .comparison_details {
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid #dee2e6;
  border-top: 0;
}
.packages_section .package_feature_comparison .comparison_details p {
  font-size: 16px;
  padding: 18px 16px;
  text-align: center;
  max-width: 1180px;
  margin: auto;
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .packages_section .package_feature_comparison .comparison_details p {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.packages_section .package_feature_comparison .comparison_details .requirments_info {
  padding: 18px 16px;
  background-color: #ff3811;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .packages_section .package_feature_comparison .comparison_details .requirments_info {
    flex-wrap: wrap;
  }
}
.packages_section .package_feature_comparison .comparison_details .requirments_info .info_text {
  color: #ffffff;
  font-weight: 500;
  padding-right: 8px;
  margin-top: 8px;
}
.packages_section .package_feature_comparison .comparison_details .requirments_info .btn {
  color: #ff3811;
  background-color: #ffffff;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: bold;
  font-size: 14px;
}
@media only screen and (max-width: 992px) {
  .packages_section .package_feature_comparison .comparison_details .requirments_info .btn {
    margin-top: 12px;
  }
}

.packages_section .package_unique_feature {
  margin-top: 30px;
  max-width: 1450px;
}
.packages_section .package_unique_feature .key_pic {
  display: none;
}
@media only screen and (min-width: 768px) {
  .packages_section .package_unique_feature .key_pic {
    display: flex;
  }
}
@media only screen and (min-width: 992px) {
  .packages_section .package_unique_feature .unique_feature {
    padding-left: 30px;
  }
}
.packages_section .package_unique_feature .unique_feature h3 {
  font: normal normal 50px/1.2 "Raleway-Regular";
}
@media only screen and (max-width: 992px) {
  .packages_section .package_unique_feature .unique_feature h3 {
    font-size: 24px;
  }
}
.packages_section .package_unique_feature .unique_feature .feature_list {
  margin: 24px 0;
}
.packages_section .package_unique_feature .unique_feature .feature_list li {
  font: normal normal 18px/1.1 "Proxima-Nova-Regular";
  margin-top: 16px;
  padding-left: 32px;
  background-image: url(../../images/svg/check_icon.svg);
  background-repeat: no-repeat;
  background-position: left 2px;
}
@media only screen and (max-width: 992px) {
  .packages_section .package_unique_feature .unique_feature .feature_list li {
    font-size: 16px;
  }
}