:root {
            --primary-color: #242d58;
            --secondary-color: #3498db;
            --accent-color: #e74c3c;
            --light-color: #ecf0f1;
            --dark-color: #2c3e50;
            --green-color: #128912;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            overflow-x: hidden;
            background-color: var(--primary-color);
            width: 100%;
        }

        .navbar {
            background-color: var(--primary-color);
            padding: 15px 0;
        }

        .navbar-brand {
            font-weight: 700;
            font-size: 24px;
            color: white !important;
        }

        .nav-link {
            color: rgba(255, 255, 255, 0.8) !important;
            margin: 0 10px;
            font-weight: 500;
        }

		.nav-link.active {
            color: #ffc107 !important;
            font-weight: 600;
        }

        .nav-link:hover {
            color: white !important;
        }

        .hero-section {
            background: var(--primary-color);
            color: white;
            padding: 50px 0 20px;
            position: relative;
            overflow: hidden;
        }

        .hero-title {
            font-size: 3rem;
            font-weight: 400;
            margin-bottom: 20px;
            text-transform:uppercase;
        }

        .hero-subtitle {
            font-size: 1.2rem;
            margin-bottom: 30px;
            opacity: 0.9;
        }

        .hero-section .btn {
            background-color: var(--green-color);
            border-color: var(--green-color);
            color: var(--light-color);
            border-radius: 30px;
            padding: 8px 36px;
            font-weight: 600;
            margin-right: 15px;
        }

        .hero-section .btn-white {
            background-color: white;
            border-color: var(--green-color);
            color: var(--green-color);
            border-radius: 30px;
            padding: 8px 36px;
            font-weight: 600;
            margin-right: 15px;
        }

        .hero-section .btn-green {
            background-color: var(--green-color);
            border-color: var(--green-color);
            color: var(--light-color);
            border-radius: 30px;
            padding: 8px 36px;
            font-weight: 600;
            margin-right: 15px;
        }


        .hero-section .btn:hover {
            background-color: var(--light-color);
            color: var(--green-color);
        }

        .btn-send {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            color: var(--light-color);
            border-radius: 30px;
            padding: 8px 36px;
            font-weight: 600;
        }
        .btn-send:hover {
            background-color: var(--light-color);
            color: var(--primary-color);
        }



        .section-title {
            font-size: 2.5rem;
            margin-bottom: 50px;
            color: var(--light-color);
            position: relative;
            text-transform:uppercase;
            padding-top:3rem;
        }

        .keyfeatures {
			background:url(img/full_orange.png);
			background-repeat:repeat-x;
			background-position:center 0;
			padding-bottom:64px;
        }
        .products {
			background:url(img/Ellipse11.png);
			background-repeat:repeat-x;
			background-position:center 0;
			padding-bottom:64px;
        }

        .feature-box-nb {
            padding: 30px;
            color:white;
            font-size:125%;
        }

        .feature-box {
            padding: 30px;
            border-radius: 15px;
            background-color: #344184;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s, box-shadow 0.3s;
            color:white;
            text-align:center;
            font-size:125%;
            overflow:hidden;
            border:solid #777 1px;
            height:95%;
            min-height:100px;
        }

        .feature-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
        }

        .feature-icon {
            font-size: 2.5rem;
            color: var(--secondary-color);
            margin-bottom: 20px;
        }

        #why-choose .feature-icon {
        	margin-bottom:0;
        }


        @media (max-width: 320px) {
	        .simpl-box .feature-icon {
	            display:none;
	        }
        }

        .feature-title {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: white;
        }

        .payment-modes {
            background-color: var(--light-color);
            padding: 80px 0;
        }

        .payment-modes .section-title {
            color: var(--primary-color);
        }


        .payment-card {
            background-color: white;
            border-radius: 10px;
            padding: 30px;
            margin-bottom: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            text-align: center;
            transition: all 0.3s;
            height:95%;
		    display:flex;
		    justify-content: center;
		    align-items: center;
		    min-height:140px;
        }

        .payment-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
        }

        .payment-card img {
			max-width:120%;
        }

        .security-section {
            color:white;
            background-image:url(img/small_orange.png);
            background-repeat:no-repeat;
            background-position:bottom left;
            padding-bottom:150px!important;
        }

        .security-box {
            padding: 12px;
            border-radius: 15px;
            background-color: #ecf0f1;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s, box-shadow 0.3s;
            color:var(--primary-color);
            font-size:110%;
            line-height:110%;
            overflow:hidden;
            border:solid #777 1px;
            height:95%;
            min-height:340px;
            position:relative;
        }
        .security-box-1 {
        	background-image:url(img/L-Lock.png);
        	background-position:center top 75px;
        	background-repeat:no-repeat;
        }
        .security-box-2 {
        	background-image:url(img/L-Category.png);
        	background-position:center top 75px;
        	background-repeat:no-repeat;
        }
        .security-box-3 {
        	background-image:url(img/L-Link.png);
        	background-position:center top 75px;
        	background-repeat:no-repeat;
        }
        .security-header {
        	position:absolute;
        	border:solid #AAA 1px;
        	max-width:75%;
            border-radius:20px;
            padding:8px 24px;
            left:5%;
            top:5%;
            text-align:center;
            font-weight:bold;
            line-height:120%;
        }
        .security-text {
        	position:absolute;
        	background:white;
        	border:solid #AAA 1px;
			width:90%;
            border-radius:20px;
            padding:8px 18px;
            left:5%;
            bottom:5%;
        }
        .security-dot {
        	position:absolute;
        	right:5%;
        	top:5%;
        	width:12px;
        }

        footer {
            background-color:#ecf0f1;
            color:var(--primary-color);
            padding: 60px 0 20px;
        }

        @media (max-width: 768px) {
            .hero-title {
                font-size: 2.5rem;
            }

            .section-title {
                font-size: 2rem;
            }

            .hero-section::before {
                width: 100%;
                opacity: 0.1;
            }
       		.hiw {
				text-align:left!important;
			}
        }
        .small {
        	font-size:1.1em;
        }
        .very-small {
        	font-size:0.65em;
        }

        .bigger {
        	font-size:200%;
        	line-height:110%;
        }

        @media (max-width: 768px) {
			.bigger {
	        	font-size:140%;
	        	line-height:110%;
			}
        }


        .features-pics {
        	background-position:center center;
        	background-size: cover;
        }
        .feature-1 {
        	background-image: url(img/features_1.jpg);
        }
        .feature-2 {
        	background-image: url(img/features_2.jpg);
        }
        .feature-3 {
        	background-image: url(img/features_3.jpg);
        }
        .feature-4 {
        	background-image: url(img/features_4.jpg);
        }
		.payment-modes-text {
			display:flex;
			justify-content:space-between;
			border-bottom:solid #aaa 1px;
			align-items:center;
			margin-top:3px;
			margin-bottom:2px;
		}
		.simpl_section {
			color:var(--light-color);
			background:#344184;
		}
		.hiw {
			padding-top:3rem;
			font-size:120%;
		}
		.simpl-box {
            padding: 16px;
            border-radius: 15px;
            background-color:var(--primary-color);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s, box-shadow 0.3s;
            color:white;
            text-align:left;
            font-size:125%;
            border:solid #777 1px;
            height:95%;
            min-height:100px;
            position:relative;
        }

		.simpl-box .feature-icon {
			position:absolute;
			right:2%;
			top:-36px;
		}
		.simpl-box .feature-icon img {
			transform: rotate(10deg)
		}


		.simpl-box.white-box {
            background-color:white;
            color:var(--primary-color);
        }

		.simpl-box h3 {
		    color:inherit;
		    padding-top:1rem;
		    padding-bottom:1.5rem;
		    text-transform:uppercase;
		    padding-right:160px;
		}

        @media (max-width: 320px) {
			.simpl-box h3 {
			    padding-right:10px;
			}
        }


        .simpl-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
        }
        #first_break {
			background:url(img/full_orange.png);
			background-repeat:no-repeat;
			background-position:-250px -70px;
			height:210px;
        }
        #why-choose {
			background:url(img/full_orange.png);
			background-repeat:no-repeat;
			background-position:right -300px top -170px;
        }
        .copyright {
        	color:#aaa;
        	font-size:90%;
        	border-top:solid #aaa 1px;
        	padding:12px 20px;
        	margin-top:36px;
        }
        footer h3 {
        	text-transform:uppercase;
        	margin-bottom:60px;
        }

        footer h2 {
        	text-transform:uppercase;
        	margin-bottom:60px;
        	font-size:390%;
        	font-weight:bold;
        	padding-top:0;
        	margin-top:0;
        	text-align:center;
        }
        footer h4 {
        	text-transform:uppercase;
        	font-weight:normal;
        }
        .rekv {
        	font-size:130%;
        	margin-bottom:20px;
        }
        .rekv div {
        	float:right;
        }
        @media (max-width: 767px) {
	        .rekv div {
	        	float:none;
	        }
        }
        .products-box {
            padding: 12px;
            border-radius: 15px;
            background-color: #ecf0f1;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s, box-shadow 0.3s;
            color:var(--primary-color);
            font-size:110%;
            line-height:110%;
            border:solid #777 1px;
            position:relative;
            height:100%;
        }


        .products-box .inside-image {
        	height:237px;
        	max-height:60%;
			background-size:cover;
			border-radius: 15px;
        	margin:90px 10% 90px;
        }

        @media (max-width: 1200px) {
	        .products-box .inside-image {
	        	margin:110px 10% 130px;
	        }
        }
        @media (max-width: 992px) {
	        .products-box .inside-image {
	        	margin:110px 10% 90px;
	        }
        }
        @media (max-width: 430px) {
	        .products-box .inside-image {
	        	margin:110px 10% 130px;
	        }
        }
        @media (max-width: 360px) {
	        .products-box .inside-image {
	        	margin:110px 10% 170px;
	        }
        }
        @media (max-width: 319px) {
	        .products-box .inside-image {
	        	margin:125px 10% 200px;
	        }
        }

        .products-box-1 {
        	background-image:url(img/prod_1.png);
        }
        .products-box-2 {
        	background-image:url(img/prod_2.png);
        }
        .products-box-3 {
        	background-image:url(img/prod_3.png);
        }
        .products-box-4 {
        	background-image:url(img/prod_4.png);
        }
        .products-text {
        	position:absolute;
        	background:white;
        	border:solid #AAA 1px;
			width:90%;
            border-radius:20px;
            padding:8px 18px;
            left:5%;
            bottom:5%;
        }
        .features {
        	font-size:120%;
        	line-height:105%;
        }

        .features h3 {
        	color:#EB8332;
        	text-transform:uppercase;
        }
        .stacks {
        	max-width:56px;
        	width:100%;
        }

        .about-box {
            padding: 24px;
            border-radius: 15px;
            background-color: #ecf0f1;
            color:var(--primary-color);
            font-size:110%;
            border:solid #777 1px;
            position:relative;
            line-height:110%;
        }
        .about-box .email-icon {
        	position:absolute;
        	top:-80px;
        	right:-150px;
        }
        .about-box-wh {
            padding: 24px;
            border-radius: 15px;
            background-color: white;
            color:var(--primary-color);
            border:solid #777 1px;
            line-height:110%;
        }

        .form-control {
        	border-radius: 15px;
        }
        .modal-header, .modal-footer {
        	border:none;
        }