::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}
::-webkit-scrollbar {
    width: 5px;
}


html, body{
  max-width: 1920px;
  margin-left: 0;
  margin-right: 0;
  margin: 0;
  height: auto;
}








@media (min-width: 280px) and (max-width: 767px) {
	html, body{
		overflow-x: hidden;
	}
  .col-sm-8 {
    width: 100%;
  }
	.navbar-toggler{
		border:none;
	}
	.offset-sm-2{
		margin-left: 0;
	}
	.navbar-toggler-icon{
		background-image: unset;
	}
	.navbar-toggler:focus {
	  text-decoration: none;
	  outline: 0;
	  box-shadow: none;
	}
  .navbar-toggler-icon svg path:nth-child(2){
    fill:#0d6efd;
  }
  #navbar{
    background: #fff;
  }
  #navbarNav{
    position: fixed;
  }
  #show_navigator{
    position: relative;
    background: transparent;
    width: 100%;
    left: 0;
    height: 100vh;
    top: 0;
    display: block;
    transform: translateX(100%);
    transition: transform .3s ease-in-out;
    z-index: 0;
  }
  .show_animate{
    transform: none !important;
  }
  #show_navigator #contact{
    position: fixed;
    bottom: 15px;
    width: 92%;
    background: #0d6efd;
    border: none;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    color: white;
    padding: 15px 0;
  }
  .dropdown-toggle::after {
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "\f229";
    font-display: block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1.8;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    text-align: right;
    float: right;
    border: none;
}
  .nav-close i{
    color: #0d6efd;
    font-size: 30px;
    text-align: right;
  }
  .nav-item{
    padding: 7px 30px;
    background-color: #31353d;
    /* border-bottom: 1px solid #f1f5f8; */
  }
  .nav-item a{
    color:white !important;
  }
  .nav-item:last-child{
    padding: 0;
  }
  .card-img-top{
    display: none;
  }
  nav .card-body p{
    display: none;
  }
  nav .card-body {
    margin-bottom: 0;
  }
  [aria-labelledby~="sub_navbarDropdown"]{
    z-index: 9999999;
    padding: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border: none;
  }
  [aria-labelledby~="sub_navbarDropdown"] .dropdown-nav{
    background: #a6b2bb;
  }
  .dropdown-nav .card{
    margin: 0 !important;
    background: #3a3f48;
    border-bottom: 1px solid #a6b2bb;
    width: 100%;
    align-items: flex-start;
    border-radius: 0;
    color: #fff;
  }
  .dropdown-nav .card:last-child{
    border-bottom: none;
  }
  .dropdown-nav .card:active {
    background-color:#aebcc7;
  }
  .dropdown-nav .card h5{
    font-size: 14px;
    font-weight: 300;
  }
	.mb-mrg-tb-40{
		margin: 40px 0px;
	}
  .mb-mrg-top-40{
    margin-top: 40px;
  }
	.container, .container-md, .container-sm {
	  max-width: 100%;
	}
	.rgc-col-md-6 {
    flex: 0 0 auto;
    width:100%;
	}
  .mb-column-reverse{
    flex-direction: column-reverse;
  }
  .mb-column{
    flex-direction: column;
  }
	.mb-header{
		padding-right: 0;
		padding-left: 0;
	}
	.col-md-6 {
	  flex: 0 0 auto;
	  width: 100%;
	}
	.rgc-title {
	  line-height: 1.2;
	  text-align: center;
	}
  .rgc-hero{
    height: 120px;
  }
	.rgc-title, .rgc-section-title {
    font-family: 'Poppins';
    color: #111;
	}
	.rgc-title, .qwerty-title {
    font-size: 29.4px;
    font-weight: 800;
    margin: auto;
	}
	.rgc-subtext {
    font-size: .9rem;
    font-family: 'Poppins';
    margin: auto;
    color: #4A4C5E;
    text-align: center;
	}
	.context{
		justify-content: center;
		align-items: center;
		display: flex;
		flex-direction: column;
	}

	.mrg-btm-30 {
    margin-bottom: 30px;
	}
	.header-image {
    width: 100%;
    height: 50vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 85%;
	}

	/*card*/
	.card{
		align-items: center;
		border:none;
		margin: 0px 50px;
		margin-bottom: 20px !important;
	}
	.icon-container{
		height: 183.67px;
		width: 183.67px;
		border-radius: 100%;
		background-color: #fff;
		border:8px solid #EAEFF4;
		transition: 0.9s;
	}
	.icon-container:hover{
		background-color: #0D6EFD;
		border:8px solid #70AAFF;
		cursor: pointer;
	}
	.icon-container:hover > #cloud{
		fill: #fff;
	}
	.active-container{
		background-color: #0D6EFD;
		border:8px solid #70AAFF;
		cursor: pointer;
	}
	.active-icon{
		fill: #fff;
	}
	.rgc-card-text{
		font-size: 18px;
		width: 140px;
		text-align: center;
		color: #4A4C5E;
		font-weight: 500;
	}
	.rgc-section-title {
    font-size: 22.4px;
    font-weight: 600;
    margin-bottom: 20px;
	}
	.width-100 {
    width: 100%;
	}
	.mb-width-100 {
    width: 100%;
	}
	.small-separator, .separator {
    height: 3px;
    background-color: #0d6efd;
    margin-bottom: 20px;
	}
	.big {
    width: 92px;
	}
	._qwerty{
		padding: 0 0 0 0;
		margin: 0 0 0 0 !important;
	}
	.col-md-4 {
    flex: 0 0 auto;
    width: 100%;
	}
	.align-center {
    display: flex;
    justify-content: center;
    align-items: center;
	}
	.m-{
		flex-direction: ;
	}
	.mb-padding-40 {
    padding: 30px 5px 30px 5px !important;
	}
  ._qwertyaap, ._qwertyos h1, ._quertytax h1, ._quertyaaa h1{
    text-align: center;
  }
  ._qweryots, ._qwertyos, ._quertytax {
    padding: 50px 40px !important;
  }
  ._qwertymgr {
    margin: 25px 0 0 0;
  }
	.row>*{
		padding-right: 0px;
		padding-left: 0px;
	}
	.card-body{
		margin-bottom: 0px;
	}
	.card:last-child .card-body{
		margin-bottom: 0px;
	}
	.sml {
	    width: 50px;
	}
	.mb-mrg-tb-10 {
	    margin: 10px 0px;
	}
	.image-elements {
	    height: 405px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
	    border-radius: 14px;
	}
	.rgc-auto{
		margin-bottom: 0px !important;
	}
	.m-row .col-sm-5:first-child{
		margin-bottom: 70px;
	}
  .m-row .col-sm-5:nth-child(2){
    margin-top: -100px;
  }
	.mb-text-align-center{
		text-align: center;
	}
	.mb--reverse{
		flex-direction: -reverse;
	}
	.mb-mrg-btm-50-s{
		margin-bottom: 50px;
	}
	.container-100{
		width: 100%;
	}
	.vector-bg {
	    height: 100vh;
	    background-size: cover !important;
	    background-repeat: no-repeat !important;
	    background-position: center !important;
	}
	.mb-col-39{
		width: 100%;
	}
	.m-flex>* {
    flex: 1 1 100%;
    text-align: center;
	}
	.footer-bg {
    background: url(../img/footer-bg.svg);
    background-size: cover !important;
    height: 100vh;
    background-repeat: no-repeat !important;
	}
	.footer-link {
    text-decoration: none;
    list-style-type: none;
    padding: 0;
    font-size: 14px;
	}
	.footer-link li {
    margin-bottom: 10px;
	}
	.mb-height-auto {
    height: auto !important;
	}
	footer {
    background-color: #3A3A3A;
    padding: 20px 0;
	}
	footer p{
		margin-bottom: 0px;
	}
	footer .container .row{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: ;
	}
	footer .container .row div:first-child{
		margin-bottom: 20px;
	}
  #scrollToTop {
    position: fixed;
    bottom: 20px;
    right: 15px;
    display: none;
    transition: 3s;
  }
  .m-card-container>* {
    flex: 1 1 46%;
    margin: 10px;
  }
  .m-card-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: inherit;
  }



/* css for contact */
.location{
  font-size: 26.4px;
  font-weight: 600;
  margin-bottom: 0px;
}
.contact-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contact-icon p{
  margin-bottom: 0;
}
.contact-card{
  background: #F1F5F8;
}
.contact-card input{
  background: #fff;
  border:none;
  border-radius: 100px;
  font-size: .9rem;
  width: 100%;
  height: 40px;
  margin-bottom: 16px;
  text-indent: 20px;
}
.contact-card textarea{
  background: #fff;
  border:none;
  border-radius: 10px;
  font-size: .9rem;
  width: 100%;
  height: 127px;
  margin-bottom: 16px;
  text-indent: 20px;
}
.contact-container{
  flex-wrap: wrap;
  flex-direction: column;
}
.contact-card form{
  margin-top: 0px;
}
.contact-card button{
  margin-top: 0px;
  width: 95%;
  padding: 10px;
}
.mb-blur .row >:first-child{
  position: relative;
  bottom: 0;
  margin: 0;
  backdrop-filter: blur(3px);
  padding: 25px;
  background: rgba(0, 0, 0, .1);
}
.mb-blur .row{
  position: relative;
}
.mb-blur h1, .mb-blur p{
  color: white;
  margin-bottom: 0;
}
.contact-container div div div:first-child, .contact-container div div div div:last-child{
  margin-bottom: 0;
}
.mb-widget-container{
  flex-direction: column;
  /* background: #0D6EFD; */
  background: linear-gradient(45deg,#606,#ee3524)!important;
  border-radius: 0.375rem;
  padding: 20px;
}
.padding-tb-40{
  padding: 40px 0;
}
.service-include, ._qwerybenefits, ._qwertytrd, ._qwertygeneraltra{
  margin-top: 0px !important;
  padding: 0px 25px !important;
}
.row-cols-2 .col, .requirements, .service_tax .col{
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    padding: 0;
}
.requirements li{
    margin-bottom: 15px;
}
.requirements{
    margin-bottom: 0;
}
.row-cols-2 .col p, .requirements li{
    font-size: 15px;
}
.services-in, .service_tax{
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.services-in p, .requirement-container h1, .service_tax p, ._quertybase h1{
  text-align: left;
}
.requirement-container, .service-include {
  background: #F1F5F8 !important;
}
.requirement-container{
  padding: 40px 0;
}
.service-include .rgc-secondary-txt, ._quertybase p {
  font-size: 15px;
    text-align: left;
    margin-left: 0;
    margin-right: 0px;
    margin-bottom: 20px;
    width: 100%;
}
.service-include ul{
  margin-left: 30px !important;
  font-size: 14px !important;
  width: 90% !important;
}
.requirements, .rgc-subtext {
  width: 90%;
}
.requirements{
  text-align: left;
}
.check-circle::before {
  display: inline-block !important;
}
.mb-align-left{
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.mb-align-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.mb-width-90{
  width: 90%;
}
.mb--rev{
  flex-direction: -reverse;
}
._qwertybenefits {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  margin-bottom: 50px;
}
/* end of css for contact */

.dropdown-toggle::after{
  display: none;
}
._qwertycontact .contact-icon .bi{
  font-size: 30px;
}
._qwertycontact .contact-icon:nth-child(2){
    margin-top: 50px;
}
.rgc_software .card{
  flex: 1 1 33%;
}
.rgc_software .card img{
  width: 100%;
  height: auto;
}
.rgc_software .card .card-body{
  margin-bottom: 0;
}
.rgc_why_outsource .image-elements{
  display: none;
}
.clip_text, ._qwertyhowitworks p{
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .separator-white {
    background-color: #fff;
  }
  .rgc-advantage, .rgc_why_outsource, ._qwertydeliver, .rgc_software, ._qwertygenerals, ._qwertyreo{
    padding: 50px 15px !important;
  }
  ._qwertywhyoa{
    padding: 50px 15px;
  }
  ._qwerty_woa{
    padding: 100px 15px 70px 15px !important;
  }
  .services-in{
    margin-left: 10px;
  }
  ._qwertyooasi{
    padding: 50px 15px !important;
    background-color: white !important;
  }
  .context-container{
    margin-bottom: 50px;
  }
  ._qwertydeliver{
    background: #F1F5F8;
  }
  .rgb-advantage-text, .rgb-advantage-text p, .rgc_why_outsource p, .rgc_why_outsource ._con, .rgc_why_outsource h1, .rgc-advantage h1{
    width: 100%;
    text-align: center;
  }
  ._qwertyhowitworks{
    padding-bottom: 50px !important;
  }
  .rgc-section-title{
    font-size: 21.4px;
  }
  .rgc_why_outsource .maic, ._qwertywhuyshould{
    margin-bottom: 0px;
  }

  ._qwertyhowitworks .card {
    margin-bottom: 0px;
    min-height: 355px;
  }
  .rgc_why_outsource .context-container{
    padding: 0 35px;
  }
  .rgc_why_outsource .context-container .context{
    margin-bottom: 0;
  }
  .rgc_tools .m-card-container>* {
    flex: 1 1 33%;
  }
  #cloud {
    width: 63%;
    height: 58%;
  }
  .icon-container {
    height: 120.67px;
    width: 120.67px;
  }
  ._qwertyservicerow, ._qwertyaboutrow, ._qwertytaxrow, ._qwertycontactrow{
    height: 70vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  ._qwertyaboutrow div:first-child, ._qwertytaxrow div:first-child, ._qwertycontactrow div:first-child{
    height: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  ._qwertyaboutrow div:nth-child(2), ._qwertytaxrow div:nth-child(2), ._qwertycontactrow div:nth-child(2){
    /* height: 70%; */
    /* height: inherit; */
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

/*accordion*/
  .accordion{
    width: 90% !important;
    min-width: unset;
    flex: 1 0 21%;
    --bs-accordion-bg: #5C636A;
    --bs-accordion-border-width: 0;
    border: none !important;
    margin: 10px 0px;
    color: red;
    --bs-accordion-btn-focus-border-color: none !important;
    --bs-accordion-btn-focus-box-shadow: none !important;
    --bs-accordion-btn-icon-white: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  }
  .accordion-button::after {
    background-image: var(--bs-accordion-btn-icon-white) !important;
}
  .accordion li, .accordion ul{
    list-style: none;
    padding-left: 0;
    padding: 10px;
    margin-bottom: 0;
  }
  .accordion li:hover{
    background: #f3f3f3;
  }
  .accordion-button:not(.collapsed){
    background: #0B5ED7;
    color: #fff;
  }
  .accordion-button{
    color: #fff;
  }
  .accordion-body{
    background: #fff;
    padding: 0;
  }
  .accordion ul a{
    text-decoration: none;
  }
  .service-container {
    margin-bottom: 0 !important;
  }
  ._qwertywhyoa h1{
    margin-top: 50px;
  }
  ._qweretygeneral_hdiw{
    margin-top: -70px !important;
  }
  .rgc_sec_general{
    padding: 50px 20px;
  }
  .rgc-advantage p{
    margin-bottom: 70px;
  }
  .graphics{
    width: 100% !important;
    /* remove this if needed */
    margin-left: auto !important;
    margin-right: auto !important;
    /* width: 100% !important; */
    height: auto !important;
  }
  ._qwertydropdown{
    align-items: center !important;
  }
  .footer-link .row{
    padding: 33px;
    text-align: center;
  }
  .droparrow{
    color: white!important;
  }
  .link-header{
    overflow: visible !important;
  }
}


@media (min-width: 768px) and (max-width: 991px) {
  html body{
    overflow-x: hidden;
    background-color: #040d21;
  }
  .gray-bg{
    background-color: #0d6efd;
  }
  ._qweryots, ._qwertyos, ._quertytax {
    padding: 50px 40px !important;
  }
  ._qwertymgr {
    margin: 25px 0 0 0;
  }
  ._qwertyaap{
    width: 100%;
  }
  .navbar-expand-lg .navbar-collapse {
      justify-content: flex-end;
  }
  .navbar-expand-lg{
    padding: 8px 30px;
  }
  .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
    color: white;
  }
  .btn-outline-secondary {
      --bs-btn-color: #fff;
      --bs-btn-border-color: #fff;
      --bs-btn-hover-color: #fff;
      --bs-btn-hover-bg: #0b5ed7;
      --bs-btn-hover-border-color: #0b5ed7;
      --bs-btn-focus-shadow-rgb: 108,117,125;
      --bs-btn-active-color: #fff;
      --bs-btn-active-bg: #0b5ed7;
      --bs-btn-active-border-color: #0b5ed7;
      --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      --bs-btn-disabled-color: #0b5ed7;
      --bs-btn-disabled-bg: transparent;
      --bs-gradient: none;
  }

  .navbar-toggler{
    border:none;
  }
  .offset-sm-2{
    margin-left: 0;
  }
  .navbar-toggler-icon{
    background-image: unset;
  }
  .navbar-toggler:focus {
      text-decoration: none;
      outline: 0;
      box-shadow: none;
  }
  .navbar-toggler-icon svg path:nth-child(2){
    fill:#0d6efd;
  }
  #navbar{
    background: #fff;
  }
  #navbarNav{
    position: fixed;
  }
  #show_navigator{
    position: relative;
    background: transparent;
    width: 100%;
    left: 0;
    height: 100vh;
    top: 0;
    display: block;
    transform: translateX(100%);
    transition: transform .3s ease-in-out;
    z-index: 0;
  }
  .show_animate{
    transform: none !important;
  }
  #show_navigator #contact{
    position: fixed;
    bottom: 15px;
    width: 92%;
    background: #0d6efd;
    border: none;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    color: white;
    padding: 15px 0;
  }
  .dropdown-toggle::after {
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "\f229";
    font-display: block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1.8;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    text-align: right;
    float: right;
    border: none;
  }
  .nav-close i{
    color: #0d6efd;
    font-size: 30px;
    text-align: right;
  }
  .nav-item{
    padding: 15px 30px;
    background-color: #a6b2bb;
    border-bottom: 1px solid #f1f5f8;
  }
  .nav-item a{
    color:white !important;
  }
  .nav-item:last-child{
    padding: 0;
  }
  .card-img-top{
    display: none;
  }
  nav .card-body p{
    display: none;
  }
  nav .card-body {
    margin-bottom: 0;
  }
  [aria-labelledby~="sub_navbarDropdown"]{
    z-index: 9999999;
    padding: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border: none;
    width: 100%;
  }
  [aria-labelledby~="sub_navbarDropdown"] .dropdown-nav{
    background: #a6b2bb;
  }
  .dropdown-nav .card{
    margin: 0 !important;
    background: #afb8bf;
    border-bottom: 1px solid #a6b2bb;
    width: 100%;
    align-items: flex-start;
    border-radius: 0;
    color: #fff;
  }
  .dropdown-nav .card:last-child{
    border-bottom: none;
  }
  .dropdown-nav .card:active {
    background-color:#aebcc7;
  }
  .dropdown-nav .card h5{
  font-size: 18px;
  font-weight: 300;
  }
  .mb-column{
    flex-direction: column;
  }

  /*header*/
  .rgc-color{
    color: #0d6efd;
  }
  .rgc-select{
    height: 60vh;
  }
  .rgc-auto{
    height: auto;
  }
  .inner-allignment{
    width: 550px;
    padding: 50px 0 0 0;
  }
  .nav-item{
    margin: 0 10px;
  }
  .rgc-select{
    height: auto;
  }
  .bg-color{
    background: #F1F5F8;
  }
  .container{
    max-width: 100%;
    padding: 0;
  }
  .rgc-title, .rgc-section-title{
    font-family: 'Poppins';
    color: #111;
  }
  .rgc-subtext{
    font-size: .9rem;
    font-family: 'Poppins';
    color: #4A4C5E;
  }
  .rgc-title, .qwerty-title{
    font-size: 30.4px;
    font-weight: 800;
  }
  .rgc-title{
    line-height: 1.2;
  }
  .rgc-hero{
    height: 97.453px;
  }
  .rgc-button, .rgc-subtext, .rgc-title{
    width: 100%;
    margin: auto;
  }
  .mb-header{
    padding-right: 0;
    height: auto;
  }
  .header-image{
    width: 100%;
      height: 100%;
      background-size: 655px;
      background-repeat: no-repeat;
      background-position-x: 91%;
  }
  .relative .rgc-title, .relative .rgc-subtext{
    width: 90%;
  }
  .relative .inner-allignment{
    padding: 22px 0 0 0;
  }


    /*card*/

  .card{
    align-items: center;
    border:none;
    margin: 0px 50px;
    margin-bottom: 20px !important;
  }
  .icon-container{
    height: 110.67px;
    width: 110.67px;
    border-radius: 100%;
    background-color: #fff;
    border:6px solid #EAEFF4;
    transition: 0.9s;
  }
  #cloud{
    width: 63%;
    height: 58%;
  }
  .icon-container:hover{
    background-color: #0D6EFD;
    border:8px solid #70AAFF;
    cursor: pointer;
  }
  .icon-container:hover > #cloud{
    fill: #fff;
  }
  .active-container{
    background-color: #0D6EFD;
    border:6px solid #70AAFF;
    cursor: pointer;
  }
  .active-icon{
    fill: #fff;
  }
  .rgc-card-text{
    font-size: 18px;
    width: 140px;
    text-align: center;
    color: #4A4C5E;
    font-weight: 500;
  }
  .rgc-section-title {
      font-size: 27.4px;
      font-weight: 600;
      width: 367px;
      margin-bottom: 20px;
  }
  .width-100, .md-width-100 {
      width: 100%;
  }
  .small-separator, .separator {
      height: 3px;
      background-color: #0d6efd;
      margin-bottom: 20px;
  }
  .col-md-4 {
      flex: 0 0 auto;
      width: 43%;
  }
  .abs-img{
    width: 100%;
  }
  .no-padding{
    padding: 0;
  }
  .font-20{
    font-size: 26px;
  }
  .sml {
      width: 50px;
  }
  .mb-col-80{
    width: 80%;
  }
  .td-column{
    flex-direction: column;
  }
  .td-align-center{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .m-card{
    width: 30%;
  }
  .m-card-container{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .m-card-container>* {
    flex: 1 1 20%;
    margin: 10px;
  }
  .mb-padding-40 {
    padding: 40px;
  }
  .image-elements {
    height: 405px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 0px;
  }
  ._qwertygenerals, .service-include, ._qwerty_woa, ._qwertyreo{
    padding: 70px 50px !important;
  }
  .container-100{
    width: 100%;
  }
  .rgc-secondary-txt{
    margin-left: 0px;
  }
  .context-container{
    height: 330px !important;
    width: 95%;
  }
  .rgc_why_outsource .image-elements, ._qwertydeliver button, ._qwertyaca .graphics, ._quertytax .graphics, ._qwertyooasi img{
    display: none;
  }




  /*allignment set*/
  .align-center{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .align-left{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .align-top-left{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .align-right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .text-align-center{
    text-align: center;
  }
  .rgc-secondary-txt {
      margin-left: 0px;
  }
  .vector-bg {
      height: 60vh;
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background-position: center !important;
  }
  .mb-col-39{
    width: 100%;
  }
  .footer-bg {
      background: url(../img/footer-bg.svg);
      overflow: visible;
      background-size: cover !important;
      height: auto;
      background-repeat: no-repeat !important;
  }
  .container-100{
    display: flex;
    text-align: left;
  }
  .footer-subtext{
    margin-left: auto;
    margin-right: auto;
  }
  .footer-link {
      text-decoration: none;
      list-style-type: none;
      padding: 0;
      font-size: 14px;
  }
  .footer-link li {
      margin-bottom: 10px;
  }
  .footer-subtext {
      width: 75%;
      margin-left: 0;
  }
  footer {
      background-color: #3A3A3A;
      padding: 20px 0;
  }
  footer p{
    margin-bottom: 0px;
  }
  footer .container{
    width: 100%;
  }
  #scrollToTop {
    position: fixed;
    bottom: 20px;
    right: 15px;
    display: none;
    transition: 3s;
  }
  .link-header, .rgc-header {
    height: auto;
    padding: 50px 0;
  }
  .width-83{
      width: 83.33333333%;
  }


  /* css for contact */
  .location{
    font-size: 26.4px;
    font-weight: 600;
    margin-bottom: 0px;
  }
  .contact-icon{
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .contact-icon i{
    font-size: 30px;
    margin-right: 10px;
    padding: 0;
  }
  .contact-icon p{
    margin-bottom: 0;
  }
  .contact-card{
    background: #F1F5F8;
  }
  .contact-card input{
    background: #fff;
    border:none;
    border-radius: 100px;
    font-size: .9rem;
    width: 100%;
    height: 54px;
    margin-bottom: 16px;
    text-indent: 20px;
  }
  .contact-card textarea{
    background: #fff;
    border:none;
    border-radius: 25px;
    font-size: .9rem;
    width: 100%;
    height: 127px;
    margin-bottom: 16px;
    text-indent: 20px;
  }
  .contact-container{
    flex-wrap: wrap;
    flex-direction: row;
  }
  /* end of css for contact */

  .rgc-ctext{
    width: 70%;
  }
  .card-logo img {
    width: 100%;
  }
  .align-center .card-logo {
    flex: 1 0 17%;
    margin-bottom: 20px;
  }
  section .custom-container{
    width: 100%;
  }
  .base-container{
    width:90%;
  }
  .context{
    margin-left: 15px;
  }
  .mb-context{
    margin-left: 70px;
  }
  .context-container ._con{
    width: 100%;
  }
  .tools-container, ._qweretygeneral_hdiw .separator{
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
  .tools-container{
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
  .tools-container ._querty111{
    width: 90%;
  }
  ._qwertyhow>*, ._qwertyourteam>* {
    flex: 1 1 33%;
  }
  .separator-white {
    background-color: #fff;
  }
  .widget{
    position: relative;
  }
  .widget >:first-child{
    position: relative;
  }
  .widget-container{
    /* background: #0D6EFD; */
    background: linear-gradient(45deg,#606,#ee3524)!important;
    border-radius: 0;
    padding: 20px;
    width: 100%;
  }
  .widget .align-center{
    padding-right: 0;
  }
  .widget p{
    width: 100%;
  }
  ._qwertybenefits p{
    margin:0px;
  }
  ._qwertybenefits {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .base-container, ._qwerty-context {
    width: 90%;
  }
  ._qwertyserviceimg{
    justify-content: flex-end;
  }
  ._qwertywhyoa p, ._qwertywhyoa ._con{
    width: 100%;
  }
  .align-center .card-logo {
    flex: 1 0 17%;
    margin-bottom: 20px;
  }
  .align-right {
    justify-content: flex-end;
  }
  .header-align{
    width: 450px;
  }
  .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    /* color: white; */
    color: #0d6efd;
    warning: ;
    z-index: 9999999;
  }
  .btn-outline-secondary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #0d6efd;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none;
  }
  ._qwertyservice .header-image{
    background-size: 512px;
  }
  .dropdown-toggle::after{
    display: none;
  }
  .list-container .row{
    width: 60%;
  }
  .list-container .row .col-center{
    flex: 1 0 50%;
  }
  .contact-container{
    flex-wrap: wrap;
    flex-direction: column;
  }
  .contact-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .mb-text-align-center {
    text-align: center;
  }
  ._qwertycontact .contact-icon .bi{
      font-size: 30px;
    }
  ._qwertycontact .contact-icon:nth-child(2){
      margin-top: 50px;
    }
  ._qwertycontact .context{
      margin-left: 0;
    }
  .context {
      justify-content: center;
      align-items: center;
    }
  .contact-card form {
    margin-top: 50px;
  }
  .clip_text, ._qwertyhowitworks p{
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .separator-white {
    background-color: #fff;
  }
  .rgc-advantage, .rgc_why_outsource, ._qwertydeliver .container{
    padding: 50px 40px !important;
  }
  .rgc_software{
    padding: 50px 0 !important;
  }
  ._qwertywhyoa .context-container{
    height: 330px !important;
  }
  .rgb-advantage-text, .rgb-advantage-text p, .rgc_why_outsource p, .rgc_why_outsource ._con, .rgc_why_outsource h1, .rgc-advantage h1{
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
  }
  ._qwertyhowitworks{
    padding-bottom: 50px !important;
    padding-top: 0px !important;
  }
  ._qwertydeliver ._qwertasdasd{
    padding-bottom: 50px !important;
    padding-top: 50px !important;
  }
  ._qwerty_ind .col-md-6, ._qwerty_ind .col-md-6 .inner-allignment{
    width: 100% !important;
    text-align: center;
    margin-left: 0;
  }
  ._qwerty_ind .col-md-6 .inner-allignment .mb-context{
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  ._qwertygenerals h1 {
    margin-top: 50px;
  }
  .service-container {
    margin-bottom: 0 !important;
  }
  ._qwerty_ind {
    flex-direction: column-reverse;
  }
  .clip_text{
    margin-bottom: 0px !important;
  }
  .rgc_tools{
    padding: 0 !important;
  }
  .rgc-section-title{
    font-size: 25.4px;
  }
  ._qwertyhowitworks .card {
    margin-bottom: 0px;
    min-height: 355px;
  }
  ._quertyaaa .m-card-container{
    flex-direction: column;
  }
  ._quertyaaa .m-card, ._qwertydeliver ._qwerty-container{
    width: 100%
  }
  .rgc_why_outsource .maic{
    width: 90%;
  }
  .mb-width-100{
    width: 100%;
  }
  ._qwertydeliver, ._qwertyseperator, ._quertytaxsep{
    justify-content: center;
  }
  /*accordion*/
  .accordion{
    width: 100% !important;
    min-width: 345px;
    flex: 1 0 21%;
    --bs-accordion-bg: #5C636A;
    --bs-accordion-border-width: 0;
    border: none !important;
    margin: 10px 0px;
    color: red;
    --bs-accordion-btn-focus-border-color: none !important;
    --bs-accordion-btn-focus-box-shadow: none !important;
    --bs-accordion-btn-icon-white: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  }
  .accordion-button::after {
    background-image: var(--bs-accordion-btn-icon-white) !important;
  }
  .accordion li, .accordion ul{
    list-style: none;
    padding-left: 0;
    padding: 10px;
    margin-bottom: 0;
  }
  .accordion li:hover{
    background: #f3f3f3;
  }
  .accordion-button:not(.collapsed){
    background: #0B5ED7;
    color: #fff;
  }
  .accordion-button{
    color: #fff;
  }
  .accordion-body{
    background: #fff;
    padding: 0;
  }
  .accordion ul a{
    text-decoration: none;
  }
  ._qwertywhuyshould {
    height: 218px !important;
    width: 100%;
  }
  .rgc_sec_general{
    padding: 50px;
  }
  .rgc-header .graphics, .card-logo img {
    width: 50% !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
  }.card-logo img {
    width: 100% !important;
  }
  .graphics{
    width: 100%;
    height: auto;
  }
  ._qwerty_footer_text, .vector-bg .align-center div:first-child{
    width: 100%;
  }
  ._qwerty_footer_text div:first-child{
    flex: 1 1 33% !important;
  }
  ._qwerty_footer_text div{
    flex: 1 1 20% !important;
  }
  .big {
      width: 92px !important;
  }
}


@media (min-width: 992px) and (max-width: 1199px){
	html body{
		overflow-x: hidden;
    background-color: #040d21;
	}
	.gray-bg{
		background-color: #0d6efd;
	}
	.navbar-expand-lg .navbar-collapse {
	    justify-content: flex-end;
	}
	.navbar-expand-lg{
		padding: 8px 30px;
	}
	.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
		color: white;
	}
  .dropdown-toggle::after{
    display: none;
  }
	.btn-outline-secondary {
	    --bs-btn-color: #fff;
	    --bs-btn-border-color: #fff;
	    --bs-btn-hover-color: #fff;
	    --bs-btn-hover-bg: #0b5ed7;
	    --bs-btn-hover-border-color: #0b5ed7;
	    --bs-btn-focus-shadow-rgb: 108,117,125;
	    --bs-btn-active-color: #fff;
	    --bs-btn-active-bg: #0b5ed7;
	    --bs-btn-active-border-color: #0b5ed7;
	    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	    --bs-btn-disabled-color: #0b5ed7;
	    --bs-btn-disabled-bg: transparent;
	    --bs-gradient: none;
	}

	/*header*/
	.rgc-color{
		color: #0d6efd;
	}
	.rgc-select{
		height: 60vh;
	}
	.rgc-auto{
		height: auto;
	}
	.inner-allignment{
		width: 550px;
		padding: 50px 0;
	}
	.nav-item{
		margin: 0 10px;
	}
	.rgc-select{
		height: 60vh;
	}
	.bg-color{
		background: #F1F5F8;
	}
	.container{
		max-width: 100%;
		padding: 0;
	}
	.rgc-title, .rgc-section-title{
		font-family: 'Poppins';
		color: #111;
	}
	.rgc-subtext{
		font-size: .8rem;
		font-family: 'Poppins';
		color: #4A4C5E;
	}
  ._qweryots, ._qwertyos {
    padding: 100px 40px !important;
  }
  ._qwertymgr {
    margin: 50px 0 0 0;
  }
	.rgc-title, .qwerty-title{
		font-size: 40.4px;
		font-weight: 800;
	}
	.rgc-title{
		line-height: 1.2;
	}
  .rgc-hero{
    height: 145.453px;
  }
	.rgc-button, .rgc-subtext, .rgc-title{
		width: 100%;
		margin: auto;
	}
	.mb-header{
		padding-right: 0;
		height: auto;
	}
  ._qwertyaap{
    width: 85%;
  }
	.header-image{
		width: 100%;
	  height: 100%;
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position-x: 100%;
	}
  ._qweryots p {
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }

		/*card*/

	.card{
		align-items: center;
		border:none;
		margin: 0px 50px;
		margin-bottom: 20px !important;
	}
	.icon-container{
		height: 183.67px;
		width: 183.67px;
		border-radius: 100%;
		background-color: #fff;
		border:8px solid #EAEFF4;
		transition: 0.9s;
	}
	.icon-container:hover{
		background-color: #0D6EFD;
		border:8px solid #70AAFF;
		cursor: pointer;
	}
	.icon-container:hover > #cloud{
		fill: #fff;
	}
	.active-container{
		background-color: #0D6EFD;
		border:8px solid #70AAFF;
		cursor: pointer;
	}
	.active-icon{
		fill: #fff;
	}
	.rgc-card-text{
		font-size: 18px;
		width: 140px;
		text-align: center;
		color: #4A4C5E;
		font-weight: 500;
	}
	.rgc-section-title {
	    font-size: 33.4px;
	    font-weight: 600;
	    width: 367px;
	    margin-bottom: 20px;
	}
	.width-100, .md-width-100 {
	    width: 100%;
	}
	.small-separator, .separator {
	    height: 3px;
	    background-color: #0d6efd;
	    margin-bottom: 20px;
	}
	.big {
	    width: 92px;
	}
	._qwerty{
		padding: 0 0 0 0;
		margin: 0 0 100px 0 !important;
	}
	.col-md-4 {
	    flex: 0 0 auto;
	    width: 43%;
	}
	.abs-img{
		width: 100%;
	}
	.no-padding{
		padding: 0;
	}
	.font-20{
		font-size: 26px;
	}
	.sml {
	    width: 50px;
	}
	.mb-col-80{
		width: 80%;
	}
	.td-column{
		flex-direction: column;
	}
	.td-align-center{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.m-card{
		width: 30%;
	}
	.m-card-container{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.m-card-container>* {
        flex: 1 1 22%;
        margin: 10px;
    }
    .mb-padding-40 {
	    padding: 40px;
	}
	.image-elements {
	    height: 405px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
	    border-radius: 14px;
	}
	.container-100{
		width: 100%;
	}
	.rgc-secondary-txt{
		margin-left: 0px;
	}




	/*allignment set*/
	.align-center{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.align-left{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.align-top-left{
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.align-right{
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.text-align-center{
		text-align: center;
	}
	.rgc-secondary-txt {
	    margin-left: 0px;
	}
	.vector-bg {
	    height: 60vh;
	    background-size: cover !important;
	    background-repeat: no-repeat !important;
	    background-position: center !important;
	}
	.mb-col-39{
		width: 100%;
	}
	.footer-bg {
	    background: url(../img/footer-bg.svg);
	    overflow: hidden;
	    background-size: cover !important;
	    height: 300px;
	    background-repeat: no-repeat !important;
	}
	.footer-link {
	    text-decoration: none;
	    list-style-type: none;
	    padding: 0;
	    font-size: 14px;
	}
	.footer-link li {
	    margin-bottom: 10px;
	}
	.footer-subtext {
	    width: 64%;
	}
	footer {
	    background-color: #3A3A3A;
	    padding: 20px 0;
	}
	footer p{
		margin-bottom: 0px;
	}
	footer .container{
		width: 100%;
	}
  #scrollToTop {
    position: fixed;
    bottom: 20px;
    right: 15px;
    display: none;
    transition: 3s;
  }
  .link-header, .rgc-select {
    height: auto;
}
.width-83{
    width: 83.33333333%;
}


  /* css for contact */
  .location{
    font-size: 26.4px;
    font-weight: 600;
    margin-bottom: 0px;
  }
  .contact-icon{
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .contact-icon i{
    font-size: 30px;
    margin-right: 10px;
    padding: 0;
  }
  .contact-icon p{
    margin-bottom: 0;
  }
  .contact-card{
    background: #F1F5F8;
  }
  .contact-card input{
    background: #fff;
    border:none;
    border-radius: 100px;
    font-size: .9rem;
    width: 100%;
    height: 54px;
    margin-bottom: 16px;
    text-indent: 20px;
  }
  .contact-card textarea{
    background: #fff;
    border:none;
    border-radius: 25px;
    font-size: .9rem;
    width: 100%;
    height: 127px;
    margin-bottom: 16px;
    text-indent: 20px;
  }
  .contact-container{
    flex-wrap: wrap;
    flex-direction: row;
  }
  /* end of css for contact */

  .rgc-ctext{
    width: 70%;
  }
  .card-logo img {
    width: 100%;
  }
  .align-center .card-logo {
    flex: 1 0 18%;
    margin-bottom: 20px;
  }
  section .custom-container{
    width: 77%;
  }
  .base-container{
    width:90%;
  }
  .context{
    margin-left: 30px;
  }
  .widget{
    position: relative;
  }
  .widget >:first-child{
    position: absolute;
    bottom: -95px;
  }
  .widget-container{
    /* background: #0D6EFD; */
    background: linear-gradient(45deg,#606,#ee3524)!important;
    border-radius: 0.375rem;
    padding: 20px;
    width: 90%;
  }
  .widget p{
    width: 100%;
  }
  ._qwertybenefits p{
    margin:0px;
  }
  ._qwertybenefits {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .base-container, ._qwerty-context {
    width: 90%;
  }
  ._qwertyserviceimg{
    justify-content: flex-end;
  }
  ._qwertywhyoa p, ._qwertywhyoa ._con{
    width: 100%;
  }
  .align-center .card-logo {
    flex: 1 0 17%;
    margin-bottom: 20px;
  }
  .align-right {
    justify-content: flex-end;
  }
  .header-align{
    width: 450px;
  }
  .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    /* color: white; */
    color: #0d6efd;
    warning: ;
    z-index: 9999999;
  }
  .btn-outline-secondary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #0d6efd;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none;
  }
  .list-container .row{
    width: 60%;
  }
  .list-container .row .col-center{
    flex: 1 0 50%;
  }
  [aria-labelledby~="sub_navbarDropdown"]{
    position: fixed !important;
    z-index: 9999999;
    padding: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border: none;
    padding-top: 10px;
    width: 73.333333%;
    background: transparent
  }
  [aria-labelledby~="sub_navbarDropdown"] .card{
    margin-bottom: 0px !important
  }
  [aria-labelledby~="sub_navbarDropdown"] .dropdown-nav{
    background: #fff;
    box-shadow: 0 8px 24px -5px #ccc;
  }
  .inner-card {
    background: #F1F5F8;
    padding: 15px 10px 15px;
  }
  .bg-image::before, .header-bg-image::before {
    content: '';
    background-image: url(../img/elements.svg);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: -120px -104px;
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    opacity: .5;
  }
  .navbar, .top-navigator {
    z-index: 999999;
  }
  ._qwertyourstory .rgc-subtext{
    width: 100%;
  }



  ._qwertycontact .contact-icon .bi{
    font-size: 25px;
  }
  ._qwertycontact .context{
    margin-left: 0;
  }
  .contact-card form {
    margin-top: 50px;
  }
  .contact-container .rgc-section-title{
    font-size: 28.4px;
  }
  .contact-container .contact-card .card-body h1{
    margin-bottom: 0px;
  }
  ._qwertyhowitworks .card {
    margin-bottom: 0px;
    min-height: 355px;
  }
  .clip_text, ._qwertyhowitworks p{
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .separator-white {
    background-color: #fff;
  }
  .rgc-advantage, .rgc_why_outsource, ._quertytax{
    padding: 100px 40px !important;
  }
  .rgb-advantage-text, .rgb-advantage-text p, .rgc_why_outsource p, .rgc_why_outsource ._con, .rgc_why_outsource h1{
    width: 100%;
  }
  ._qwertyhowitworks{
    padding-bottom: 100px !important;
  }

    /*accordion*/
  .accordion{
    width: 33% !important;
    min-width: 345px;
    flex: 1 0 21%;
    --bs-accordion-bg: #5C636A;
    --bs-accordion-border-width: 0;
    border: none !important;
    margin: 10px 10px;
    color: red;
    --bs-accordion-btn-focus-border-color: none !important;
    --bs-accordion-btn-focus-box-shadow: none !important;
    --bs-accordion-btn-icon-white: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  }
  .accordion-button::after {
    background-image: var(--bs-accordion-btn-icon-white) !important;
}
  .accordion li, .accordion ul{
    list-style: none;
    padding-left: 0;
    padding: 10px;
    margin-bottom: 0;
  }
  .accordion li:hover{
    background: #f3f3f3;
  }
  .accordion-button:not(.collapsed){
    background: #0B5ED7;
    color: #fff;
  }
  .accordion-button{
    color: #fff;
  }
  .accordion-body{
    background: #fff;
    padding: 0;
  }
  .accordion ul a{
    text-decoration: none;
  }
  ._qwertywidth{
    width: 100%;
  }
  ._quertyaaa .card {
    min-height: 407px;
  }
  ._qwertyos{
    padding-bottom: 0px !important;
  }
  .footer-link .col-md-7 {
    flex: 0 0 auto;
    width: 47.333333%;
  }
  .rgc_sec_general{
    padding: 50px 0;
  }
  .graphics{
    width: 100% !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
  }
  .card-logo img {
    width: 100% !important;
    height: auto !important;
  }
}


@media (min-width: 1200px) and (max-width: 1919px) {
	.gray-bg{
		background-color: #0d6efd;
	}
	.navbar-expand-lg .navbar-collapse {
	    justify-content: flex-end;
	}
	.navbar-expand-lg{
		padding: 8px 70px;
	}
	.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
/*		color: white;*/
		color: #0d6efd;warning
    z-index: 9999999
	}
	.btn-outline-secondary {
	    --bs-btn-color: #0d6efd;
	    --bs-btn-border-color: #0d6efd;
	    --bs-btn-hover-color: #fff;
	    --bs-btn-hover-bg: #0d6efd;
	    --bs-btn-hover-border-color: #0d6efd;
	    --bs-btn-focus-shadow-rgb: 108,117,125;
	    --bs-btn-active-color: #0d6efd;
	    --bs-btn-active-bg: #0d6efd;
	    --bs-btn-active-border-color: #0d6efd;
	    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	    --bs-btn-disabled-color: #0d6efd;
	    --bs-btn-disabled-bg: transparent;
	    --bs-gradient: none;
	}

	/*header*/
	.rgc-color{
		color: #0d6efd;
	}
	.rgc-select{
		height: 60vh;
	}
	.rgc-auto{
		height: auto;
	}
	.inner-allignment{
		width: 550px;
		padding: 50px 0;
	}
	.nav-item{
		margin: 0 10px;
	}
	.rgc-select{
		height: auto;
	}
	.bg-color{
		background: #F1F5F8;
	}
	.container{
		max-width: 100%;
		padding: 0px;
	}
	.rgc-title, .rgc-section-title{
		font-family: 'Poppins';
		color: #111;
	}
	.rgc-title, .qwerty-title{
		font-size: 40.4px;
		font-weight: 800;
	}
	.rgc-title{
		line-height: 1.2;
    height: 145.453px;
	}
  .rgc-hero{
    height: 145.453px;
  }
  ._qwertymgr{
    margin: 50px 0 0 0;
  }
  ._qweryots p {
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  ._qweryots{
    padding: 100px 40px !important;
  }
	.rgc-subtext{
		font-size: .85rem;
		font-family: 'Poppins';
		color: #4A4C5E;
	}
	.rgc-button, .rgc-subtext, .rgc-title{
		width: 80%;
		margin: auto;
	}
	.mb-header{
		padding-right: 0;
		height: auto;
	}
	.header-image{
		width: 100%;
	    height: 100%;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	}

		/*card*/

	.card{
		align-items: center;
		border:none;
		margin: 0px 50px;
    margin-bottom: 20px !important;
	}
	.icon-container{
		height: 183.67px;
		width: 183.67px;
		border-radius: 100%;
		background-color: #fff;
		border:8px solid #EAEFF4;
		transition: 0.9s;
	}
	.icon-container:hover{
		background-color: #0D6EFD;
		border:8px solid #70AAFF;
		cursor: pointer;
	}
	.icon-container:hover > #cloud{
		fill: #fff;
	}
	.active-container{
		background-color: #0D6EFD;
		border:8px solid #70AAFF;
		cursor: pointer;
	}
	.active-icon{
		fill: #fff;
	}
	.rgc-card-text{
		font-size: 15px;
		width: 140px;
		text-align: center;
		color: #4A4C5E;
		font-weight: 500;
	}
	.rgc-section-title {
	    font-size: 33.4px;
	    font-weight: 600;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.width-100, .md-width-100 {
	    width: 100%;
	}
	.small-separator, .separator {
	    height: 3px;
	    background-color: #0d6efd;
	    margin-bottom: 20px;
	}
	.big {
	    width: 92px;
	}
	._qwerty{
		padding: 0 0 0 0;
		margin: 0 0 50px 0 !important;
	}
	.abs-img{
		width: 100%;
	}
	.sml {
	    width: 50px;
	}
	.mb-col-80{
		width: 80%;
	}
	.td-column{
		flex-direction: column;
	}
	.td-align-center{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.m-card-container{
		display: flex;
	}
	.m-card-container>* {
        flex: 1 1 23%;
        margin: 10px;
    }
    .mb-padding-40 {
	    padding: 40px;
	}
	.image-elements {
	    height: 405px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
	    border-radius: 14px;
	}
	.container-100{
		width: 100%;
	}
	.rgc-secondary-txt{
		margin-left: 0px;
	}


	/*allignment set*/
	.align-center{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.align-left{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.align-top-left{
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.align-right{
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.text-align-center{
		text-align: center;
	}
	.rgc-secondary-txt {
	    margin-left: 0px;
      width: 100%;
	}
	.vector-bg {
	    /* height: 60vh; */
      height: 88vh;
	    background-size: cover !important;
	    background-repeat: no-repeat !important;
	    background-position: center !important;
	}
	.mb-col-39{
		width: 39%;
	}
	.footer-bg {
	    background: url(../img/footer-bg.svg);
	    overflow: hidden;
	    background-size: cover !important;
	    height: 300px;
	    background-repeat: no-repeat !important;
	}
	.footer-link {
	    text-decoration: none;
	    list-style-type: none;
	    padding: 0;
	    font-size: 14px;
	}
	.footer-link li {
	    margin-bottom: 10px;
	}
	.footer-subtext {
	    width: 64%;
	}
	.footer-link div div div div:first-child{
		width: 55%;
	}
	footer {
	    background-color: #3A3A3A;
	    padding: 20px 0;
	}
	footer p{
		margin-bottom: 0px;
	}
	footer .container{
		width: 100%;
	}

	.bg-image{
		position: relative;
		overflow: hidden;
	}
	.bg-image::before, .header-bg-image::before{
		content: '';
        background-image: url(../img/elements.svg);
        background-repeat: no-repeat;
        background-size: 30%;
        background-position: -120px -104px;
        height: 100%;
        width: 100%;
        position: absolute;
        display: block;
        opacity: .5;
	}
	.bg-image::after{
		content: '';
        background-image: url(../img/elements.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-size: 30%;
        background-position: -0px -104px;
        height: 100%;
        width: 100%;
        position: absolute;
        display: block;
        bottom: 0;
        opacity: .5;
		transform: scale(-1);
	}
	.link-header{
		/* height: 45vh; */
    height: auto;
	}
	#scrollToTop {
	    position: fixed;
	    bottom: 20px;
	    right: 15px;
	    display: none;
	    transition: 3s;
	}
	.dropdown-item:hover{
		background-color: #fff;
	}
	.dropdown-nav .card{
		flex: 1;
    	padding: 15px 10px 15px;
    	margin:0;
	}
	.dropdown-nav .card:hover{
		  -webkit-box-shadow: 0 0 14px 0 rgb(50 50 50 / 35%);
	    -moz-box-shadow: 0 0 14px 0 rgba(50,50,50,.75);
	    box-shadow: 0 0 14px 0rgba(50,50,50,.75);
	    z-index: 99999;
	    cursor: pointer;
	}
	.inner-card{
		background: #F1F5F8;
		padding: 15px 10px 15px;
	}
	.dropdown-nav {
		padding: 16px;
	}


  /* css for contact */
  .location{
    font-size: 26.4px;
    font-weight: 600;
    margin-bottom: 0px;
  }
  .contact-icon{
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .contact-icon i{
    font-size: 30px;
    margin-right: 10px;
    padding: 0;
  }
  .contact-icon p{
    margin-bottom: 0;
  }
  .contact-card{
    background: #F1F5F8;
  }
  .contact-card input{
    background: #fff;
    border:none;
    border-radius: 100px;
    font-size: .9rem;
    width: 100%;
    height: 54px;
    margin-bottom: 16px;
    text-indent: 20px;
  }
  .contact-card textarea{
    background: #fff;
    border:none;
    border-radius: 25px;
    font-size: .9rem;
    width: 100%;
    height: 127px;
    margin-bottom: 16px;
    text-indent: 20px;
  }
  .contact-container{
    flex-wrap: wrap;
    flex-direction: row;
  }
  /* end of css for contact */

  .rgc-ctext{
    width: 70%;
  }
  .card-logo img {
    width: 60%;
  }
  .align-center .card-logo {
    flex: 1 0 18%;
    margin-bottom: 20px;
  }
  .widget{
    position: relative;
  }
  .widget >:first-child{
    position: absolute;
    bottom: -95px;
  }
  .widget-container{
    /* background: #0D6EFD; */
    background: linear-gradient(45deg,#606,#ee3524)!important;
    border-radius: 0.375rem;
    padding: 20px;
    width: 90%;
  }
  .widget p{
    width: 100%;
  }
  ._qwertybenefits p{
    margin:0px;
  }
  ._qwertybenefits {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .base-container, ._qwerty-context, .service_container {
    width: 90%;
  }
  .card .rgc-subtext{
    width: 100%;
  }
  .list-container .row{
    width: 68%;
  }
  .list-container .row .col-center{
    flex: 1 0 50%;
  }
  ._qwertyserviceimg{
    justify-content: flex-end;
  }
  ._qwertywhyoa p, ._qwertywhyoa ._con{
    width: 93%;
  }
  .dropdown-toggle::after {
    display: none;
  }
  [aria-labelledby~="sub_navbarDropdown"]{
    position: fixed !important;
    z-index: 9999999;
    padding: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border: none;
    padding-top: 10px;
    width: 73.333333%;
    background: transparent
  }
  [aria-labelledby~="sub_navbarDropdown"] .card{
    margin-bottom: 0px !important
  }
  [aria-labelledby~="sub_navbarDropdown"] .dropdown-nav{
    background: #fff;
    box-shadow: 0 8px 24px -5px #ccc;
  }
  .bg-image::before, .header-bg-image::before {
    content: '';
    background-image: url(../img/elements.svg);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: -120px -104px;
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    opacity: .5;
  }
  .navbar, .top-navigator {
    z-index: 999999;
  }
  ._qwertyourstory .rgc-subtext{
    width: 100%;
  }
  ._qwertycontact .contact-icon .bi{
    font-size: 25px;
  }
  ._qwertycontact .context{
    margin-left: 0;
  }
  ._qwertycontact .context .rgc-subtext, ._qwertycontact .rgc-subtext{
    width: 100%;
  }
  .contact-card form {
    margin-top: 50px;
  }
  #cloud {
    width: 63%;
    height: 58%;
  }
  .icon-container {
    height: 110.67px;
    width: 110.67px;
    border-radius: 100%;
    background-color: #fff;
    border: 6px solid #EAEFF4;
    transition: 0.9s;
  }
  .active-container {
    background-color: #0D6EFD;
    border: 6px solid #70AAFF;
    cursor: pointer;
  }
  ._qwertyhowitworks .card {
    margin-bottom: 0px;
    min-height: 417px;
  }
  .clip_text{
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .separator-white {
    background-color: #fff;
  }
  .rgc-advantage, .rgc_why_outsource, ._qwertyos, ._quertytax{
    padding: 100px 40px !important;
  }
  .rgb-advantage-text, .rgb-advantage-text p, .rgc_why_outsource p{
    width: 100%;
  }
    /*accordion*/
  .accordion{
    width: 33% !important;
    min-width: 345px;
    flex: 1 0 21%;
    --bs-accordion-bg: #5C636A;
    --bs-accordion-border-width: 0;
    border: none !important;
    margin: 10px 10px;
    color: red;
    --bs-accordion-btn-focus-border-color: none !important;
    --bs-accordion-btn-focus-box-shadow: none !important;
    --bs-accordion-btn-icon-white: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  }
  .accordion-button::after {
    background-image: var(--bs-accordion-btn-icon-white) !important;
}
  .accordion li, .accordion ul{
    list-style: none;
    padding-left: 0;
    padding: 10px;
    margin-bottom: 0;
  }
  .accordion li:hover{
    background: #f3f3f3;
  }
  .accordion-button:not(.collapsed){
    background: #0B5ED7;
    color: #fff;
  }
  .accordion-button{
    color: #fff;
  }
  .accordion-body{
    background: #fff;
    padding: 0;
  }
  .accordion ul a{
    text-decoration: none;
  }
  ._qwertywidth{
    width: 100%;
  }
  ._quertyaaa .card {
    min-height: 407px;
  }
  ._qwertyos{
    padding-bottom: 0px !important;
  }
  ._qwertywidth {
    width: 100%;
  }
  .rgc_sec_general{
    padding: 50px 0;
  }
  .graphics{
    width: 100% !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
  }
  .card-logo img {
    width: 100% !important;
    height: auto !important;
  }
}


@media (min-width: 1920px) {
	html body{
		overflow-x: hidden;
	}
	/*navigator*/
	.navbar-expand-lg .navbar-collapse {
	    justify-content: flex-end;
	}
	.navbar-expand-lg{
		padding: 8px 230px;
    padding: 8px 180px;
	}
	.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
		color: #0d6efd;
	}
  .navbar, .top-navigator{
    z-index: 999999;
  }
  .navbar-nav{
    z-index: 99999;
  }
  [aria-labelledby~="sub_navbarDropdown"]{
    position: fixed !important;
    z-index: 9999999;
    padding: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border: none;
    padding-top: 15px;
    background: transparent
  }
  [aria-labelledby~="sub_navbarDropdown"] .dropdown-nav{
    background: #fff;
    box-shadow: 0 8px 24px -5px #ccc;
  }
  .btn-outline-secondary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #0d6efd;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none;
	}

	/*header*/
	.rgc-color{
		color: #0d6efd;
	}
	.rgc-auto{
		height: auto;
	}
	.inner-allignment{
		width: 620px;
	}
	.nav-item{
		margin: 0 10px;
	}
	.rgc-select{
		height: auto;
	}
	.container{
		max-width: 100%;
		padding: 0;
	}
	.rgc-title, .rgc-section-title{
		font-family: 'Poppins';
		color: #111;
	}
	.rgc-title, .qwerty-title{
		font-size: 54.4px;
		font-weight: 800;
		margin: auto;
	}
	.rgc-title{
		line-height: 1.2;
	}
  .rgc-hero{
    height:206.625px;
  }
	.inner-allignment{
		z-index: 99999;
	}
	.rgc-subtext{
		font-size: .9rem;
		font-family: 'Poppins';
		color: #4A4C5E;
	}
	.mb-header {
	    padding-right: 0;
	    height: 50vh;
      overflow: hidden;
	}
  .header-image{
    width: 100%;
    height: 100%;
    background-size: 1381px;
    background-repeat: no-repeat;
    background-position-x: 100%;
	}
  .header-image-link{
    width: 100%;
    height: 100%;
    background-size: 92%;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 14%;
  }



	/*card*/
	.card{
		align-items: center;
		border:none;
		margin: 0px 50px;
	}
	.icon-container{
		height: 183.67px;
		width: 183.67px;
		border-radius: 100%;
		background-color: #fff;
		border:8px solid #EAEFF4;
		transition: 0.9s;
	}
	.icon-container:hover{
		background-color: #0D6EFD;
		border:8px solid #70AAFF;
		cursor: pointer;
	}
	.icon-container:hover > #cloud{
		fill: #fff;
	}
	.active-container{
		background-color: #0D6EFD;
		border:8px solid #70AAFF;
		cursor: pointer;
	}
	.active-icon{
		fill: #fff;
	}
	.rgc-card-text{
		font-size: 18px;
		width: 140px;
		text-align: center;
		color: #4A4C5E;
		font-weight: 500;
	}
	.rgc-section-title {
	    font-size: 32.4px;
	    font-weight: 600;
	    width: 450px;
	    margin-bottom: 20px;
	}
	.width-100 {
	    width: 100%;
	}

  /* separator */
	.small-separator, .separator {
	    height: 3px;
	    background-color: #0d6efd;
	    margin-bottom: 20px;
	}
  .separator-white {
      background-color: #fff;
  }
	.sml {
	    width: 50px;
	}

/*allignment set*/
	.align-center{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.align-left{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.align-top-left{
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.align-right{
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
  /* end allignment */

	.mrg-90 {
    margin-left: -90px;
	}
  .mb-padding-40 {
    padding: 50px 0;
	}

  /* footer */
	.vector-bg {
    height: 60vh;
    background-size: cover !important;
    background-repeat: no-repeat !important;
	}
	.footer-bg {
    background: url(../img/footer-bg.svg);
    overflow: hidden;
    background-size: cover !important;
    height: 300px;
    background-repeat: no-repeat !important;
	}
	.footer-link {
    text-decoration: none;
    list-style-type: none;
    padding: 0;
    font-size: 14px;
	}
	.footer-link li {
    margin-bottom: 10px;
	}
	.footer-subtext {
    width: 64%;
	}
	footer {
    background-color: #3A3A3A;
    padding: 20px 0;
	}
	footer p{
		margin-bottom: 0px;
	}
  /* end of footer */

	.bg-image, .relative{
		position: relative;
		overflow: hidden;
	}
	.bg-image::before, .header-bg-image::before{
		content: '';
    background-image: url(../img/elements.svg);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: -120px -104px;
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    opacity: .5;
	}
	.bg-image::after, .bg-image-container::after{
		content: '';
    background-image: url(../img/elements.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 30%;
    background-position: -0px -104px;
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    bottom: 0;
    opacity: .5;
		transform: scale(-1);
	}
	.link-header{
		height: 45vh;
	}
	.container{
		max-width: 100%;
		padding: 0;
	}
	.mrg-auto{
		margin: auto;
	}
	.card{
		align-items: center;
		border:none;
		margin: 0px 50px;
	}
	.rgc-card-text{
		font-size: 18px;
		width: 140px;
		text-align: center;
		color: #4A4C5E;
		font-weight: 500;
	}
	.shadow{
		box-shadow: 5px 10px #888888;
	}
	.padding-tb{
		padding: 100px 0;
	}
	.padding-tb-50{
		padding: 50px 0;
	}
	.padding-10{
		padding: 10px;
	}
	.mrg-top-100{
		margin-top: 100px;
	}
	.mrg-btm-100{
		margin-bottom: 100px;
	}
	.mrg-lf-10{
		margin: 0 10px;
	}
	.big {
    width: 92px;
	}
	.image-elements {
    height: 405px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	}
	#scrollToTop {
    position: fixed;
    bottom: 20px;
    right: 15px;
    display: none;
    transition: 3s;
	}
	.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right) > .swal2-modal {
    width: 50% !important;
    padding: 50px 100px !important;
	}
  .dropdown-item:hover{
    background-color: #fff;
  }
  .dropdown-nav .card{
    flex: 1;
    padding: 15px 10px 15px;
    margin:0;
  }
  .dropdown-nav .card:hover{
    -webkit-box-shadow: 0 0 14px 0 rgb(50 50 50 / 35%);
    -moz-box-shadow: 0 0 14px 0 rgba(50,50,50,.75);
    box-shadow: 0 0 14px 0rgba(50,50,50,.75);
    z-index: 99999;
    cursor: pointer;
  }
  .inner-card{
    background: #F1F5F8;
    padding: 15px 10px 15px;
  }
  .dropdown-nav {
    padding: 16px;
  }
  .nav-item #pri-btn, #scrollToTop{
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
  }
  .btn {
    --bs-btn-padding-x: 2rem;
    --bs-btn-padding-y: 0.775rem;
  }
  .swal2-container{
    z-index: 999999 !important;
  }
  .align-center .card{
    flex: 1 0 21%;
    margin-bottom: 0px;
  }
  ._qwertywhyoa{
    margin-top: 130px !important;
  }
  ._qwertygenerals{
    margin-top: 0px !important;
  }
  ._qwertyservice .header-image{
    background-size:1225px
  }
  .align-center .card-logo{
    flex: 1 0 18%;
    margin-bottom: 20px;
  }
  .card-logo img{
    width: 60%;
    height: auto !important;
  }
  .card-logo .card-body{
    padding: 0;
  }
  .col-center{
    flex: 1 1 50%;
  }
  .list-container .row:first-child{
    width: 38%;
  }
  .widget{
    position: relative;
  }
  .widget >:first-child{
    position: absolute;
    bottom: -95px;
  }
  .widget-container{
    /* background: #0D6EFD; */
    background: linear-gradient(45deg,#606,#ee3524)!important;
    border-radius: 0.375rem;
    padding: 20px;
  }

  #home::after, #about_us::after, #taxation::after, .services_nav::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #0d6efd;
    transition: width .3s;
    margin: 0;
    border-top: 0;
    border:none;
  }
  #home:hover::after, #about_us:hover::after, #taxation:hover::after, #about_us:hover::after, .services_nav:hover::after, .active::after {
    width: 100% !important;
    transition: width .3s !important;
  }

  /* css for contact */
  .location{
    font-size: 26.4px;
    font-weight: 600;
    margin-bottom: 0px;
  }
  .contact-icon{
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .contact-icon i{
    font-size: 30px;
    margin-right: 10px;
    padding: 0;
  }
  .contact-icon p{
    margin-bottom: 0;
  }
  .contact-card{
    background: #F1F5F8;
  }
  .contact-card input{
    background: #fff;
    border:none;
    border-radius: 100px;
    font-size: .9rem;
    width: 100%;
    height: 54px;
    margin-bottom: 16px;
    text-indent: 20px;
  }
  .contact-card textarea{
    background: #fff;
    border:none;
    border-radius: 25px;
    font-size: .9rem;
    width: 100%;
    height: 127px;
    margin-bottom: 16px;
    text-indent: 20px;
  }
  /* end of css for contact */
  ._qwertybenefits {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .bi-caret-down-fill{
    font-size: 11px !important;
  }
  .read_more{
    color: white;
  }
  ._qwertyhowitworks .rgc-subtext{
    margin-bottom: 0px;
  }
  .rgc-advantage, .rgc_why_outsource, ._qwertyos, ._quertytax{
    padding: 100px 40px !important;
  }
  .rgc-section-title, .rgc-title{
    text-transform: uppercase;
  }
  .rgc-header img, ._qwertydeliver img, ._qwertyservice img{
    width: 70%;
    height: auto;
  }
  ._qwertyservice img{
    width: 64%;
  }
  .rgc-header{
    background: rgb(13 25 54 / 40%);
  }
  .rgb-advantage-text{
    width: 90%;
  }
  ._quertyaaa  .card{
    min-height: 385px;
  }
  ._qwertymgr{
    margin: 100px 0 0 0;
  }
  ._qwertyos{
    padding-bottom: 0 !important;
  }
  ._qwertywidth{
    width: 100%;
  }
  ._qwertywoc{
    width: 95%;
  }
  ._qwertygeneral h1{
    font-size: 52.4px;
  }
  ._qwery_drpbtn{
    min-width: 345px;
    flex: 1 0 21%;
    margin: 10px 0;
  }

  /*accordion*/
  .accordion{
    width: 33% !important;
    min-width: 345px;
    flex: 1 0 21%;
    --bs-accordion-bg: #5C636A;
    --bs-accordion-border-width: 0;
    border: none !important;
    margin: 10px 10px;
    color: red;
    --bs-accordion-btn-focus-border-color: none !important;
    --bs-accordion-btn-focus-box-shadow: none !important;
    --bs-accordion-btn-icon-white: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  }
  .accordion-button::after {
    background-image: var(--bs-accordion-btn-icon-white) !important;
  }
  .accordion li, .accordion ul{
    list-style: none;
    padding-left: 0;
    padding: 10px;
    margin-bottom: 0;
  }
  .accordion li:hover{
    background: #f3f3f3;
  }
  .accordion-button:not(.collapsed){
    background: #0B5ED7;
    color: #fff;
  }
  .accordion-button{
    color: #fff;
  }
  .accordion-body{
    background: #fff;
    padding: 0;
  }
  .accordion ul a{
    text-decoration: none;
  }
  ._qwertybase{
    width: 66.66666667% !important;
  }
  #navbarDropdown:hover + #dropdownservices, #dropdownservices:hover {
    display: block;
  }
  .rgc_sec_general{
    padding: 100px 0;
  }
  .rgc-logo-text{
    color: transparent !important;
  }
  .rgc-socmed-text{
    color: transparent !important;
    display: none;
  }
  .footer-link h1{
    font-size: 1.25rem;
    margin-bottom: 20px;
  }
  .footer-link h2{
    font-size: 20px;
  }
  ._qweryot{
    height: auto;
  }
  ._qwertyservice .graphics{
/*    margin-left: 70px;*/
  }
}


/* default style */
html, body{
  width: 100% !important;
}
body{
  background-color: #040d21;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
#view_OP:hover{
  cursor: pointer;
}
.w-100{
  width: 100%;
}
._qweryot{
  width: 118px;
  border-radius: 100%;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
  border: 4px solid white;
  margin-bottom: 20px
}
._qwertyourteam .card-body{
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  flex:unset;
}
._qwertyourteam .card{
  justify-content: center;
}
._qwertyourteam .card-body p{
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%
}
.position{
  background: linear-gradient(45deg,#606,#ee3524);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
}
._qwertyhowitworks .card, ._qweryots .card{
  margin-bottom: 0px;
  min-height: 400px;
}

nav, .bg-white{
  background-color: white
}
.bg-blur{
  background-color: rgba(0, 0, 0, 0.4);
}
.stick_header{
  -webkit-animation-name: stickyHeaderDown;
  animation-name: stickyHeaderDown;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.top-navigator{
  animation-duration: 2s;
}
/*text style*/
	.txt-white{
		color: white;
	}
	.txt-gray{
		color: #707070;
	}
	.txt-black{
		color: #111111;
	}
  .rgc-color{
    color: #0d6efd;
  }
  .text-align-center {
	  text-align: center;
	}
  /* end text style */

  /* bg-color */
	.rgc-color-gd{
    background: -webkit-linear-gradient(-70deg, #a2facf 0%, #64acff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
	}
	.bg-color {
	  background: #F1F5F8;
	}
  .bg-color-gradient {
	  background: linear-gradient(45deg,#606,#ee3524)!important;
	}
  .bg-dark-blue{
    background: #040d21 !important;
  }
  .gray-bg{
    background-color: #0d6efd;
  }
  /* endof bg-color */


  .context-container{
    height: 405px;
  }
	.check-circle::before{
	  display: flex;
	  content: ' ';
	  margin-right: 10px;
	  background-image: url('../img/check.svg');
	  background-size: 14px 14px;
	  height: 14px;
	  width: 14px;
	}
  .modal-active{
    display: block;
    z-index: 999999;
    overflow: hidden;
  }
  .modal-dialog-bottom{
    display: flex;
    align-items: flex-end;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
    transition: all 0.7s ease;
    transform: translateY(200px);
  }
  .modal, .modal-title, .modal-header{
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
  #confirm{
    width: 60%;
    text-align: center;
  }
  .modal-show{
    transform: translateY(0px);
  }

  /*spacing set*/
	.padding-tb{
		padding: 50px 0;
	}
  .padding-tb-150{
		padding: 150px 0;
	}
  .padding-tb-100{
    padding: 100px 0;
  }
	.padding-tb-90{
		padding: 90px 0;
	}
	.padding-tb-80{
		padding: 80px 0;
	}
	.padding-tb-70{
		padding: 70px 0;
	}
	.padding-tb-60{
		padding: 60px 0;
	}
	.padding-tb-50{
		padding: 50px 0;
	}
	.padding-tb-40{
		padding: 40px 0;
	}
	.padding-tb-30{
		padding: 30px 0;
	}
	.padding-tb-20{
		padding: 20px 0;
	}
	.padding-tb-10{
		padding: 10px 0;
	}
	.padding-10{
		padding: 10px;
	}
	.padding-20{
		padding: 20px;
	}
	.padding-30{
		padding: 30px;
	}
	.padding-40{
		padding: 40px;
	}
	.padding-50{
		padding: 50px;
	}
	.padding-40{
		padding: 40px;
	}
	.padding-30{
		padding: 30px;
	}
	.padding-20{
		padding: 20px;
	}
	.padding-10{
		padding: 10px;
	}
	.padding-top{
		padding-top: 100px;
	}
	.padding-btm{
		padding-bottom: 100px;
	}
  .padding-btm-50{
		padding-bottom: 50px;
	}
  .padding-btm-150{
		padding-bottom: 150px;
	}
	.mrg-top-100{
		margin-top: 100px;
	}
  .mrg-top-50{
		margin-top: 50px;
	}
	.mrg-btm-100{
		margin-bottom: 100px;
	}
	.mrg-btm-90{
		margin-bottom: 90px;
	}
	.mrg-btm-60{
		margin-bottom: 60px;
	}
	.mrg-btm-50{
		margin-bottom: 50px;
	}
	.mrg-btm-40{
		margin-bottom: 40px;
	}
	.mrg-btm-30{
		margin-bottom: 30px;
	}
	.mrg-btm-20{
		margin-bottom: 20px;
	}
	.mrg-top-65{
		margin-top: 65px;
	}
	.mrg-btm-150{
		margin-bottom: 150px;
	}
	.mrg-right-200{
		margin-right: 200px;
	}
	.mrg-lf-10{
		margin: 0 10px;
	}
  .mrg-tb-100{
    margin: 100px 0;
  }
  #rgc-logo:hover, a:hover{
    cursor: pointer;
  }
  .show_service{
    display: block;
  }
  [type=checkbox]{
    display: none !important;
  }
  .bi-chevron-down:before{
    float: right;
    margin-top: 9px;
    font-size: 12px;
  }
  ._qwertydropdown{
    align-items: flex-start;
  }
  .link-header{
    overflow: hidden;
    display: flex;
    align-items: flex-end;
  }
  /* h1{
    margin: 0 0 0 0;
  } */

  #dropdownservices{
    transition: all 0.7s ease;
  }
  #particle-canvas {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    z-index: -1;
  }
  canvas{
    top: 0;
    opacity: .5;
  }
  #particle-canvas div:first-child{
    display: none;
  }
  @property --rotate {
    syntax: "<angle>";
    initial-value: 132deg;
    inherits: false;
  }
  :root {
    --card-height: 65vh;
    --card-width: calc(var(--card-height) / 1.5);
  }
  .maic {
    position: relative;
    cursor: pointer;
    background: #191c29;
  }
  .maic:hover {
    color: rgb(88 199 250 / 100%);
    transition: color 1s;
  }

  .maic::before {
    content: "";
    width: 102%;
    height: 102%;
    background-image: linear-gradient( var(--rotate) , #5ddcff, #3c67e3 43%, #4e00c2);
    position: absolute;
    z-index: -1;
    top: -1%;
    left: -1%;
    animation: spin 2.5s linear infinite;
  }

  .maic::after {
    position: absolute;
    content: "";
    top: calc(var(--card-height) / 6);
    left: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    transform: scale(0.8);
    filter: blur(calc(var(--card-height) / 6));
    background-image: linear-gradient(var(--rotate), #5ddcff, #3c67e3 43%, #4e00c2);
    opacity: 1;
    transition: opacity .5s;
    animation: spin 2.5s linear infinite;
  }

  /* animation */
  .anim {
    -webkit-animation: bottom 0.8s var(--delay) both;
    animation: bottom 0.8s var(--delay) both;
  }
  @-webkit-keyframes bottom {
    0% {
      transform: translateY(100px);
      opacity: 0;
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }
