.home-banner{ width: 100%; float: left; text-align: center; }
.after-login{ padding: 0px 0px 60px;}
.after-login h1:after{ height: 0px!important;}
.after-login h1{ padding: 60px 0px 15px!important;}
.after-login p{ padding: 0px!important;}
.after-login form{ padding: 15px 11rem;}
.af-match-project{ width: 100%; float: left; padding: 0px 0px 50px;}
.af-match-project .white-text{ font-size: 1.125rem; display: inline-block;}
.af-match-project ul{ grid-template-columns: repeat(3, calc(33.3% - 15px)); width: 100%; display: grid; margin-top: -50px; grid-gap:25px}
.af-match-project li{ list-style-type: none; float: left; padding: 30px; text-align: center;}
.af-match-project li h4{ font-size: 1.5rem; font-weight: 700; padding: 10px 0px;}
.af-match-project li .read-more{ width: 85%; margin: 0px 7.5%; padding: 10px 0px; display: inline-block; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; color: #000; border: solid 2px;}
.af-match-project li .read-more:hover{border: solid 2px transparent!important; background: #e6e6e6;}
.af-match-project li p{ font-size: 1rem; font-style: italic;}
.after-login .checkmark{ background-color: transparent; border: solid 2px #fff; width: 20px; height: 20px;}
.after-login .radio-buttons input:checked ~ .checkmark{ background: #de192e;}
.after-login .radio-buttons .checkmark:after{ width: 0px; height: 0px;}
.after-login .btn{border: solid 2px; text-transform: uppercase; padding: 10px 20px; margin: 20px 0px; display: inline-block; margin-right: 20px; border-radius: 0px; font-weight: 700; letter-spacing: 1px;}
.after-login .btn:hover{ color: inherit!important;}
.after-login .add-project-btn{ border: solid 2px;}
.after-login .add-project-btn:hover{  border: solid 2px transparent!important;}
.after-login-sector{width: 100%; float: left;}
.after-login-sector ul{display: grid; grid-gap: 20px; grid-template-columns: repeat(5, calc(20% - 10px)); margin-bottom: 50px;}
.after-login-sector li{ list-style-type: none; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); padding: 30px 15px 15px; text-align: center; transition: transform .3s;}
.after-login-sector li:hover{  transform: scale(1.1); transition: transform .3s;}
.after-login-sector li:hover h4{ color: #de192e;}
.after-login-sector li h4{ font-size: 1.25rem; font-weight: 700;}
.after-login-sector li a{ color: #000;}
.after-login-sector li img{ width: 52px; margin-bottom: 30px;}



.after-login .btn img{ margin-left: 5px;}
.after-login label{ font-size: 1.5rem; font-weight: 700; color: #fff; width: 42%; text-align: left; display: inline-block; margin-bottom: 15px;}
.home-banner h1{font-family: 'Sora', sans-serif;font-weight: 700; line-height: 1.1; font-size: 4rem; padding: 65px 0px 20px; color: #fff; text-align: center; position: relative;}
.home-banner h1:after{ content: ""; width: 5%; bottom: 0px; left: 47.5%; height: 3px; background: #de192e; position: absolute;}
.home-banner p{ color: #fff; font-size: 1.25rem; padding: 15px 11rem; text-align: center;}
.after-login-jvo{ width: 100%; float: left; padding: 50px 0px;}
.after-login-jvo ul{display: grid; grid-gap: 20px; grid-template-columns: repeat(4, calc(25% - 15px));}
.after-login-jvo li{ list-style-type: none;}
.after-login-jvo li:nth-of-type(2n){ margin-top: 99px;}
.after-login-jvo li img{ height: 371px; width: 100%; object-fit: cover; object-position: 81% 0; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);}
.after-login-project{ width: 100%; float: left; padding: 220px 0px 75px; margin-top: -200px;}
.after-login-project ul{display: grid; grid-gap: 20px; grid-template-columns: repeat(4, calc(25% - 15px));}
.after-login-project li{ list-style-type: none; padding: 30px 20px; border-radius: 20px; text-align: center; background: #fff;}
.after-login-project li .number{ width: 88px; height: 88px; display: inline-block; border-radius: 100%; position: relative; color: #fff; font-weight: 900; font-size: 4rem; font-style: normal; z-index: 2; line-height: 1.3;}
.after-login-project li .number:after{content:""; position: absolute; background: rgba(222, 25, 46, 0.3);top: -9px;left: 7px;width: 88px;height: 88px;border-radius: 100%; z-index: -1;}
.after-login-project li h5{font-size: 1.25rem; letter-spacing: 2px; font-weight: 700; color: #000; text-transform: uppercase; padding-top: 20px;}
.after-login-project li p{ font-style: italic; font-size: 1rem; line-height: 1.6; margin: 15px 0 15px;}
.after-login-project li .more {
  border-bottom: solid 1px;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 2px;
}
.home-banner .counter-area{ width: 85%;  float: left; margin: 75px 7.5%;}
.home-banner .counter-repeater{ display: flex; flex-direction: row; flex-wrap: wrap; min-height: fit-content; max-width: 100%;}
.home-banner .counter-item{ width: 21%; margin-left: 4%; background: #fff; padding: 20px 30px;}

.home-banner .counter{ font-family: 'Sora', sans-serif;  font-size: 3.75rem; font-weight: 700;}

.home-banner .counter-item h6{text-transform: uppercase; font-size: 0.875rem; margin-bottom: 8px;}
.what-cmp-block{ width: 100%; float: left; margin: 40px 0px; text-align: center; font-size: 1.25rem;}
.what-cmp-block h6{ font-size: 1.875rem; font-weight: 700; text-align: center; border-bottom: solid 4px #de192e; padding-bottom: 15px;}
.what-cmp-block h3{font-family: 'Playfair Display', serif ; font-size: 3.25rem; font-weight: 700; line-height: 1.4; margin: 11px 0px 20px; }
.what-cmp-block p{font-size: 1.25rem; line-height: 1.8; padding: 0px 0px 40px; margin: 0px;}
.what-cmp-block p strong{ font-weight: 700; color: #de192e;}

.what-cmp-block .box-repeater{ display: grid; grid-gap: 10px; grid-template-columns: repeat(3, calc(33.3333% - 6.66667px)); margin: 40px 0px;}
.what-cmp-block .box-item{ width: 100%; text-align: center; padding: 30px 30px 0px;}
.what-cmp-block .box-item img{ width: 80px;}
.what-cmp-block .box-item h4{font-weight: 700; font-size: 1.75rem;  line-height: 1.2; color: #111111; font-family: 'Sora', sans-serif; padding: 20px 0px;}
.what-cmp-block .box-item p{ font-size: 1.125rem; line-height: 1.5;}
.what-cmp-block .primary-btn{ font-weight: 700; font-size: 1rem;}


.business-opportunities{ width: 100%; float: left; margin: 0px 0px 40px;}
.business-opportunities p{ text-align: center;  font-size: 1.25rem;   margin: 20px auto 47px 0;}

.bo-secation{float: left; width: 100%; background-image: linear-gradient(0deg, rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url(../images/business-opportunities-bg.jpeg);
    background-position: 50% 100%; background-size: cover; vertical-align: middle; position: relative;  padding: 75px 0px;
  }
  .bo-secation .shape{ position: absolute; width: 100%; height: 290px; top: 29%; left: 0px;}

  .bo-secation .u-list{ display: flex; flex-direction: column; position: relative; z-index: 1;}
  .bo-secation .u-repeater{ display: grid; grid-gap: 18px; grid-template-columns: repeat(4, calc(25% - 13.5px));}
  .bo-secation .u-item{ border-radius: 20px; background: #fff; color: #111111; text-align: center; padding: 25px;}
  .bo-secation .u-item img{ border-radius: 20px; width: 100%;}
  .bo-secation .u-item  h4{font-size: 1.27778rem; font-weight: 700; margin: 25px 0px 0;}
  .bo-secation .u-item p{font-size: 0.89rem; font-style: italic; color: #808080; margin: 20px 0px;}
  .bo-secation .u-item .more{border-bottom: solid 1px; display: inline-block; text-transform: uppercase; margin-bottom: 10px;     letter-spacing: 2px;}
.bottom-part{ width: 75%; margin: 0px 12.5%; color: #fff; text-align: center;}
.bottom-part p{ color: #fff; padding-top: 30px; font-size: 1.125rem;}
.bottom-part .primary-btn{ font-size: 1rem; font-weight: 700;}
.market-entry{ width: 100%; float: left; margin-bottom: 50px;}
.market-entry p {text-align: center; font-size: 1.25rem; margin: 20px auto 47px 0;}
.buy-sell-opportunities{ width: 100%; float: left; background: url(../images/buy-sell-side-opportunities.jpg) no-repeat; background-position: 50% 50%; background-size: cover; padding: 75px 0px; position: relative;}
.buy-sell-opportunities .shape2{ width: 100%; height: 245px; float: left; position: absolute; top: 30%;}
.buy-sell-opportunities ul{ display: grid; grid-gap: 40px; grid-template-columns: repeat(3, calc(33.3% - 25px)); position: relative; z-index: 2; margin-bottom: 40px;}
.buy-sell-opportunities li{ padding: 20px; background: #fff; list-style-type: none;}
.buy-sell-opportunities li img{ width: 58px;}
.buy-sell-opportunities li h4{font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-image: none;
  font-weight: 700;
  margin: 33px auto 0 0;}
  .buy-sell-opportunities li p{ font-size: 1.125rem; text-align: left; font-style: italic; margin-bottom: 20px;}
  .buy-sell-opportunities li .read-more{ font-weight: 700; text-transform: uppercase;}
.market-entry .country-list{ display: flex; flex-direction: column;}
.market-entry .u-repeater{ display: grid; grid-gap: 0px; grid-template-columns: repeat(3, 33.3333%); grid-auto-columns: 33.3333%;}
.market-entry .u-item{ padding: 0px 12px; text-align: center; margin-bottom: 30px;}
.market-entry .u-item img{ width: 58px;}
.market-entry .u-item p{ font-size: 1rem; margin: 10px 0 0;}
.market-entry .u-item h3{ font-size: 1.5rem; font-weight: 700; margin: 30px 18px 0px;}
.market-entry .u-item .read-more{ text-transform: uppercase; font-weight: 700; font-size: 0.875rem; display: inline-block; margin: 16px 0 0;}
.market-entry .u-item .read-more:hover{ border-bottom: solid 1px #de192e;}

.market-entry .right-side{width: 100%; float: left; padding: 50px 18px; min-height: 574px;}
.market-entry .right-side h6{ color: #fff; font-size: 1.5rem; color: #fff; font-weight: 400;}
.market-entry .right-side h5{ font-weight: 700; color: #fff; font-size: 2.85rem; line-height: 1; margin: 18px 0 0;}
.market-entry .right-side p{ font-weight: 400; font-size: 1.125rem; color: #fff; text-align: left; line-height: 1.2; margin-bottom: 75px;}
.market-entry .right-side .primary-btn{ background: #fff; font-weight: 700; font-size: 1rem;}

.h-blog{ width: 100%; float: left; margin: 0px 0px 40px;}
.h-blog p {
  text-align: center;
  font-size: 1.25rem;
  margin: 20px auto 47px 0;
}

.h-blog .rows{box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.40); padding: 30px; background: #f2f2f2; text-align: center; margin-bottom: 30px;}
.h-blog .rows2{box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.40); background: #f2f2f2; text-align: left; margin-bottom: 30px;}
.h-blog .rows2 .banner-image{ width: 100%; height: 190px;}
.h-blog .rows2 h4{ font-size: 1.4rem; font-weight: 700; padding: 15px 20px; word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  height: 99px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}

  .h-blog .rows2 h4:hover a{ color: #de192e;}
  .h-blog a{ color: #111111;}
.h-blog .rows p{ font-size: 1.125rem;}
.h-blog .rounde-image{ width: 180px; height: 180px; border-radius: 50%; display: inline-block}
.h-blog h2{ font-weight: 700; font-size: 1.75rem; margin: 40px 0px 0px;}
.h-blog h2:hover a{ color: #de192e;}

.h-blog .banner-part{ background: #fff; border: solid 4px; padding: 30px 15px; min-height: 316px; display: flex;
  align-items: center;     box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.40);}
.h-blog .banner-part h5{ text-align: center; font-size: 2.85rem; font-weight: 400;}

.h-blog .bg-banner{min-height: 316px;
  background-image: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../images/how-start-ups.jpg);
  background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding: 30px;}

  .h-blog .bg-banner h3{ color: #fff; font-size: 1.75rem; line-height: 1.2;}
  .h-blog .bg-banner p{ color: #fff; text-align: left; font-size: 1rem; margin: 20px 0px;}
  .h-blog .bg-banner .primary-btn{ font-size: 1rem; color: #fff!important;}
  .h-blog .primary-btn{ font-weight: 700; font-size: 1rem; color: #fff; margin: 20px 0px 0px;}



  .franchise-distribution{ width: 100%; float: left;}

  .franchise-distribution ul {grid-template-columns: repeat(3, calc(33.3% - 15px));
    display: grid; grid-gap: 20px; margin-top: 20px; margin-bottom: 40px;}

  .franchise-distribution li{ list-style-type: none; margin-bottom: 30px;}
  .franchise-distribution li h5{ font-size: 1.5rem; font-weight: 700; margin: -64px auto 0 84px;}
  .franchise-distribution li i{ width: 64px; height: 64px; font-style: normal; text-align: center; display: inline-block; border-radius: 50%; line-height: 1.7;  font-family: 'Sora', sans-serif; color: #fff; font-size: 2.5rem;}
  .franchise-distribution li p{ font-size: 1.125rem; text-align: left; margin: 15px auto 0 84px;}
  .franchise-distribution li .read-more{ font-weight: 700; text-transform: uppercase; margin: 15px auto 0 84px; display: inline-block;}

  .mes{width: 100%; float: left; padding: 40px 0px;}
  .mes h3{ font-size: 2.25rem; color: #fff; font-weight: 700;}
  .mes p{ text-align: left; color: #fff; line-height: 2;}
  .mes .ac-btn{ border: solid 2px #fff; color: #fff; text-transform: uppercase; width: 100%; display: inline-block; text-align: center; font-weight: 700; padding: 10px 0px;}
  .mes .countries{ width: 100%; float: left; padding-left: 75px;}
  .mes .countries ul{grid-template-columns: repeat(3, calc(33.3% - 15px)); display: grid; grid-gap: 20px;}
  .mes .countries li{ list-style-type: none; padding:20px; text-align: center;}
  .mes .countries li img{ width: 145px; height: 145px; border-radius: 50%; object-fit: cover; border: solid 5px #fff;}
  .mes .countries li h4{font-size: 1.5rem; font-weight: 700; color: #fff; padding-top: 20px;}
  .mes .countries li p{ text-align: center; line-height: 1.6; font-size: 1.125rem; margin: 0px 0px 20px;}
  .mes .countries li .more{ font-size: 1rem; border-bottom: solid 2px #fff; color: #fff;}



  @media screen and (max-width: 1080px) {
    .after-login form{ padding: 0px;}
    .h-blog .banner-part h5{ font-size: 2rem;}
  }

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

    .home-banner h1{ font-size: 2.5rem;  padding: 25px 0px 20px; line-height: 1;}
    .home-banner p{ padding: 15px 0px; line-height: 1.2;}
    .home-banner .counter-item{ width: 46%; margin: 20px 2% 0px;}
    .home-banner .counter-area{ margin: 0px; width: 100%;}

.home-banner h1::after{ width: 15%; left: 42.5%;}
.home-banner{ padding-bottom: 20px;}
.what-cmp-block h3{ font-size: 2.3rem; line-height: 1.1;}
p{  line-height: 1.4; font-size: 1.12rem}
.what-cmp-block p{ line-height: 1.4!important; margin-bottom: 0px; font-size: 1.12rem!important;}
.business-opportunities p{ font-size: 1.12rem}
.bo-secation .u-repeater {

  grid-template-columns: repeat(2, calc(50% - 10px));}
  .bo-secation .u-item{ padding: 10px;}
  .bo-secation{ padding: 25px 0px;}
  .market-entry p{font-size: 1.12rem}
  .market-entry .u-repeater{grid-template-columns: repeat(2, 50%);
    grid-auto-columns: 50%;}
   .m{ padding: 0px;}
   .market-entry .u-item{ padding: 0px 5px;}
   .market-entry .u-item h3{ margin: 15px 0px 0px;}
   .market-entry .right-side{ min-height: auto;}
   .h-blog .rows2 .banner-image{ height: 125px;}
   .h-blog .rows2 h4{ padding: 10px;  font-size: 1.12rem;}
   .h-blog .rows2 h4{-webkit-line-clamp: 4;}
   .h-blog .banner-part{ margin-bottom: 30px;}
   .h-blog .bg-banner{ margin-bottom: 30px;}
   .after-login label{ font-size: 1.25rem;}
   .af-match-project ul{grid-template-columns: repeat(1, calc(100% - 0px)); margin-top: 30px;}
   .after-login-sector ul{grid-template-columns: repeat(3, calc(33.33% - 10px));}
   .after-login-jvo{ display: none;}
   .after-login-project{margin-top: 0px; padding: 50px 0px;}
   .after-login-project ul{grid-template-columns: repeat(2, calc(50% - 15px));}

   .bottom-part{ width: 100%; margin: 0px;}

   .buy-sell-opportunities ul, .franchise-distribution ul{grid-template-columns: repeat(2, calc(50% - 10px)); grid-gap:15px}
   .buy-sell-opportunities{ padding: 50px 0px;}

   .mes .countries ul{grid-template-columns: repeat(1, calc(100% - 0px));}
   .mes .countries{ padding-left: 0px;}

  }



  @media screen and (max-width: 480px) {
    .what-cmp-block .box-repeater{grid-template-columns: repeat(1, calc(100% - 6.66667px)); margin: 0px;}
    .what-cmp-block .box-item{ padding: 0px;}
    .what-cmp-block .box-item h4{ padding: 20px 0px 0px;}
    .after-login label{ width: 100%;}
    .after-login-sector ul{grid-template-columns: repeat(2, calc(50% - 10px));}
    .after-login .btn{ font-size: .85rem; margin-right: 0px; margin-top: 10px; padding: 10px;}
    .after-login-project ul{grid-template-columns: repeat(1, calc(100% - 0px));}

    .buy-sell-opportunities ul, .franchise-distribution ul{grid-template-columns: repeat(1, calc(100% - 0px)); grid-gap:15px}

  }