:root {
    	--white: #FFF;
    	--black: #000;
    	--lite: rgba(255, 255, 255, 0.6);
    	--gray: rgba(1, 1, 1, 0.6);
    	--dark: #101010;
    	--primary: linear-gradient(145deg, #eaeaea, #ff0000);
    	--primary_dark: #002347;
    	--primary_lite: #3399ff;
    	--secondary: #3ab068;
    	/*--default_font: 'Mukta', sans-serif;
      --title_font: 'Kanit', sans-serif;*/
    }


    fieldset {
    	border: 0;
    }

    .title {
    	/*font-family: var(--title_font);*/
    	font-weight: 400;
    	margin: 0;
    }

    .flex,
    .fixed_flex {
    	display: flex;
    }

    .flex_content {
    	width: 100%;
    	position: relative;
    }

    .big {
    	font-size: 3.5em;
    }

    .medium {
    	font-size: 2em;
    }

    .small {
    	font-size: 1.1em;
    }

    .btn {
    	padding: 1rem;
    	border-radius: 5px;
    	color: var(--white);
    	position: relative;
    	border: 0;
    	text-align: center;
    	font-weight: 500;
    }

    .btn_1 {
    	background: #ff0000;
    	color: var(--dark) !important;
    }

    .btn_1:hover {
    	opacity: 0.8;
    }



    .divisions {
    	position: relative;
    }

    .title_header {
    	margin: auto;
    	text-align: center;
    	width: 60%;
    	padding: 30px 10px;
    }

    .ball:before {
    	content: "";
    	border-radius: 50%;
    	background-color: rgba(1, 1, 1, 0.2);
    	position: absolute;
    	left: 0;
    	top: 50%;
    	width: 30px;
    	height: 30px;
    	transform: translate(-50%, -50%);
    }



    /*division_4*/
    .division_4 {
    	z-index: 11;
    }

    .division_4 .title_header {
    	width: 50%;
    }

    .division_4 .title_header .btn {
    	margin: auto;
    	border-radius: 40px;
    	padding: 0.5rem 1rem;
    }

    .division_4 .title_header aside {
    	align-items: center;
    	justify-content: center;
    }

    .division_4 .title_header aside .fa {
    	background-color: rgba(1, 1, 1, 0.2);
    	border-radius: 50%;
    	width: 30px;
    	height: 30px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	margin-right: 10px;
    	color: var(--gray);
    }

    .division_4 .title_header aside .btn {
    	margin: 0 0.5rem;
    }

    .division_4 .title_header aside a:first-child {
    	color: var(--white) !important;
    }

    .division_4 .title_header aside a:last-child {
    	color: var(--gray);
    }

    .division_4 .title_header p {
    	color: var(--gray);
    }

    .division_4 .title_header .bar {
    	margin: auto;
    }

    .division_4 .cards {
    	padding: 1rem 1rem;
    	position: relative;
    }

    .division_4 .cards:before,
    .division_4 .cards:after {
    	content: "";
    	position: absolute;
    	width: 150px;
    	height: 150px;
    	z-index: -1;
    }

    .ball {
    	position: absolute;
    	width: 20px;
    	height: 20px;
    	border-radius: 50%;
    	background: var(--primary);
    }

    .division_4 .cards:before {
    	background-image: url("https://i.postimg.cc/3NQzzcK3/dots.png");
    	top: 0;
    	left: 2%;
    	animation: arrows 4s 0s infinite;
    }

    .division_4 .cards:after {
    	background-image: url("https://i.postimg.cc/3NQzzcK3/dots.png");
    	bottom: 0;
    	right: 2%;
    	animation: arrows 6s 0s infinite;
    }

    .ball:nth-child(1) {
    	width: 30px;
    	height: 30px;
    	left: 10%;
    	top: 5%;
    	animation: arrows 10s 0s infinite;
    }

    .ball:nth-child(2) {
    	width: 30px;
    	height: 30px;
    	right: 10%;
    	bottom: 5%;
    	animation: arrows 10s 0s infinite;
    }

    .ball:nth-child(3) {
    	width: 50px;
    	height: 50px;
    	left: 50%;
    	top: 20%;
    	transform: translate(-50%, -20%);
    	animation: arrows 10s 0s infinite;
    }

    .ball:nth-child(4) {
    	width: 50px;
    	height: 50px;
    	left: 3%;
    	bottom: 0%;
    	animation: arrows 15s 0s infinite;
    }

    .division_4 .cards figure {
    	height: 70vh;
    	margin: 2%;
    	border-radius: 140px;
    	overflow: hidden;
    	position: relative;
    }

    .division_4 .cards figure:nth-child(2),
    .division_4 .cards figure:nth-child(3) {
    	top: 4rem;
    }

    .division_4 figure img {
    	object-fit: cover;
    	width: 100%;
    	height: 100%;
    }

    .division_4 .cards section {
    	background-image: url("https://i.postimg.cc/g0Jw6Mbc/line.png");
    	background-size: 70% auto;
    	background-repeat: no-repeat;
    	background-position: center;
    	width: 100%;
    }

    @media (max-width:920px) {
    	.division_4 .title_header {
    		width: 100%;
    		padding: 1rem;
    	}

    	.division_4 .cards figure {
    		height: 300px;
    	}

    	.division_4 .cards:after {
    		display: none;
    	}

    	.flex {
    		flex-wrap: wrap;
    	}

    	.big {
    		font-size: 1.8em;
    	}

    	.medium {
    		font-size: 1.6em;
    	}

    	.small {
    		font-size: 1.1em;
    	}

    	.btn {
    		padding: 0.5rem 1rem;
    	}

    	a,
    	.btn {
    		font-size: 14px;
    	}

    	.div-p {
    		font-size: 14px;
    	}

    	.title_header {
    		width: 100%;
    	}
    }

    @media (max-width:540px) {
    	.division_4 .cards {
    		padding: 1rem 0rem;
    		position: relative;
    	}

    	.division_4 .cards figure {
    		height: 220px;
    	}

    	.ball:nth-child(3) {
    		width: 30px;
    		height: 30px;
    		left: 50%;
    		top: 20%;
    		transform: translate(-50%, -20%);
    		animation: arrows 10s 0s infinite;
    	}

    	.title_header h3 {
    		font-size: 2rem;
    	}

    	.ball:nth-child(4) {
    		width: 35px;
    		height: 35px;
    		left: 4%;
    		bottom: 2%;
    		animation: arrows 15s 0s infinite;
    	}
    }