@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap");

:root {
	--h1size: 52px;
	--h2size: 42px;
	--h3size: 26px;
	--h4size: 22px;
	--h5size: 20px;
	--h6size: 18px;
	--bodysize: 16px;
	--h1height: 60px;
	--h2height: 50px;
	--h3height: 34px;
	--h4height: 30px;
	--h5height: 28px;
	--h6height: 30px;
	--bodyheight: 30px;
	--pfamily: 'Rubik', sans-serif;
	--red: #ff3838;
	--gray: #777777;
	--text: #555555;
	--blue: #1494a9;
	--white: #ffffff;
	--chalk: #f5f5f5;
	--green: #11b76b;
	--purple: #b12fad;
	--orange: #e86121;
	--yellow: #ffab10;
	--body: #f5f6f7;
	--border: #e8e8e8;
	--heading: #39404a;
	--secondary: rgb(15, 50, 72);
	--primary: #fcc605;
	--background: #F6F1EB;
	--sub-heading: #565765;
	--green-chalk: #ddffd5;
	--green-dark: #072f17;
	--gray-chalk: #cccccc;
	--intro-bg: #f8fffa;
	--facebook: #3b5998;
	--linkedin: #0e76a8;
	--twitter: #00acee;
	--google: #E60023;
	--instagram: #F77737;
	--primary-bshadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
	--primary-tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1)
}

* {
	margin: 0px;
	padding: 0px;
	outline: 0px
}

img {
	vertical-align: middle
}

a {
	text-decoration: none !important;
	display: inline-block;
}

a:hover {
	text-decoration: none
}

ul,
ol {
	padding: 0px !important;
	list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
span,
label {
	margin-bottom: 0px
}

html,
body {
	scroll-behavior: smooth;
	overflow-x: hidden;

}

.swiper {
	width: 100%;
	height: 100%;
}

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


@media (max-width: 992px) {
    .header-media-group {
       display:block !important;
    }
    .nav-top , .header-hero , .navbar-part{
       display:none !important;
       }
       .navbar-list li {
           margin-right:18px
           }
           .index-right{
               margin-left: 0px !important;
           margin-top: 10px ;
           margin-bottom: 20px;
           }

   }
   @media (min-width: 992px) and (max-width: 1199px) {
       .navbar-list li {
       margin-right:18px
       }
       
       .navbar-info {
       margin-right:15px
       }
       .navbar-info p span {
       font-size:14px
       }
       .navbar-info i {
       margin-right:10px
       }
   
       .index-right{
           margin-left: 0px !important;
       margin-top: 10px ;
       margin-bottom: 20px;
       }
       }
@media (max-width: 992px) {}