@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&family=Sacramento&family=Sora:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lalezar&display=swap');
body{ margin: 0px; font-family: 'Open Sans', sans-serif; color: #111111;}
body,html {

  overflow-x:hidden; position: relative;
}
ul{ padding: 0px; margin: 0px;}
a:hover{ text-decoration: none; color: inherit;}
.form-control{ border-radius: 0px; }
h2, h4, h6{font-family: 'Sora', sans-serif;}
h2{ font-size: 3.5rem;}
.black-background{ background: #000000;}
.gunmetal-background{ background: #292D33;}
.gunmetal-btn{ background: #292D33;}
.gunmetal-btn:hover{ background: #de192e;}
.gunmetal-border-btn{ border-color: #292D33!important; color: #292D33;}

.gunmetal-border-btn:hover{background: #de192e; color: #fff;  border-color: #de192e!important;}

.white-background{ background: #fff;}
.white-text{ color: #ffffff!important;}
.black-text{ color: #000000;}
.Cod-gray-text{color: #121212;}
.lightgray-background{ background: #f2f2f2!important;}
.purplish-red-background{ background: #de192e;}
.purplish-red-borderbtn{ border: solid 2px #de192e;}
.purplish-red-borderbtn:hover{ background: #de192e;}
.purplish-red-text{ color: #de192e!important;}
.purplish-red-border{ border-color:#de192e!important;}
.primary-btn:hover{transition:all 0.3s ease-in; background: #c81729; color: #ffffff; transition:all 0.3s ease-in}
.primary-btn{cursor: pointer; border: none; color: #ffffff; font-size: 1rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 10px 30px; display: inline-block; transition:all 0.3s ease-in;}
.left-heading{border-bottom: solid 4px; padding-bottom: 15px; font-family: 'Open Sans', sans-serif; text-align: left; font-size: 2.5rem; font-weight: 700; margin: 30px 0px 20px;}
.center-heading {font-family: 'Playfair Display', serif; text-align: center; font-size: 3.25rem; font-weight: 700; line-height: 1.4; margin: 1px 0px 20px;  border-bottom: solid 4px; padding-bottom: 15px;}

.fit-image {object-fit: cover; display: block; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;
}
.read-more-btn{ font-weight: 700; padding: 0px 20px 0px 0px; font-size: 0.875rem; text-transform: uppercase;  color: #de192e; border-bottom: solid 1px transparent; background: url(../images/arrow2.svg) no-repeat right 2px; background-size: 16px;}
.read-more-btn:hover{ border-bottom: solid 1px #de192e; color: #de192e;}

.form-control{ border: solid 1px #b3b3b3; padding: 10px 12px;}

.form-group label{ color: #111; font-weight: 500;}

.form-block-area{ width: 100%; float: left; background: #f2f2f2; padding: 50px 0px;}
  .form-block{background: #fff; padding: 0px 30px; float: left; width: 100%; padding: 0px 0px 40px;}
  .form-block h3{ font-size: 2.8rem; text-align: center; padding: 28px 0px 0px;}
  .form-block p{ text-align: center; margin: 18px 0px 30px; padding: 0px 15px;}
 select{ min-height: 46px;}
  .form-block .primary-btn{ text-align: center; border: none; cursor: pointer; padding: 10px 30px;}
.space-remove{ padding: 0px;}

.alert-success{ background: none!important; border: none!important; margin-bottom: 20px; font-size: 1.125rem; font-weight: 400;  font-family: 'Sora', sans-serif;}
.alert-success strong{ font-size: 1.5rem; color: green ;}

.login-signup{ width: 100%; float: left; padding: 50px 0px 0px; text-align: center;}
.login-signup h1{ font-size: 4rem; font-weight: 700;  text-shadow: 2px 2px 8px rgba(66, 84, 101, 0.40);}
.login-signup p{ font-size: 1.125rem; margin: 0px 0px 10px;}
.login-signup h6{ font-size: 1.5rem; font-weight: 700; margin-bottom: 30px; display: inline-block;}
.login-signup-area{ background: #f2f2f2; width: 100%; float: left; margin-top: 100px; padding: 0px 0px 50px;}
.login-form{ background: #fff; box-shadow: 5px 5px 20px 0 rgb(0, 0, 0, 0.40); margin-top: -72px; padding: 0px 0px 50px;}


.login-form-area{ width: 50%; margin: 0px auto; text-align: left;}
.login-form .w-100{ padding: 4rem 4rem;}
.login-form-area .form-control{ position: relative;}
.login-signup .primary-btn {letter-spacing: 1px; margin-left: 10px;}
.login-signup h2{ font-size: 3rem; font-weight: 400; border-bottom: solid 3px; display: inline-block; padding: 20px 0px 0px; margin-bottom: 30px;}
.login-signup .icon{ background: url(../images/atrate-symbol.png) no-repeat 98% 10px; background-size: 22px;}
.login-signup .icon2{ background: url(../images/password.png) no-repeat 98% 10px; background-size: 22px;}

.login-signup .primary-btn{ margin-top: 20px;}
.forgot{ font-size:1.125rem; margin: 30px 0px 0; text-align: center;}
.forgot a{font-weight: 700;}
.forgot a:hover{ text-decoration: underline;}
.information-check{ width: 100%; float: left;}
.information-check label{ margin-right: 20px;}
.information-check .primary-btn{ font-weight: 700;}

.aboutus-banner{ width: 100%; float: left; position: relative; min-height: 520px;}
.mobile-banner{ display: none;}
.about-contact-area .extra-bg-shape {content: ""; height: 528px; width: 30%; left: 0px; margin-top: -6%; position: absolute;}
.about-contact{ background: #f2f2f2; width: 100%; float: left; padding: 0px 0px 75px;}
.about-contact-area{ margin-top: -110px; position: relative;}
.about-left-content{ padding: 50px; left: 0px; width: 45%; margin: 0px 0px 0px 8%; float: left; position: relative;}
.about-left-content p{ color: #fff; font-size: 1rem;}
.about-left-content h1{ font-size: 5rem; color: #fff; font-weight: 400; font-family: 'Sora', sans-serif;}
.about-right-content{ width: 40%; background-color: #fff; padding: 62px 30px; right: 0px; float: right; margin-top: -6%;}
.about-right-content p{ line-height: 2; margin-top: 30px;}
.about-right-content .icon img{ width: 80px;}
.register-btn{ padding: 20px 30px; min-width: 220px; display: inline-block; border-radius: 2px; text-align: center; letter-spacing: 2px; font-weight: 700; color: #fff!important; margin-top: 20px;}

.about-concept{ width: 100%; float: left; margin: 100px 0 75px; position: relative; font-size: 1.25rem; line-height: 2; padding: 0px 50px;}
.about-concept h2{font-weight: 700; padding: 50px 0px 20px;}
.about-concept p{ font-size: 1.25rem; line-height: 2; text-align: justify; }
.about-concept p strong{ color: #de192e;}
.about-concept .u-shape1{width: 291px; height: 291px; border-radius: 50%; background: #f2f2f2; position: absolute; z-index: -1; left: 22%; top: -40px;}
.about-concept .banner-image{ width: 375px; height: 375px; border-radius: 50%; object-fit: cover; float: right; margin-left: 75px; margin-top: -125px;}

.who-cmp{ width: 100%; float: left; margin: 50px 0px 50px;}
.who-cmp h2{ padding: 0px 0px 20px;}
.who-cmp-left{ border: solid 10px; width: 100%; background: #fff; padding: 30px; float: left;}
.who-cmp-left .banner-image{ margin-top: 0px; width: 241px; height: 241px; float: left; margin-left: 0px; margin-bottom: 75px;}
.who-cmp-right{ width: 100%; float: left; padding-left: 40px;}
.who-cmp-right ul{padding: 0px; margin: 0px; position: relative;}
.who-cmp-right ul:before{content:""; width: 152px; height: 152px; position: absolute; background: #f2f2f2; border-radius: 50%;}
.who-cmp-right li{ list-style-type: none; list-style: none; position: relative; z-index: 1; display: table; }
.who-cmp-right li::before{content:"\2713"; color: #de192e; display: table-cell; font-weight: bold; padding-right: 10px;}
.how-it-works{width: 100%; float: left;}
.how-it-works .line-border{ width: 46%; height: 10px; display: inline-block; margin-bottom: 10px;}
.how-it-works ul{grid-template-columns: repeat(3, 33.3333%); width: 100%; display: grid;}
.how-it-works li{ padding: 30px; list-style-type: none; float: left; text-align: center;}
.how-it-works .icon{ width: 120px; height: 120px; background: #f2f2f2; border-radius: 50%; display: inline-block;}
.how-it-works .icon img{ width: 100%; padding: 20px;}
.how-it-works h3{font-family: 'Sora', sans-serif; font-weight: 400; padding: 15px 0px 0px;}
.how-it-works li p{ text-align: center; font-size: 1rem; line-height: 1.5;}
.how-much-cost .register{ background: #fff; border-radius: 8px; padding: 12px 30px; font-weight: 700; font-size: 18px; display: inline-block; margin-bottom: 30px;}
.how-much-cost .register:hover{ background: #dadada!important;}
.how-much-cost .register svg{vertical-align:middle}
.how-much-cost h1{padding: 30px 0px 40px 0px;  line-height: 30px;}
.how-much-cost h1 span{ font-size: 16px; color: #000; font-weight: 400;}
.cd-top {display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;
   text-indent: 100%;white-space: nowrap;
   background-image:url(../images/cd-top-arrow.svg); background-repeat: no-repeat; background-position: center 50%;
   visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
   transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;}

  .how-much-cost{ width: 100%; float: left;}
  .how-much-cost .u-repeater{ grid-template-columns: repeat(3, calc(33.3% - 15px)); width: 100%; display: grid; grid-gap:30px; margin-top: 50px; margin-bottom: 20px;}
  .how-much-cost .small-content{ font-size: 1rem;}
  .how-much-cost .item{ width: 100%; float: left; border-radius: 15px; box-shadow: 5px 5px 20px 0 rgb(0, 0, 0, 0.40); padding: 30px;}
  .how-much-cost .item:nth-child(2) li:before{ color: #de192e;}
  .how-much-cost .item:nth-child(3) li:before{ color: #de192e;}
  .how-much-cost .item:nth-child(2) h1{ padding-bottom: 0px;}
  .how-much-cost .item ul{ padding: 0px; margin: 0px;}
  .how-much-cost .item li{ list-style-type: none; font-size: 1rem; display: table;}
  .how-much-cost .item li::before{content:"\f00c";  font-family: 'FontAwesome'; padding-right: 5px; display: table-cell;}
  .how-much-cost h1{ font-weight: 700; font-size: 2rem;}
 .cd-top.cd-top--show,
 .cd-top.cd-top--fade-out,
 .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;}
 .cd-top.cd-top--show {visibility: visible;opacity: 1;}
 .cd-top.cd-top--fade-out {opacity: .9;}
 .cd-top:hover { opacity: 1;}
.why-register{ width: 100%; float: left; margin-bottom: 30px;}
.why-register .banner{ width: 100%; height: 548px; object-fit: cover; padding-right: 30px; }
.why-register .point{ width: 100%; float: left;}
.why-register .point ul{padding: 0px; margin: 0px;}
.why-register .point li{ list-style-type: none; display: table;}
.why-register .point li:before{content:"\f058";  font-family: 'FontAwesome'; padding-right: 10px; display: table-cell; color: #de192e;}
.why-register .register-now{ padding: 8px 30px; color: #fff; font-weight: 700; margin-top: 30px; display: inline-block;}

.success-stories{width: 100%; float: left;}
.success-stories ul{grid-template-columns: repeat(3, calc(33.3% - 15px)); display: grid; grid-gap: 20px; margin-top: 40px;}
.success-stories li{ list-style-type: none; box-shadow: 0 0 8px 0 rgba(128 128 128); padding: 30px 15px; border-left: solid 10px #de192e;}
.success-stories li img{ width: 62px; float: left;}
.success-stories li p{ text-align: left; font-size: 1rem; line-height: 1.5;  margin: 0px 0 0 80px;}
.radio-buttons {display: block; position: relative; padding-left: 30px; padding-bottom:0px!important;cursor: pointer;
  font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.hide-desktop{ display: none;}

.fo{ width: 100%; float: left;}
.fo ul{display: grid; grid-gap: 18px; grid-template-columns: repeat(3, calc(33.33% - 15px)); margin-bottom: 30px;}
.fo li{ list-style-type: none; position: relative; padding: 30px;}
.fo li img{ width: 58px; margin-bottom: 20px;}
.fo li h3{font-size: 9.375rem; color: #f2f2f2;  position: absolute; z-index: -1; left: -23px; top: 94px; font-family: 'Lalezar', cursive;}
.fo li h4{ font-weight: 700; font-size: 1.5rem; padding-top: 40px;}
.fo li p{ font-size: 1.125rem; text-align: left; margin: 0px;}
.fo li a{ font-weight: 700; color: #de192e; text-transform: uppercase; font-size: 1rem; margin-top: 10px; display: inline-block;}
.fo li a img{ width: 14px; margin-bottom: 0px;}
.country-search{ width: 65%; margin: 20px 17.5%; border-radius: 30px; display: inline-block; border: none; padding: 15px 20px 15px 70px; background: #fff url(../images/search3.svg) no-repeat 20px 10px; background-size: 30px;}
.country-listing{ width: 100%; float: left; margin: 30px 0px;}

.country-listing #loadMore {
  padding: 10px 30px;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 40px 0px;
}
.country-listing p{ font-size: 1.25rem; text-align: center;}
.country-listing ul{grid-template-columns: repeat(4, 25%); display: grid; grid-gap: 0px; margin-top: 40px;}
.country-listing li{ list-style-type: none; border: solid 2px #e5e5e5; text-align: center; padding: 15px 30px; transition:all 0.3s ease-in}
.country-listing li h5{ font-size: 1.5rem; font-weight: 500; margin-top: 22px; color: #000;}
.country-listing li:hover{ border: solid 2px #a50a09;}
.country-listing li:hover h5{ color: #a50a09;}
.country-listing li img{ width: 78px; height: 78px; border-radius: 50%; object-fit: cover; border: solid 1px #ccc;}
.country-listing-row{ display: none;}
  /* Hide the browser's default radio button */
  .radio-buttons input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
  }

  /* Create a custom radio button */
  .checkmark {position: absolute; top: 8px; left: 0; height: 18px; width: 18px; background-color: #fff; border:solid 1px #ccc;
  border-radius: 50%; -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);}

  /* On mouse-over, add a grey background color */
  .radio-buttons:hover input ~ .checkmark {background-color: #ccc;}

  /* When the radio button is checked, add a blue background */
  .radio-buttons input:checked ~ .checkmark {background-color: #2196F3;}

  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {content: "";position: absolute;display: none;}

  /* Show the indicator (dot/circle) when checked */
  .radio-buttons input:checked ~ .checkmark:after {display: block;}

  /* Style the indicator (dot/circle) */
  .radio-buttons .checkmark:after {top: 4px; left: 4px;width: 8px;height: 8px;border-radius: 50%;background: white;}

  .full-banner{min-height: 400px; width: 100%; float: left; text-align: center;}
  .full-banner h3{ color: #fff; padding: 75px 0px 0; font-size: 2.25rem;}
  .full-banner h2{ color: #fff; padding: 25px 0px 0; font-size: 1.25rem;}
  .full-banner h1{ font-weight: 700; font-size: 6rem; color: #fff; margin: 33px 0 0;}

.full-banner select{padding: 0px 10px; width: 100%; min-height: auto; background: #fff; padding: 10px 15px;}
.full-banner .submit{ border: none; width: 100%; padding: 11px 15px; cursor: pointer;}
.full-banner form{ width: 75%; margin: 30px 12.5% 75px; display: inline-block;}
.breadcrumb{ width: 100%; float: left; padding: 0px 15px; background: none; margin-top: 10px;}
.breadcrumb ul{ padding: 0px; margin: 0px;}
.breadcrumb li{ display: inline-block; list-style: none; color: #8c2129; font-size: 13px; }
.breadcrumb li a{ color: #012169; font-size: 13px;}
.breadcrumb li a:hover{ text-decoration: underline;}
.breadcrumb li:after {content: ""; padding-left: 10px; margin-left: 10px; color: #012169; background: url(../images/arrow.png) no-repeat left 3px; background-size: 6px;}
.breadcrumb li:last-child:after{content: ""; padding: 0px;}

.contact-container{width: 100%; float: left; margin: 30px 0px 75px;}
.contact-container h2{ font-size: 700; font-size: 3rem; font-weight: 700;}
.contact-container p{ font-size: 1.125rem;}
.contact-container .form-block-area{ background: #fff;}

.contact-container .form-block{ box-shadow: 5px 5px 20px 0 rgb(0, 0, 0, 0.40);}
.u-repeater-3{grid-template-columns: repeat(3, 33.3333%); display: grid; margin-bottom: 30px;}
.u-repeater-2{grid-template-columns: repeat(2, calc(50% - 25px)); display: grid; grid-gap: 50px; margin: 40px 0px;}
.bo-list{ width: 100%; float: left;}
.bo-list .item-list{ width: 100%; float: left; padding: 10px 15px; border: solid 1px; box-shadow: 5px 5px 20px 0 rgb(0, 0, 0, 0.10);}
.bo-list-row{ display: none;}

.bo-list #loadMore {
  padding: 10px 30px;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0px 0px 40px;
}
.bo-list .read-more{ font-weight: 700; text-transform: uppercase; font-size: 0.875rem;}
.bo-list .item-list h4{ font-weight: 700;}
.bo-list h6{ font-size: 1.25rem; font-weight: 700; margin: 12px 0 12px;}
.latest-bo{ width: 100%; float: left;}
.latest-bo p{ font-size: 1.125rem; text-align: left;}
.latest-bo li{ list-style-type: none; text-align: center; padding: 30px; margin: 30px 0px;}
.latest-bo li .icon{ width: 88px; height: 88px; display: inline-block;  border-radius: 50%;  font-size: 4rem; font-weight: 900; line-height: 1.4;}
.latest-bo li h5{ font-weight: 700; font-size: 1.25rem; margin: 30px 0 15px;}
.latest-bo li a{ font-weight: 700; text-transform: uppercase; font-size: 0.875rem;}
.latest-bo li p{ text-align: center; font-size: 1rem; margin: 25px 0px;}
.latest-bo .all-projects{ font-weight: 700; padding: 10px 30px;  letter-spacing: 3px; text-transform: uppercase;}

.payment-message{ width: 75%; margin: 0px auto; }
.payment-message h1{ font-size: 6rem; color: #f5f7fa; text-align: center; font-weight: 700; margin: 200px 0px 0px; display: inline-block; width: 100%;}
.payment-message .icon{ width: 100%; text-align: center; margin-top: -225px;}
.payment-message .icon2{ width: 100%; text-align: center; margin-top: 125px; display: inline-block;}
.payment-message h6{ color: green; text-align: center; font-size: 1.5rem; font-weight: 700; padding-top: 20px;}
.payment-message p{ text-align: center; font-size: 1.125rem;}
.payment-message .icon img{ width: 275px;}
.payment-message .icon2 img{ width: 150px;}
.payment-table{ width: 80%; margin: 30px 10%; float: left; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);  padding: 30px; text-align: center;}
.payment-table td{ font-size: 1.125rem; text-align: left; padding: 12px 0px;}
.payment-table .button{background: #de192e; transition: all 0.3s ease-in; color: #fff; font-weight: 700; padding: 12px 30px; letter-spacing: 1px; text-transform: uppercase;}
.payment-table .button:hover{ background: #c81729;  transition: all 0.3s ease-in;}
.payment-table table{ margin: auto;}

.site-map{ width:100%; float:left;padding:20px 0px;}
.site-map ul{ padding:10px 0px 0px; margin:0px;}
.site-map h2{ font-size: 2.5rem; border-bottom: solid 2px #ff0000;}
.site-map li{ list-style-type:none; list-style-type:none; float:left; width:25%; padding:3px 0px; text-align: left; }
.site-map li a{ color:#333;}
.site-map li a:hover{ color:#ff0000; border-bottom:solid 1px #f9c13e;}

.site-map li:before{content:"\f105"; font-family:'FontAwesome'; padding-right:5px; }
.staticur2 li{ width:33.3%!important;   text-align: left;}

@media screen and (max-width: 1080px) {
  .about-concept{ padding: 0px;}
}

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

    .center-heading{font-size: 2.3rem;
        line-height: 1.1;}
        .form-block{ padding: 15px;}
        .form-control{ padding: 5px 10px;}
        .bd-10{ border-right: solid 10px #fff;}
        .login-form-area{ width: 100%; padding: 0px 25px;}
        .login-form .w-100{ padding: 25px;}
        .login-signup h1{ font-size: 2.8rem;}
        .mobile-banner{ display: block;}
        .about-left-content{ width: 100%; margin: 0px;}
        .about-right-content{ width: 100%; padding: 62px 15px;}
        .about-concept{ padding: 0px;}
        .about-left-content{ padding: 15px 25px;}
        .about-concept h2{ font-size: 2rem;}
        .about-left-content h1{ font-size: 3.5rem;}
        .about-contact-area .extra-bg-shape{ height: 120px; left: -3%; margin-top: -3%;}
        .hide-mobile{ display: none;}
        .about-concept p{ text-align: left; line-height: 1.7; font-size: 1.15;}
        .about-concept .banner-image{ margin-top: 0px; margin-left: 0px;}
        .about-concept .u-shape1{ display: none;}
        .about-concept{ margin: 50px 0px 25px; font-size: 1.15rem; line-height: 1.7;}
        .who-cmp-right{ padding-left: 0px; margin-top: 30px;}
        .who-cmp-left .banner-image{ margin-bottom: 0px;}
        .how-it-works ul{grid-template-columns: repeat(1, 100%);}
        .how-much-cost .u-repeater{grid-template-columns: repeat(1, 100%);}
        .how-it-works li{ padding: 0px;}
        .how-much-cost h1{ padding: 5px 0px 15px;}
        .why-register .banner{ padding-right: 0px; height: 250px; margin-bottom: 30px;}
        .success-stories ul{grid-template-columns: repeat(1, 100%);}
        .about-right-content .icon img{ width: 45px;}
        .about-contact{ padding-bottom: 30px;}
        .hide-desktop{ display: block;}
        .after-login-project li .mobile-banner{ width: 100%; height: 150px; border-radius: 20px; margin-top: 20px;}
        .fo ul{grid-template-columns: repeat(2, calc(50% - 15px));}
        .fo li h3{ left: 0px;}
        .fo li{ padding: 30px 30px 0px;}
        .m{ padding: 0px;}
        .form-block p{ padding: 0px;}
        .full-banner{ padding: 0px 15px; min-height: auto; padding-bottom: 30px;}
        .full-banner h1{ font-size: 3rem; line-height: 1;}
        .country-search{ width: 100%; margin: 20px 0px;}
        .country-listing ul{grid-template-columns: repeat(3, 50%);}
        #example-1 ul {display: none;}
        .u-repeater-3{grid-template-columns: repeat(1, 100%); grid-gap: 30px;}
        .full-banner form{ width: 100%; margin: 0px;}
        .full-banner h2{ font-size: 2rem;}
        .full-banner select{ min-height: auto; padding: 10px 20px; border-radius: 0px;}
        .latest-bo li{ margin: 0px;}
        .payment-message h1 {margin-top: 75px; font-size: 3rem;}
        .payment-message .icon img {width: 150px;}
        .payment-message {width: 100%;}
        .payment-table{ width: 100%; margin: 0px 0px 30px;}
        .site-map li{ width: 50%!important;}

}

@media screen and (max-width: 480px) {
  .about-concept .banner-image{ width: 125px; height: 125px;}
  .fo ul{grid-template-columns: repeat(1, calc(100% - 0px));}
  .country-listing ul{grid-template-columns: repeat(2, 50%);}
  .u-repeater-2 {grid-template-columns: repeat(1, calc(100% - 0px)); grid-gap: 25px;}
  .bo-list h6{ text-align: left!important; float:left !important; margin: 0px 0px 12px;}
  .site-map li{ width: 100%!important;}
}