/*
Theme Name: Cryptical Child
Author: 
Description: Your description goes here
Version: 1.0
Template: cryptical

This is the child theme for Cryptical theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


/* Common CSs Start */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.py-100 {
    padding: 70px 0!important;
}
.py-70 {
    padding: 70px 0!important;
}
.py-50 {
    padding: 50px 0!important;
}
.py-40 {
    padding: 40px 0!important;
}
.py-20 {
    padding: 40px 0!important;
}
.common-col h2.elementor-heading-title {
    font-size: 40px !important;
    font-weight: 700 !important;
    text-transform: capitalize;
    line-height: 55px;
    font-family: 'Red Hat Display', sans-serif !important;
}

.common-col h4.elementor-heading-title {
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
    font-family: 'Poppins';
}

.common-col p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400 !important;
    font-family: 'Poppins' !important;
}

.btn-primary .elementor-button::Before, .btn-secondary .elementor-button::before {border-radius: 0;content: '';height: 100%;width: 0;background: #354252;position: absolute;right: 0;left: 0;bottom: 0;top: 0;transition: 0.3s;z-index: -1;}

.btn-primary .elementor-button:hover::Before, .btn-secondary .elementor-button:hover::before {
    width: 100%;
    transition: 0.5s;
}

.btn-primary .elementor-button::Before {
    background: #fff !important;
}
.btn-secondary .elementor-button:hover {color: #fff !important;}
.btn-primary .elementor-button ,.btn-secondary .elementor-button{
 padding: 19px 43px;
 font-size: 14px !important;
 border: 1px solid #fff;
 text-transform: capitalize;
 position: relative;
 font-family: 'Poppins' !important;
 z-index: 99;
 overflow: hidden;
 font-weight: 500 !IMPORTANT;
 line-height: 9px !important;
 display: flex;
 border-radius: 26px;
}

body .btn-primary .elementor-button{
	   background: var(--e-global-color-primary);
	   color: #fff;
	   border-color: #354252 !important;
	text-decoration: none !important;
}
.btn-secondary .elementor-button{
	background: #0000 !important;
	color: #000000 !important;
	border: 1px solid #1c47fe00;
}

.btn-primary , .btn-secondary {
    display: inline-block;
    width: auto !important;
}
body .btn-primary .elementor-button:hover {
    color: #354252;
}
.btn-secondary {
    margin-left: 20px !important;
}
.btn-wrapper {
    margin-top: 25px;
}
.btn-wrapper .elementor-widget-wrap {
    padding: 0 !important;
}
.btn-primary.elementor-widget:not(:last-child),.btn-secondary.elementor-widget:not(:last-child) {
    margin-bottom: 0;
}


h1,h2,h3,h4{
	 font-family: "Bebas Neue", sans-serif !important;
}
body,p,li,a,span,h5,h6{
	font-family: 'Poppins', sans-serif !important;
}

span.high-light {
    color: #57d5fd;
    font-weight: inherit !important;
    position: relative;
}
#header-area .elementor-widget-nav-menu .elementor-nav-menu .elementor-item {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
}

/* Common CSs End */

.hero-area.has-vivid-red-background-color.has-background {
    background: url(https://cwsdemowebsites.com/msp-wp/wp-content/uploads/2025/03/Group-1321320345.png);
    height: 100vh;
    background-size: cover;
}

.hero-area {
   background: url(https://cwsdemowebsites.com/msp-wp/wp-content/uploads/2025/03/Group-1321320345.png);    
	padding: 80px 0;
    height: 100vh;
}

body.page-template-default.page.page-id-51.logged-in.admin-bar.wp-custom-logo.customize-support {
    overflow-x: hidden !important;
}

.alignwide {
    margin: 0;
}

.wp-block-group__inner-container {
    max-width: 1300px;
    margin: 0 auto;
}


h1.entry-title {
    display: none;
}
.most-sec{
	padding: 80px 80px;
}


.most-sec .most-col {
    padding: 18px 15px !important;
    border-radius: 10px;
	
}

.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
    width: 40%;
    padding: 10px 20px;
	text-decoration: none !important;
}

.hero-area p {
    width: 67%;
}


.image-sec {    
	padding: 80px 80px;
    
}


header#site-header img {
    width: 52%;
}

.site-header .site-navigation {
    display: flex;
    justify-content: center !important;
}




.footer-area{
	padding: 80px 80px;
    
}
.hero-inner {
    background: url(https://cwsdemowebsites.com/msp-wp/wp-content/uploads/2025/03/Rectangle-1.png);
    padding: 200px 0;
    display: flex;
    align-items: center;
}


.hero-area {
    background: url(https://cwsdemowebsites.com/msp-wp/wp-content/uploads/2025/04/Rectangle-199999999.png);
    padding: 80px 0;
    height: 100vh;
    display: flex;
    align-items: center;
}

header#site-header {
    position: absolute;
    width: 100% !important;
    left: 0;
    right: 0;
    max-width: 1300px;
}
.site-navigation ul.menu li a {
    color: #fff !important;
	
}
.btn-secondary {
    position: absolute;
    left: 173px;
    width: 50% !important;
    bottom: 41px;
}
.wp-block-button.has-custom-width.wp-block-button__width-50.btn-secondary {
    position: relative;
}
body {
    background: url(https://cwsdemowebsites.com/msp-wp/wp-content/uploads/2025/03/MSP-scaled.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	overflow-x: hidden !important;
}
p.has-white-color.has-text-color.has-link-color.wp-elements-57c9f78fc62ae4b97f295fdec8b1bdee {
    width: 67%;
}
.wp-block-group.alignwide.footer-area.has-white-color.has-text-color.has-link-color.wp-elements-ab5c93d04d029cbd8125948c34aaa59f.is-vertical.is-content-justification-stretch.is-layout-flex.wp-container-core-group-is-layout-47eb2bc5.wp-block-group-is-layout-flex {
    border-top: 1px solid #ffffff42;
}
.most-sec .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
    margin-top: 35px;
}
.most-sec span {
    font-size: 16px;
    line-height: 20px;
}

.most-sec br {
    display: none !important;
}
.page-id-211 .wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
    width: 100%;
    padding: 10px 20px;
}
.page-id-211 .wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
    margin-top: 22px;
}
.page-id-148 .wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
    width: 100%;
    padding: 10px 20px;
}
label.wpforms-field-label {
    display: none !important;
}

.wpforms-container .wpforms-field {
    width: 1202px !important;
}

textarea#wpforms-192-field_11 {
    width: 60% !important;
}
.most-sec .most-col.most-margin a {
    margin-top: 85px;
}
.wpforms-form {
  max-width: 600px;
  margin: 0 auto;
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* Style input fields */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form input[type="url"],
.wpforms-form textarea,
.wpforms-form select {
  width: 100%;
  padding: 12px 15px;;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
}/* Style the submit button */
.wpforms-form button[type="submit"] {
  background-color: #d63637 !important;
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.wpforms-form button[type="submit"]:hover {
  background-color: #005f8d;
}
/* Change input field background color and text color */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form input[type="url"],
.wpforms-form textarea,
.wpforms-form select {
  background-color: #222 !important; /* Change this to your desired background color */
  color: #fff !important; /* Change this to your desired text color */
  border: 1px solid #444; /* Optional: Change border color */
}

/* Placeholder text color */
.wpforms-form input::placeholder,
.wpforms-form textarea::placeholder {
  color: #ccc !important; /* Change placeholder text color */
}

/* Change input focus styles */
.wpforms-form input:focus,
.wpforms-form textarea:focus {
  background-color: #333 !important; /* Change background on focus */
  color: #fff !important;
  border-color: #0073aa; /* Highlight border on focus */
}

.wpforms-form input#wpforms-192-field_8 {
    background: #222222;
}
footer#site-footer {
    display: none;
}

.footer-area ul.wp-block-list {
    list-style: none;
    text-decoration: none !important;!i;!;
    margin-left: -40px;
}

.footer-area p {
    width: 70%;
}

.footer-area a {
    text-decoration: none !important;!i;!;
}





.site-navigation ul.menu li ul {
    background: #000 !important;
}





@media only screen and (max-width: 767px){
	
	.alignwide {
    margin: 0 !important;
}

	.btn-secondary {
    position: static;
}



.hero-area.has-black-background-color.has-background {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

p.has-text-align-left.has-white-color.has-text-color.has-link-color.wp-elements-092907192a4c59f5151bdbc435163ccd {
    width: 100%;
    text-align: center;
}
.wp-block-buttons.is-horizontal.is-nowrap.is-layout-flex.wp-container-core-buttons-is-layout-41b81202.wp-block-buttons-is-layout-flex {
    width: 100% !important;
}

h4.wp-block-heading.has-text-align-left.has-white-color.has-text-color.has-link-color.wp-elements-49baa32de17db58e0cff4e1a1fd92b2f {
    text-align: center;
}

h1.wp-block-heading.has-text-align-left.has-white-color.has-text-color.has-link-color.wp-elements-0b3ef5583440e36cb26d2bfabab9199f {
    text-align: center;
}

.wp-block-button.has-custom-width.wp-block-button__width-50.btn-secondary {
    width: 50% !important;
    margin: 0px !important;
    margin-top: 10px !important;
    display: flex;
    justify-content: center !important;
}

.wp-block-buttons.is-horizontal.is-nowrap.is-layout-flex.wp-container-core-buttons-is-layout-41b81202.wp-block-buttons-is-layout-flex {
    justify-content: center !important;
}
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
    width: 100%;
    padding: 10px 20px;
}

body .is-layout-flex {
    display: flex;
    justify-content: center !important;
}
	.most-sec {
    padding: 30px 10px;
}
.image-sec {
    padding: 30px 10px;
}
	h2 {
    text-align: center !important;
}

.most-sec .most-col p {
    text-align: center;
}
	.footer-area img.wp-image-90 {
    text-align: center !important;
}

figure.wp-block-image.size-full.is-resized {
    text-align: center;
}

p {
    text-align: center;
}

h4.wp-block-heading.has-text-align-left {
    text-align: center;
}

ul.wp-block-list {
    text-align: center;
    list-style: none;
    margin-left: -30px;
}
p {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


h3 {
    text-align: center;
}

h3 {
    text-align: center !important;
}
	textarea#wpforms-192-field_11 {
    width: 100% !important;
}
.wpforms-container .wpforms-field {
    width: 100% !important;
}
	.wpforms-submit-container {
    display: flex;
    justify-content: center;
}
	.wpforms-form input#wpforms-192-field_8 {
    background: #222222;
    text-align: center;
}
	.wpforms-form input[type="text"], .wpforms-form input[type="email"], .wpforms-form input[type="tel"], .wpforms-form input[type="url"], .wpforms-form textarea, .wpforms-form select {
    background-color: #222 !important;
    color: #fff !important;
    border: 1px solid #444;
    text-align: center;
}
	.hero-inner {
    background: url(https://cwsdemowebsites.com/msp-wp/wp-content/uploads/2025/03/Rectangle-1.png);
    padding: 70px 0;
    display: flex
;
    align-items: center;
}
	h3 {
    text-align: center !important;
}
	h6 {
    text-align: center !important;
}
	.mob-menu-logo-holder {text-align: left !important;}

.footer-area p {
    width: 100%;
}
	.btn-secondary {
    position: absolute;
    left: 0;
    width: 50% !important;
    bottom: 0;
}
	.page-id-134 .most-sec.most-col .is-layout-flex {
    flex-direction: column-reverse;
} 
	.most-sec .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
    justify-content: center;
}
}