@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Logo
	3.3 Main Nav
	3.4 Menu
4. contact
	4.1 contact Slider
	4.2 contact Slider Nav
	4.3 contact Slider Dots
13. Footer
	13.1 Footer - About
	13.2 Footer - Blog
	13.3 Footer - Tags
	13.4 Footer - Contact Info
14. Copyright


******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@font-face
{
	font-family: 'Beyond';
	src: url('../fonts/beyond_the_mountains.otf')  format('truetype'),
		 url('../fonts/beyond_the_mountains.ttf')  format('opentype');
}

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
	color: #a5a5a5;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 2;
	font-weight: 400;
	color: #929191;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	
}
p::selection
{
	
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.nopadding
{
	padding: 0px !important;
}
.button
{
	display: inline-block;
	height: 53px;
	border-radius: 27px;
	overflow: hidden;
}
.button_bcg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	background: linear-gradient(to right, #fa9e1b, #8d4fff, #fa9e1b);
	z-index: -1;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.button:hover .button_bcg
{
	left: -100%;
}
.button a
{
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	line-height: 53px;
	padding-left: 46px;
	padding-right: 46px;
	white-space: nowrap;
	z-index: 2;
}
.button span
{
	display: inline-block;
	vertical-align: middle;
	width: 5.75px;
	height: 5.63px;
	background: #FFFFFF;
	border-radius: 50%;
	margin-right: 2px;
}
.button span:first-child
{
	margin-left: 10px;
}
.button span:nth-child(2)
{
	opacity: 0.6;
}
.button span:last-child
{
	opacity: 0.4;
	margin-right: 0px;
}

/*********************************
3. Header
*********************************/

.header
{
	/* position: fixed; */
	width: 100%;
	height: 100px;
	/* background: white; */
	background-image: url(contact.png) ;
	z-index: 12;
}
 /* .header.scrolled
{
	background: rgba(54, 19, 84, 0.85);
}  */





/*********************************
3.2 Logo
*********************************/

.logo_container
{
	-webkit-transform: translateY(-37.5%);
	-moz-transform: translateY(-37.5%);
	-ms-transform: translateY(-37.5%);
	-o-transform: translateY(-37.5%);
	transform: translateY(-37.5%);
	
	
}
.header.scrolled .logo_container
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	
}
.logo a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #f4f4f8;
	font-weight: 800;
	text-transform: uppercase;
	margin-top: 15%;
}
.logo a img
{
	display: inline-block;
	vertical-align: baseline;
	margin-right: 9px;
	-webkit-transform: translateY(12.5%);
	-moz-transform: translateY(12.5%);
	-ms-transform: translateY(12.5%);
	-o-transform: translateY(12.5%);
	transform: translateY(12.5%);
}
/* .logo{
	margin-top: 12%;
} */

/*********************************
3.3 Main Nav
*********************************/

.main_nav_container
{
	margin-right: 100px;
	

}
.main_nav_item
{
	position: relative;
	display: inline-block;
	margin-right: 40px;
	
}
.main_nav_item:last-child
{
	margin-right: 0px;
}
.main_nav_item a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: white;
	
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 10px;
}
.main_nav_item::after
{
	display: block;
	position: absolute;
	left: -1px;
	bottom: -11px;
	width: calc(100% + 2px);
	height: 2px;
	background: linear-gradient(to right, #fa9e1b, #8d4fff);
	content: '';
	opacity: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav_item:hover::after
{
	opacity: 1;
}
.content_search
{
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
	cursor: pointer;
}
.header.scrolled .content_search
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.mag_glass
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.content_search img
{
	width: 17px;
	height: 17px;
}
.content_search:hover .mag_glass
{
	fill: #fa9e1c;
}
.search_form
{
	position: absolute;
	right: 15px;
	top: 120px;
	width: 237px;
	height: 40px;
	visibility: hidden;
	opacity: 0;
}
.search_form.active
{
	top: 105px;
	visibility: visible;
	opacity: 1;
}
.search_content_input
{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	color: #1b0b32;
	padding-left: 20px;
	outline: none !important;
	border: none !important;
	box-shadow: 0px 8px 20px rgba(0,0,0,0.15);
}
.bez_1
{
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}


/*********************************
3.4 Menu
*********************************/

.hamburger
{
	display: none;
	-webkit-transform: translateY(-3px);
	
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
	cursor: pointer;
	margin-left: 210px;
	/* margin-top: 50px; */
}
.header.scrolled .hamburger
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.hamburger i
{
	font-size: 24px;
	color: black;
}
.hamburger:hover i
{
	color: #fa9e1c;
}
.menu
{
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: linear-gradient(to right, #fa9e1b, #8d4fff);
	z-index: 100;
	opacity: 0;
	visibility: hidden;
}
.menu.active
{
	opacity: 0.95;
	visibility: visible;
}
.menu_content
{
	width: 100%;
	height: 100%;
}
.menu_item
{
	position: relative;
	margin-bottom: 3px;
}
.menu_item:last-child
{
	margin-bottom: 0px;
}
.menu_logo
{
	margin-bottom: 28px;
}
.menu_logo a img
{
	width: 40px !important;
}
.menu_item a
{
	display: inline-block;
	position: relative;
	font-family: 'Beyond';
	font-size: 36px;
	color: #FFFFFF;
	font-weight: 400;
}
.menu_item a::after
{
	display: block;
	position: absolute;
	top: 60%;
	left: 0;
	width: 0;
	height: 4px;
	background: #FFFFFF;
	letter-spacing: 2px;
	content: '';
	z-index: 10;
	pointer-events: none;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 400ms ease;
}
.menu_item:hover a::after
{
	width: 100%;
}
.menu_close_container
{
	position: absolute;
	top: 94px;
	right: 122px;
	width: 21px;
	height: 21px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu_close
{
	top: 9px;
	width: 21px;
	height: 3px;
	background: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close::after
{
	display: block;
	position: absolute;
	top: -9px;
	left: 9px;
	content: '';
	width: 3px;
	height: 21px;
	background: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close_container:hover .menu_close,
.menu_close_container:hover .menu_close::after
{
	background: #fa9e1c;
}

/*********************************
4. contact
*********************************/

.contact
{
	width: 100%;
	height: 100vh;
	
}


/*********************************
4.1 contact Slider
*********************************/


.contact_slider_background
{
	flex: auto;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 570px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	background-color: #4e3d58;
	 /* opacity:0.5;  */
}
.contact_slider_content
{
	position: absolute;
	top: 50%;
	left: 30%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 11;
}
.contact_slider_content h1
{
	position: absolute; 
	margin-left: 500px;
	margin-top: -25px;
}
.contact_slider_content h1:first-child
{
	font-family: 'Poppins';
	font-size: 100px;
	font-weight: 600;
	color: #FFFFFF;
	/* font-style: italic; */
	position: absolute; 
	margin-left: 200px;
	margin-top: -200px;
	
	
	
	/* height="350px */
}
.contact_slider_content h2:first-child
{
	font-family: 'Publica Sans';
	font-size: 60px;
	font-weight: 600;
	color: #FFFFFF;
	/* font-style: italic; */
	
	
}

.contact_slider_content h1 span:first-child
{
	font-family: 'Poppins';
	font-size: 100px;
	font-weight: 600;
	color:orangered;
	/* font-style: italic; */
	position: absolute; 
	margin-left: 0px;
	margin-top: 300px;
}
	

.contact_slider_content h1:nth-child(2)
{
	
	font-family: 'Poppins';
	font-weight: 600;

	font-size: 110px;
	color: #FFFFFF;
	margin-top: -34px;
}
.contact_slider_button
{
	margin-top: 70px;
}
.flipInX
{
	animation-delay: 600ms;
}

.contact_slider_content_inner  {
	margin-left: 650px;
	margin-top: -40px;
	margin-bottom: 10px;
	line-height: 0; /* Adjust line height */
}

.contact_slider_content_inner  h2 {
	font-family: 'avalon';
	margin-top: 10px;
	font-size: 312.5%;
	font-weight: 600;
	color: white;
	line-height: 0.5; /* Adjust line height */
	
}

.contact_slider_content_inner  h1 {
	font-family: 'avalon';
	margin-top: 0%;
	font-size: 625%;
	font-weight: 600;
	color: white;
	line-height: 0.5; /* Adjust line height */
}
.contact_slider_content_inner span {
    font-family: 'avalon';
    font-size: 130%;
    font-weight: 600;
    color: #E33924;
    position: absolute;
    line-height: 1; /* Adjust line height */
}

/* Responsive styles */
@media screen and (max-width: 768px) {
    .contact_slider_content_inner span {
        font-size: 110%; /* Adjust font size for smaller screens */
    }
}

@media screen and (max-width: 576px) {
    .contact_slider_content_inner span {
        font-size: 100%; /* Adjust font size for even smaller screens */
    }
}


.contact_card {
    position: relative; /* Ensure the card is a positioned parent for the SVG */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 200px;
    height: 600px;
	background-color: #9068cf;
    /* background-color: #030F7D; */
    padding: 30px;
    padding-left: 40px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    border-radius: 15px;
}

    
        .contact-info {
            color: #FFFFFF;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          margin-top: 20px;
        }
    
        .contact-info p {
          color: #FFFFFF;
          margin-bottom: 5px;
          font-size: 15px;
        }
         
        
        .contact-info h1 {
          color: #FFFFFF;
          margin-bottom: 5px;
          font-size: 30px;
        }

        .socialmedia {
            padding-top: 70px;
            padding-bottom: 10px;
        }

        .container2 {
			position: relative;
			width: 100%;
        display: flex;
        justify-content: space-between; /* Align items in one line */
        padding-left: 30px;
        margin-top: -7%;
       
        
    }

    .contact_card,
    .form-container {
        width: calc(40% - 20px); /* Adjust width to fit in one line with spacing */
		height: auto;
    }

    
.svg-bottom-right {
    width: 100px; /* Adjust width of SVG */
    height: 120px; /* Adjust height of SVG */
}

.input-row {
    display: flex;
    margin-bottom: 5px; /* Add space between rows */
}

.input-column {
    flex: 1; /* Each column takes up equal space */
    margin-right: 40px; /* Adjust spacing between columns */
}

.contact_form-container {
	display: flex;
    margin: 1%;
    width: 60%;
    margin-left: 50px;
    color: black;
}

.contact_form-container form {
    padding: 50px;
    font-weight: bold;
   
    
    
}

.contact_form-container form label {
    display: block;
    margin-bottom: 5px;
}

.contact_form-container form .text-input {
    width: 100%;
    padding: 0px 0; /* Adjust padding for better appearance */
    border: none;
    border-bottom: 1px solid #ccc; /* Add underline effect */
    margin-bottom: 10px;
    outline: none; /* Remove default outline */
}

.contact_form-container form input[type="submit"] {
	background: linear-gradient(to right, rgba(79, 87, 255, 1) 1%, rgba(125, 63, 216, 1) 50%, rgba(170, 39, 177, 1) 100%);
    /* background-color: #E33924; */
    color: #fff;
    padding: 10px 20px;
    width: 200px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    margin-left: 400px; /* Adjust button margin */
}

.contact_form-container form input[type="submit"]:hover {
    background-color: #0056b3;
}

.radio-container {
    display: flex;
    font-size: 11px;
}

.radio-container label {
    margin-right: 20px; /* Adjust spacing between radio buttons */
}



/*********************************
13. Footer
*********************************/

.footer
{
	width: 100%;
	padding-top: 50px;
	padding-bottom: 10px;
	background: #C8C7DE;
	margin-top: 100px;

}
.footer_title
{
	font-size: 15px;
	font-weight: 700;
	color: black;
	text-transform: uppercase;
	text-decoration: underline;

}
.footer_title_3
{
	font-size: 15px;
	font-weight: 700;
	color: navy;
	text-transform: uppercase;
	
}

/*********************************
13.1 Footer - About
*********************************/

.footer_about
{
	
	padding-top: 67px;
}
.footer_logo
{
	
	position: absolute;
	left: 0;
	top: 24px;
}
.footer_logo img {
    filter: drop-shadow(5px 7px 5px rgb(158, 158, 158));
}
.footer_about_text
{
	
	font-size: 14px;
	font-weight: 600;
	color: black;
}
.footer_social_item
{
	
	display: inline-block;
	width: 31px;
	height: 31px;
	
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	margin-right: 9px;
}
.footer_social_item:last-child
{
	
	margin-right: 0px;
}
.footer_social_item a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.footer_social_item a i
{
	display: block;
	position: relative;
	color: rgb(68, 7, 124);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
/* .footer_social_item:hover
{
	background: #007bff;
} */
.footer_social_item:hover a i
{
	color: #31124b;
}

/*********************************
13.2 Footer - Blog
*********************************/

.footer_blog
{
	margin-top: 39px;
}
.footer_blog_item
{
	margin-bottom: 21px;
}
.footer_blog_item:last-child
{
	margin-bottom: 0px;
}
.footer_blog_image
{
	width: 60px;
	height: 60px;
	float: left;
}
.footer_blog_image img
{
	width: 100%;
}
.footer_blog_content
{
	padding-left: 81px;
}
.footer_blog_title
{
	margin-top: -4px;
	padding-left: 1px;
}
.footer_blog_title a
{
	font-size: 14px;
	font-weight: 400;
	color: black;
}
.footer_blog_title a:hover
{
	color: #fa9e1b;
}
.footer_blog_date
{
	font-size: 12px;
	font-weight: 400;
	color: #fa9e1b;
	margin-top: 7px;
}

/*********************************
13.3 Footer - Tags
*********************************/

.footer_tags
{
	margin-top: 40px;
}
.tag_item
{
	height: 35px;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	border: solid 1px #0056b3;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.tag_item:hover
{
	background: #0056b3;
}
.tag_item a
{
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: black;
	line-height: 33px;
	padding-left: 25px;
	padding-right: 25px;
}

/*********************************
13.4 Footer - Contact Info
*********************************/

.contact_info_list
{
	margin-top: 40px;
}
.contact_info_item
{
	margin-bottom: 22px;
}
.contact_info_icon
{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.contact_info_icon img
{
	display: block;
	width: 100%;
}
.contact_info_text,
.contact_info_text a
{
	color: black;
	line-height: 2.14;
	margin-top: -4px;
}
.contact_info_item:hover .contact_info_text,
.contact_info_item:hover .contact_info_text a
{
	color: #0056b3;
}
.footer_contact p{

	color: #1b0b32;
	width: 300px;

}

.footer_contact form{
	width: 400px;
}


.footer_contact form input[type="mail"] {
    height: 40px; 
    padding: 10px;
    border: 1px solid #ccc; 
    border-radius: 5px;
    font-size: 16px;
    outline: none; 
	width: 200px;
}


.footer_contact form button {
    height: 40px; 
    padding: 5px 10px; 
    border: none; 
    border-radius: 5px; 
    background-color: darkblue; 
    color: #fff; 
    font-size: 16px; 
    cursor: pointer; 
    outline: none;
	width: auto;
}


.footer_contact form button:hover {
    background-color: #0056b3; 
}

.Copyright{
	color: #0056b3;

}
/************************************
New Style
*************************************/

.right-nav{

	height: 130px;
	width: 200px;
	/* background-color : #E33924; */
	border-radius: 10px;
	/* position: absolute; */
	right: 0px;

}

.right-logo p{
	/* margin-top: 10px; */
	color: white;
	font-weight: bold;
	margin-top: 20px;
}

/* mobile responsive  */
@media (max-width: 545px){
.container2{

	flex-direction: column;

}
}
@media (max-width: 545px){
	.contact_card, .form-container{
    width: 320px;
	margin-left: 3%;
}

.socialmedia {
	padding-top: 10%;
}

.contact_form-container form{
	margin-top: 5%;
	width: 320px;
	margin-left: -35%;
	/* background-color: #929191; */
	border-radius: 15px;
	
}
.footer{

	margin-top: 30px;
}
.footer_contact form button {

	width: 80px;
	font-size: 15px;
	padding-left: 5px;
	padding-top: 7px;
}

 .contact_slider_container {
    position: absolute;
            z-index: 1;
            left: 80px;
            bottom: 0;
} 

}

@media (max-width: 545px) {
    .contact_slider_content {
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }

    .contact_slider_content h1 {
        font-size: 30px;
        margin-top: 10px;
    }

    .contact_slider_content h2 {
        font-size: 20px;
        margin-top: 5px;
    }

    .contact_slider_content h1 span {
        font-size: 30px;
        margin-top: 20px;
    }

	.input-row{

		display: block;
		margin-top: -20px;

	}
	.contact_form-container form .text-input {
      width: 130%;
	}

	.contact_card {

		margin-top: -60%;
	}

	.contact_slider_background{
        /* background-size: cover; */
        background-repeat: no-repeat;
        background-position: center;
		width: fit-content;
	}
	.contact_slider_content_inner{

		  margin-left: -350px; 
		  margin-top: 40px;
		  font-size: 5px
	}
	.contact_slider_content_inner span{

		font-size: 35px;
		 margin-right: 430px;  
	}
	}

	.contact_slider_content_inner {
		text-align: center;
	}

	.heading {
		display: inline-block;
		font-size: 60px;
	}

	@media (max-width: 768px) {
		.heading {
			font-size: 40px;
		}
	}

	@media (max-width: 576px) {
		.heading {
			font-size: 30px;
		}
	}