* {
   margin: 0rem;
   padding: 0rem;
}

body {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   color: #5d5d5d;
   font-size: 0.875rem;
   font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'Roboto', sans-serif;
   margin: 0;
   padding: 0;
   color: #404040;
   font-weight: 700;
}

p {
   color: #5d5d5d;
}

ul,
p {
   margin: 0rem;
   padding: 0rem;
   font-weight: 500;
}

img {
   max-width: 100%;
   height: auto;
}

.margin_padding_0 {
   margin: 0rem;
   padding: 0rem;
}


input:focus,
button:focus,
textarea:focus {
   outline: none;
}

::-webkit-input-placeholder {
   color: #8e8e8e;
   font-weight: 500;
}

:-moz-placeholder {
   color: #8e8e8e;
   font-weight: 500;
}

::-moz-placeholder {
   color: #8e8e8e;
   font-weight: 500;
}

:-ms-input-placeholder {
   color: #8e8e8e;
   font-weight: 500;
}

::-ms-input-placeholder {
   color: #8e8e8e;
   font-weight: 500;
}

::placeholder {
   color: #8e8e8e;
   font-weight: 500;
}

a:hover,
a:focus {
   text-decoration: none;
}

/**************************************  
   Header Section Start
***************************************/
.custom_width {
   max-width: 123.125rem;
   margin: 0 auto;
   overflow: hidden;
}

.form_custom_width {
   max-width: 123.125rem;
   margin: 0 auto;
}

/* Menu Area Start */
.menu nav.navbar {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.menu_img img {
   width: 85%;
}

.padding_0 {
   padding: 0rem;
}

.header_menu {
   position: fixed;
   top: 5rem;
   z-index: 2;
   width: 100%;
   padding-right: 6.25rem;
   padding-left: 1.875rem;
   background: transparent;
   -webkit-transition: .5s;
   -o-transition: .5s;
   -moz-transition: .5s;
   transition: .5s;
}

.header_menu.scrolled {
   background: #222;
   top: 0rem;
}

.menu ul li {
   list-style: none;
   display: inline-block;
}


.navbar-light .menu_nav .navbar-nav .nav-link {
   color: rgb(255, 255, 255);
   font-size: 1.25rem;
   padding: 0.625rem 1.25rem;
}

.navbar-light .menu_nav .navbar-nav .nav-link span {
   color: #a8a8a8;
}

.menu_dropdown .dropdown-menu.show {
   top: 100%;
   left: -91%;
   -webkit-border-radius: 0rem;
   -moz-border-radius: 0rem;
   border-radius: 0rem;
   border: none;
   -webkit-box-shadow: 0rem 0.0625rem 0.625rem 0.1875rem rgba(51, 0, 72, 1);
   -moz-box-shadow: 0rem 0.0625rem 0.625rem 0.1875rem rgba(51, 0, 72, 1);
   box-shadow: 0rem 0.0625rem 0.625rem 0.1875rem rgba(51, 0, 72, 1);
   background: #2D083A;
   padding: 0rem;
   width: 12.1875rem;
}

.menu_dropdown .dropdown-item:focus,
.menu_dropdown .dropdown-item:hover {
   background-color: rgba(110, 48, 136, 0.6);
}

li.nav-item.dropdown.menu_dropdown.show a.dropdown-item {
   color: #ffffff;
   font-weight: 500;
}

.menu .navbar-light .navbar-toggler {
   color: #a8a8a8;
   -webkit-border-radius: 0rem;
   -moz-border-radius: 0rem;
   border-radius: 0rem;
   border-color: #a8a8a8;
   border: none;
}

/* Menu Area End */

/* Header Body Start */
.header_bg {
   background-image: url(../images/header_bg.jpg);
   background-position: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   position: relative;
   z-index: 1;
   overflow: hidden;
   background-color: #330048;
}

.header_bg:after {
   position: absolute;
   content: '';
   background-color: #330048;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   opacity: .7;
}

.header_body_text {
   padding-top: 21.875rem;
   padding-bottom: 31.25rem;
}

.header_body_text h1 {
   color: #fff;
   text-transform: uppercase;
   font-size: 4.375rem;
}

.header_body_text h1 span {
   color: #ed322d;
}

.header_body_text p {
   color: #a8a8a8;
   font-size: 1.25rem;
   margin-top: 1.875rem;
   width: 30rem;
   margin-left: auto;
   margin-right: auto;
}

a.scroll_btn {
   position: absolute;
   top: 83%;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);
}

a.scroll_btn span {
   display: block;
   font-size: 0.9375rem;
   color: #a8a8a8;
   text-transform: uppercase;
   letter-spacing: 0.1rem;
   margin-top: 1rem;
}

/* Header Body End */

/* Header Traingle Start */
.header_triangle img {
   width: 40.3125rem;
}

.header_triangle img:nth-child(1) {
   position: absolute;
   top: -5%;
   left: -15%;
   z-index: -2;
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
}

.header_triangle img:nth-child(2) {
   position: absolute;
   top: 11%;
   left: 50%;
   z-index: -2;
   -ms-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);
}

.header_triangle img:nth-child(3) {
   position: absolute;
   top: 73%;
   right: -9%;
   z-index: -2;
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
}

/* Header Traingle End */

/**************************************  
   Header Section End
***************************************/

/**************************************  
      Quisque / About Start
***************************************/
.container-fluid.container_padding {
   padding-left: 0rem;
   overflow: hidden;
}

.quisque_bg {
   background-image: url(../images/Quisque_bg.jpg);
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   background-color: #F8F8F8;
   height: 39rem;
   position: relative;
   width: 61.5625rem;
}

.quisque_right h2 {
   font-size: 4.5rem;
   text-transform: uppercase;
   color: #404040;
   padding-bottom: 1.25rem;
}

span.mountain_top {
   position: absolute;
   top: 23%;
   left: 29%;
   font-size: 0.9375rem;
   width: 2.375rem;
   height: 2.375rem;
   border: 0.125rem solid #ed322d;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   justify-content: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   align-items: center;
   color: #ed322d;
}

span.mountain_top:after {
   content: '';
   position: absolute;
   background: #e2e2e2;
   width: 4.9375rem;
   height: 0.125rem;
   left: 72%;
}

.quisque_right h2 span {
   color: #ed322d;
}

.quisque_right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   align-items: center;
   background-color: #F8F8F8;
   padding-left: 2.8125rem;
   height: 39rem;
   position: relative;
}

.border_bar {
   position: relative;
}

span.bordr_bottom {
   width: 2.1875rem;
   height: 0.125rem;
   display: block;
   background: #d3d3d3;
   position: absolute;
   top: 50%;
   left: 0%;
}

.quisque_border {
   background: #eeeeee;
   width: 100%;
   height: 0.125rem;
   margin-bottom: 1.875rem;
}

.quisque_right p {
   padding: 2.1875rem 0rem;
   color: #5d5d5d;
   font-weight: 400;
   font-size: 1.0625rem;
}

.quisque_video_text p {
   padding: 0rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   align-items: center;
   height: 5.5rem;
}

.quisque_video_thumbnail:after {
   position: absolute;
   content: '';
   background: #000;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   opacity: .5;
}

.quisque_video_thumbnail {
   position: relative;
}

.quisque_video_thumbnail button {
   position: absolute;
   left: 50%;
   top: 24%;
   color: #fff;
   z-index: 1;
   font-size: 2.375rem;
   line-height: 1.875rem;
   cursor: pointer;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);
}

.quisque_video_thumbnail button:hover {
   color: #330048;
}

.quisque_video_thumbnail img {
   width: 100%;
}

.quisque_bg_table h4 {
   color: #383838;
   font-size: 1.25rem;
}

.quisque_bg_table {
   position: absolute;
   left: 40%;
   top: 24%;
   width: 18.625rem;
   padding-right: 0.625rem;
}

.quisque_bg_table p {
   color: #7e7e7e;
}

/* Video Palyer CSS Start */
.modal-dialog {
   max-width: 50rem;
   margin: 1.875rem auto;
}

.modal-body {
   position: relative;
   padding: 0rem;
}

.close {
   position: absolute;
   right: -1.875rem;
   top: 0;
   z-index: 999;
   font-size: 2rem;
   font-weight: normal;
   color: #fff;
   opacity: 1;
}

/* Video Palyer CSS End */

/**************************************  
      Quisque / About End
***************************************/


/**************************************  
      Our Process Section Start
***************************************/
.section_padding {
   padding: 8.4375rem 0rem;
   background-position: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   background-repeat: no-repeat;
}

.process_top h2 {
   font-size: 4.5rem;
   text-transform: uppercase;
   margin-bottom: 1.125rem;
}

.our_process_border span.bordr_bottom {
   text-align: center;
   position: unset;
   margin: 0 auto;
}

.process_top p {
   font-size: 1.5rem;
   font-weight: 300;
   margin-top: 1.875rem;
   margin-bottom: 0rem;
}

.process_img {
   display: -ms-flexbox;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   position: relative;
   height: 25.25rem;
   margin-top: 3.75rem;
   margin-bottom: 3.75rem;
   -ms-flex-align: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   align-items: center;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   justify-content: center;
}

.process_bg_1 {
   background: #ef666d;
   opacity: .9;
   width: 12.1875rem;
   height: 12.1875rem;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   display: -ms-flexbox;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   align-items: center;
   position: absolute;
   left: 5%;
   z-index: 1;
}

.process_bg_2 {
   background: #3dbbaf;
   opacity: .7;
   width: 21.25rem;
   height: 21.25rem;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   display: -ms-flexbox;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   align-items: center;
   position: absolute;
   left: 21%;
}

.process_bg_3 {
   background: #5dd0eb;
   opacity: .9;
   width: 25.25rem;
   height: 25.25rem;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   display: -ms-flexbox;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   align-items: center;
   position: absolute;
   left: 50%;
   z-index: -1;
}

.process_bg_4 {
   background: #f5c92e;
   opacity: .9;
   width: 11.875rem;
   height: 11.875rem;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   display: -ms-flexbox;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   align-items: center;
   position: absolute;
   left: 83%;
   z-index: -2;
}

.process_img h3 {
   color: #fff;
   font-size: 1.5rem;
   text-transform: uppercase;
   font-weight: 400;
}

.process_desc h3 {
   font-size: 0.9375rem;
   color: #5d5d5d;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 1.25rem;
}

.process_desc p {
   font-size: 0.9375rem;
   font-weight: 400;
   line-height: 1.7;
}

/**************************************  
      Our Process Section End
***************************************/


/**************************************  
      Services & Terms Section Start
***************************************/
.service_bg {
   background-image: url(../images/service_bg.jpg);
   position: relative;
   z-index: 1;
   background-color: #2D083A;
   overflow: hidden;
}

.service_bg:after {
   position: absolute;
   content: '';
   background-color: #000;
   width: 100%;
   height: 100%;
   top: 0%;
   left: 0%;
   z-index: -2;
   opacity: .8;
}

.height_85 {
   margin-top: 5.3125rem;
}

.service_top h2,
.service_top p {
   color: #fff;
}

.service_top h2 span {
   color: #ed322d;
}

/* .row.service_content_height {
   height: 175px;
   background: #7A225D;
} */

.service_triangle img {
   position: absolute;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);
   top: -6%;
   z-index: -1;
}

.service_arrow_1 {
   background: #802C64;
   height: 10.9375rem;
}

.service_arrow_2 {
   background: #500C50;
}

.service_arrow_3 {
   background: #3A0C3A;
}

.service_arrow_1 i {
   font-size: 3.125rem;
   color: #953d78;
}

.service_arrow_2 i {
   color: #682852;
}

.service_arrow_3 i {
   color: #601848;
}

.service_text_1 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   align-items: center;
   height: 10.9375rem;
   background: #7A225D;
   padding: 0rem 3.125rem;
}

.service_text_2 {
   background: #480048;
}

.service_text_3 {
   background: #300030;
}

.service_text_1 h3 {
   font-size: 1.5625rem;
   color: #eaafd6;
   font-weight: 500;
   margin-bottom: 0.3125rem;
}

.service_text_1 p {
   color: #c39fb7;
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.6;
}

/**************************************  
      Services & Terms Section End
***************************************/


/**************************************  
      Contact Form Section Start
***************************************/
.contact_form_bg {
   background-image: url(../images/footer.png);
   z-index: 1;
   position: relative;
   padding-bottom: 0rem;
}

.form_icon img {
   position: absolute;
   top: -8%;
   left: 50%;
   -ms-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);
   z-index: 1;
   width: 11.25rem;
}

.contact_top h2 span {
   color: #ededed;
}

.contact_top p {
   color: #000;
}

.height_60 {
   margin-top: 3.75rem;
}

.form_box {
   max-width: 58.75rem;
   margin: 0 auto;
   height: 39.375rem;
   background-color: #fff;
   border-bottom: 0.125rem solid #f4f4f4;
}

form {
   padding: 5.9375rem 14.375rem;
}

form input,
form textarea {
   width: 100%;
   padding: 1.25rem;
   margin: 0.375rem;
   border: none;
   border-bottom: 0.125rem solid #f8f8f8;
   -webkit-transition: .2s;
   -o-transition: .2s;
   -moz-transition: .2s;
   transition: .2s;
}

textarea#textarea {
   margin-bottom: 0rem;
}

form input:focus,
form textarea:focus {
   border-bottom: 0.125rem solid #ED322D;
}

.form_box input[type="submit"] {
   color: #3c3c3c;
   width: 14.6875rem;
   font-size: 1.0625rem;
   text-transform: uppercase;
   font-weight: 500;
   border: 0.125rem solid #afafaf;
   -webkit-transition: .2s;
   -o-transition: .2s;
   -moz-transition: .2s;
   transition: .2s;
   margin-top: 4.375rem;
}

.form_box input[type="submit"]:hover {
   border: 0.125rem solid #ED322D;
}

/**************************************  
      Contact Form Section End
***************************************/


/**************************************  
     Footer Section Start
***************************************/
.footer {
   padding: 4.375rem 0rem;
   background-color: #fff;
}

.footer_content_width {
   max-width: 19.0625rem;
   margin: 0 auto;
}

.social_icons {
   margin-bottom: 3.75rem;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -webkit-box;
   display: -moz-box;
   display: flex;
   -webkit-justify-content: space-around;
   -ms-flex-pack: distribute;
   justify-content: space-around;
}

.social_icons a {
   font-size: 1.25rem;
   color: #e3e3e3;
   width: 3.125rem;
   height: 3.125rem;
   border: 0.125rem solid #e3e3e3;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: -moz-box;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   -moz-box-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -moz-box-align: center;
   align-items: center;
   -webkit-transition: .2s;
   -moz-transition: .2s;
   -o-transition: .2s;
   transition: .2s;
}

.social_icons a:hover {
   background: #333;
   border-color: #333;
}

.address p,
.address p a {
   font-size: 0.9375rem;
   color: #969696;
   line-height: 2.5rem;
   font-weight: 400;
}

.design_by p a {
   color: #db2e2e;
}

.design_by p {
   font-size: 1.0625rem;
   color: #a4a4a4;
   font-weight: 400;
   margin-top: 2.8125rem;
}

.top_bottom_button {
   position: fixed;
   right: 2%;
   bottom: 19%;
   width: 3.4375rem;
   height: 3.4375rem;
   background: #330048;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   z-index: 11;
   font-size: 1.25rem;
   border: none;
   color: #fff;
   -webkit-transition: .2s;
   -moz-transition: .2s;
   -o-transition: .2s;
   transition: .2s;
   opacity: 0;
}

.top_bottom_button:hover {
   background-color: #431257;
}

/**************************************  
     Footer Section End
***************************************/